/* ==========================================================
   LAMINA ZERO · lz-fixes.css · v1 · octubre 2026
   Parche de correcciones. Cargar el ÚLTIMO, después de mobile.css.
   No sustituye nada: solo corrige. Se puede quitar sin romper la web.
   ========================================================== */

/* ---------- 1. TIPOGRAFÍA: títulos sin descendentes cortados ---------- */
/* h1 home 36px/1.02, "¿Pasamos a boxes?" 41px/0.95, H3 láminas 30px/0.98 → mínimo 1.1 */
h1, h2, h3, .hero-h { line-height: 1.1; }

/* ---------- 2. CONTRASTE (WCAG AA) ---------- */
/* Rojo #E10600 sobre negro = 3,9:1 → en textos pequeños sobre fondo oscuro usamos el rojo brillante de marca (5,4:1) */
footer h5,
.seo-links h4,
.label { color: #FF3838; }

/* Gris #6c7176 sobre #f4f4f5 = 4,48:1 → #5e6368 = 5,5:1 */
.intro-stats span,
.lg .eyebrow,
.lg th { color: #5e6368; }

/* Botón WhatsApp de la barra móvil: blanco sobre verde = 2,7:1 → texto negro sobre el mismo verde = 7,1:1 */
.mbar a.wa { color: #0C0D0E; }
.mbar a.wa svg { color: #0C0D0E; }

/* ---------- 3. TAMAÑO MÍNIMO DE TEXTO (11 px) ---------- */
.intro-stats span,
.hero-stats span,
.label,
.from { font-size: 11px; }

@media (max-width: 767px) {
  /* Tabla técnica de láminas solares: 9–10 px → 11 px */
  .sfp-pos { font-size: 11px; }
}

/* ---------- 4. FOCO VISIBLE PARA TECLADO ---------- */
:focus-visible {
  outline: 2px solid #FF3838;
  outline-offset: 3px;
  border-radius: 4px;
}
.skip-link {
  position: fixed; left: 12px; top: -60px; z-index: 9999;
  background: #0C0D0E; color: #fff; padding: 12px 18px; border-radius: 999px;
  font: 600 14px/1 'Sora', sans-serif; text-decoration: none;
  transition: top .2s;
}
.skip-link:focus { top: 12px; }

/* ---------- 5. MENÚ MÓVIL: oculto de verdad cuando está cerrado ---------- */
/* Antes: 16 enlaces enfocables con el menú cerrado (teclado y lectores de pantalla). */
.mob:not(.open) {
  visibility: hidden;
  transition: transform .42s cubic-bezier(.2,.8,.2,1), visibility 0s linear .42s;
}
.mob.open {
  visibility: visible;
  transition: transform .42s cubic-bezier(.2,.8,.2,1), visibility 0s;
}

/* ---------- 6. HERO MÓVIL: CTAs visibles por encima de la barra inferior ---------- */
/* Antes: hero 888 px en pantalla de 812 px → "Pedir presupuesto" quedaba tapado por #mbar (65 px). */
@media (max-width: 767px) {
  header.hero {
    min-height: 100svh;
    height: auto;
  }
  header.hero .hero-in {
    padding-bottom: calc(28px + 65px + env(safe-area-inset-bottom, 0px));
  }
  header.hero .hero-h { font-size: clamp(32px, 9vw, 38px); }
  header.hero .hero-foot p { margin-bottom: 18px; }
}

/* ---------- 7. AVISO DE COOKIES EN MÓVIL ---------- */
/* Antes: ocupaba el 38 % de la pantalla y se solapaba con la barra inferior. */
@media (max-width: 767px) {
  .ck {
    bottom: calc(65px + 8px + env(safe-area-inset-bottom, 0px)) !important;
    max-height: 52svh;
    overflow-y: auto;
  }
  .ck p { font-size: 13px; line-height: 1.5; }
}