/* Hero cinematográfico · JCM AUTO TECH. */
.jcm-page .jcm-hero{position:relative;isolation:isolate;container-type:inline-size;background:var(--jcm-background-dark);color:var(--jcm-white);overflow:hidden}
.jcm-page .jcm-hero::before{content:'';position:absolute;z-index:-2;inset:0;background-image:linear-gradient(90deg,rgb(var(--jcm-dark-rgb) / 96%) 0%,rgb(var(--jcm-dark-rgb) / 92%) 43%,rgb(var(--jcm-dark-rgb) / 75%) 100%),url('../images/hero/taller-industrial-oscuro.webp');background-size:cover;background-position:center;pointer-events:none}
.jcm-page .jcm-hero::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgb(var(--jcm-dark-rgb) / 60%),transparent 45%);pointer-events:none}
.jcm-page .jcm-hero-grid{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,.55fr);gap:24px;align-items:center;max-width:1360px;padding:36px clamp(24px,4vw,56px)}
.jcm-page .jcm-hero-content{position:relative;z-index:1;min-width:0}
.jcm-page .jcm-hero .jcm-eyebrow{color:var(--jcm-brand);font-size:12px;margin-bottom:8px;letter-spacing:.04em}
.jcm-page :is(#jcm-hero-title,[id$="-jcm-hero-title"]){font-size:clamp(34px,3.6vw,52px);line-height:1.01;letter-spacing:-.045em;margin:0 0 16px;max-width:23ch;color:var(--jcm-white)}
.jcm-page :is(#jcm-hero-title,[id$="-jcm-hero-title"])>span,.jcm-page :is(#jcm-hero-title,[id$="-jcm-hero-title"])>em{display:block}
.jcm-page :is(#jcm-hero-title,[id$="-jcm-hero-title"])>em{font-style:normal;color:var(--jcm-brand)}
.jcm-page .jcm-hero-subtitle{color:var(--jcm-on-dark);font-size:clamp(17px,1.5vw,20px);line-height:1.4;max-width:39ch}

.jcm-page .jcm-hero .jcm-actions{gap:12px;flex-wrap:wrap;margin-top:26px}
.jcm-page .jcm-hero .jcm-button{font-size:14px;padding-inline:16px;min-height:50px}
.jcm-page .jcm-hero .jcm-button--outline{color:var(--jcm-white);border-color:var(--jcm-on-dark-muted)}
.jcm-page .jcm-hero .jcm-button--outline:hover{background:var(--jcm-brand-dark);color:var(--jcm-white)}
.jcm-page .jcm-hero :where(a):focus-visible{outline-color:var(--jcm-brand)}
.jcm-page .jcm-hero-visual{min-width:0;position:relative;align-self:center;margin:0}
.jcm-page .jcm-hero-visual img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;filter:drop-shadow(0 18px 16px rgb(var(--jcm-dark-rgb) / 40%))}
@media(max-width:850px){.jcm-page .jcm-hero-grid{grid-template-columns:1fr;gap:12px;padding:30px 24px 22px}.jcm-page :is(#jcm-hero-title,[id$="-jcm-hero-title"]){font-size:clamp(33px,6vw,46px);max-width:23ch}.jcm-page .jcm-hero-content{max-width:650px}.jcm-page .jcm-hero-visual{max-width:600px;justify-self:center;width:100%}.jcm-page .jcm-hero-visual img{width:100%;max-width:100%;transform:none}.jcm-page .jcm-hero::before{background-position:65% center}.jcm-page .jcm-hero .jcm-actions{flex-wrap:wrap}}
@container(max-width:850px){.jcm-page .jcm-hero-grid{grid-template-columns:1fr;gap:12px;padding:30px 24px 22px}.jcm-page :is(#jcm-hero-title,[id$="-jcm-hero-title"]){font-size:clamp(33px,6cqi,46px);max-width:23ch}.jcm-page .jcm-hero-visual{width:100%;max-width:600px;justify-self:center}.jcm-page .jcm-hero-visual img{width:100%;max-width:100%;transform:none}.jcm-page .jcm-hero .jcm-actions{flex-wrap:wrap}}
@media(max-width:480px){.jcm-page .jcm-hero .jcm-actions{flex-direction:column;align-items:stretch}.jcm-page .jcm-hero .jcm-button{width:100%;min-height:50px}.jcm-page .jcm-hero-subtitle{font-size:16px}}
@container(max-width:480px){.jcm-page .jcm-hero .jcm-actions{flex-direction:column;align-items:stretch}.jcm-page .jcm-hero .jcm-button{width:100%;min-height:50px}}

@media(max-width:480px){.jcm-page .jcm-hero-grid{padding-inline:18px}}
@container(max-width:480px){.jcm-page .jcm-hero-grid{padding-inline:18px}}
@media(prefers-reduced-motion:no-preference){.jcm-page .jcm-hero .jcm-actions>.jcm-button{animation-fill-mode:backwards}}