/* TROPHUB81 V30 — Portada editorial fiel a las fotografías, sin recortar el vehículo.
   Este archivo solo altera la portada pública mediante .th30-home. Ningún módulo privado. */
body.th30-home{--th30-paper:#f4f1eb;--th30-ink:#111315;--th30-accent:#d8bb8a;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Arial,sans-serif;text-rendering:optimizeLegibility}

/* Marca original: versiones WebP con canal alfa, sin recuadro gris/negro. */
.mi-logo.th-site-logo .th-brand-mark{border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;width:52px;height:52px}
.mi-logo.th-site-logo .th-brand-mark img{width:52px;height:52px;object-fit:contain!important;background:transparent!important}
.mi-logo.th-site-logo .th-brand-word{line-height:1;min-width:0}
.mi-logo.th-site-logo .th-brand-wordmark{width:176px;height:auto;max-height:64px;object-fit:contain!important;mix-blend-mode:normal!important;filter:drop-shadow(0 1px 3px #0004)}
.mi-footer .mi-logo.th-site-logo .th-brand-wordmark{width:180px}
.mi-header .mi-logo.th-site-logo{gap:11px!important}

/* Hero: letterbox in dark art-directed stage instead of object-fit:cover + scale(1.27).
   The original pixel geometry stays untouched. No invented surroundings. */
body.th30-home .mi-v16-hero{min-height:570px;height:clamp(620px,73svh,850px);background:#131516;overflow:hidden;isolation:isolate}
body.th30-home .mi-v16-hero-visual{background:radial-gradient(ellipse 92% 79% at 61% 46%,#343839 0%,#222526 58%,#111416 100%)!important}
body.th30-home .mi-v16-hero-visual img,
body.th30-home .mi-v16-hero-slide.is-active .mi-v16-hero-visual img,
body.th30-home .mi-v16-hero-slide.is-editorial .mi-v16-hero-visual img{
 display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 padding:0!important;max-width:none!important;object-fit:contain!important;object-position:50% 38%!important;
 transform:none!important;filter:saturate(1.01) contrast(1.015)!important;
 transition:opacity .45s ease!important;
}
body.th30-home .mi-v16-hero-shade{background:linear-gradient(0deg,rgba(8,10,11,.99) 0%,rgba(9,11,12,.91) 11%,rgba(10,12,13,.52) 35%,transparent 76%),linear-gradient(90deg,rgba(8,10,11,.5),transparent 62%)!important}
body.th30-home .mi-v16-unit-info{left:clamp(24px,5vw,88px);bottom:clamp(85px,11vh,133px);width:min(60%,840px);max-width:840px;padding:0 20px 0 0;text-shadow:0 2px 18px #000c}
body.th30-home .th30-hero-brand{display:block;color:#e2c69c;font-size:clamp(13px,1.25vw,17px);font-weight:650;letter-spacing:.19em;text-transform:uppercase;line-height:1.4}
body.th30-home .mi-v16-unit-info .th30-hero-title{font-family:inherit;display:block;max-width:860px;margin:13px 0 17px;font-size:clamp(47px,5.4vw,84px);font-weight:650;line-height:1.1;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:normal;word-break:normal;color:#fffaf4}
body.th30-home .th30-hero-model{display:block;letter-spacing:-.028em}
body.th30-home .th30-hero-trim{display:block;margin-top:5px;font-size:.57em;line-height:1.18;letter-spacing:-.013em;font-weight:500;color:#f0eee9}
body.th30-home .mi-v16-unit-info .mi19-hero-metrics{font-size:clamp(15px,1.4vw,19px);gap:8px 14px;font-weight:550}
body.th30-home .mi-v16-unit-info .mi19-hero-price{font-size:clamp(32px,3.1vw,49px);font-weight:740;letter-spacing:-.025em;margin-top:14px}
body.th30-home .mi-v16-unit-info .mi19-hero-price small{font-size:.42em;font-weight:560}
body.th30-home .mi-v16-hero-tools{display:flex;gap:9px;top:auto;bottom:24px;left:auto;right:var(--gutter);padding:0;border:0;background:none;backdrop-filter:none}
body.th30-home .mi-v16-hero-tools button{width:46px;height:46px;padding:11px;border:1px solid #ffffff88;background:#101213b8;box-shadow:0 3px 20px #0006;color:#fff}
body.th30-home .mi-v16-hero-tools button:hover{background:#f5f1eb;color:#161718}
body.th30-home .mi-v16-hero-tools button svg{width:22px;height:22px}

/* Card: full natural photo, discreet premium price ON image, generous type underneath. */
body.th30-home .mi-inventory .mi-section-head h1{letter-spacing:-.042em}
body.th30-home .mi-v16-rail .th30-home-card{flex:0 0 clamp(310px,43vw,620px);min-width:0}
body.th30-home .mi-v16-rail.is-single .th30-home-card{flex-basis:min(100%,710px)}
body.th30-home .th30-home-card .mi18-card-photo,
body.th30-home .mi-v16-rail .th30-home-card .mi18-card-photo{aspect-ratio:1.55!important;min-height:0!important;max-height:none!important;background:#242627!important;border:1px solid #ffffff1c;border-radius:9px!important}
body.th30-home .th30-home-card .mi18-card-photo img{object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important}
body.th30-home .th30-home-card .mi18-card-photo::after{background:linear-gradient(0deg,#0009 0%,transparent 33%)!important}
body.th30-home .th30-card-photo-price{position:absolute;z-index:5;bottom:16px;left:16px;max-width:calc(100% - 92px);background:rgba(19,20,21,.90);color:#fbf6ed;border:1px solid #e9d9c46a;border-radius:7px;padding:10px 14px;font-size:clamp(17px,1.65vw,23px);font-weight:750;letter-spacing:-.02em;line-height:1.1;white-space:normal;box-shadow:0 6px 21px #0007}
body.th30-home .th30-home-card .mi18-card-body{padding:18px 5px 24px;border-bottom:1px solid #ffffff25}
body.th30-home .th30-home-card .mi18-card-brand{color:#ddc7a4;font-size:12px;font-weight:700;letter-spacing:.135em;margin-bottom:8px}
body.th30-home .th30-home-card .mi18-card-line h3{font-size:clamp(23px,2.3vw,34px);line-height:1.18;font-weight:650;letter-spacing:-.022em;color:#faf7f1;overflow-wrap:anywhere}
body.th30-home .th30-home-card .mi18-card-meta{font-size:clamp(14px,1.1vw,16px);color:#c9c7c2;margin-top:11px;line-height:1.5}
body.th30-home .th30-home-card .mi18-card-explore{opacity:1;transform:none;width:42px;height:42px}
body.th30-home .mi-inventory .mi-v15-rail-tools{gap:12px}
body.th30-home .mi-inventory .mi-v15-rail-tools button{width:42px;height:42px}

/* Actual published categories only. Equal-size centered cards regardless of count. */
body.th30-home .th30-categories{padding-top:55px;padding-bottom:84px}
body.th30-home.mi12 .th30-category-grid{display:grid!important;overflow:visible!important;scroll-snap-type:none!important;max-width:1180px;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 auto!important;padding:0!important;justify-content:center;align-items:stretch}
body.th30-home.mi12 .th30-category-grid.th30-category-count-1{max-width:540px;grid-template-columns:minmax(0,1fr)}
body.th30-home.mi12 .th30-category-grid.th30-category-count-2{max-width:920px;grid-template-columns:repeat(2,minmax(0,1fr))}
body.th30-home.mi12 .th30-category-grid.th30-category-count-3{max-width:1050px;grid-template-columns:repeat(3,minmax(0,1fr))}
body.th30-home.mi12 .th30-category-grid.th30-category-count-5{max-width:1370px;grid-template-columns:repeat(5,minmax(0,1fr))}
body.th30-home.mi12 .th30-category-grid .th30-category{display:block;min-width:0!important;width:100%!important;max-width:none;min-height:0!important;aspect-ratio:1.15!important;border-radius:9px!important;scroll-snap-align:none;isolation:isolate;background:#1d2224;overflow:hidden}
body.th30-home.mi12 .th30-category-grid .th30-category img{position:absolute!important;inset:0;width:100%;height:100%;object-fit:contain!important;object-position:center!important;padding:0!important;opacity:1!important;transform:none!important}
body.th30-home.mi12 .th30-category-grid .th30-category:after{inset:40% 0 0!important;background:linear-gradient(180deg,transparent,#080d10d9)!important}
body.th30-home .th30-category-grid .th30-category h3{font-size:clamp(25px,2.15vw,35px);letter-spacing:-.025em;line-height:1.05;font-weight:680;color:#fff}
body.th30-home .th30-category-grid .th30-category>div{left:clamp(16px,2vw,25px);right:clamp(16px,2vw,25px);bottom:clamp(16px,2vw,24px)}
body.th30-home .th30-category-grid .th30-category>div>span{flex:none}

/* Integral advice, symmetrical art cards, 4 consistent service blocks. */
body.th30-home .mi-advice-heading{padding-bottom:36px}
body.th30-home .mi-advice-heading h2{font-weight:680;letter-spacing:-.04em}
body.th30-home .mi-advice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
body.th30-home .mi-advice-grid .mi-advice-card{min-width:0;max-width:none;min-height:440px;height:100%;aspect-ratio:auto!important;border-radius:9px!important;overflow:hidden}
body.th30-home .mi-advice-grid .mi-advice-copy{padding:clamp(24px,3vw,39px);padding-top:95px}
body.th30-home .mi-advice-grid .mi-advice-copy h3{font-size:clamp(27px,2.5vw,42px);letter-spacing:-.03em;line-height:1.15;overflow-wrap:break-word;font-weight:670;max-width:550px}
body.th30-home .mi-advice-grid .mi-advice-copy p{font-size:16px;line-height:1.52;max-width:420px;font-weight:450}
body.th30-home .th30-services .mi19-benefits-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}
body.th30-home .th30-services .mi19-benefit{min-width:0;min-height:215px;padding:22px;gap:15px}
body.th30-home .th30-services .mi19-benefit strong{font-size:clamp(19px,1.5vw,23px);line-height:1.22;letter-spacing:-.02em}
body.th30-home .th30-services .mi19-benefit p{font-size:14px;line-height:1.58}
body.th30-home .th30-service-planned{border-style:dashed!important}

@media(max-width:1050px){
 body.th30-home .mi-v16-unit-info{width:min(73%,770px)}
 body.th30-home .th30-services .mi19-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.th30-home .th30-services .mi19-benefit{min-height:175px}
}
@media(max-width:760px){
 .mi-logo.th-site-logo .th-brand-mark,.mi-logo.th-site-logo .th-brand-mark img{width:40px;height:40px}
 .mi-logo.th-site-logo .th-brand-wordmark{width:123px;max-height:49px}
 body.th30-home .mi-v16-hero{height:clamp(630px,85svh,775px);min-height:630px}
 body.th30-home .mi-v16-hero-visual img,
 body.th30-home .mi-v16-hero-slide.is-active .mi-v16-hero-visual img,
 body.th30-home .mi-v16-hero-slide.is-editorial .mi-v16-hero-visual img{
    left:0!important;right:0!important;top:4%!important;bottom:auto!important;width:100%!important;height:54%!important;object-fit:contain!important;object-position:center!important;transform:none!important
 }
 body.th30-home .mi-v16-hero-shade{background:linear-gradient(0deg,#090c0ef8 0%,#0a0e10e0 34%,transparent 68%)!important}
 body.th30-home .mi-v16-unit-info{left:var(--gutter);right:var(--gutter);width:auto;max-width:none;bottom:130px;padding:0}
 body.th30-home .mi-v16-unit-info .th30-hero-title{font-size:clamp(35px,8.6vw,55px);line-height:1.11;margin:9px 0 12px;letter-spacing:-.015em}
 body.th30-home .th30-hero-trim{font-size:.64em;line-height:1.2}
 body.th30-home .mi-v16-unit-info .mi19-hero-metrics{font-size:14px;gap:8px 10px}
 body.th30-home .mi-v16-unit-info .mi19-hero-price{font-size:clamp(27px,7vw,36px);margin-top:11px}
 body.th30-home .mi-v16-hero-tools{top:75px;bottom:auto;right:var(--gutter)}
 body.th30-home .mi-v16-hero-tools button{width:40px;height:40px;padding:8px}
 body.th30-home .mi-v16-rail .th30-home-card{flex:0 0 min(87vw,440px)}
 body.th30-home .th30-home-card .mi18-card-body{padding:15px 3px 22px}
 body.th30-home .th30-home-card .mi18-card-line h3{font-size:clamp(23px,6vw,30px)}
 body.th30-home .th30-home-card .mi18-card-meta{font-size:14px}
 body.th30-home .th30-card-photo-price{bottom:12px;left:12px;font-size:17px;padding:10px 12px}
 body.th30-home .th30-categories{padding-top:45px;padding-bottom:66px}
 body.th30-home.mi12 .th30-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:680px;gap:12px}
 body.th30-home.mi12 .th30-category-grid.th30-category-count-1{grid-template-columns:minmax(0,1fr)!important;max-width:540px}
 body.th30-home.mi12 .th30-category-grid .th30-category{aspect-ratio:1.15!important}
 body.th30-home.mi12 .th30-category-grid.th30-category-count-3 .th30-category:last-child,body.th30-home.mi12 .th30-category-grid.th30-category-count-5 .th30-category:last-child{grid-column:1/-1;width:calc(50% - 6px)!important;justify-self:center}
 body.th30-home .th30-category-grid .th30-category h3{font-size:clamp(20px,5vw,28px)}
 body.th30-home .mi-advice-grid{grid-template-columns:1fr;gap:13px}
 body.th30-home .mi-advice-grid .mi-advice-card{min-height:345px}
 body.th30-home .mi-advice-grid .mi-advice-copy h3{font-size:clamp(28px,6.9vw,40px)}
 body.th30-home .mi-advice-grid .mi-advice-copy p{font-size:15px}
 body.th30-home .th30-services .mi19-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 body.th30-home .th30-services .mi19-benefit{padding:19px 15px;min-height:175px}
 body.th30-home .th30-services .mi19-benefit strong{font-size:19px}
 body.th30-home .th30-services .mi19-benefit p{font-size:13px}
}
@media(max-width:460px){
 .mi-header .mi-logo.th-site-logo{gap:5px!important}
 .mi-logo.th-site-logo .th-brand-mark,.mi-logo.th-site-logo .th-brand-mark img{width:35px;height:35px}
 .mi-logo.th-site-logo .th-brand-wordmark{width:103px}
 body.th30-home .mi-v16-hero{height:clamp(630px,87svh,720px);min-height:630px}
 body.th30-home .th30-hero-brand{font-size:12px;letter-spacing:.13em}
 body.th30-home .mi-v16-unit-info .th30-hero-title{font-size:clamp(33px,8.7vw,43px)}
 body.th30-home .mi-v16-unit-info{bottom:130px}
 body.th30-home .mi-v16-hero-tools{top:70px}
 body.th30-home .mi-v16-hero-tools button{width:36px;height:36px}
 body.th30-home.mi12 .th30-category-grid{grid-template-columns:1fr!important;max-width:480px}
 body.th30-home.mi12 .th30-category-grid .th30-category{aspect-ratio:1.65!important}
 body.th30-home.mi12 .th30-category-grid.th30-category-count-3 .th30-category:last-child,body.th30-home.mi12 .th30-category-grid.th30-category-count-5 .th30-category:last-child{grid-column:auto;width:100%!important}
 body.th30-home .th30-category-grid .th30-category h3{font-size:26px}
 body.th30-home .th30-services .mi19-benefits-grid{grid-template-columns:1fr!important}
 body.th30-home .th30-services .mi19-benefit{flex-direction:row;align-items:flex-start;min-height:0;gap:16px}
 body.th30-home .th30-services .mi19-benefit-icon{flex:none}
}
@media(prefers-reduced-motion:reduce){
 body.th30-home .mi-v16-hero-visual img,
 body.th30-home .th30-home-card .mi18-card-photo img{transition:none!important;transform:none!important}
}