/* ═══════════════════════════════════════════════════════════════════
   TÉCNICO v8 (08-oct-2026) — auditoría SEO técnico / accesibilidad
   Correcciones aprobadas por Hugo, sin cambiar la composición:
   1) Azul claro del degradado un tono más profundo (#4d8bff → #2a68e6):
      el texto blanco de botones y bandas pasa de ~3.3:1 a ≥4.5:1.
   2) Textos chicos sobre azul con más opacidad (antes 72–86 %).
   3) WhatsApp: verde más profundo (texto blanco ≥4.8:1) y "Abierto ahora"
      en verde oscuro sobre fondo claro.
   4) Celular: el H1 del héroe existe pero oculto a la vista (antes no
      había H1 en celular). Solo se expone el H1; el resto del bloque de
      escritorio sigue sin mostrarse ni recibir foco.
   5) Títulos del footer pasaron de <h3> a <p class="jose-ft__h">
      (mismo estilo; ver sections.css).
   ═══════════════════════════════════════════════════════════════════ */
:root{--blue-a:#2a68e6;--wa-a:#178346;--wa-b:#105f32}

.jose-ex__band{background:linear-gradient(125deg,#2a68e6 0%,var(--blue-b) 45%,var(--blue-c) 100%)}
.jose-mbar__btn--wa{background:linear-gradient(160deg,var(--wa-a),var(--wa-b));box-shadow:0 12px 20px -14px rgba(16,95,50,.95)}
.jose-btn--wa{box-shadow:0 14px 24px -14px rgba(16,95,50,.9)}

.jose-sv__feat p{color:rgba(255,255,255,.96)}
.jose-ex__stats dt{color:rgba(255,255,255,.94)}
.jose-ex__time small{color:rgba(255,255,255,.92)}
.jose-ex__time time{color:#e6efff}
.jose-cb__txt > p{color:rgba(255,255,255,.96)}
.jose-vcard__who small{color:rgba(255,255,255,.92)}

@media (max-width:1024px),(max-aspect-ratio:10/11){
  .jose-ex{background:linear-gradient(160deg,#2a68e6 0%,var(--blue-b) 50%,var(--blue-c) 100%)}
  .jose-cb{background:linear-gradient(160deg,var(--blue-c) 0%,var(--blue-b) 45%,#2a68e6 100%)}
  .jose-cell--glass .jose-cell__t small{color:#fff}
  .jose-ex .jose-lead{color:rgba(255,255,255,.96)}
  .jose-ex__stats div{background:rgba(255,255,255,.1)}
  .jose-ex__stats dt{color:#fff}
  .jose-lo__now.is-open{color:#0f7a3d}

  /* H1 presente para Google y lectores de pantalla, invisible en pantalla */
  .jose-intro{display:block;position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;animation:none}
  .jose-intro > :not(h1){display:none}
}

/* títulos del footer como <p>: conservar el color y el interlineado que tenían como <h3> */
.jose-ft__col p.jose-ft__h{color:var(--ink);line-height:normal}