/* loalvic.app — cabecera, pie y ajustes de las páginas que vienen de loalvicsports.es.
   Va DESPUÉS de los CSS de loalvicsports.es (tokens, main, layout, hero, formularios, pro, dossier).
   Clases con prefijo lx- para no chocar con las de loalvicsports.es. 25 oct 2026 · Web. */

/* Cabecera flotante clara (igual que la portada de loalvic.app) */
.lx-hdr{position:sticky;top:10px;z-index:60;margin:10px auto 0;width:min(1240px,100% - 20px);background:rgba(255,255,255,.86);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(11,11,12,.07);border-radius:18px;box-shadow:0 6px 24px rgba(11,11,12,.06);font-family:var(--font-body)}
.lx-hdr__in{display:flex;align-items:center;gap:1.5rem;min-height:62px;padding:0 14px 0 18px;position:relative}
.lx-logo{display:flex;align-items:center;gap:.55rem;color:var(--tinta);text-decoration:none;flex:none}
.lx-logo img{width:34px;height:auto}
.lx-logo b{font:400 1.25rem/1 var(--font-display);letter-spacing:.04em}
.lx-nav{display:flex;gap:1.5rem;margin-left:auto}
.lx-nav a{color:#45474D;text-decoration:none;font-weight:500;font-size:.95rem;letter-spacing:0;text-transform:none}
.lx-nav a:hover,.lx-nav a[aria-current]{color:var(--tinta)}
.lx-nav a[aria-current]{box-shadow:inset 0 -2px 0 var(--acento)}
.lx-cta{display:flex;gap:.5rem}
.lx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.6rem 1.15rem;border-radius:999px;font:600 .92rem/1 var(--font-body);text-decoration:none;border:1.5px solid transparent;white-space:nowrap;letter-spacing:0;text-transform:none}
.lx-btn--azul{background:var(--acento);color:#fff}
.lx-btn--azul:hover{background:var(--acento-vivo)}
.lx-btn--borde{border-color:var(--tinta);color:var(--tinta)}
.lx-btn--negro{background:var(--tinta);color:#fff}
.lx-menu{display:none;margin-left:auto;background:none;border:1px solid #DCDAD5;color:var(--tinta);border-radius:12px;width:44px;height:44px;cursor:pointer}
@media (max-width:980px){
  .lx-nav{position:absolute;left:0;right:0;top:calc(100% + 8px);flex-direction:column;gap:0;background:#fff;border:1px solid #DCDAD5;border-radius:18px;padding:.4rem 18px;visibility:hidden;opacity:0;transform:translateY(-6px);transition:.2s;box-shadow:0 20px 40px rgba(0,0,0,.08)}
  .lx-nav.open{visibility:visible;opacity:1;transform:none}
  .lx-nav a{padding:.95rem 0;border-bottom:1px solid #EDEBE6}
  .lx-nav a:last-child{border:0}
  .lx-menu{display:grid;place-items:center}
  .lx-cta .lx-btn--borde{display:none}
}
@media (max-width:720px){.lx-cta{display:none}}

/* Pie */
.lx-wrap{width:min(1240px,100% - 40px);margin-inline:auto}
.lx-ftr{background:var(--tinta);color:#9A9DA5;padding:3rem 0 2.2rem;font:400 .9rem/1.6 var(--font-body)}
.lx-ftr__big{font:400 clamp(3rem,13vw,11rem)/.85 var(--font-display);color:#1a1b1f;text-transform:uppercase;margin-bottom:2rem;user-select:none}
.lx-ftr__big::before{content:"LOALVIC"}
.lx-ftr__in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem}
.lx-ftr a{color:#C9CCD3;text-decoration:none}
.lx-ftr a:hover{color:#fff}
.lx-ftr nav{display:flex;flex-wrap:wrap;gap:1.1rem}
.lx-dock{position:fixed;left:10px;right:10px;bottom:10px;z-index:70;display:none;gap:.5rem;padding:.5rem;border-radius:999px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(11,11,12,.08);box-shadow:0 12px 30px rgba(0,0,0,.15)}
.lx-dock .lx-btn{flex:1;min-height:46px}
@media (max-width:720px){.lx-dock{display:flex}body{padding-bottom:84px}}

/* La cabecera ya no es fija de loalvicsports: el contenido empieza justo debajo */
body{padding-top:0!important;background:#fff}

/* Héroes oscuros de loalvicsports → claros, como loalvic.app (Alejandro: menos azul oscuro/negro) */
.hero-pro{background:var(--hueso)!important;color:var(--tinta);--pro-texto:#45474D;--pro-luz:var(--acento);margin-top:-72px;padding-top:calc(var(--s-9) + 72px)}
.hero-pro__rejilla,.hero-pro__luces{display:none!important}
.hero-pro .miga,.hero-pro .miga a{color:#62656D}
.hero-pro h1{color:var(--tinta);text-shadow:none}
.hero-pro .eyebrow{color:var(--acento)}
.hero-pro .btn--linea-claro{border-color:var(--tinta);color:var(--tinta)}
.hero-pro .he__entrar,.hero-pro .he__alta p{color:#45474D}
.hero-pro .he__entrar a{color:var(--acento)}
.hero-pagina{margin-top:-72px;padding-top:calc(var(--s-9) + 72px)}

/* Saltar al contenido (solo se ve con el teclado) */
.saltar{position:absolute;left:-999px;top:8px;z-index:200;background:var(--tinta);color:#fff;padding:.6rem 1rem;border-radius:8px;font:600 .95rem var(--font-body)}
.saltar:focus{left:8px}
.hero-pro .miga span{color:#45474D;opacity:1}
.hero-pro .he__alta p b,.hero-pro__lead b{color:var(--tinta)}