/* En notebooks, reservar espacio para que la franja de datos entre en pantalla. */
@media(min-width:901px){
  .home-page .metrics{display:flex;align-items:center}
}
@media(min-width:901px) and (min-height:951px){
  .home-page .hero{height:calc(100svh - 230px);min-height:0;max-height:none}
  .home-page .metrics{min-height:230px}
}
@media(min-width:901px) and (max-height:950px){
  .home-page .hero{height:calc(100svh - 166px);min-height:420px;max-height:none;padding-top:100px}
  .home-page .home-masthead-inner{padding-top:12px;padding-bottom:6px}
  .home-page .home-masthead .brand img{width:170px;height:74px}
  .home-page .home-hero-copy{padding-top:8px;padding-bottom:14px}
  .home-page .home-hero-copy h1{font-size:clamp(32px,2.8vw,40px);max-width:650px;line-height:1.08;letter-spacing:-.8px}
  .home-page .home-hero-accent{height:5px;width:60px;margin:14px 0}
  .home-page .home-hero-copy p{font-size:15px;line-height:1.4;max-width:560px;margin-bottom:10px}
  .home-page .home-hero-copy p:last-child{margin-bottom:0}
  .home-page .home-sectors{flex-shrink:0;padding:8px 0 16px}
  .home-page .home-sector{font-size:13px;gap:8px;padding:0 10px}
  .home-page .home-sector .home-icon{width:35px;height:35px}
  .home-page .metrics{min-height:166px;padding:18px 0}
  .home-page .metric{padding:0 18px;gap:12px}
  .home-page .metric:first-child{padding-left:0}
  .home-page .metric:last-child{padding-right:0}
  .home-page .metric .home-icon{width:33px;height:33px}
  .home-page .metric strong{font-size:18px;line-height:1.2}
  .home-page .metric .counter{font-size:32px}
  .home-page .metric .metric-label{font-size:15px;line-height:1.2}
  .home-page .metric p{font-size:12px;line-height:1.4;margin-top:8px}
}
@media(min-width:901px) and (max-height:620px){
  .home-page .hero{height:calc(100svh - 154px);min-height:350px;padding-top:82px}
  .home-page .home-masthead-inner{padding-top:8px;padding-bottom:4px}
  .home-page .home-masthead .brand img{width:145px;height:62px}
  .home-page .home-hero-copy{padding-top:4px;padding-bottom:8px}
  .home-page .home-hero-copy h1{font-size:31px;max-width:650px}
  .home-page .home-hero-accent{height:4px;margin:10px 0}
  .home-page .home-hero-copy p{font-size:14px;line-height:1.35;max-width:600px;margin-bottom:8px}
  .home-page .home-sectors{padding:5px 0 12px}
  .home-page .home-sector{gap:6px;font-size:12px}
  .home-page .home-sector .home-icon{width:30px;height:30px}
  .home-page .metrics{min-height:154px;padding:14px 0}
}
/* En celulares, subir el texto y dejar las seis categorías dentro del hero. */
@media(max-width:620px){
  .home-page .hero{height:auto;min-height:100svh;max-height:none;padding-top:88px}
  .home-page .home-hero-copy{flex:1 0 auto;justify-content:flex-start;padding-top:14px;padding-bottom:18px}
  .home-page .home-hero-copy h1{font-size:31px;line-height:1.08;letter-spacing:-.6px;max-width:100%}
  .home-page .home-hero-accent{width:50px;height:4px;margin:14px 0}
  .home-page .home-hero-copy p{font-size:15px;line-height:1.4;margin-bottom:10px;padding-right:14px}
  .home-page .home-hero-copy p:last-child{margin-bottom:0}
  .home-page .home-sectors{flex-shrink:0;gap:18px 0;padding-top:8px;padding-bottom:16px}
  .home-page .home-sector{gap:6px;font-size:12px;line-height:1.2}
  .home-page .home-sector .home-icon{width:31px;height:31px}
  .home-page .hero-dots{right:8px;top:43%}
}
@media(max-width:620px) and (max-height:650px){
  .home-page .home-masthead-inner{padding-top:8px;padding-bottom:6px}
  .home-page .home-masthead .brand img{width:132px;height:59px}
  .home-page .hero{padding-top:78px}
  .home-page .home-hero-copy{padding-top:10px;padding-bottom:12px}
  .home-page .home-hero-copy h1{font-size:28px}
  .home-page .home-hero-accent{margin:10px 0}
  .home-page .home-hero-copy p{font-size:14px;line-height:1.4;margin-bottom:8px}
  .home-page .home-sectors{gap:14px 0;padding-top:6px;padding-bottom:12px}
  .home-page .home-sector{font-size:11px;gap:5px}
  .home-page .home-sector .home-icon{width:27px;height:27px}
}