/* ============================================================
   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:'greycliff-cf',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:'greycliff-cf',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:'greycliff-cf',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:'greycliff-cf',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;}

/* Respaldo por si el footer viejo llegara a renderizarse */
.ast-small-footer,
.ast-small-footer > .ast-footer-overlay,
.ast-footer-copyright,
.site-footer .ast-builder-footer-bottom,
.site-below-footer-wrap{
	background:#004166 !important;
	color:#8fb6c9 !important;
	border-top:none !important;
}
.ast-small-footer .ast-small-footer-section{text-align:center !important;}
.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("../../../uploads/2026/07/logo-lideres-de-grupo-blanco.png");
	max-height:34px !important; width:auto !important; height:auto !important;
}

/* ===== Footer de marca (reemplaza al de Astra) ===== */
.gf{font-family:'greycliff-cf',sans-serif;}
.gf-top{
	position:relative; overflow:hidden;
	background:
		radial-gradient(700px 340px at 90% -20%, rgba(81,219,232,.16), transparent 60%),
		linear-gradient(135deg,#004166,#01517d);
	padding:58px 0 46px;
	border-top:4px solid;
	border-image:linear-gradient(90deg,#51DBE8,#219ED9) 1;
}
.gf-top::before{
	content:""; position:absolute; inset:0; pointer-events:none;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Ccircle cx='3' cy='3' r='1.7' fill='%2351DBE8' fill-opacity='.14'/%3E%3C/svg%3E");
	-webkit-mask-image:radial-gradient(640px 380px at 82% 30%, #000 0%, transparent 72%);
	mask-image:radial-gradient(640px 380px at 82% 30%, #000 0%, transparent 72%);
}
.gf-wrap{max-width:1240px; margin:0 auto; padding:0 clamp(20px,3.5vw,44px); position:relative;}
.gf-cols{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:44px; align-items:start;}
.gf-logo{max-height:40px; width:auto; display:block; margin-bottom:16px;}
.gf-tagline{font-size:14.5px; line-height:1.6; color:#C8E9EF; margin:0; max-width:300px;}
.gf-h{
	font-size:11.5px; font-weight:800; letter-spacing:.18em; text-transform:uppercase;
	color:#51DBE8; margin:0 0 14px;
}
.gf-col a{
	display:block; font-size:14.5px; font-weight:600; color:#C8E9EF !important;
	text-decoration:none !important; padding:5px 0; transition:color .15s, transform .15s;
}
.gf-col a:hover{color:#51DBE8 !important; transform:translateX(3px);}
.gf-bottom{background:#00324d; padding:18px 0;}
.gf-bottom-row{display:flex; justify-content:space-between; align-items:center; gap:12px;}
.gf-dots{display:flex; gap:6px;}
.gf-dots i{width:8px; height:8px; border-radius:50%; background:#51DBE8; display:block;}
.gf-dots i:nth-child(2){opacity:.6;} .gf-dots i:nth-child(3){opacity:.3;}
.gf-copy{font-size:12.5px; font-weight:600; color:#8fb6c9;}

@media (max-width:820px){
	.gf-cols{grid-template-columns:1fr; gap:30px;}
	.gf-top{padding:44px 0 36px;}
}

/* ===== Página "Documentos para líderes" ===== */
.gd{
	font-family:'greycliff-cf',sans-serif; color:#004166;
	max-width:1240px; margin:0 auto; padding:22px clamp(18px,3vw,28px) 84px;
}
.gd *{box-sizing:border-box;}

/* Hero con fotografía + overlay navy */
.gd-hero{
	position:relative; overflow:hidden; border-radius:26px; padding:78px 58px;
	background-color:#004166; background-size:cover; background-position:center 32%;
	margin:0 0 46px;
}
.gd-hero::before{
	content:""; position:absolute; inset:0;
	background:linear-gradient(100deg, rgba(0,30,52,.95) 0%, rgba(0,50,80,.84) 45%, rgba(0,65,102,.42) 100%);
}
.gd-hero::after{
	content:""; position:absolute; inset:0; pointer-events:none;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Ccircle cx='3' cy='3' r='1.7' fill='%2351DBE8' fill-opacity='.16'/%3E%3C/svg%3E");
	-webkit-mask-image:radial-gradient(680px 400px at 12% 85%, #000 0%, transparent 70%);
	mask-image:radial-gradient(680px 400px at 12% 85%, #000 0%, transparent 70%);
}
.gd-hero > *{position:relative; z-index:1;}
.gd-kicker{font-size:12.5px; font-weight:800; letter-spacing:.22em; text-transform:uppercase; color:#51DBE8; margin:0 0 12px;}
.gd-title{
	font-family:'greycliff-cf',sans-serif !important; font-size:clamp(30px,4.2vw,50px) !important;
	font-weight:900 !important; line-height:1.05 !important; letter-spacing:.02em;
	text-transform:uppercase; color:#fff !important; margin:0 0 14px !important;
}
.gd-title span{color:#51DBE8;}
.gd-sub{font-size:16.5px; line-height:1.55; color:#C8E9EF; margin:0; max-width:540px;}

/* Banners fotográficos de sección (estilo referencia) */
.gd-sec-banner{
	position:relative; overflow:hidden; border-radius:22px;
	padding:54px 46px 46px; margin:54px 0 22px;
	background-color:#004166; background-size:cover; background-position:center 35%;
	display:flex; flex-direction:column; justify-content:flex-end; min-height:210px;
}
.gd-sec-banner::before{
	content:""; position:absolute; inset:0;
	background:linear-gradient(92deg, rgba(0,28,48,.94) 0%, rgba(0,48,78,.78) 52%, rgba(0,65,102,.34) 100%);
}
.gd-sec-banner::after{
	content:""; position:absolute; inset:0; pointer-events:none;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Ccircle cx='3' cy='3' r='1.7' fill='%2351DBE8' fill-opacity='.15'/%3E%3C/svg%3E");
	-webkit-mask-image:radial-gradient(520px 300px at 8% 100%, #000 0%, transparent 72%);
	mask-image:radial-gradient(520px 300px at 8% 100%, #000 0%, transparent 72%);
}
.gd-sec-banner > *{position:relative; z-index:1;}
.gd-sec-title{
	font-family:'greycliff-cf',sans-serif !important; font-size:clamp(26px,3.4vw,42px) !important;
	font-weight:900 !important; line-height:1.06 !important; letter-spacing:.02em;
	text-transform:uppercase; color:#fff !important; margin:0 !important; max-width:640px;
}
.gd-sec-title span{color:#51DBE8; display:block;}
.gd-sec-bcount{
	position:absolute; top:22px; right:24px;
	font-size:12px; font-weight:800; color:#C8E9EF;
	background:rgba(0,45,72,.55); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
	border-radius:999px; padding:6px 14px;
}

/* Encabezados de sección prominentes */
.gd-sec-head{display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin:54px 0 10px;}
.gd-sec-label{
	font-family:'greycliff-cf',sans-serif !important; font-size:clamp(23px,2.7vw,31px) !important;
	font-weight:900 !important; color:#004166 !important; margin:0 !important;
	line-height:1.15 !important; letter-spacing:-.01em;
}
.gd-sec-count{
	font-size:12px; font-weight:800; color:#0f5e86; background:#eaf6fb;
	border-radius:999px; padding:5px 13px; white-space:nowrap;
}
.gd-sec-bar{
	display:block; width:64px; height:4px; border-radius:99px;
	background:linear-gradient(90deg,#51DBE8,#219ED9); margin:0 0 24px;
}

/* Tarjetas de documento: todo el cuadro es botón */
.gd-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(272px,1fr)); gap:18px; margin:0 0 8px; padding:0; list-style:none;}
.gd-card{
	position:relative; display:flex; flex-direction:column;
	min-height:174px; border-radius:20px; padding:0; overflow:hidden;
	background:
		radial-gradient(420px 220px at 110% -20%, rgba(81,219,232,.30), transparent 62%),
		linear-gradient(135deg,#004166 0%,#01517d 100%);
	text-decoration:none !important;
	transition:transform .2s ease, box-shadow .2s ease;
}
.gd-card:not(.has-img)::before{
	content:""; position:absolute; inset:0; pointer-events:none;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='3' cy='3' r='1.6' fill='%2351DBE8' fill-opacity='.15'/%3E%3C/svg%3E");
	-webkit-mask-image:radial-gradient(320px 220px at 100% 0%, #000 0%, transparent 75%);
	mask-image:radial-gradient(320px 220px at 100% 0%, #000 0%, transparent 75%);
}
.gd-card:hover{transform:translateY(-5px); box-shadow:0 20px 44px rgba(0,30,60,.30);}
.gd-card-media{position:relative; display:block; aspect-ratio:10/7; overflow:hidden; background:#01517d;}
.gd-card-media img{
	width:100%; height:100%; object-fit:cover; display:block;
	transition:transform .45s cubic-bezier(.2,.6,.2,1);
}
.gd-card:hover .gd-card-media img{transform:scale(1.05);}
.gd-card-inner{
	position:relative; display:flex; flex-direction:column; justify-content:space-between; gap:28px;
	flex:1; padding:24px 24px 20px;
}
.gd-card.has-img .gd-card-inner{gap:18px; padding:18px 20px 16px; min-height:0;}
.gd-card.has-img{min-height:0;}
.gd-card-title{
	position:relative; font-size:19.5px; font-weight:800; color:#fff !important;
	line-height:1.28; letter-spacing:-.005em; margin:0;
}
.gd-card.has-img .gd-card-title{font-size:17px;}
.gd-card-foot{position:relative; display:flex; justify-content:space-between; align-items:center;}
.gd-card-foot .gd-arrow{margin-left:auto;}
.gd-chip{font-size:10.5px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:#51DBE8;}
.gd-arrow{
	width:36px; height:36px; border-radius:50%; border:1.5px solid rgba(200,233,239,.4);
	display:flex; align-items:center; justify-content:center; color:#fff; font-size:17px; line-height:1;
	transition:background .18s, color .18s, border-color .18s, transform .18s;
}
.gd-card:hover .gd-arrow{background:#51DBE8; border-color:#51DBE8; color:#004166; transform:translateX(4px);}

/* Videos */
.gd-videos{display:grid; grid-template-columns:repeat(auto-fill,minmax(262px,1fr)); gap:18px; margin:0 0 8px;}
.gd-vcard{
	display:block; background:#fff; border:1.5px solid #e3edf2; border-radius:18px; overflow:hidden;
	text-decoration:none !important; transition:transform .2s, box-shadow .2s, border-color .2s;
}
.gd-vcard:hover{transform:translateY(-5px); box-shadow:0 18px 40px rgba(0,65,102,.15); border-color:#34B6DF;}
.gd-vmedia{position:relative; display:block; aspect-ratio:16/9; background:#C8E9EF; overflow:hidden;}
.gd-vmedia img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .45s cubic-bezier(.2,.6,.2,1);}
.gd-vcard:hover .gd-vmedia img{transform:scale(1.05);}
.gd-play{
	position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
	width:52px; height:52px; border-radius:50%; background:rgba(0,45,72,.72);
	-webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
	transition:background .18s;
}
.gd-play::after{
	content:""; position:absolute; top:50%; left:55%; transform:translate(-50%,-50%);
	border-style:solid; border-width:9px 0 9px 15px;
	border-color:transparent transparent transparent #fff;
}
.gd-vcard:hover .gd-play{background:#219ED9;}
.gd-vtitle{display:block; font-size:15.5px; font-weight:800; color:#004166 !important; line-height:1.3; padding:14px 18px 16px;}

@media (max-width:640px){
	.gd{padding-left:16px; padding-right:16px;}
	.gd-hero{padding:46px 24px; border-radius:20px;}
	.gd-grid,.gd-videos{grid-template-columns:1fr;}
	.gd-sec-head{margin-top:42px;}
	.gd-card{min-height:150px;}
	.gd-card-inner{gap:20px;}
	.gd-sec-banner{padding:70px 22px 30px; margin-top:42px; min-height:180px; border-radius:18px;}
	.gd-sec-bcount{top:14px; right:14px;}
}

/* Popup de video */
.gd-lb{
	position:fixed; inset:0; z-index:99999;
	background:rgba(0,18,32,.86); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
	display:flex; align-items:center; justify-content:center; padding:24px;
	animation:gdLbIn .2s ease;
}
@keyframes gdLbIn{from{opacity:0;} to{opacity:1;}}
.gd-lb-box{position:relative; width:min(960px,100%);}
.gd-lb-frame{
	position:relative; aspect-ratio:16/9; border-radius:16px; overflow:hidden;
	background:#000; box-shadow:0 30px 80px rgba(0,0,0,.5);
}
.gd-lb-frame iframe{position:absolute; inset:0; width:100%; height:100%; border:0;}
.gd-lb-close{
	position:absolute; top:-46px; right:0;
	width:38px; height:38px; border-radius:50%; border:none; cursor:pointer;
	background:rgba(255,255,255,.12); color:#fff; font-size:24px; line-height:1;
	font-family:'greycliff-cf',sans-serif; transition:background .15s;
}
.gd-lb-close:hover{background:#219ED9;}
@media (max-width:640px){
	.gd-lb{padding:12px;}
	.gd-lb-frame{border-radius:12px;}
}

/* ===== Footer pegado abajo (sin espacio blanco al final) ===== */
html{background:#00324d;}
#page{min-height:100vh; display:flex; flex-direction:column; background:#fff; width:100%;}
#page #content{flex:1 0 auto;}
.gf{margin-top:auto;}
.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;
}