/* Portada reconstruida contra el mockup aprobado. */
.screen-hero{
  height:100svh;
  min-height:720px;
  padding:0;
  background:#071a38;
}
.screen-hero .landscape{
  inset:0;
  z-index:1;
  border:0;
  border-radius:0;
  background:
    linear-gradient(90deg,rgba(3,18,39,.18),transparent 50%),
    url("assets/rumo-hero-terrain.jpg") center center/cover no-repeat,
    #071a38;
  /* AVIF where supported; the declaration above is the JPEG fallback. */
  background:
    linear-gradient(90deg,rgba(3,18,39,.18),transparent 50%),
    image-set(url("assets/rumo-hero-terrain-1600.avif") type("image/avif"),url("assets/rumo-hero-terrain.jpg") type("image/jpeg")) center center/cover no-repeat,
    #071a38;
  box-shadow:none;
}
.screen-hero .landscape>*{display:none}
.screen-hero .hero-glow{display:none}
.screen-hero .hero-main{left:8.3%;top:29%;width:72%}
.screen-hero .hero-main>.micro{display:none}
.screen-hero .hero-main h1{
  max-width:none;
  margin:0 0 18px;
  font-size:clamp(48px,5vw,76px);
  line-height:1.04;
  letter-spacing:-.062em;
  font-weight:400;
  white-space:nowrap;
}
.screen-hero .hero-main h1 strong{font-weight:650}
.screen-hero .lede{max-width:430px;margin-bottom:23px;font-size:14px;color:rgba(255,255,255,.7)}
.screen-hero .floating-card{right:6.5%;bottom:7%;width:340px;min-height:190px;padding:23px;background:linear-gradient(135deg,rgba(67,54,78,.9),rgba(18,28,59,.94));border-color:rgba(255,255,255,.48)}
.screen-hero .floating-card>p{margin-bottom:26px}
.screen-hero .floating-card h2{font-size:25px;font-weight:500}
.screen-hero .floating-card>span{max-width:230px;font-size:10px}
.screen-hero .scroll-cue{left:5.6%;bottom:5.8%}
.site-header[data-theme="dark"]{text-shadow:0 1px 18px rgba(0,0,0,.18)}
.talk b{color:var(--orange)}

@media(max-width:900px){
  .screen-hero{min-height:700px}
  .screen-hero .landscape{inset:0;background-position:62% center;border-radius:0}
  .screen-hero .hero-main{left:7.5%;top:22%;width:85%}
  .screen-hero .hero-main h1{font-size:clamp(41px,8vw,58px);white-space:normal}
  .screen-hero .floating-card{right:5.5%;bottom:6%;width:275px;min-height:158px;padding:19px}
  .screen-hero .floating-card>p{margin-bottom:16px}
  .screen-hero .floating-card h2{font-size:22px}
  .screen-hero .floating-card>span{max-width:185px}
}
@media(max-width:560px){
  .screen-hero{min-height:780px}
  .screen-hero .landscape{background-position:67% center}
  .screen-hero .hero-main{top:18%;left:7%;width:88%}
  .screen-hero .hero-main h1{font-size:43px;line-height:.98}
  .screen-hero .lede{width:88%;font-size:12px}
  .screen-hero .floating-card{width:244px;min-height:150px;right:6%;bottom:7%}
  .screen-hero .floating-card>span{max-width:172px;font-size:9px}
}