/* MiAuto V16 · overlays vivos sobre fotografía + botones fijos optimizados.
   Hoja complementaria: conserva la base V12 y las fichas V15. */
.mi16 .mi-v16-hero{height:clamp(570px,75svh,900px);min-height:570px;background:#161a1c;color:#f7f4ee;isolation:isolate}
.mi16 .mi-v16-hero-slide{position:absolute;inset:0;overflow:hidden}
.mi16 .mi-v16-hero-visual{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 60% 42%,#434b4c,#23292b 64%,#15191b)}
.mi16 .mi-v16-hero-visual:after{background:linear-gradient(180deg,#11171918,transparent 45%,#11171938 100%)}
.mi16 .mi-v16-hero-visual img{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;object-fit:cover;object-position:50% 52%;filter:saturate(.96) contrast(1.015);transform:scale(1);transition:transform 7s ease}
.mi16 .mi-v16-hero-slide.is-active .mi-v16-hero-visual img{transform:scale(1.025)}
.mi16 .mi-v16-hero-slide.is-editorial .mi-v16-hero-visual img{object-fit:cover;padding:0}
.mi16 .mi-v16-hero-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0b101340 0%,transparent 25%,transparent 45%,#090e12c9 100%),linear-gradient(90deg,#090e1285,transparent 60%)}
/* Text, badges and prices are dynamic HTML, never baked into photographs. */
.mi16 .mi-v16-hero-overlay{position:absolute;inset:0;z-index:3;pointer-events:none}
.mi16 .mi-v16-unit-info{position:absolute;left:var(--gutter);bottom:88px;width:min(66%,920px);padding:0 18px 6px 0;text-shadow:0 3px 24px #07090bc9;pointer-events:auto}
.mi16 .mi-v16-unit-info h1,.mi16 .mi-v16-unit-info h2{margin:13px 0 13px;font-size:clamp(37px,4.65vw,78px);line-height:1.02;font-weight:570;letter-spacing:-.06em;color:#faf7f2;overflow-wrap:break-word;max-width:780px}
.mi16 .mi-v16-unit-info>p{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;font-size:clamp(12px,1.1vw,17px);line-height:1.4;letter-spacing:-.012em;color:#e5e3df;margin:0}
.mi16 .mi-v16-unit-info>p>span{color:#d58269;font-size:16px}
.mi16 .mi-v16-unit-info>p strong{font-weight:570;color:#fffaf2}
.mi16 .mi-v16-availability{display:inline-flex;align-items:center;gap:9px;color:#eaece8;font-size:11px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;padding:8px 13px;border:1px solid #ffffff47;border-radius:999px;background:#1017196b;backdrop-filter:blur(8px)}
.mi16 .mi-v16-availability-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8bd08e;box-shadow:0 0 0 3px #8bd08e24}
.mi16 .mi-v16-availability.is-editorial{color:#eee3d8;letter-spacing:.09em}
/* Interactive image CTAs: the fixed labels remain accessible through aria-label. */
.mi16 .mi-v16-image-cta{display:block;position:absolute;z-index:5;pointer-events:auto;line-height:0;filter:drop-shadow(0 9px 16px #05090b5c);transition:transform .22s ease,filter .22s ease}
.mi16 .mi-v16-image-cta img{width:100%;height:auto;display:block;pointer-events:none}
.mi16 .mi-v16-image-cta.is-explore{right:var(--gutter);bottom:88px;width:clamp(220px,21.8vw,324px);aspect-ratio:740/186}
.mi16 .mi-v16-image-cta.is-unit{right:var(--gutter);top:27px;width:clamp(174px,17.5vw,239px);aspect-ratio:580/144}
.mi16 .mi-v16-image-cta:hover{transform:translateY(-4px);filter:drop-shadow(0 12px 22px #070b0d7d)}
.mi16 .mi-v16-image-cta:focus-visible{outline:3px solid #ffba94;outline-offset:3px;border-radius:999px}
.mi16 .mi-v16-hero-tools{bottom:22px;right:var(--gutter);background:#10161973;border:1px solid #ffffff29;border-radius:99px;padding:5px;gap:4px;backdrop-filter:blur(6px)}
.mi16 .mi-v16-hero-tools button{width:34px;height:34px;border:none;background:transparent}
.mi16 .mi-v16-hero-tools [data-v15-hero-count]{padding:0 9px}
.mi16 .mi-v16-hero-tools button:hover{background:#ffffff20}
/* Compact photo-led cards. No separate title region creates a tall empty block. */
.mi16 .mi-v16-card{background:#171d1e;border-radius:20px}
.mi16 .mi-v16-card .mi-v15-card-link{display:block;flex:1;min-height:0}
.mi16 .mi-v16-card .mi-v15-card-photo{position:relative;display:block;aspect-ratio:1.47;min-height:290px;background:radial-gradient(ellipse at 52% 38%,#41494a,#202729 80%)}
.mi16 .mi-v16-card .mi-v15-card-photo img{object-fit:cover;object-position:center;display:block}
.mi16 .mi-v16-card.is-portrait .mi-v15-card-photo img{object-fit:contain}
.mi16 .mi-v16-card .mi-v15-card-photo:after{z-index:1;inset:38% 0 0;background:linear-gradient(180deg,transparent 0%,#080d1060 32%,#080d10ee 100%)}
.mi16 .mi-v16-card .mi-v15-status{z-index:3}
.mi16 .mi-v16-card-overlay{z-index:2;position:absolute;left:clamp(18px,2.2vw,32px);right:clamp(18px,2.2vw,32px);bottom:clamp(18px,2vw,28px);color:#fffaf4;text-shadow:0 2px 14px #0a0e10aa;display:flex;flex-direction:column;gap:7px}
.mi16 .mi-v16-card-brand{font-size:10px;font-weight:680;letter-spacing:.24em;text-transform:uppercase;color:#f5e6da}
.mi16 .mi-v16-card-overlay h3{font-size:clamp(25px,2.7vw,43px);font-weight:580;letter-spacing:-.05em;line-height:1.07;overflow-wrap:break-word;margin:0}
.mi16 .mi-v16-card-overlay p{font-size:clamp(12px,1vw,15px);margin:4px 0 0;line-height:1.5;color:#eeeae3}
.mi16 .mi-v16-card-overlay p span{color:#dc8e75;padding:0 4px}
.mi16 .mi-v16-card-overlay p strong{color:#fff7ee;font-weight:600}
.mi16 .mi-v16-card .mi-v15-card-actions{padding:9px 25px 10px;background:#171e1f}
.mi16 .mi-v16-card .mi-v15-card-actions a,.mi16 .mi-v16-card .mi-v15-card-actions button{min-height:32px}
.mi16 .mi-v16-rail .mi-v16-card{flex-basis:clamp(315px,43vw,690px)}
.mi16 .mi-v16-rail.is-single .mi-v16-card{flex-basis:min(100%,1020px)}
/* Earlier V15 single-card layout is overridden to keep the image as the hero of its card. */
@media(min-width:900px){
 .mi16 .mi-v15-catalog-grid.is-single .mi-v16-card-link,.mi16 .mi-v15-catalog-grid.is-single .mi-v15-card-link{display:block;grid-template-columns:none}
 .mi16 .mi-v15-catalog-grid.is-single .mi-v16-card .mi-v15-card-photo{height:auto;aspect-ratio:1.75;max-height:630px}
}
@media(max-width:1000px){
 .mi16 .mi-v16-unit-info{width:66%;bottom:84px}
 .mi16 .mi-v16-unit-info h1,.mi16 .mi-v16-unit-info h2{font-size:clamp(37px,5vw,57px)}
 .mi16 .mi-v16-image-cta.is-explore{width:230px;bottom:84px}
}
@media(max-width:760px){
 .mi16 .mi-v16-hero{height:clamp(610px,79svh,800px);min-height:610px}
 .mi16 .mi-v16-hero-visual{inset:0;background:radial-gradient(ellipse at 50% 37%,#424a4a,#202829 68%,#111618 100%)}
 .mi16 .mi-v16-hero-visual img,.mi16 .mi-v16-hero-slide.is-editorial .mi-v16-hero-visual img{width:100%;height:71%;top:8%;bottom:auto;object-fit:contain;object-position:50% 45%;transform:scale(1.26);}
 .mi16 .mi-v16-hero-slide.is-active .mi-v16-hero-visual img{transform:scale(1.27)}
 .mi16 .mi-v16-hero-shade{background:linear-gradient(180deg,#10171a72 0%,transparent 17%,transparent 40%,#0c1317d6 68%,#0b1013 100%)}
 .mi16 .mi-v16-unit-info{width:auto;max-width:none;left:var(--gutter);right:var(--gutter);bottom:119px;padding:0}
 .mi16 .mi-v16-unit-info h1,.mi16 .mi-v16-unit-info h2{font-size:clamp(35px,8.5vw,55px);margin:10px 0 10px;max-width:100%;line-height:1.05}
 .mi16 .mi-v16-unit-info>p{font-size:12px;gap:4px 7px}
 .mi16 .mi-v16-availability{font-size:10px;padding:6px 10px;gap:7px}
 .mi16 .mi-v16-image-cta.is-explore{left:var(--gutter);right:auto;bottom:23px;width:min(64vw,270px)}
 .mi16 .mi-v16-image-cta.is-unit{right:var(--gutter);top:17px;width:min(43vw,189px)}
 .mi16 .mi-v16-hero-tools{top:82px;bottom:auto;right:var(--gutter);left:auto;gap:2px;padding:3px}
 .mi16 .mi-v16-hero-tools button{width:30px;height:30px;padding:6px}
 .mi16 .mi-v16-hero-tools [data-v15-hero-count]{font-size:10px;padding:0 4px}
 .mi16 .mi-v16-rail .mi-v16-card{flex-basis:min(87vw,460px)}
 .mi16 .mi-v16-card .mi-v15-card-photo{aspect-ratio:1.08;min-height:340px}
 .mi16 .mi-v16-card-overlay h3{font-size:clamp(24px,7vw,33px)}
 .mi16 .mi-v16-card-overlay p{font-size:12px}
}
@media(max-width:380px){
 .mi16 .mi-v16-hero{min-height:610px;height:clamp(610px,82svh,700px)}
 .mi16 .mi-v16-unit-info h1,.mi16 .mi-v16-unit-info h2{font-size:33px}
 .mi16 .mi-v16-image-cta.is-explore{width:60vw}
 .mi16 .mi-v16-unit-info{bottom:114px}
 .mi16 .mi-v16-hero-tools{top:74px}
}
@media(prefers-reduced-motion:reduce){
 .mi16 .mi-v16-hero-visual img,.mi16 .mi-v16-image-cta{transition:none!important}
 .mi16 .mi-v16-hero-slide.is-active .mi-v16-hero-visual img{transform:none}
 .mi16 .mi-v16-hero-slide.is-active .mi-v16-hero-visual img[data-v16-src]{opacity:0}
}