/*
Theme Name: HAP — Hockey Argentino Plus
Theme URI: https://hockeyargentinoplus.com.ar
Description: Tema hijo de Kadence para el rediseño de Hockey Argentino Plus. Diseño propio (home, header, footer, templates) con foco en performance.
Author: Hockey Argentino Plus
Author URI: https://hockeyargentinoplus.com.ar
Template: kadence
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: kadence-hap
*/

/* ============================================================
   HAP — estilos del rediseño (portado 1:1 de la maqueta aprobada
   Home-Completa.html). Las fuentes (Bricolage Grotesque, DM Sans)
   y los íconos (Tabler) se encolan desde functions.php.
   ============================================================ */

:root,[data-theme="light"]{
  --navy:#1C2E5B; --navy-d:#142546; --turq:#2BC4D2; --turq-soft:#E6F8FA; --turq-dark:#0E7A85;
  --ink:#0B1220; --muted:#5A6679; --light:#94A3B8;
  --bg:#F1F5FA; --panel:#FFFFFF; --line:#E2E9F2; --halo:0;
}
[data-theme="dark"]{
  --navy:#5DD8E3; --navy-d:#0C1A33; --turq:#2BC4D2; --turq-soft:rgba(43,196,210,.16); --turq-dark:#5DD8E3;
  --ink:#EEF3FB; --muted:#9AA8C0; --light:#5C6B85;
  --bg:#070E1E; --panel:#0F1C37; --line:#1E2F4F; --halo:.62;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}
html,body{overflow-x:hidden;max-width:100%} /* blindaje: ningun elemento ancho hace que la web se "vaya de ancho" en mobile (incluye el header sticky) */
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:1280px;margin:0 auto;padding:0 26px}

/* ===== TOPBAR (estilo DAP, con redes HAP + Blogspot) ===== */
.topbar{background:#070D1A;color:#fff;font-size:13px;padding:8px 0}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.topbar .date{color:#cbd5e1;text-transform:capitalize}
.topbar .r{display:flex;align-items:center;gap:18px}
.topbar .caf-link{display:inline-flex;align-items:center;gap:6px;color:var(--turq);font-weight:500}
.topbar .caf-link:hover{color:#fff}
.topbar .socs{display:flex;gap:12px;font-size:16px}
.topbar .socs a{color:#cbd5e1;transition:.2s}
.topbar .socs a:hover{color:var(--turq)}
.tg{background:transparent;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px}
.tg:hover{border-color:var(--turq);color:var(--turq)}
[data-theme="light"] .sun{display:none}[data-theme="dark"] .moon{display:none}

/* ===== HEADER + MENÚ ===== */
header.head{background:#E6EEF8;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60}
[data-theme="dark"] header.head{background:#0E1A33}
header.head::after{content:"";display:block;height:3px;background:linear-gradient(90deg,#1C2E5B 0%,#1C2E5B 55%,var(--turq) 55%,var(--turq) 100%)}
.head .wrap{display:flex;align-items:center;gap:30px;padding:0 26px;height:116px}
.logo{position:relative;display:inline-flex;align-items:center;padding:0 10px;margin:0}
.logo::before{content:"";position:absolute;inset:-5px -9px;border-radius:20px;filter:blur(13px);opacity:var(--halo);background:radial-gradient(ellipse,rgba(255,255,255,.97),transparent 65%);transition:opacity .3s}
.logo img{position:relative;z-index:1;height:108px;width:auto;max-height:calc(116px - 6px)}
/* DESKTOP (>=1041px): logo un 10% mas grande que el original, en su POSICION
   INICIAL (izquierda, sin corrimiento) — Guille 10/06. Solo desktop: en mobile el
   header es compacto y queda como estaba. */
@media(min-width:1041px){
  .head .wrap{height:134px}
  .logo img{height:130px;max-height:130px}
}
nav.nav{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
nav.nav a{font-size:13.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);padding:9px 12px;border-radius:8px;transition:.18s}
nav.nav a:hover,nav.nav a.active{color:var(--turq-dark);background:var(--turq-soft)}
/* botón hamburguesa (mobile) — oculto en desktop */
.navtoggle{display:none;margin-left:auto;background:transparent;border:1px solid var(--line);color:var(--ink);width:42px;height:42px;border-radius:10px;cursor:pointer;font-size:22px;align-items:center;justify-content:center}

/* ===== MENÚ REAL (wp_nav_menu): CASCADA — mockup 06-Menu/Menu-Cascada.html =====
   Top: me paro en un ítem -> hijos inmediatos; me paro en un hijo -> los suyos.
   Submenús en MAYÚSCULAS (decisión Guille 10/06). */
.nav-ul{list-style:none;display:flex;gap:2px;margin:0;padding:0}
.nav-ul li{position:relative}
.nav-ul a{display:inline-flex;align-items:center;gap:5px}
/* caret del top (▾) y de los flyouts (▸) — CSS puro, sin fuentes */
.nav-ul li.menu-item-has-children>a::after{content:"";width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.5;flex-shrink:0}
.nav-ul .sub-menu li.menu-item-has-children>a::after{transform:rotate(-45deg);margin-left:auto}
/* panel desplegable */
.nav-ul .sub-menu{list-style:none;display:none;position:absolute;top:calc(100% + 10px);left:0;min-width:225px;margin:0;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px -16px rgba(11,18,32,.28);padding:7px;z-index:70}
/* puente invisible: mantiene el hover al cruzar el hueco hasta el panel */
.nav-ul .sub-menu::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
/* flyouts (niveles 2+): salen al costado del ítem */
.nav-ul .sub-menu .sub-menu{top:-8px;left:calc(100% + 5px)}
.nav-ul .sub-menu .sub-menu::before{top:0;bottom:0;left:-7px;right:auto;width:7px;height:auto}
/* el último top (Nosotros/Archivo) abre alineado a la derecha para no salirse */
.nav-ul>li:nth-last-child(-n+2)>.sub-menu{left:auto;right:0}
/* items de submenú: MAYÚSCULAS */
.nav-ul .sub-menu a{display:flex;align-items:center;gap:9px;width:100%;padding:9px 13px;border-radius:9px;font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);white-space:nowrap;transition:.14s}
.nav-ul .sub-menu li:hover>a{background:var(--turq-soft);color:var(--turq-dark)}
/* icono Tabler de los items de NIVEL 1 (solo hijos directos de cada padre) */
.nav-ul .sub-menu a .hap-mic{font-size:16px;line-height:1;color:var(--turq-dark);opacity:.85;flex-shrink:0;text-transform:none}
.nav-ul .sub-menu li:hover>a .hap-mic{opacity:1}
/* Interior: las 23 provincias en 2 columnas (clase mi-cols2 puesta en el menú) */
.nav-ul li.mi-cols2>.sub-menu{min-width:400px;column-count:2;column-gap:4px}
.nav-ul li.mi-cols2>.sub-menu>li{break-inside:avoid}
/* hover abre (solo desktop) */
@media(min-width:1025px){
  .nav-ul li:hover>.sub-menu{display:block}
}
/* debug visual en staging (?hap_menu_open=1): fuerza toda la cascada abierta */
body.hap-menu-debug .nav-ul li.menu-item-has-children>.sub-menu{display:block}

/* encabezado de sección (compartido) */
.shead{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}
.shead .lhs{display:flex;align-items:center;gap:10px}
.shead .tick{width:4px;height:22px;background:var(--turq);border-radius:3px;display:inline-block}
.shead h2{font-family:'Bricolage Grotesque';font-weight:800;font-size:23px;letter-spacing:-.01em}
.shead a{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--turq-dark)}
.shead a:hover{color:var(--turq)}
.shead a i{font-size:15px}
.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ============================================================
   HERO-SLIDER  («Últimas noticias»)
   ============================================================ */
.hslider{position:relative;margin:0 0 8px}
.hs-view{position:relative;aspect-ratio:1120/388;filter:drop-shadow(0 24px 40px rgba(11,18,32,.40))}
.hs-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s ease;display:flex;align-items:center}
.hs-slide.is-active{opacity:1;visibility:visible}
.align-left   .hs-slide{justify-content:flex-start}
.hs-photo{position:absolute;inset:0;z-index:0;background-image:var(--himg);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#0b1220}
.hs-scrim{position:absolute;inset:0;z-index:1;pointer-events:none}
.align-left .hs-scrim{background:linear-gradient(96deg,
   rgba(6,11,22,var(--s,.55)) 0%, rgba(6,11,22,calc(var(--s,.55)*.8)) 46%, rgba(6,11,22,0) 76%)}
.hs-body{position:relative;z-index:2;color:#fff;display:flex;flex-direction:column;max-width:min(56%,540px);
  align-self:stretch;justify-content:flex-start;padding:30px 0 40px}
.hs-text{width:100%}
.align-left .hs-body{align-items:flex-start;text-align:left;margin-left:clamp(64px,7.2%,96px)}
.hs-kick{background:var(--turq);color:#06222a;font-weight:800;font-size:11px;
  letter-spacing:.08em;text-transform:uppercase;padding:6px 13px;border-radius:50px;margin-bottom:38px;align-self:flex-start}
.hs-title{font-family:'Bricolage Grotesque';font-weight:800;letter-spacing:-.02em;line-height:1.12;
  font-size:clamp(22px,2.7vw,34px);text-shadow:0 2px 16px rgba(0,0,0,.5);min-height:2.24em;overflow:visible}
.hs-sub{font-size:clamp(13px,1.2vw,15px);color:#eef3fb;margin-top:16px;line-height:1.45;
  text-shadow:0 1px 10px rgba(0,0,0,.55);min-height:2.9em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hs-cta{display:inline-flex;align-items:center;gap:7px;margin-top:auto;
  background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.55);color:#fff;
  font-weight:600;font-size:12.5px;letter-spacing:.02em;padding:9px 19px;border-radius:50px;
  backdrop-filter:blur(6px);transition:.2s}
.hs-cta:hover{background:rgba(255,255,255,.30);transform:translateY(-2px)}
.hs-cta i{font-size:15px}
.hs-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  width:40px;height:44px;display:grid;place-items:center;cursor:pointer;background:none;border:0;color:#fff;font-size:32px;transition:.2s}
.hs-arrow.on-light{color:#0c1a33;text-shadow:0 1px 7px rgba(255,255,255,.6)}
.hs-arrow.on-dark{color:#fff;text-shadow:0 1px 7px rgba(0,0,0,.6)}
.hs-arrow:hover{transform:translateY(-50%) scale(1.18)}
.hs-prev{left:12px}.hs-next{right:12px}
.hs-thumbs{position:absolute;right:0;bottom:0;z-index:5;display:flex;gap:10px}
.hs-thumb{position:relative;width:clamp(82px,9.5vw,120px);aspect-ratio:16/10;border-radius:18px;
  cursor:pointer;border:2.5px solid rgba(255,255,255,.45);padding:0;background:rgba(8,14,30,.30);
  transition:.22s;box-shadow:0 8px 22px -10px rgba(0,0,0,.55)}
.hs-thumb .hs-thumb-img{display:block;width:100%;height:100%;border-radius:14px;background-size:cover;background-position:center;filter:brightness(.78);transition:.22s}
.hs-thumb:hover{transform:translateY(-2px)}
.hs-thumb.is-active{border-color:var(--turq);padding:3px;transform:translateY(-4px) scale(1.05)}
.hs-thumb.is-active .hs-thumb-img{filter:none;border-radius:11px}
.hs-prog{position:absolute;left:0;bottom:0;z-index:6;height:4px;background:rgba(255,255,255,.22)}
.hs-fill{height:100%;width:0;background:var(--turq);box-shadow:0 0 10px var(--turq);animation:hsfill var(--dur,7000ms) linear forwards}
@keyframes hsfill{from{width:0}to{width:100%}}

/* ---- HERO en MOBILE / TABLET (<=820px): rectangular completo (4/3, como la 1a tarjeta
   de La Fecha) con el titulo sobre la foto y las 4 miniaturas a TODO EL ANCHO debajo.
   El JS apaga el clip-path y el ancho-en-px del titulo en este rango. ---- */
@media(max-width:820px){
  .hslider{margin:0 0 8px}
  .hs-view{aspect-ratio:4/3;border-radius:16px;overflow:hidden;filter:none;
    box-shadow:0 16px 30px -16px rgba(11,18,32,.5);clip-path:none!important;-webkit-clip-path:none!important}
  .hs-slide{align-items:flex-end}
  .align-left .hs-slide{justify-content:flex-start}
  .hs-body{max-width:100%;margin-left:0!important;padding:0 18px 20px;justify-content:flex-end}
  .hs-text{width:auto!important}
  .align-left .hs-scrim{background:linear-gradient(to top,
     rgba(6,11,22,.94) 0%,rgba(6,11,22,.66) 32%,rgba(6,11,22,.12) 64%,rgba(6,11,22,0) 100%)}
  .hs-kick{margin-bottom:11px;font-size:10.5px;padding:5px 12px}
  .hs-title{font-size:clamp(20px,5.6vw,25px);min-height:0;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .hs-sub{font-size:13px;margin-top:8px;min-height:0;-webkit-line-clamp:1}
  .hs-cta{display:none}
  .hs-arrow{top:calc((100vw - 52px)*0.375);width:36px;height:36px;border-radius:50%;
    background:rgba(10,18,34,.32);font-size:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
  .hs-prev{left:9px}.hs-next{right:9px}
  /* miniaturas: fila de 4 a todo el ancho, en flujo (no absolutas) debajo del hero */
  .hs-thumbs{position:static;right:auto;bottom:auto;display:flex;gap:7px;margin-top:8px}
  .hs-thumb{flex:1 1 0;min-width:0;width:auto;aspect-ratio:16/10;border-radius:11px;overflow:hidden;
    border:2.5px solid transparent;background:#0b1220;transform:none!important;box-shadow:none}
  .hs-thumb .hs-thumb-img{filter:brightness(.72);border-radius:8px}
  .hs-thumb.is-active{border-color:var(--turq);padding:0;transform:none!important}
  .hs-thumb.is-active .hs-thumb-img{filter:none;border-radius:8px}
}

/* ---- Instagram (Smash Balloon) en MOBILE: 4 publicaciones en grilla 2x2 (el feed
   viene configurado en 1 columna x 20 en mobile -> columna larguisima). Forzamos
   2 columnas, recuadros cuadrados y ocultamos de la 5a en adelante. ---- */
@media(max-width:680px){
  #sb_instagram #sbi_images{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding-bottom:0!important}
  #sb_instagram #sbi_images .sbi_item{width:auto!important;margin:0!important;float:none!important}
  #sb_instagram #sbi_images .sbi_item:nth-child(n+5){display:none!important}
  #sb_instagram .sbi_photo{height:auto!important;aspect-ratio:1/1!important;display:block;background-size:cover}
  #sb_instagram .sbi_photo_wrap{height:auto!important}
  #sb_instagram .sbi_load_btn,#sb_instagram #sbi_load,#sb_instagram .sbi_load_more{display:none!important}
}

/* ============================================================
   ZONA DE CONTENIDO (2 columnas + sidebar)
   ============================================================ */
.hgrid{display:grid;grid-template-columns:1fr 340px;gap:44px;align-items:start;margin:34px 0 44px}
.maincol{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.span2{grid-column:1 / -1}

/* destacada grande de columna */
.feat{position:relative;display:block;border-radius:18px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 14px 30px -16px rgba(11,18,32,.55)}
.feat .ph{position:absolute;inset:0;background:var(--line) center/cover no-repeat;transition:.35s}
.feat:hover .ph{transform:scale(1.045)}
.feat .sc{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,11,22,.92) 0%,rgba(6,11,22,.35) 46%,rgba(6,11,22,0) 76%)}
.feat .in{position:absolute;left:0;right:0;bottom:0;padding:20px 18px 16px;color:#fff}
.feat .t{font-family:'Bricolage Grotesque';font-weight:800;font-size:clamp(17px,1.5vw,20px);line-height:1.16;margin-top:10px;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.feat .m{font-size:11.5px;opacity:.85;margin-top:8px;letter-spacing:.02em}
.pill{display:inline-block;background:var(--turq);color:#06222a;font-weight:800;font-size:10px;letter-spacing:.07em;text-transform:uppercase;padding:4px 10px;border-radius:50px}
.pills{display:flex;gap:6px;flex-wrap:wrap}
.pill.alt{background:transparent;color:inherit;border:1.5px solid currentColor}
/* pills SOBRE la foto, arriba a la izquierda */
.four .it .th,.line .th{position:relative}
.pover{position:absolute;left:10px;top:10px;z-index:3;display:flex;gap:6px;flex-wrap:wrap;max-width:calc(100% - 20px)}
.gp{background:var(--turq);color:#06222a;font-weight:800;font-size:8.5px;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:50px;box-shadow:0 2px 8px rgba(0,0,0,.25)}

/* las 4 publicaciones */
.four{margin-top:16px}
[data-four="grid"] .four{display:grid;grid-template-columns:1fr 1fr;gap:16px;grid-auto-rows:1fr}
[data-four="grid"] .four .it{display:flex;flex-direction:column;height:100%}
[data-four="grid"] .four .it .th{aspect-ratio:16/10;border-radius:12px;background:var(--line) center/cover no-repeat;margin-bottom:9px}
[data-four="grid"] .four .it .t{font-size:13.5px;font-weight:700;line-height:1.27;color:var(--ink);min-height:3.81em}
[data-four="grid"] .four .it .m{font-size:11px;color:var(--muted);margin-top:auto;padding-top:6px;line-height:1.3;height:calc(1.3em*2 + 6px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
[data-four="list"] .four{display:flex;flex-direction:column;gap:14px}
[data-four="list"] .four .it{display:grid;grid-template-columns:108px 1fr;gap:13px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}
[data-four="list"] .four .it:last-child{border-bottom:0;padding-bottom:0}
[data-four="list"] .four .it .th{aspect-ratio:16/11;border-radius:10px;background:var(--line) center/cover no-repeat}
[data-four="list"] .four .it .t{font-size:14px;font-weight:700;line-height:1.27;color:var(--ink)}
[data-four="list"] .four .it .m{font-size:11px;color:var(--muted);margin-top:5px}
.four .it:hover .t{color:var(--turq-dark)}

/* Interior / Nacional — formato líneas */
.igrid{display:grid;grid-template-columns:1fr 1fr;gap:24px 30px}
.line{display:grid;gap:16px;align-items:stretch}
.line.big{grid-template-columns:176px 1fr}
.line.sm{grid-template-columns:108px 1fr}
.line .th{border-radius:13px;background:var(--line) center/cover no-repeat;align-self:start}
.line.big .th{aspect-ratio:4/3}
.line.sm  .th{aspect-ratio:16/11}
.line .bd{display:flex;flex-direction:column;height:100%}
.line.big .t{font-family:'Bricolage Grotesque';font-weight:800;font-size:16px;line-height:1.2;color:var(--ink);margin-top:8px}
.line.sm  .t{font-weight:700;font-size:14px;line-height:1.27;color:var(--ink)}
.line .ex{font-size:12.5px;color:var(--muted);margin-top:6px}
.line .m{font-size:11px;color:var(--muted);margin-top:auto;padding-top:8px;letter-spacing:.02em}
.line:hover .t{color:var(--turq-dark)}

/* Notas y Reportajes — full width, 3 tarjetas */
.ngrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ncard{display:flex;flex-direction:column;height:100%}
.ncard .th{aspect-ratio:16/10;border-radius:14px;background:var(--line) center/cover no-repeat;margin-bottom:12px;position:relative}
.ncard .t{font-family:'Bricolage Grotesque';font-weight:800;font-size:16px;line-height:1.2;color:var(--ink);min-height:calc(1.2em*3)}
.ncard .m{font-size:11px;color:var(--muted);margin-top:auto;padding-top:7px;letter-spacing:.02em;line-height:1.3;height:calc(1.3em*2 + 7px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ncard:hover .t{color:var(--turq-dark)}

/* banda de anuncio (AdSense; placeholder con borde en mockup) */
.adband{grid-column:1/-1;min-height:96px;border-radius:14px;display:grid;place-items:center;text-align:center}
.adband.is-empty{border:2px dashed var(--turq-dark);
  background:repeating-linear-gradient(45deg,transparent,transparent 11px,rgba(43,196,210,.13) 11px,rgba(43,196,210,.13) 22px),var(--turq-soft)}
.adband span{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--turq-dark)}
.adband span b{color:var(--turq-dark)}
/* Avisos IN-FLOW (busqueda/categoria/nota): MISMO aire arriba y abajo, que NO queden
   pegados a las notas. En sidebars (flex-gap) y home (grid-gap) el contenedor ya los
   separa parejo, por eso esos no se tocan aca. */
.s-main>.adband,.c-main>.adband,.n-main>.adband,.n-content .adband{margin:30px 0}
/* El aviso de CIERRE (END) es el ultimo del listado: su margen inferior se sumaba al
   padding de la seccion y lo dejaba mas separado del footer que de la paginacion de
   arriba. Le sacamos el margen de abajo; el padding (30) de la seccion da el aire. */
.s-main>.adband:last-child,.c-main>.adband:last-child{margin-bottom:0}
/* Anuncio REAL de AdSense (solo en produccion): unidad responsiva ACOTADA por un
   ancho maximo segun el lugar -> nunca se desborda ni ocupa todo. En staging se ve
   el placeholder turquesa de arriba (0 impresiones). El <ins> ocupa el 100% del
   contenedor; el max-width define el tamano. */
.adband.is-live{display:block;min-height:0;border:0;background:none;padding:0;
  max-width:970px;margin-left:auto;margin-right:auto;overflow:hidden}
.adband.is-live .adsbygoogle{display:block;width:100%}
.adband.ad-side.is-live{max-width:336px}

/* ===== SIDEBAR (real, estilo DAP) ===== */
.sidebar{position:sticky;top:24px;display:flex;flex-direction:column;gap:20px}
.sf{display:flex;align-items:center;background:var(--panel);border:2px solid var(--line);border-radius:50px;padding:6px 6px 6px 18px;transition:.2s}
.sf:focus-within{border-color:var(--turq);box-shadow:0 0 0 4px var(--turq-soft)}
.sf>i{font-size:18px;color:var(--muted);margin-right:10px}
.sf input{flex:1;background:transparent;border:0;outline:none;padding:10px 0;font-size:14px;color:var(--ink);font-family:inherit}
.sf button{background:var(--turq);color:#06222a;border:0;width:38px;height:38px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.swid{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}
.swid-t{font-family:'Bricolage Grotesque';font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;text-align:center;margin-bottom:14px}
.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.stile{display:flex;align-items:center;gap:10px;padding:12px;border-radius:9px;background:var(--bg);border:1px solid transparent;transition:.2s;min-width:0}
.stile>div{min-width:0}
.stile:hover{transform:translateY(-2px);border-color:var(--turq);background:var(--turq-soft)}
.stile i{font-size:22px;flex-shrink:0}
.stile.fb i{color:#1877F2}.stile.ig i{color:#E4405F}.stile.x i{color:var(--ink)}.stile.yt i{color:#FF0000}.stile.bl i{color:#FF8000}
.stile .net{font-size:12px;font-weight:600;line-height:1.2}
.stile .hand{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.caf{background:linear-gradient(135deg,var(--navy),#0E5A63);color:#fff;border-radius:14px;padding:26px;text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}
[data-theme="dark"] .caf{background:linear-gradient(135deg,#0E5A63,#082F35)}
.caf::before{content:"";position:absolute;top:-40px;right:-40px;width:130px;height:130px;background:var(--turq);opacity:.16;border-radius:50%}
.caf .ico{font-size:34px;margin-bottom:10px;color:var(--turq);position:relative}
.caf h4{font-family:'Bricolage Grotesque';font-size:19px;font-weight:600;margin-bottom:10px;position:relative}
.caf p{font-size:13px;color:#dbeaf6;margin-bottom:18px;max-width:240px;position:relative}
.caf a{display:inline-flex;align-items:center;gap:8px;background:var(--turq);color:#06222a;padding:10px 20px;border-radius:50px;font-size:13px;font-weight:700;position:relative}
.wbox{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.wbox-h{padding:15px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.wbox-h h3{font-family:'Bricolage Grotesque';font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}
.wbox-h i{color:var(--turq-dark);font-size:18px}
.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:14px}
.ig-grid a{aspect-ratio:1;border-radius:6px;background:var(--line) center/cover no-repeat;transition:.3s}
.ig-grid a:hover{opacity:.85}
.ig-embed{padding:12px}
.x-feed{padding:4px 18px 14px}
.tw{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}
.tw:last-child{border-bottom:0;padding-bottom:0}
.tw .av{width:34px;height:34px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,var(--navy),var(--turq-dark));font-size:17px}
.tw .bd{font-size:12.5px;line-height:1.4;min-width:0}
.tw .bd .nm{font-weight:700;color:var(--ink)}
.tw .bd .nm i{color:var(--turq-dark);font-size:13px;vertical-align:-1px}
.tw .bd .u{color:var(--muted);font-weight:400}
.tw .bd p{margin-top:3px;color:var(--ink)}
.tw .bd .st{margin-top:7px;display:flex;gap:16px;color:var(--muted);font-size:11px}
.tw .bd .st span{display:inline-flex;align-items:center;gap:4px}

/* ===== FOOTER (estilo DAP, con HAP) ===== */
.hap-footer{background:#070D1A;color:#cbd5e1;padding:34px 0 16px;margin-top:0} /* footer mas compacto + sin margen-gap superior (Guille) */
.hap-footer .fcon{max-width:1280px;margin:0 auto;padding:0 26px}
.hap-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;margin-bottom:24px}
.hap-logo-footer{position:relative;display:inline-flex;padding:8px 16px}
.hap-logo-footer::before{content:"";position:absolute;inset:-6px -10px;border-radius:24px;filter:blur(12px);opacity:.6;background:radial-gradient(ellipse at center,rgba(255,255,255,.97) 0%,rgba(255,255,255,.55) 55%,rgba(255,255,255,0) 100%)}
.hap-logo-footer img{position:relative;z-index:1;height:120px;width:auto}
.hap-footer-brand p{font-size:13px;color:#94a3b8;line-height:1.7;margin-top:18px;max-width:300px}
.hap-footer-col h5{font-family:'Bricolage Grotesque';font-size:13px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:18px}
.hap-footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.hap-footer-col a{font-size:13px;color:#94a3b8;transition:color .2s}
.hap-footer-col a:hover{color:var(--turq)}
.hap-footer-socials{display:flex;gap:12px;margin-top:4px;flex-wrap:wrap}
.hap-footer-socials a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;font-size:18px;color:#cbd5e1;transition:.2s}
.hap-footer-socials a:hover{background:var(--turq);color:#06222a}
.hap-footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:16px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#64748b;gap:16px;flex-wrap:wrap}
.hap-footer-bottom .legal{display:flex;gap:20px}
.hap-footer-bottom .legal a:hover{color:var(--turq)}

@media(max-width:1040px){
  nav.nav{display:none}
  .navtoggle{display:inline-flex}
  nav.nav.open{display:flex;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;
    background:#E6EEF8;border-bottom:1px solid var(--line);box-shadow:0 16px 30px -16px rgba(11,18,32,.4);padding:8px 16px 14px;justify-content:flex-start}
  [data-theme="dark"] nav.nav.open{background:#0E1A33}
  nav.nav.open a{padding:11px 8px;border-radius:8px}
  /* menú real en mobile: ACORDEÓN (toca un ítem con hijos -> se abre debajo) */
  nav.nav.open .nav-ul{flex-direction:column;gap:0;width:100%}
  .nav-ul li{width:100%}
  .nav-ul a{width:100%;justify-content:flex-start}
  .nav-ul li.menu-item-has-children>a::after{margin-left:auto}
  .nav-ul .sub-menu,.nav-ul .sub-menu .sub-menu{position:static;display:none;min-width:0;border:0;box-shadow:none;border-radius:10px;background:var(--bg);margin:2px 0 8px;padding:4px 4px 4px 14px;column-count:1!important}
  [data-theme="dark"] .nav-ul .sub-menu{background:rgba(255,255,255,.04)}
  .nav-ul .sub-menu::before{display:none}
  .nav-ul li.m-open>.sub-menu{display:block}
  .nav-ul .sub-menu li.menu-item-has-children>a::after{transform:rotate(45deg) translateY(-2px)}
  .nav-ul li.m-open>a::after{transform:rotate(225deg) translateY(-2px)}
  .hgrid{grid-template-columns:1fr}
  .sidebar{position:static;flex-direction:row;flex-wrap:wrap}.sidebar>*{flex:1 1 220px}
  .hap-footer-grid{grid-template-columns:1fr 1fr;gap:32px}
}
@media(max-width:680px){
  .maincol{grid-template-columns:1fr}.igrid{grid-template-columns:1fr}.ngrid{grid-template-columns:1fr}
  .topbar .date{display:none}
  .hap-footer-grid{grid-template-columns:1fr}
  .hap-footer-bottom{flex-direction:column;gap:12px;text-align:center}
}

/* ============================================================
   NOTA (single) — encabezado con foto (fallback a franja),
   cuerpo, compartir, etiquetas, autor y relacionadas estilo HOME.
   ============================================================ */
.nhero{position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#0b1220;color:#fff}
.nhero .nbg{position:absolute;inset:0;z-index:0;background-image:var(--himg);background-size:cover;background-position:center;background-color:#0b1220}
.nhero .nsc{position:absolute;inset:0;z-index:1;pointer-events:none}
.nhero .wrap{position:relative;z-index:2;width:100%}
/* variante FOTO (altura definida por el contenido, como la franja) */
.nhero.is-photo{min-height:0}
.nhero.is-photo .wrap{padding-top:40px;padding-bottom:44px}
.nhero.is-photo .nsc{background:linear-gradient(105deg,rgba(6,11,22,.92) 0%,rgba(6,11,22,.78) 45%,rgba(6,11,22,.45) 78%,rgba(6,11,22,.30) 100%)}
/* variante COLLAGE (sin foto / placa): collage de hockey baked + degrade navy FUERTE
   (el collage queda apenas perceptible; reemplaza a la vieja franja azul lisa). */
.nhero.is-coll .wrap{padding-top:40px;padding-bottom:44px}
.nhero.is-coll .nsc{background:
  radial-gradient(900px 480px at 88% 2%,rgba(43,196,210,.16),transparent 60%),
  linear-gradient(100deg,rgba(11,21,42,.95) 0%,rgba(11,21,42,.88) 46%,rgba(12,30,50,.82) 100%)}
/* variante FRANJA (sin foto / placa) — legado, ya no se emite */
.nhero.is-band{background:var(--navy-d);align-items:stretch}
.nhero.is-band .nbg,.nhero.is-band .nsc,.nhero.is-band .n-credit{display:none}
.nhero.is-band .wrap{padding:30px 26px 32px}
.nhero.is-band::before{content:"";position:absolute;top:0;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(43,196,210,.16) 0,transparent 60%);border-radius:50%;z-index:0}

.n-bc{display:flex;align-items:center;gap:10px;font-size:13px;color:#cfe0f5;margin-bottom:14px;flex-wrap:wrap}
.n-bc a:hover{color:var(--turq)}.n-bc .sep{color:rgba(255,255,255,.4);font-size:11px}.n-bc .cur{color:#fff;opacity:.85}
.n-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.n-pill{display:inline-flex;align-items:center;background:var(--turq);color:#06222a;padding:6px 14px;border-radius:50px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}
.n-pill.gender{background:#fff;color:var(--navy)}
.n-title{font-family:'Bricolage Grotesque';font-weight:800;font-size:clamp(29px,4.1vw,48px);line-height:1.08;letter-spacing:-.02em;margin-bottom:16px;color:#fff;max-width:960px;text-shadow:0 2px 18px rgba(0,0,0,.45)}
/* Titulos largos: font mas chico para que entren en ~2 lineas y no agranden el header */
.n-title.is-long{font-size:clamp(24px,3.2vw,36px)}
.n-title.is-xlong{font-size:clamp(21px,2.6vw,30px);line-height:1.14}
.n-meta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.n-author{display:flex;align-items:center;gap:12px}
.n-av{width:42px;height:42px;border-radius:50%;background:var(--turq);color:#06222a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;font-family:'Bricolage Grotesque'}
.n-at{display:flex;flex-direction:column;line-height:1.25}.n-an{font-size:14px;font-weight:600;color:#fff}.n-ar{font-size:11.5px;color:#cfe0f5}
.n-vdiv{width:1px;height:36px;background:rgba(255,255,255,.18)}
.n-mi{display:flex;align-items:center;gap:8px;font-size:13px;color:#e7eefb}.n-mi i{color:var(--turq);font-size:16px}
.n-credit{position:absolute;right:14px;bottom:10px;z-index:2;font-size:11px;color:rgba(255,255,255,.7)}

.n-layout{padding:46px 0 64px}
.n-grid{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start}
.n-main{min-width:0}
.n-share{display:flex;align-items:center;gap:14px;padding:16px 0;margin-bottom:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.n-slbl{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:6px;margin-right:auto}
.n-sb{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--bg);color:var(--ink);border:1px solid var(--line);font-size:17px;transition:.18s}
.n-sb.fb:hover{background:#1877F2;color:#fff;border-color:#1877F2}.n-sb.xb:hover{background:#0F172A;color:#fff}.n-sb.wa:hover{background:#25D366;color:#fff;border-color:#25D366}.n-sb.tg:hover{background:#0088CC;color:#fff;border-color:#0088CC}.n-sb.ml:hover{background:#EA4335;color:#fff;border-color:#EA4335}.n-sb.lk:hover{background:var(--turq);color:#06222a;border-color:var(--turq)}
.n-content{font-size:17px;line-height:1.78;color:var(--ink)}
.n-content>p:first-of-type,.n-lead{font-family:'Source Serif 4',serif;font-size:21px;line-height:1.55;margin-bottom:30px}
.n-content h2{font-family:'Bricolage Grotesque';font-size:28px;font-weight:700;color:var(--navy);margin:44px 0 16px;letter-spacing:-.5px;line-height:1.2;display:flex;align-items:center;gap:14px}
.n-content h2::before{content:"";width:5px;height:30px;background:var(--turq);border-radius:3px;flex-shrink:0}
.n-content h3{font-family:'Bricolage Grotesque';font-size:21px;font-weight:700;color:var(--ink);margin:32px 0 12px}
.n-content p{margin-bottom:20px;font-family:'Source Serif 4',serif;font-size:18px}
.n-content a{color:var(--turq-dark);text-decoration:underline;text-underline-offset:2px}
.n-content img{border-radius:12px;border:1px solid var(--line);height:auto;margin:6px 0}
.n-content figure{margin:30px 0}
.n-content figcaption{font-size:12.5px;color:var(--muted);text-align:center;margin-top:8px}
.n-content ul,.n-content ol{margin:0 0 20px 1.3em;font-family:'Source Serif 4',serif;font-size:18px}
.n-content li{margin-bottom:8px}
.n-content blockquote{border-left:4px solid var(--turq);background:var(--panel);margin:26px 0;padding:16px 20px;border-radius:0 10px 10px 0;font-family:'Source Serif 4',serif;font-style:italic;color:var(--ink)}
.n-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:44px;padding-top:30px;border-top:1px solid var(--line)}
.n-tlbl{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-right:6px}
.n-tags a{padding:6px 14px;background:var(--panel);border:1px solid var(--line);border-radius:50px;font-size:13px;transition:.18s}
.n-tags a:hover{background:var(--turq-soft);border-color:var(--turq);color:var(--turq-dark)}
.n-abox{margin-top:34px;display:grid;grid-template-columns:60px 1fr;gap:16px;align-items:center}
.n-aav{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#1C2E5B,#2BC4D2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;font-family:'Bricolage Grotesque'}
.n-ai h5{font-family:'Bricolage Grotesque';font-size:15px;font-weight:600;margin-bottom:2px}
.n-arol{font-size:11px;color:var(--turq-dark);text-transform:uppercase;letter-spacing:.8px;font-weight:600;margin-bottom:4px}
.n-ai p{font-size:13px;color:var(--muted);line-height:1.5}

/* sidebar de la nota: lista "Últimas notas" (reusa .wbox del home) */
.pi{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line)}
.pi:last-child{border-bottom:none}
.pnum{font-family:'Bricolage Grotesque';font-size:26px;font-weight:800;color:var(--turq);line-height:1;width:28px;flex-shrink:0}
.pi h5{font-family:'Bricolage Grotesque';font-size:14px;font-weight:600;line-height:1.3;color:var(--ink)}
.pi:hover h5{color:var(--turq-dark)}
.pi .pm{font-size:11px;color:var(--muted);margin-top:3px}

/* RELACIONADAS (tarjetas estilo HOME, pill sobre la foto) */
.rel{padding:56px 0;background:var(--panel)}
[data-theme="dark"] .rel{background:#0A1428}
.rel-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}
.rel-l{display:flex;align-items:center;gap:10px}
.rel-tick{width:4px;height:24px;background:var(--turq);border-radius:3px}
.rel-h h2{font-family:'Bricolage Grotesque';font-size:26px;font-weight:800;letter-spacing:-.01em}
.rel-more{font-size:12.5px;font-weight:700;color:var(--turq-dark);display:flex;align-items:center;gap:6px}
.rel-more:hover{color:var(--turq)}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.rc{display:flex;flex-direction:column;height:100%}
.rc .th{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:var(--line);margin-bottom:12px}
.rc .th img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.rc:hover .th img{transform:scale(1.05)}
.rc .t{font-family:'Bricolage Grotesque';font-weight:800;font-size:16px;line-height:1.22;color:var(--ink)}
.rc:hover .t{color:var(--turq-dark)}
.rc .m{font-size:11px;color:var(--muted);margin-top:auto;padding-top:8px;letter-spacing:.02em}

@media(max-width:1024px){
  .n-grid{grid-template-columns:1fr;gap:40px}
  .rel-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .rel-grid{grid-template-columns:1fr}
  .n-abox{grid-template-columns:1fr;text-align:center;justify-items:center}
  .n-meta{gap:14px}.n-vdiv{display:none}
}

/* ============================================================
   CATEGORÍA / ARCHIVO (category.php) — hero + destacada + grilla + paginado
   ============================================================ */
.c-hero{background:var(--navy-d);color:#fff;padding:22px 0 26px;position:relative;overflow:hidden}
.c-hero::before{content:"";position:absolute;top:-100px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(43,196,210,.15) 0,transparent 60%);border-radius:50%}
.c-bc{display:flex;align-items:center;gap:10px;font-size:13px;color:#9fb0c9;margin-bottom:14px;flex-wrap:wrap;position:relative}
.c-bc a:hover{color:var(--turq)}.c-bc .sep{color:#475569;font-size:11px}.c-bc .cur{color:#cbd5e1}
.c-titlerow{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;margin-bottom:12px;position:relative}
.c-label{font-size:13px;font-weight:600;color:var(--turq);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;display:flex;align-items:center;gap:8px}
.c-hero h1{font-family:'Bricolage Grotesque';font-size:clamp(30px,4.5vw,44px);font-weight:800;line-height:1.02;letter-spacing:-1.4px}
.c-desc{font-size:15px;color:#cbd5e1;margin-top:12px;max-width:640px;line-height:1.6}
.c-stats{display:flex;gap:24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);padding:12px 18px;border-radius:12px;align-self:flex-end}
.c-stat{text-align:center}
.c-stat .num{font-family:'Bricolage Grotesque';font-size:30px;font-weight:700;color:var(--turq);line-height:1;display:block}
.c-stat .lbl{font-size:11px;color:#9fb0c9;text-transform:uppercase;letter-spacing:1px;display:block}
.c-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;position:relative}
.c-chip{padding:7px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:50px;font-size:13px;color:#cbd5e1;transition:.18s}
.c-chip:hover{border-color:var(--turq)}
.c-chip.active{background:var(--turq);color:#06222a;font-weight:600;border-color:var(--turq)}

.c-toolbar{background:var(--panel);border-bottom:1px solid var(--line);padding:14px 0}
.c-toolbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.c-count{font-size:13px;font-weight:600}.c-count strong{color:var(--turq-dark)}
.c-tsearch{display:flex;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:50px;padding:4px 4px 4px 14px;width:260px;max-width:100%}
.c-tsearch i{font-size:16px;color:var(--muted);margin-right:8px}
.c-tsearch input{flex:1;background:transparent;border:0;outline:none;font-size:13px;padding:8px 0;min-width:0;color:var(--ink);font-family:inherit}
.c-tsearch button{background:var(--turq);color:#06222a;border:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}

.c-layout{padding:34px 0 30px}
.c-grid{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start}
.c-main{min-width:0}
.c-featured{display:grid;grid-template-columns:1.2fr 1fr;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:28px;transition:.25s}
.c-featured:hover{border-color:var(--turq);box-shadow:0 18px 40px -26px rgba(11,18,32,.5)}
.c-feat-img{position:relative;min-height:300px;overflow:hidden;background:linear-gradient(135deg,var(--navy),var(--turq-dark))}
.c-feat-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.c-feat-pills{position:absolute;top:16px;left:16px;display:flex;gap:8px;z-index:2}
.c-pill-cat{background:rgba(28,46,91,.95);color:#fff;padding:5px 12px;border-radius:50px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}
.c-pill-new{display:inline-flex;align-items:center;gap:5px;background:var(--turq);color:#06222a;padding:5px 12px;border-radius:50px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}
.c-feat-body{padding:28px 32px;display:flex;flex-direction:column;justify-content:center}
.c-feat-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);margin-bottom:14px}
.c-feat-meta span{display:flex;align-items:center;gap:5px}.c-feat-meta i{font-size:13px;color:var(--turq-dark)}
.c-dot{width:3px;height:3px;background:var(--light);border-radius:50%}
.c-feat-body h2{font-family:'Bricolage Grotesque';font-size:26px;font-weight:700;line-height:1.2;letter-spacing:-.5px;margin-bottom:12px;color:var(--ink)}
.c-feat-body .exc{font-size:15px;color:var(--muted);line-height:1.65;margin-bottom:20px}
.c-feat-cta{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--turq-dark)}
.c-posts{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:38px}
.pc{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.25s}
.pc:hover{transform:translateY(-4px);border-color:var(--turq);box-shadow:0 18px 40px -26px rgba(11,18,32,.5)}
.pc-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,var(--navy),var(--turq-dark))}
.pc-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;position:absolute;inset:0}.pc:hover .pc-img img{transform:scale(1.05)}
.pc-pill{position:absolute;top:12px;left:12px;z-index:2;background:rgba(28,46,91,.95);color:#fff;padding:4px 10px;border-radius:50px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}
.pc-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.pc-body h3{font-family:'Bricolage Grotesque';font-size:17px;font-weight:600;line-height:1.3;margin-bottom:8px;color:var(--ink)}
.pc-body .exc{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:14px;flex:1}
.pc-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);padding-top:12px;border-top:1px solid var(--line)}
.pc-meta span{display:flex;align-items:center;gap:4px}.pc-meta i{font-size:12px;color:var(--turq-dark)}
.c-pag{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.c-pag a,.c-pag span{min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;background:var(--panel);border:1px solid var(--line);border-radius:8px;font-size:14px;font-weight:600}
.c-pag .current{background:var(--turq);border-color:var(--turq);color:#06222a}
.c-pag a:hover{border-color:var(--turq);color:var(--turq-dark)}

.relcats{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.relcats-h{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.relcats-h h3{font-family:'Bricolage Grotesque';font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px}
.relcats-h i{font-size:18px;color:var(--turq-dark)}
.relcats ul{list-style:none;padding:8px 0}
.relcats li a{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;font-size:14px;border-left:3px solid transparent;transition:.15s}
.relcats li a:hover{background:var(--turq-soft)}
.relcats li a.active{background:var(--turq-soft);color:var(--turq-dark);border-left-color:var(--turq);font-weight:600}
.relcats li .cnt{font-size:11px;color:var(--light)}

@media(max-width:1024px){
  .c-titlerow{grid-template-columns:1fr}.c-stats{display:none}
  .c-grid{grid-template-columns:1fr;gap:40px}
  .c-featured{grid-template-columns:1fr}
}
@media(max-width:680px){
  .c-hero h1{font-size:34px}
  .c-posts{grid-template-columns:1fr}
}

/* ============================================================
   PÁGINA ESTÁTICA (page.php) — hero + contenido + sidebar
   ============================================================ */
.p-hero{background:var(--navy-d);color:#fff;padding:24px 0 28px;position:relative;overflow:hidden}
.p-hero::before{content:"";position:absolute;bottom:-160px;left:-80px;width:520px;height:520px;background:radial-gradient(circle,rgba(43,196,210,.14) 0,transparent 60%);border-radius:50%}
.p-bc{display:flex;align-items:center;gap:10px;font-size:13px;color:#9fb0c9;margin-bottom:14px;flex-wrap:wrap;position:relative}
.p-bc a:hover{color:var(--turq)}.p-bc .sep{color:#475569;font-size:11px}.p-bc .cur{color:#cbd5e1}
.p-label{font-size:13px;font-weight:600;color:var(--turq);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px;display:flex;align-items:center;gap:8px;position:relative}
.p-hero h1{font-family:'Bricolage Grotesque';font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.05;letter-spacing:-1.2px;position:relative}
.p-hero .lead{font-size:15px;color:#cbd5e1;margin-top:10px;max-width:680px;line-height:1.6;position:relative}

.p-layout{padding:46px 0 60px}
/* Pagina ancha con avisos al borde (legales/sitios de interes): igualamos el padding
   de la seccion al aire del aviso para que quede 30 arriba y 30 abajo de cada banda. */
.p-layout--ad{padding:30px 0}
.p-grid{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start}
.p-main{min-width:0;font-size:17px;line-height:1.78;color:var(--ink)}
.p-main h2{font-family:'Bricolage Grotesque';font-size:27px;font-weight:700;color:var(--navy);margin:40px 0 16px;letter-spacing:-.5px;line-height:1.2;display:flex;align-items:center;gap:14px}
.p-main>h2:first-child,.p-main>*:first-child{margin-top:0}
.p-main h2::before{content:"";width:5px;height:30px;background:var(--turq);border-radius:3px;flex-shrink:0}
.p-main h3{font-family:'Bricolage Grotesque';font-size:21px;font-weight:700;color:var(--ink);margin:30px 0 12px}
.p-main p{margin-bottom:20px;font-family:'Source Serif 4',serif;font-size:18px}
.p-main a{color:var(--turq-dark);text-decoration:underline;text-underline-offset:2px}
.p-main img{border-radius:12px;border:1px solid var(--line);height:auto;margin:10px 0}
.p-main ul,.p-main ol{margin:0 0 22px 1.3em;font-family:'Source Serif 4',serif;font-size:17px}
.p-main li{margin-bottom:10px}
.p-main blockquote{border-left:4px solid var(--turq);background:var(--panel);margin:24px 0;padding:16px 20px;border-radius:0 10px 10px 0;font-family:'Source Serif 4',serif;font-style:italic}
.p-main table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:15px}
.p-main th,.p-main td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.p-main th{background:var(--turq-soft);font-family:'Bricolage Grotesque'}

.pnav{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.pnav-h{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.pnav-h h3{font-family:'Bricolage Grotesque';font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px}
.pnav-h i{font-size:18px;color:var(--turq-dark)}
.pnav ul{list-style:none;padding:8px 0}
.pnav li a{display:flex;align-items:center;gap:10px;padding:10px 18px;font-size:14px;border-left:3px solid transparent;transition:.15s}
.pnav li a:hover{background:var(--turq-soft)}
.pnav li a.active{background:var(--turq-soft);color:var(--turq-dark);border-left-color:var(--turq);font-weight:600}
.pnav li i{font-size:17px;color:var(--turq-dark)}

@media(max-width:1024px){.p-grid{grid-template-columns:1fr;gap:40px}}

/* ============================================================
   BÚSQUEDA (search.php) — hero con buscador + resultados en lista
   ============================================================ */
.s-hero{background:var(--navy-d);color:#fff;padding:24px 0 28px;position:relative;overflow:hidden}
.s-hero::before{content:"";position:absolute;top:-120px;right:-80px;width:520px;height:520px;background:radial-gradient(circle,rgba(43,196,210,.15) 0,transparent 60%);border-radius:50%}
.s-hero h1{font-family:'Bricolage Grotesque';font-size:clamp(24px,4vw,36px);font-weight:800;line-height:1.06;letter-spacing:-1.2px;position:relative;margin-bottom:4px}
.s-hero h1 em{font-style:normal;color:var(--turq)}
.s-sub{font-size:14px;color:#cbd5e1;position:relative;margin-bottom:14px}
.s-bigsearch{display:flex;align-items:center;background:#fff;border-radius:50px;padding:7px 7px 7px 22px;max-width:640px;position:relative}
[data-theme="dark"] .s-bigsearch{background:var(--panel);border:1px solid var(--line)}
.s-bigsearch i{font-size:21px;color:var(--muted);margin-right:12px}
.s-bigsearch input{flex:1;background:transparent;border:0;outline:none;font-size:16px;padding:12px 0;color:var(--ink);font-family:inherit;min-width:0}
.s-bigsearch button{background:var(--turq);color:#06222a;border:0;height:44px;padding:0 22px;border-radius:50px;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;flex-shrink:0}

.s-layout{padding:34px 0 30px}
.s-grid{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start}
.s-main{min-width:0}
.s-count{font-size:14px;color:var(--muted);margin-bottom:22px}
.s-count strong{color:var(--ink)}
.res{display:flex;gap:18px;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:16px;transition:.22s}
.res:hover{transform:translateY(-3px);border-color:var(--turq);box-shadow:0 18px 40px -26px rgba(11,18,32,.5)}
.res-img{width:200px;flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,var(--navy),var(--turq-dark));position:relative}
.res-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;position:absolute;inset:0}
.res:hover .res-img img{transform:scale(1.05)}
.res-bd{padding:18px 20px;display:flex;flex-direction:column;min-width:0}
.res-tag{display:inline-flex;align-self:flex-start;background:var(--turq-soft);color:var(--turq-dark);padding:4px 10px;border-radius:4px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:9px}
.res-bd h3{font-family:'Bricolage Grotesque';font-size:19px;font-weight:600;line-height:1.28;margin-bottom:8px;color:var(--ink)}
.res-bd h3 em{font-style:normal;background:rgba(43,196,210,.22);border-radius:3px;padding:0 2px}
.res-bd .exc{font-size:13.5px;color:var(--muted);line-height:1.6;margin-bottom:12px}
.res-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-top:auto}
.res-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--light)}
.s-empty{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:34px;text-align:center;color:var(--muted)}
.s-empty i{font-size:34px;color:var(--turq-dark);display:block;margin-bottom:10px}

.tagcloud{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}
.tagcloud .t{font-family:'Bricolage Grotesque';font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px}
.tagcloud .tags{display:flex;flex-wrap:wrap;gap:8px}
.tagcloud a{padding:6px 12px;background:var(--bg);border:1px solid var(--line);border-radius:50px;font-size:12.5px;transition:.18s}
.tagcloud a:hover{background:var(--turq-soft);border-color:var(--turq);color:var(--turq-dark)}
.tagcloud a.club{border-style:dashed} /* chip de club (Temas relacionados) */
/* ===== Banda de auspiciantes (home, al pie; la PHP no la pinta si no hay ninguno) ===== */
.hap-spon{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:38px 0;margin-top:10px}
.hap-spon-lbl{font-family:'Bricolage Grotesque';font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.18em;text-align:center;margin-bottom:24px}
.hap-srow{display:flex;align-items:stretch;justify-content:center;gap:16px;flex-wrap:wrap}
.hap-stile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:16px 24px;background:var(--bg);border:1px solid var(--line);border-radius:12px;min-width:148px;text-decoration:none;transition:.2s}
.hap-stile:hover{border-color:var(--turq);transform:translateY(-2px);box-shadow:0 8px 22px rgba(43,196,210,.16)}
.hap-sp-ico{width:46px;height:46px;border-radius:10px;background:var(--turq-soft);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--turq-dark);overflow:hidden}
.hap-sp-ico img{max-width:100%;max-height:100%;object-fit:contain}
.hap-sp-nm{font-size:13px;font-weight:600;color:var(--ink);text-align:center}

@media(max-width:1024px){.s-grid{grid-template-columns:1fr;gap:40px}}
@media(max-width:600px){.res{flex-direction:column}.res-img{width:100%;aspect-ratio:16/9}}

/* ============================================================
   PAGINA ANCHA (page-ancha.php) — full-width, sin sidebar
   ============================================================ */
/* Documento de texto angosto (Nosotros, Privacidad, Cookies): se usa con .p-main
   para heredar la tipografia, y .p-doc solo limita el ancho de lectura. */
.p-doc{max-width:880px;margin-left:auto;margin-right:auto}
.p-doc .upd{font-size:13.5px;color:var(--muted);font-style:italic;margin-bottom:26px}
.p-doc .p-intro{font-size:18px;color:var(--ink)}
.p-main .p-cta,.p-cta{margin-top:10px;display:inline-flex;align-items:center;gap:9px;background:var(--navy);color:#fff;padding:14px 28px;border-radius:8px;font-family:'DM Sans';font-size:15.5px;font-weight:700;text-decoration:none;transition:.18s}
.p-main .p-cta:hover,.p-cta:hover{background:var(--turq-dark);color:#fff;text-decoration:none}
/* Documento Nosotros: tipografia sans (formato DAP, sin serif) */
.p-main.p-sans p,.p-main.p-sans li{font-family:'DM Sans',sans-serif}
.p-main.p-sans p{font-size:16.5px;line-height:1.72}
.p-main.p-sans .p-intro{font-size:18px;color:var(--ink);font-weight:500}
/* Sidebar: card "El sitio" (datos del medio), estilo DAP */
.sb-info{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px 6px}
.sb-info-h{font-family:'DM Sans';font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--turq-dark);display:flex;align-items:center;gap:8px;margin-bottom:6px}
.sb-info-h i{font-size:16px}
.sb-info ul{list-style:none;margin:0;padding:0}
.sb-info li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line);font-size:13.5px}
.sb-info li:first-child{border-top:0}
.sb-info .k{color:var(--muted);display:inline-flex;align-items:center;gap:8px;font-family:'DM Sans';font-weight:500}
.sb-info .k i{color:var(--turq-dark);font-size:15px}
.sb-info .v{color:var(--ink);font-weight:700;font-family:'DM Sans';text-align:right;white-space:nowrap}
/* Pagina Nuestro Equipo: cards de staff (diseno de DAP en colores HAP) */
.stf-intro{font-family:'DM Sans',sans-serif;font-size:16px;color:var(--muted);margin:0 0 26px;line-height:1.6}
.stf-sec{margin-bottom:30px}
.stf-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.stf-head .ico{width:34px;height:34px;background:var(--turq-soft);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--turq-dark);font-size:18px;flex-shrink:0}
.stf-head .t{font-family:'Bricolage Grotesque',sans-serif;font-size:13.5px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.5px;line-height:1.25}
.stf-head .ln{flex:1;height:1px;background:var(--line)}
.stf-cards{display:flex;flex-wrap:wrap;gap:11px}
.stf-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:13px 16px;display:flex;align-items:center;gap:11px;transition:.2s}
.stf-card:hover{border-color:var(--turq);box-shadow:0 4px 16px rgba(43,196,210,.12);transform:translateY(-2px)}
.stf-av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--turq));display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:14px;color:#fff;flex-shrink:0}
.stf-name{font-family:'DM Sans',sans-serif;font-weight:600;font-size:14px;color:var(--ink)}
.stf-media{display:flex;flex-wrap:wrap;gap:12px}
.stf-org{flex:0 1 auto}
.stf-org{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--turq);border-radius:12px;padding:14px 18px}
.stf-org .org{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:14px;color:var(--navy);margin-bottom:5px;display:flex;align-items:center;gap:8px;line-height:1.3;white-space:nowrap}
.stf-org .who{font-family:'DM Sans',sans-serif;font-size:13px;color:var(--muted)}

/* ===== SITIOS DE INTERES (lk-*) ===== */
.lk-h2{font-family:'Bricolage Grotesque';font-size:24px;font-weight:700;color:var(--navy);margin:0 0 6px;letter-spacing:-.5px;display:flex;align-items:center;gap:14px}
.lk-h2::before{content:"";width:5px;height:28px;background:var(--turq);border-radius:3px;flex-shrink:0}
.lk-sub{font-size:14px;color:var(--muted);margin:0 0 22px 19px}
.lk-block{margin-bottom:46px}
.lk-block:last-of-type{margin-bottom:0}
.lk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px}
.lk-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s}
.lk-card:hover{border-color:var(--turq);transform:translateY(-4px);box-shadow:0 16px 36px rgba(28,46,91,.12)}
[data-theme="dark"] .lk-card:hover{box-shadow:0 16px 36px rgba(0,0,0,.45)}
.lk-logo{height:138px;display:flex;align-items:center;justify-content:center;padding:26px;background:#fff;border-bottom:1px solid var(--line)}
.lk-logo img{max-height:82px;max-width:82%;width:auto;object-fit:contain;border:0;margin:0}
.lk-bd{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.lk-bd h3{font-family:'Bricolage Grotesque';font-size:18px;font-weight:700;color:var(--navy);margin-bottom:5px;line-height:1.2}
.lk-bd p{font-family:'DM Sans';font-size:13px;color:var(--muted);margin-bottom:16px;flex:1;line-height:1.55}
.lk-go{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;color:var(--turq-dark);font-size:13px;font-weight:700;transition:gap .2s}
.lk-card:hover .lk-go{gap:11px}
.lk-go i{font-size:15px}
.lk-add{margin-top:50px;background:linear-gradient(135deg,var(--navy),#0E5A63);color:#fff;border-radius:16px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden}
[data-theme="dark"] .lk-add{background:linear-gradient(135deg,#0E5A63,#082F35)}
.lk-add::before{content:"";position:absolute;top:-50px;right:-30px;width:160px;height:160px;background:var(--turq);opacity:.15;border-radius:50%}
.lk-add .tx{position:relative}
.lk-add h3{font-family:'Bricolage Grotesque';font-size:21px;font-weight:700;margin-bottom:6px;color:#fff}
.lk-add p{font-family:'DM Sans';font-size:14px;color:#dbeaf6;margin:0}
.lk-add a{position:relative;display:inline-flex;align-items:center;gap:8px;background:var(--turq);color:#06222a;padding:13px 24px;border-radius:50px;font-size:14px;font-weight:700;white-space:nowrap;text-decoration:none}
@media(max-width:600px){.lk-add{flex-direction:column;text-align:center;align-items:center}}

/* ===== STAFF / NUESTRO EQUIPO (hst-*) ===== */
.hap-staff{font-family:'DM Sans',sans-serif}
.hst-sec{margin-bottom:38px}
.hst-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.hst-ico{width:36px;height:36px;background:var(--turq-soft);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--turq-dark);font-size:18px;flex-shrink:0}
.hst-title{font-family:'Bricolage Grotesque';font-size:15px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.5px}
.hst-line{flex:1;height:1px;background:var(--line)}
.hst-cards{display:flex;flex-wrap:wrap;gap:12px}
.hst-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 18px;display:flex;align-items:center;gap:12px;transition:.2s}
.hst-card:hover{border-color:var(--turq);box-shadow:0 4px 16px rgba(43,196,210,.12);transform:translateY(-2px)}
.hst-av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--turq));display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque';font-weight:700;font-size:15px;color:#fff;flex-shrink:0;letter-spacing:.5px}
.hst-name{font-weight:600;font-size:14px;color:var(--ink)}
.hst-role{font-size:12px;color:var(--muted)}
.hst-note{background:var(--turq-soft);border:1px dashed var(--turq);border-radius:12px;padding:14px 18px;font-size:13.5px;color:var(--turq-dark);display:flex;align-items:center;gap:10px}
@media(max-width:600px){.hst-cards{flex-direction:column}}

/* ===== Clubes + Mapa (plantilla page-clubes.php) ===== */
/* En esta pagina el header NO es sticky: la barra Damas/Caballeros es la unica fija arriba. */
body.vp-clubes header.head{position:static}
.cm-toolbar{position:sticky;top:0;z-index:55;background:var(--panel);border-bottom:1px solid var(--line);box-shadow:0 2px 10px rgba(11,18,32,.04)}
.cm-toolbar .wrap{display:flex;align-items:center;gap:18px;padding:12px 26px;flex-wrap:wrap}
.modes{display:inline-flex;background:var(--bg);border:1px solid var(--line);border-radius:50px;padding:3px}
.modes a{font-size:13px;font-weight:600;padding:8px 20px;border-radius:50px;color:var(--muted);transition:.18s;cursor:pointer;display:inline-flex;align-items:center;gap:7px}
.modes a.active{background:var(--turq);color:#06222a}
.modes a:not(.active):hover{color:var(--turq-dark)}
.vtab{display:none}  /* switch Clubes/Provincias: solo en pantallas chicas */
.cm-count{font-size:12.5px;color:var(--muted);font-weight:600;margin-left:14px}
.az{display:flex;flex-wrap:wrap;gap:3px;margin-left:auto}
.az a{font-family:'Bricolage Grotesque';font-weight:700;font-size:12.5px;width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:var(--turq-dark);background:var(--turq-soft);cursor:pointer}
.az a:hover{background:var(--turq);color:#06222a}

/* ===== PRUEBAS Clubes (revertibles; backup en Tema HAP/_backups/clubes-2026-06-10-pre-pruebas) ===== */
/* Hero comprimido + controles (Damas/Caballeros + A-Z) integrados al PIE del hero (se quito la toolbar suelta). */
.p-hero--clubes{padding:20px 0 0}
.p-hero--clubes .p-bc{margin-bottom:8px}
.p-hero--clubes .p-label{margin-bottom:5px}
.p-hero--clubes .lead{margin-top:6px;font-size:14.5px;line-height:1.55}
.cm-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:13px;padding:13px 0 16px;border-top:1px solid rgba(255,255,255,.12);position:relative}
/* Damas/Caballeros (y el toggle mobile) un poco mas chicos */
.cm-controls .modes a{font-size:12px;padding:6px 15px}
/* Alfabeto: recuadro BLANCO de fondo, letras turquesa encima (mismo tamano) */
.cm-controls .az{margin-left:auto;background:#fff;border-radius:50px;padding:5px 9px;gap:2px;box-shadow:0 3px 14px rgba(11,18,32,.22)}
/* recuadro blanco en ambos modos -> letras AZUL fijo (en dark, var(--navy) seria celeste) */
.cm-controls .az a{background:transparent;color:#1C2E5B}
.cm-controls .az a:hover{background:#E6F8FA;color:#1C2E5B}
[data-theme="dark"] .cm-controls .az{background:#dce2eb} /* en oscuro: gris leve en vez de blanco puro (Guille) */
/* 3a columna = SOLO el mapa: oculto la lista de provincias (queda en el DOM para los links del mapa). */
.cm-side .plist{display:none}
/* "Falta tu club" al pie de la lista de clubes (cm-main), horizontal y compacto. */
.cm-main .noves{margin-top:30px;display:flex;align-items:center;gap:22px;padding:18px 24px}
.cm-main .noves .noves-tx{flex:1 1 auto;min-width:0;position:relative}
.cm-main .noves .k{margin-bottom:5px}
.cm-main .noves h3{margin-bottom:4px}
.cm-main .noves p{margin-bottom:0}
.cm-main .noves a.btn{flex-shrink:0}
@media(max-width:560px){.cm-main .noves{flex-direction:column;align-items:flex-start}.cm-main .noves a.btn{margin-top:4px}}
.cm-grid{display:grid;grid-template-columns:1fr 360px;gap:34px;align-items:start}
.cm-main{min-width:0}
.map-layout{padding:30px 0 12px} /* PRUEBA: menos espacio libre al fondo */
.letter-block{margin-bottom:26px;scroll-margin-top:80px}
.letter-h{font-family:'Bricolage Grotesque';font-size:24px;font-weight:800;color:var(--turq-dark);border-bottom:2px solid var(--line);padding-bottom:6px;margin-bottom:12px;display:flex;align-items:baseline;gap:10px}
.letter-h .ct{font-size:11px;font-weight:600;color:var(--light);font-family:'DM Sans';text-transform:uppercase;letter-spacing:.06em}
.club-grid{column-count:2;column-gap:30px}
.club{break-inside:avoid;padding:5px 0;border-bottom:1px dashed var(--line)}
.club-link{display:block;font-family:'Bricolage Grotesque';font-weight:600;font-size:14.5px}
.club-link.has{color:var(--turq-dark)}.club-link.has:hover{text-decoration:underline}
.cm-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:20px} /* PRUEBA: sin scroll independiente */
.cm-side>*{flex-shrink:0}
.cm-side::-webkit-scrollbar{width:7px}
.cm-side::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}
.cm-side .mapwrap{padding:6px}
.noves{background:linear-gradient(135deg,var(--navy),#0E5A63);color:#fff;border-radius:16px;padding:18px 20px;position:relative;overflow:hidden}
[data-theme="dark"] .noves{background:linear-gradient(135deg,#0E5A63,#082F35)}
.noves::before{content:"";position:absolute;top:-36px;right:-36px;width:120px;height:120px;background:var(--turq);opacity:.16;border-radius:50%}
.noves .k{font-size:11px;text-transform:uppercase;letter-spacing:1.1px;color:var(--turq);display:flex;align-items:center;gap:7px;margin-bottom:6px;position:relative}
.noves h3{font-family:'Bricolage Grotesque';font-size:18px;font-weight:800;margin-bottom:5px;position:relative}
.noves p{font-size:12.5px;color:#dbeaf6;margin-bottom:13px;position:relative;line-height:1.55}
.noves a.btn{display:inline-flex;align-items:center;gap:8px;background:var(--turq);color:#06222a;font-weight:700;font-size:12.5px;padding:9px 16px;border-radius:50px;position:relative}
.totop{position:fixed;bottom:22px;left:calc(50% - 197px);transform:translateX(-50%) translateY(18px);background:var(--navy);color:#fff;font-weight:700;font-size:13px;padding:11px 20px;border-radius:50px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 22px rgba(11,18,32,.28);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s,background .18s;z-index:70;cursor:pointer;border:0}
.totop.show{opacity:.7;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.totop:hover{background:var(--turq);color:#06222a;opacity:1}
.cm-h{font-family:'Bricolage Grotesque';font-weight:800;font-size:20px;letter-spacing:-.02em;display:flex;align-items:center;gap:9px;margin-bottom:16px;color:var(--ink)}
.cm-h i{color:var(--turq-dark);font-size:21px}
.cm-side .cm-h{margin-bottom:12px}
/* Mapa SVG (libre, Natural Earth, dominio publico) */
.mapwrap{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:8px;position:relative;overflow:hidden}
.svgmap{display:block;width:100%;max-width:250px;height:auto;margin:0 auto} /* mapa un poco mas chico (Guille) */
.provinces path{fill:var(--navy);stroke:#fff;stroke-width:.8;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .15s}
[data-theme="dark"] .provinces path{fill:#274B86;stroke:#0B1B36}
.provinces path:hover,.provinces path.hot{fill:var(--turq)}
.metro-caba{cursor:pointer}
.metro-caba path{fill:var(--turq);stroke:#fff;stroke-width:1;vector-effect:non-scaling-stroke;transition:fill .15s;filter:drop-shadow(0 1px 2px rgba(11,18,32,.35))}
.metro-caba:hover path,.metro-caba.hot path{fill:var(--turq-dark)}
.svgmap-tip{position:absolute;pointer-events:none;background:#142546;color:#fff;font-family:'Bricolage Grotesque';font-weight:700;font-size:13px;padding:5px 11px;border-radius:8px;border:1.5px solid var(--turq);opacity:0;transform:none;white-space:nowrap;transition:opacity .12s;z-index:6;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.svgmap-tip.on{opacity:1}
.mapwrap .maphint{position:absolute;left:auto;right:10px;bottom:auto;top:56%;font-size:9.5px;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:50px;padding:4px 8px;display:flex;align-items:center;gap:5px;max-width:118px;text-align:center;pointer-events:none}
/* Lista de provincias (debajo del mapa) */
.plist{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.plist-h{padding:13px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.plist-h h4{font-family:'Bricolage Grotesque';font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.1px}
.plist-h i{font-size:18px;color:var(--turq-dark)}
.plist .grid{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.plist a{font-size:13px;font-weight:500;padding:7px 10px;border-radius:8px;color:var(--ink);transition:.14s;display:block}
.plist a:hover,.plist a.hot{background:var(--turq-soft);color:var(--turq-dark)}
@media(max-width:1024px){
	.cm-grid{grid-template-columns:1fr;gap:26px}
	.cm-side{position:static;max-height:none;overflow:visible}
	.cm-side .svgmap{height:auto}
	.totop{left:50%}
	.vtab{display:inline-flex}
	body.vp-clubes .cm-side{display:none}
	body.vp-prov .cm-main{display:none}
	body.vp-prov .dc,body.vp-prov .az{display:none}
}
@media(max-width:600px){.club-grid{column-count:1}}

/* ===== Robustez contra estilos heredados del padre Kadence ===== */
.hslider .hs-body .hs-title{color:#fff}
.hslider .hs-body .hs-sub{color:#eef3fb}
.hslider .hs-kick{color:#06222a}
.feat .in .t{color:#fff}
.hap-footer, .hap-footer h5, .hap-footer p{line-height:1.55}

/* ============================================================
   HEMEROTECA (page-hemeroteca.php) — calendario de notas
   Replica del mockup 03-Archivo/Archivo-Calendario.html
   ============================================================ */
:root,[data-theme="light"]{--sepia:#B07A2E;--sepia-soft:#F6ECD9;--sepia-ink:#6B4A18;--sepia-line:#E7D6B6;--row1:#E6F8FA;--row2:#EEF1F8;--row-h:#D2EEF2}
[data-theme="dark"]{--sepia:#D9A95B;--sepia-soft:rgba(176,122,46,.16);--sepia-ink:#E7C98A;--sepia-line:#3A3320;--row1:rgba(43,196,210,.10);--row2:rgba(148,163,184,.07);--row-h:rgba(43,196,210,.22)}
/* era cards (en el hero) */
.eras{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:760px;position:relative}
.era{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 18px;display:flex;gap:14px;align-items:flex-start}
.era .ic{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.era.online .ic{background:rgba(43,196,210,.16);color:var(--turq)}
.era.baul .ic{background:rgba(216,168,80,.16);color:var(--sepia)}
.era h4{font-family:'Bricolage Grotesque';font-size:16px;font-weight:800;display:flex;align-items:center;gap:8px;color:#fff}
.era .yrs{font-size:12px;font-weight:600;color:#9fb0c9;margin:2px 0 6px}
.era p{font-size:12.5px;color:#b9c6da;line-height:1.5}
.era .big{font-family:'Bricolage Grotesque';font-weight:800;font-size:15px}
.era.online .big{color:var(--turq)}.era.baul .big{color:var(--sepia)}
/* toolbar sticky con filtro de era */
.cal-toolbar{position:sticky;top:0;z-index:55;background:var(--panel);border-bottom:1px solid var(--line);box-shadow:0 2px 10px rgba(11,18,32,.04)}
.cal-toolbar .wrap{display:flex;align-items:center;gap:16px;padding:11px 26px;flex-wrap:wrap}
.cal-toolbar .seg{display:inline-flex;background:var(--bg);border:1px solid var(--line);border-radius:50px;padding:3px;flex-shrink:0}
.cal-toolbar .seg a{font-size:12.5px;font-weight:600;padding:7px 15px;border-radius:50px;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:.16s;white-space:nowrap}
.cal-toolbar .seg a.active{background:var(--turq);color:#06222a}
.cal-toolbar .seg a.active[data-f="baul"]{background:var(--sepia);color:#fff}
.cal-toolbar .seg a:not(.active):hover{color:var(--ink)}
.cal-hint{font-size:12px;color:var(--light);margin-left:auto;display:flex;align-items:center;gap:6px}
/* cinta de anios */
.yrail-wrap{background:var(--panel);border-bottom:1px solid var(--line)}
.yrail{display:flex;gap:6px;overflow-x:auto;padding:7px 26px;max-width:1180px;margin:0 auto;scrollbar-width:thin}
.yrail::-webkit-scrollbar{height:6px}.yrail::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}
.yb{flex-shrink:0;width:70px;border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:7px 10px 7px;cursor:pointer;transition:.16s;text-align:left;position:relative;font-family:inherit}
.yb .yy{font-family:'Bricolage Grotesque';font-weight:800;font-size:17px;line-height:1;color:var(--ink)}
.yb .yn{font-size:9px;color:var(--muted);font-weight:600;margin-top:3px;display:flex;align-items:center;gap:2px;white-space:nowrap}
.yb:hover{border-color:var(--turq);transform:translateY(-1px)}
.yb.on{background:var(--navy);border-color:var(--navy)}
.yb.on .yy,.yb.on .yn{color:#fff}
.yb.baul .yy{color:var(--sepia-ink)}
.yb.baul .yn{color:var(--sepia)}
.yb.baul.on{background:var(--sepia);border-color:var(--sepia)}
.yb.baul.on .yy,.yb.baul.on .yn{color:#fff}
[data-theme="dark"] .yb{background:#14253f;border-color:#2a3d60}
[data-theme="dark"] .yb .yy{color:#EAF1FB}
[data-theme="dark"] .yb.on{background:var(--turq);border-color:var(--turq)}
[data-theme="dark"] .yb.on .yy,[data-theme="dark"] .yb.on .yn{color:#06222a}
[data-theme="dark"] .yb.baul .yy{color:var(--sepia-ink)}
[data-theme="dark"] .yb.baul.on{background:rgba(176,122,46,.22);border-color:var(--sepia)}
[data-theme="dark"] .yb.baul.on .yy{color:#F2D9A0}
[data-theme="dark"] .yb.baul.on .yn{color:var(--sepia)}
.yb .tag{position:absolute;top:-7px;right:-6px;font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--sepia);color:#fff;padding:1px 6px;border-radius:50px}
.rail-div{flex-shrink:0;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 4px;color:var(--light);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.rail-div span{writing-mode:vertical-rl;transform:rotate(180deg)}
/* tablero de meses */
.board-sec{padding:30px 0 64px}
.board-head{display:flex;align-items:baseline;gap:14px;margin-bottom:6px;flex-wrap:wrap}
.board-head h2{font-family:'Bricolage Grotesque';font-weight:800;font-size:32px;letter-spacing:-.02em}
.board-head .bt{font-size:13px;color:var(--muted);font-weight:600}
.era-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 11px;border-radius:50px;display:inline-flex;align-items:center;gap:6px}
.era-badge.online{background:var(--turq-soft);color:var(--turq-dark)}
.era-badge.baul{background:var(--sepia-soft);color:var(--sepia-ink)}
.baul-banner{margin:14px 0 18px;background:var(--sepia-soft);border:1px solid var(--sepia-line);border-radius:14px;padding:13px 18px;display:flex;align-items:center;gap:12px;color:var(--sepia-ink);font-size:13.5px}
.baul-banner i{font-size:22px;color:var(--sepia)}
.baul-banner b{font-weight:700}
.months{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:18px}
.mcard{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:15px 16px 13px;cursor:pointer;transition:.16s;position:relative;overflow:hidden}
.mcard:hover{border-color:var(--turq);transform:translateY(-2px);box-shadow:0 8px 20px rgba(11,18,32,.07)}
.mcard .mn{font-family:'Bricolage Grotesque';font-weight:700;font-size:15px;text-transform:capitalize}
.mcard .mc{font-family:'Bricolage Grotesque';font-weight:800;font-size:30px;line-height:1;margin-top:8px;color:var(--turq-dark)}
.mcard .ml{font-size:11px;color:var(--muted);font-weight:600;margin-top:1px}
.mcard .bar{height:4px;border-radius:4px;background:var(--line);margin-top:11px;overflow:hidden}
.mcard .bar i{display:block;height:100%;background:var(--turq);border-radius:4px}
.mcard.empty{opacity:.4;cursor:default;pointer-events:none}
.mcard.empty .mc{color:var(--light)}
.mcard.sel{border-color:var(--turq);background:var(--turq-soft);box-shadow:0 0 0 3px var(--turq-soft)}
.mcard .go{position:absolute;top:13px;right:13px;font-size:15px;color:var(--light);opacity:0;transition:.16s}
.mcard:hover .go{opacity:1;color:var(--turq-dark)}
.baul-mode .mcard{border-color:var(--sepia-line)}
.baul-mode .mcard:hover{border-color:var(--sepia);box-shadow:0 8px 20px rgba(176,122,46,.12)}
.baul-mode .mcard .mc{color:var(--sepia-ink)}
.baul-mode .mcard .bar i{background:var(--sepia)}
.baul-mode .mcard:hover .go{color:var(--sepia)}
/* panel de notas del mes */
.notes{margin-top:26px;border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden;display:none}
.notes.show{display:block;animation:hemfade .25s}
@keyframes hemfade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.notes-h{display:flex;align-items:center;gap:12px;padding:15px 20px;background:linear-gradient(100deg,var(--navy-d) 0%,#0E5A63 100%);border-bottom:3px solid var(--turq)}
.notes-h h3{font-family:'Bricolage Grotesque';font-weight:800;font-size:20px;text-transform:capitalize;color:#fff}
.notes-h .cnt{font-size:12.5px;font-weight:600;color:#cbd5e1;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);padding:3px 10px;border-radius:50px}
.np-era{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 11px;border-radius:50px;display:inline-flex;align-items:center;gap:5px}
.np-era.online{background:var(--turq-soft);color:var(--turq-dark)}
.np-era.baul{background:var(--sepia-soft);color:var(--sepia-ink)}
.notes-h .x{margin-left:auto;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#cbd5e1;font-size:17px}
.notes-h .x:hover{color:#fff;border-color:var(--turq)}
.notes-list{columns:2;column-gap:14px;padding:10px}
.note{break-inside:avoid;display:flex;align-items:flex-start;gap:8px;padding:10px 13px;border-radius:8px;margin-bottom:6px;transition:.13s}
.note:nth-child(odd){background:var(--row1)}
.note:nth-child(even){background:var(--row2)}
.note:hover{background:var(--row-h)}
.note .nt{font-size:13.5px;line-height:1.4;font-weight:500}
.note:hover .nt{color:var(--turq-dark)}
.note .ar{margin-left:auto;color:var(--light);font-size:14px;opacity:0;flex-shrink:0;padding-top:4px}
.note:hover .ar{opacity:1;color:var(--turq-dark)}
.notes-empty{padding:50px 20px;text-align:center;color:var(--light)}
.notes-empty i{font-size:34px;display:block;margin-bottom:10px;color:var(--line)}
@media(max-width:1024px){.eras{grid-template-columns:1fr}.months{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.months{grid-template-columns:repeat(2,1fr)}.notes-list{columns:1}.board-head h2{font-size:26px}}

/* ============================ BÚSQUEDA AVANZADA ============================ */
.ba-search{display:flex;align-items:center;gap:10px;background:var(--panel);border:1.5px solid var(--line);border-radius:13px;padding:5px 5px 5px 16px;box-shadow:0 14px 34px -22px rgba(11,18,32,.4);margin:0 0 12px}
.ba-search:focus-within{border-color:var(--turq)}
.ba-search .lead-ic{font-size:20px;color:var(--turq-dark)}
.ba-search input{flex:1;border:0;outline:none;background:transparent;font:600 15px 'DM Sans';color:var(--ink);padding:10px 0}
.ba-search input::placeholder{color:var(--light);font-weight:500}
.btn{cursor:pointer;border:0;font:700 13px 'DM Sans';border-radius:10px;display:inline-flex;align-items:center;gap:7px;transition:.16s;text-decoration:none}
.btn-go{background:var(--navy);color:#fff;padding:10px 18px}
.btn-go:hover{background:#142546}
.btn-go i{font-size:16px}
.btn-apply{background:var(--turq);color:#06222a;padding:9px 18px}
.btn-apply:hover{filter:brightness(.96)}
.btn-ghost{background:transparent;border:1.5px solid var(--line);color:var(--muted);padding:8px 16px}
.btn-ghost:hover{border-color:var(--turq);color:var(--turq-dark)}
.ba-filters{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:11px 13px 12px;margin-bottom:6px}
.ba-fh{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.ba-fh .t{font-weight:700;font-size:12.5px;display:flex;align-items:center;gap:7px}
.ba-fh .t i{color:var(--turq-dark);font-size:16px}
.ba-fh .clr{font-size:12px;color:var(--muted);font-weight:600;display:inline-flex;gap:6px;align-items:center}
.ba-fh .clr:hover{color:var(--turq-dark)}
.ba-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 12px}
.ba-field label{display:block;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.ba-sel{position:relative}
.ba-sel select,.ba-txt{width:100%;appearance:none;-webkit-appearance:none;background:#F7FAFD;border:1.5px solid var(--line);border-radius:8px;padding:7px 26px 7px 10px;font:600 11.5px 'DM Sans';color:var(--ink);cursor:pointer}
.ba-sel option{font-size:12px}
.ba-txt{cursor:text;padding-right:10px}
.ba-sel select:focus,.ba-txt:focus{border-color:var(--turq);outline:none}
.ba-sel::after{content:"\ea5f";font-family:'tabler-icons';position:absolute;right:9px;top:50%;transform:translateY(-50%);color:var(--light);pointer-events:none;font-size:14px}
.ba-span2{grid-column:span 2}
.ba-apply{display:flex;align-items:center;gap:9px;margin-top:9px}
.ba-active{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:18px 0 4px}
.ba-active .lbl{font-size:12.5px;color:var(--muted);font-weight:600}
.ba-chip{display:inline-flex;align-items:center;gap:7px;background:var(--turq-soft);color:var(--turq-dark);border:1px solid #cdeef2;border-radius:50px;padding:6px 12px;font-size:12.5px;font-weight:700}
.s-res{display:flex;align-items:center;justify-content:space-between;margin:14px 0;flex-wrap:wrap;gap:12px}
.s-res .count{font-weight:700;font-size:15px}
.s-res .count b{color:var(--turq-dark)}
.sortwrap{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}
.sortwrap .ba-sel select{padding:9px 32px 9px 12px;font-size:13px}
.adv-link{margin:8px 0 0;text-align:center}
.sf + .adv-link{margin-top:-14px}        /* pegado al buscador: anula casi todo el gap del sidebar */
.adv-link a{color:var(--navy);text-decoration:underline;text-underline-offset:2px;font-weight:600;font-size:12px;display:inline-flex;align-items:center;gap:5px}
.adv-link a:hover{color:var(--turq-dark)}
.adv-link a i{font-size:13px}
[data-theme="dark"] .adv-link a{color:#fff}
[data-theme="dark"] .adv-link a:hover{color:var(--turq)}
[data-theme="dark"] .ba-sel select,[data-theme="dark"] .ba-txt{background:#0A1428;color:var(--ink)}
[data-theme="dark"] .btn-go{background:var(--turq);color:#06222a}
[data-theme="dark"] .ba-chip{border-color:#244a52;color:var(--turq)}
@media(max-width:1024px){.ba-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ba-grid{grid-template-columns:1fr}.ba-span2{grid-column:auto}.ba-search{flex-wrap:wrap}}

/* Lupa "Búsqueda avanzada" en el header (al lado de Nosotros) */
.hap-busca{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:var(--ink);font-size:20px;margin-left:-20px;transition:.16s;flex-shrink:0}
.hap-busca:hover{color:var(--turq-dark);background:var(--turq-soft)}
[data-theme="dark"] .hap-busca:hover{background:rgba(43,196,210,.12);color:var(--turq)}
/* mobile: la lupa no entra junto al logo ancho + hamburguesa sin desbordar; en mobile
   el acceso a la búsqueda avanzada queda por el link del sidebar. + logo mobile más chico. */
@media(max-width:1040px){
  /* lupa de búsqueda a la IZQUIERDA de la hamburguesa, ambas como botón turquesa parejo */
  .hap-busca{display:inline-flex;order:1;margin-left:auto;width:42px;height:42px;border:1px solid var(--turq);background:var(--panel);border-radius:10px;color:var(--turq-dark);font-size:20px}
  .head .wrap{height:92px}                /* header mobile */
  .logo img{height:72px;max-height:72px}  /* logo mobile (Guille 11/06: un poco más grande que 54) */
  .navtoggle{order:2;margin-left:8px;border-color:var(--turq);color:var(--turq-dark);background:var(--panel)}  /* hamburguesa */
}