/* Estilos personalizados para Mesa Grande Covián */
/* Fuente base y colores */
body { padding-top: 70px; font-family: Oswald, Arial, sans-serif; line-height: 1.6; }
.article { font-family: Poppins, Arial, sans-serif; font-size:17px; }
.article h5 { color:#9603d4 !important; font-family: Oswald, Arial, sans-serif; font-size:25px !important; }
.article .table th { background:#4a4893 !important; color:#FFF !important; }
figcaption { font-size:15px; padding:8px; color:#666; }
/* Espaciado para secciones */
section { padding: 60px 0; border-bottom: 1px solid #DDD; }
section h2 { color:#444444; text-align: center; margin: 30px auto; font-size: 24px; font-weight: 700; color: #333; text-transform: uppercase; letter-spacing: 1px; }
section .card-body { text-align:center; }
section .card-body h4 { font-size:20px; color:#9b00d8; font-weight:bold; }
/* Personalización de la cabecera */
header { 
  background: url('/gastrowiki/img/inicio-top-scaled.jpg') no-repeat center 80px;
  background-size: 150% auto; background-attachment: fixed; min-height: 300px; color: #fff; text-align: center; display: flex; align-items: center; position: relative; 
}
header::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(24, 29, 56, .4); z-index: 1; }
header .container { position: relative; z-index: 2; }
/* Barra de navegación */
.navbar-nav h1 { color:#6a00bc; }
.navbar { border-top:4px solid #7b14e2; text-transform: uppercase; }
.navbar-collapse .nav-item { padding:0px 15px; }
.navbar-collapse .nav-item .nav-link.active { font-weight:bold; color:#FFF; background:#7b14e2; }
.nav-item .nav-link:hover { color:#FFF; background:#7b14e2; }
.nav-tabs .nav-link { border: 1px solid #eee; }
.nav-tabs .nav-link.active { font-weight:bold; }
.tab-content .tab-pane { padding:30px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; }
a { text-decoration:none; color:#9b00d8; }
a:hover { color:#af40db; }
/* Pie de página */
footer { font-size: 0.9rem; }
footer a { font-family: Poppins; text-decoration:none; color:#FFF !important; }
footer a:hover { color:#c385dc !important; }
.top-footer { background:#313b48; }
.bottom-footer { background:#28313d; }
.top-sec { background:#f9f9f9; padding:50px; margin-top:16px; }
.top-sec h1 { font-size:25px; color:#444; }
.top-sec {}
.h150 { height:150px !important; }
.text-purple { color:#9603d4 !important; }
.bolder { font-weight:bold; }
.btn-primary { background:#9603d4 !important; border:1px solid #9603d4 !important; font-weight:bold; font-family:Poppins; }
.btn-primary:hover { background:#6c0298 !important; }
.normal { font-weight:normal !important; }
/* glossary */
.alfabeto .letra { display: inline-block; margin: 5px 2px; padding: 5px 10px; border-radius: 4px; background-color: #f8f9fa; text-decoration: none; color: #495057; }
.alfabeto .letra.active { background-color: #8e44ad; color: white; }
.alfabeto .letra:hover { background-color: #e9ecef; }
.alfabeto .letra.active:hover { background-color: #0b5ed7; }
.termino { margin: 20px auto; padding: 15px;  }
.termino-link { color: #9603d4; text-decoration: none; border-bottom: 1px dotted #8e44ad; }
.termino-link:hover { border-bottom: 1px solid #0d6efd; }
.alert-purple { background:#f2e4f8; }
#busqueda-form { margin-bottom: 30px; }
.contador-terminos { margin-top: 20px; margin-bottom: 20px; font-style: italic; color: #6c757d; }
.letra-seccion { margin-top: 30px; padding: 10px; background-color: #f8f9fa; border-radius: 4px; }
.custom-tooltip.tooltip > .tooltip-inner { text-align: left; max-width: 500px; padding:15px; font-size:18px; }
.custom-tooltip { --bs-tooltip-bg: #6610f2; --bs-tooltip-color: #FFF; }
.back-to-top { position: fixed; right: 30px; bottom: 30px; width: 45px; height: 45px; align-items: center; padding:10px 0px; transition: 0.5s; z-index: 99; display:none; }