/* Ajustes de pantalla (overrides acotados; se carga después de index-*.css y cobro.css).
   Hero: en escritorio/portátil (>=1024 px) todo el hero cabe en la primera pantalla, escalando con la altura. */
@media (min-width:1024px){
  #home>.container{
    padding-top:calc(var(--header-h) + clamp(1.25rem,3vh,4rem));
    padding-bottom:clamp(2rem,5.5vh,6rem);
    gap:clamp(1.5rem,3vw,2.5rem);
  }
  #home h1{margin-top:clamp(.9rem,2.4vh,1.75rem)}
  #home h1>span[aria-hidden="true"]{
    margin-top:clamp(.5rem,1.4vh,1rem);
    font-size:clamp(2.4rem,min(5.6vw,8.6vh),5.25rem);
  }
  #home h2{
    margin-top:clamp(.9rem,2.6vh,2.25rem);
    font-size:clamp(21px,min(2.3vw,3.6vh),32px);
  }
  #home h2+p{margin-top:clamp(.6rem,1.6vh,1.25rem);font-size:clamp(15px,2.2vh,18px)}
  #home h2+p+div{margin-top:clamp(1rem,3vh,2.25rem)}
  #home dl{margin-top:clamp(1.1rem,3.6vh,3.5rem)}
  #home dl>div{padding-top:clamp(.6rem,1.7vh,1.5rem);padding-bottom:clamp(.6rem,1.7vh,1.5rem)}
  /* imagen: alto limitado por la altura de pantalla, proporción 4/5 intacta */
  #home .aspect-\[4\/5\]{width:min(100%,calc(min(66vh,640px)*.8));margin-inline:auto}
}
@media (min-width:1024px) and (max-height:760px){
  #home h2+p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
}

/* Móvil / tablet vertical (<768 px): etiquetas legibles y objetivos táctiles de 44 px */
@media (max-width:768px){
  .eyebrow,.rg-stamp,.rg-cm__aun,.rg-seg__fee span{font-size:12px}
  .rgf-btn{min-height:44px}
  footer a{min-width:44px;justify-content:center}
  [class*="text-[10px]"],[class*="text-[11px]"]{font-size:12px}
  header a[href="#home"],header a[aria-label]{min-height:44px;display:inline-flex;align-items:center}
  footer a,footer button{display:inline-flex;align-items:center;min-height:44px}
  #contact form button:not([type="submit"]){position:relative}
  #contact form button:not([type="submit"])::after{content:"";position:absolute;inset:-14px -4px}
  .rg-cm .rg-card .rg-det,.rg-cm .rg-chip{font-size:13px}
  .rg-cm__legal{font-size:12px}
  .rg-cm__glabel,.rgf-btn{font-size:12px}
}
/* Gráfico de cobro: evitar que el sello pise la cifra en anchos intermedios */
@media (min-width:980px) and (max-width:1180px){
  .rg-cm .rg-card--star .rg-big{font-size:46px}
}
