/* ============================================================
   Grupos — Estilos de marca para header y footer (todo el sitio)
   Paleta: navy #004166 · cyan #51DBE8 · azul #219ED9 · pale #C8E9EF
   ============================================================ */

/* ===== Header ===== */
.main-header-bar,
.ast-header-break-point .main-header-bar,
#ast-mobile-header .ast-primary-header-bar{
	background:#fff !important;
	border-bottom:none !important;
	box-shadow:0 1px 0 #e3edf2, 0 8px 28px rgba(0,65,102,.06);
	padding:16px 0 !important;
}
.ast-header-break-point .main-header-bar{padding:12px 0 !important;}
/* Aire lateral del header y footer */
.main-header-bar .ast-container,
.site-footer .ast-container,
.footer-adv .ast-container,
.ast-small-footer .ast-container{
	padding-left:clamp(20px, 3.5vw, 44px) !important;
	padding-right:clamp(20px, 3.5vw, 44px) !important;
}

/* Logo */
.site-header .custom-logo,
.site-header .site-logo-img img{
	max-height:54px !important;
	width:auto !important;
}
.ast-header-break-point .site-header .custom-logo,
.ast-header-break-point .site-logo-img img{
	max-height:44px !important;
}

/* Menú principal */
.main-header-menu .menu-item > .menu-link,
.ast-header-break-point .main-header-menu .menu-item > .menu-link{
	font-family:'Nunito',sans-serif !important;
	font-weight:700 !important;
	font-size:15px !important;
	color:#004166 !important;
	letter-spacing:.01em;
	transition:color .15s ease;
}
.main-header-menu .menu-item > .menu-link:hover,
.main-header-menu .menu-item.focus > .menu-link{
	color:#219ED9 !important;
	background:transparent !important;
}
.main-header-menu .current-menu-item > .menu-link,
.main-header-menu .current_page_item > .menu-link{
	color:#219ED9 !important;
}
/* Subrayado sutil animado */
.main-header-menu .menu-item > .menu-link{position:relative;}
.main-header-menu > .menu-item > .menu-link::after{
	content:""; position:absolute; left:1em; right:1em; bottom:6px; height:2.5px;
	border-radius:99px; background:linear-gradient(90deg,#51DBE8,#219ED9);
	transform:scaleX(0); transform-origin:left center; transition:transform .18s ease;
}
.main-header-menu > .menu-item > .menu-link:hover::after,
.main-header-menu > .current-menu-item > .menu-link::after{transform:scaleX(1);}

/* Submenús */
.main-header-menu .sub-menu{
	border-radius:14px !important; border:1px solid #e3edf2 !important;
	box-shadow:0 16px 40px rgba(0,65,102,.14) !important; overflow:hidden;
}
.main-header-menu .sub-menu .menu-link{font-size:14px !important;}
.main-header-menu .sub-menu .menu-link:hover{
	color:#004166 !important; background:#eefbfd !important;
}

/* Hamburguesa / buscador del header */
.menu-toggle,
.menu-toggle:hover,
.menu-toggle:focus,
.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-toggle{
	background:transparent !important; color:#004166 !important;
	border:none !important; outline:none !important; box-shadow:none !important;
}
.menu-toggle:focus-visible{outline:3px solid rgba(81,219,232,.55) !important; outline-offset:2px;}
.astra-search-icon,
.ast-search-menu-icon .search-form .search-submit{color:#004166 !important;}

/* ===== Footer ===== */
.site-footer{
	font-family:'Nunito',sans-serif;
	position:relative;
}
.site-footer::before{
	content:""; display:block; height:4px; width:100%;
	background:linear-gradient(90deg,#51DBE8,#219ED9);
}
.site-footer,
.footer-adv,
.footer-adv-overlay,
.site-footer .ast-builder-grid-row-container,
.site-footer [data-section]{
	background-color:#004166 !important;
}
/* Aire vertical del footer */
.footer-adv-overlay,
.footer-adv .footer-adv-overlay{
	padding:60px 0 48px !important;
}
.footer-adv .widget{margin-bottom:1.6em;}
.site-footer,
.site-footer p,
.site-footer li,
.site-footer .widget,
.footer-adv .widget,
.footer-adv .footer-adv-widget{
	color:#C8E9EF !important;
	font-family:'Nunito',sans-serif !important;
	font-size:14.5px;
}
.site-footer a,
.footer-adv a{
	color:#C8E9EF !important;
	font-weight:600;
	text-decoration:none !important;
	transition:color .15s ease;
}
.site-footer a:hover,
.footer-adv a:hover{color:#51DBE8 !important;}
.site-footer .widget-title,
.footer-adv .widget-title,
.site-footer h2, .site-footer h3, .site-footer h4{
	color:#fff !important;
	font-family:'Nunito',sans-serif !important;
	font-size:12.5px !important;
	font-weight:800 !important;
	letter-spacing:.16em; text-transform:uppercase;
	margin-bottom:14px;
}
/* Buscador nativo oculto en el footer (la búsqueda vive en el catálogo) */
.site-footer .widget_search,
.footer-adv .widget_search,
.site-footer .wp-block-search{display:none !important;}

/* Barra inferior: se funde con el footer, solo el logo centrado */
.ast-small-footer,
.ast-footer-copyright,
.site-footer .ast-builder-footer-bottom,
.site-below-footer-wrap{
	background:#004166 !important;
	color:#8fb6c9 !important;
	font-size:13px;
	border-top:none !important;
	padding:4px 0 40px !important;
}
.ast-small-footer .ast-small-footer-section{text-align:center !important;}
/* El logo de la barra inferior venía del Personalizador con el archivo viejo:
   lo sustituimos por el logo blanco actual. */
.ast-small-footer img.wp-image-18,
.ast-small-footer img[src*="Lideres_de_grupo_LOGO_FONDO"],
.ast-small-footer img[data-src*="Lideres_de_grupo_LOGO_FONDO"]{
	content:url("https://lideresdegrupo.vidain.org/wp-content/uploads/2026/07/logo-lideres-de-grupo-blanco.png");
	max-height:34px !important; width:auto !important; height:auto !important;
}
.ast-small-footer a,
.ast-footer-copyright a{color:#C8E9EF !important;}
.ast-small-footer a:hover,
.ast-footer-copyright a:hover{color:#51DBE8 !important;}

/* Formularios dentro del footer (buscador, etc.) */
.site-footer input[type="search"],
.site-footer input[type="text"],
.footer-adv input[type="search"]{
	background:rgba(255,255,255,.08) !important;
	border:1px solid rgba(200,233,239,.25) !important;
	border-radius:10px !important;
	color:#fff !important;
}
.site-footer input::placeholder{color:#8fb6c9 !important;}
.site-footer .search-submit,
.footer-adv .search-submit{
	background:#219ED9 !important; color:#fff !important; border:none !important; border-radius:10px !important;
}
