/* Portada GeoCars: original images and full, uncropped portrait films. */
.hero.hero-rotator{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch;min-height:0;color:var(--ink);background:#e8eff1;overflow:hidden}
.hero.hero-rotator:after{display:none}
.hero-copy{padding:56px 8% 38px 10%;align-self:center;min-width:0}
.hero-copy h1{font-size:clamp(40px,4.3vw,66px);margin:20px 0;letter-spacing:-2.7px}
.hero-copy p{max-width:360px;margin:0 0 24px}
.hero-copy .hero-note{font-size:11px;margin-top:18px;color:#4e6974;max-width:330px}
.hero-copy .hero-kicker{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.6px;color:#176b85;font-weight:bold;text-transform:uppercase}
.hero-kicker:before{content:'';display:block;width:22px;height:2px;background:#0a789f}
.hero-media-card{min-width:0;margin:0;background:#0e1c25;color:#d5e8ef;display:flex;flex-direction:column}
.hero-stage{position:relative;height:520px;overflow:hidden;background:radial-gradient(ellipse at center,#263c48 0%,#0d1b24 76%);isolation:isolate}
.hero-stage:before,.hero-stage:after{content:'';position:absolute;inset:25px;border:1px solid #ffffff0e;pointer-events:none;z-index:-1}
.hero-stage:after{inset:45px}
.hero.hero-rotator .hero-photo,.hero-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;transition:opacity .4s ease;background:transparent}
.hero.hero-rotator .hero-photo.is-visible,.hero-video.is-visible{opacity:1}
.hero-video{z-index:1}
.hero-media-card[data-kind="image"] .hero-stage{background:#dbe5e8}
.hero-media-card[data-kind="image"] .hero-stage:before,.hero-media-card[data-kind="image"] .hero-stage:after{display:none}
.hero-controls{display:flex;align-items:center;gap:8px;padding:12px 16px;min-height:64px;border-top:1px solid #ffffff17}
.hero-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;border:1px solid #66828f;background:transparent;color:white;padding:8px 12px;font:12px Arial;line-height:1.2}
.hero-controls button:hover{background:#213a48}
.hero-controls button:focus-visible,.hero-dots button:focus-visible{outline:3px solid #aee5f4;outline-offset:3px}
.hero-controls .hero-arrow{font-size:21px;padding:4px 8px}
.hero-controls .hero-sound{margin-left:auto;max-width:125px}
.hero-controls .hero-count{font-size:11px;letter-spacing:.5px;min-width:48px;text-align:center;color:#acd1e0;font-variant-numeric:tabular-nums}
.hero-progress{height:2px;background:#38505d;overflow:hidden}
.hero-progress>span{display:block;height:100%;background:#88d8f1;transform:scaleX(0);transform-origin:left center}
@keyframes heroProgress{to{transform:scaleX(1)}}
.hero-caption{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:13px 18px 5px;min-height:49px;font-size:11px;line-height:1.5}
.hero-caption strong{font-weight:600;color:#e6f4f9}
.hero-kind{font-size:9px;letter-spacing:1px;color:#91c7db;text-transform:uppercase;white-space:nowrap}
.hero-dots{display:flex;gap:0;flex-wrap:wrap;justify-content:center;padding:0 12px 9px}
.hero-dots button{display:grid;place-items:center;min-width:26px;min-height:27px;border:0;background:none;padding:0}
.hero-dots button:before{content:'';width:5px;height:5px;border-radius:50%;background:#66808c}
.hero-dots button[aria-pressed="true"]:before{width:16px;border-radius:4px;background:#aee5f4}
.hero-fallback-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;background:#e8f8ff;color:#142129;border:1px solid #b3d8e9;padding:14px 20px;font-size:13px;min-height:46px}
.hero-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hero.hero-rotator .hero-controls[hidden],.hero.hero-rotator [hidden]{display:none!important}
@media(min-width:1500px){.hero-stage{height:590px}.hero-copy{padding-left:11%}}
@media(max-width:900px) and (min-width:761px){.hero-copy{padding:35px 7%}.hero-copy h1{font-size:43px}.hero-controls{gap:5px;padding:10px}.hero-controls button{padding:8px}.hero-controls .hero-sound{max-width:90px}.hero-stage{height:500px}}
@media(max-width:760px){.hero.hero-rotator{display:flex;flex-direction:column;margin:14px 3% 0}.hero-copy{order:2;padding:29px 7% 25px;width:100%}.hero-copy h1{font-size:32px;letter-spacing:-1.3px;margin:15px 0}.hero-copy p{font-size:14px;max-width:370px;margin:0 0 18px}.hero-copy .hero-note{margin:13px 0 0;font-size:10px}.hero-copy .hero-kicker{font-size:9px}.hero-stage{height:clamp(400px,125vw,580px)}.hero-controls{padding:10px 12px;gap:5px}.hero-controls button{padding:8px 10px}.hero-controls .hero-count{min-width:42px}.hero-controls .hero-sound{font-size:11px;max-width:115px}.hero-caption{padding:12px 15px 4px;min-height:47px}.hero-dots{padding-bottom:8px}.hero-dots button{min-width:25px}.hero-media-card{order:1;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero.hero-rotator .hero-photo,.hero-video{transition:none}}

.hero.hero-rotator .hero-arrow,.hero.hero-rotator .hero-count,.hero.hero-rotator .hero-dots,.hero.hero-rotator .hero-progress{display:none!important}
.hero.hero-rotator .hero-controls{min-height:0;border:0;padding:8px 16px;justify-content:flex-end}
.hero.hero-rotator .hero-controls .hero-sound{margin-left:0}
