/* GLIKA 4.1 — Hero ocupa exactamente la primera pantalla en escritorio.
   Sólo presentación de #inicio; no modifica JS, formularios, endpoints ni BR. */
@media (min-width: 761px) {
  #inicio.hero {
    min-height: calc(100svh - var(--glika-header-height, 150px)) !important;
    display: flex;
    align-items: center;
    padding-block: clamp(16px, 2.2vh, 30px) !important;
  }
  #inicio.hero > .hero-layout { width: min(var(--max), calc(100% - 48px)); }
  #inicio.hero h1 { font-size: clamp(48px, 4.6vw, 78px) !important; }
  #inicio.hero p { margin-bottom: 15px !important; }
  #inicio .hero-foot { margin-top: 15px !important; }
}
/* En pantallas de escritorio poco altas, la lectura y los CTA prevalecen.
   Si el contenido no cabe, la página permite scroll en vez de recortarlo. */
@media (min-width: 761px) and (max-height: 750px) {
  #inicio.hero { padding-block: 10px !important; }
  #inicio.hero h1 { font-size: clamp(42px, 4vw, 65px) !important; line-height: .96 !important; }
  #inicio.hero p { font-size: 16px !important; line-height: 1.36 !important; }
  #inicio .console-main { padding-top: 8px; }
  #inicio .signal { margin-block: 4px !important; padding-block: 7px !important; }
}
/* iPhone y móviles: hero fluido; no se ocultan contenido ni acciones. */
@media (max-width: 760px) {
  #inicio.hero { display:block; min-height:0 !important; padding-block: 20px 34px !important; }
  #inicio .hero-layout { width: min(var(--max), calc(100% - 32px)); }
  #inicio.hero h1 { font-size: clamp(35px, 8.8vw, 55px) !important; }
}