:root{--red:#ef3340;--red2:#a50917;--black:#07090d;--night:#0b0f15;--panel:#111722;--panel2:#151c28;--text:#f6f7f9;--muted:#9da6b3;--line:rgba(255,255,255,.11);--line2:rgba(239,51,64,.34);--shadow:0 28px 80px rgba(0,0,0,.42);--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--black);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.skip{position:fixed;top:-80px;left:20px;z-index:9999;background:#fff;color:#080b10;padding:11px 17px;border-radius:7px}.skip:focus{top:20px}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.site-header{position:fixed;inset:0 0 auto;z-index:100;background:linear-gradient(180deg,rgba(7,9,13,.96),rgba(7,9,13,.58),transparent);transition:.3s}.site-header.scrolled{background:rgba(7,9,13,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 12px 40px rgba(0,0,0,.25)}.nav-shell{height:84px;width:min(1320px,calc(100% - 40px));margin:auto;display:flex;align-items:center;justify-content:space-between}.brand img{width:68px;height:68px;object-fit:contain;transition:.25s;filter:none}.brand:hover img{opacity:.82}.site-header nav{display:flex;align-items:center;gap:31px}.site-header nav a{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#d9dde3;position:relative}.site-header nav a:not(.nav-cta)::after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:2px;background:var(--red);transition:.25s}.site-header nav a:hover{color:#fff}.site-header nav a:hover::after{width:100%}.nav-cta{padding:12px 18px;border:1px solid rgba(239,51,64,.7);border-radius:7px;color:#fff!important;background:rgba(239,51,64,.1)}.nav-cta:hover{background:var(--red)}.nav-toggle{display:none}.hero{height:100svh;min-height:620px;position:relative;display:flex;align-items:center;padding:96px max(4vw,26px) 88px;isolation:isolate;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('../img/slider/slider-1.jpeg') 64% center/cover no-repeat;z-index:-4;filter:saturate(.68) contrast(1.15)}.hero-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#07090d 0%,rgba(7,9,13,.97) 28%,rgba(7,9,13,.68) 56%,rgba(7,9,13,.25) 100%),linear-gradient(0deg,#07090d 0%,transparent 35%)}.hero-grid{position:absolute;inset:0;z-index:-2;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 67%)}.hero::before{content:"";position:absolute;left:-14%;top:20%;width:600px;height:600px;border-radius:50%;background:rgba(239,51,64,.15);filter:blur(130px);z-index:-1}.hero-content{width:min(760px,64vw);margin-left:max(calc((100vw - var(--max))/2),0px);position:relative;z-index:2}.eyebrow,.kicker{font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:900;color:var(--red);margin:0 0 19px}.eyebrow{display:flex;align-items:center;gap:11px}.eyebrow span{width:36px;height:2px;background:var(--red)}.hero-mark{width:clamp(74px,10vh,104px);margin:0 0 clamp(12px,2vh,22px);filter:drop-shadow(0 18px 35px rgba(0,0,0,.5))}h1,h2,h3{font-family:Montserrat,Inter,Arial,sans-serif;line-height:1.05;margin:0;color:var(--text)}h1{font-size:clamp(48px,min(6.2vw,9vh),88px);letter-spacing:-.055em;max-width:850px}h1 em,h2 span{font-style:normal;color:var(--red)}.hero-copy{max-width:670px;font-size:clamp(16px,1.25vw,18px);color:#c3c9d1;margin:clamp(14px,2.2vh,25px) 0 clamp(18px,2.8vh,30px)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:0 24px;border-radius:7px;font-weight:850;font-size:11px;text-transform:uppercase;letter-spacing:.09em;border:1px solid transparent;cursor:pointer;transition:.22s}.btn.primary{background:var(--red);color:#fff;box-shadow:0 16px 40px rgba(239,51,64,.22)}.btn.primary:hover{background:#ff4652;transform:translateY(-2px);box-shadow:0 20px 50px rgba(239,51,64,.32)}.btn.ghost{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(7,9,13,.24);backdrop-filter:blur(8px)}.btn.ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}.hero-proof{display:flex;gap:42px;margin-top:clamp(22px,3.8vh,40px);padding-top:clamp(17px,2.5vh,25px);border-top:1px solid var(--line);width:max-content}.hero-proof div{display:grid}.hero-proof b{font-size:23px;line-height:1;color:#fff}.hero-proof span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#818b98;margin-top:8px}.contact-rail{position:absolute;right:max(calc((100vw - 1320px)/2),24px);bottom:35px;display:flex;background:rgba(11,15,21,.78);border:1px solid var(--line);backdrop-filter:blur(18px);border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}.contact-rail a{display:grid;align-content:center;min-width:190px;padding:17px 20px;border-right:1px solid var(--line);transition:.2s}.contact-rail a:last-child{border-right:0}.contact-rail a:hover{background:rgba(239,51,64,.1)}.contact-rail span{font-size:10px;color:#7f8996;text-transform:uppercase;letter-spacing:.18em;font-weight:900}.contact-rail strong{font-size:13px;color:#fff;margin-top:3px}.scroll-cue{position:absolute;left:28px;bottom:32px;display:flex;align-items:center;gap:13px;writing-mode:vertical-rl;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#a7afba}.scroll-cue i{font-style:normal;color:var(--red);font-size:16px}.section{padding:125px 0}.intro{background:var(--night);position:relative}.intro::before{content:"";position:absolute;right:0;top:0;width:42%;height:1px;background:linear-gradient(90deg,transparent,var(--red))}.two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;align-items:start}.section-heading h2{font-size:clamp(42px,4.8vw,72px);letter-spacing:-.045em}.rich{font-size:17px;color:#aeb6c1}.rich p{margin:0 0 24px}.rich strong{color:#fff}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:72px}.value-card{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid var(--line);border-radius:13px;padding:35px;min-height:315px;transition:.28s;position:relative;overflow:hidden}.value-card::after{content:"";position:absolute;right:-80px;bottom:-90px;width:190px;height:190px;border:1px solid rgba(239,51,64,.2);border-radius:50%}.value-card:hover{transform:translateY(-7px);border-color:var(--line2);background:linear-gradient(145deg,rgba(239,51,64,.09),rgba(255,255,255,.025));box-shadow:var(--shadow)}.value-card>span,.product-card>b{font-size:10px;letter-spacing:.18em;color:var(--red);font-weight:900}.value-card .line{width:36px;height:2px;background:var(--red);margin:28px 0}.value-card h3,.product-card h3{font-size:26px;margin:0 0 16px}.value-card p,.product-card p{color:var(--muted);margin:0}.products{background:#080b10;position:relative}.products::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(239,51,64,.08),transparent 28%);pointer-events:none}.section-heading.center{text-align:center;max-width:930px;margin:0 auto 62px}.section-heading.center>p:last-child{color:var(--muted);max-width:720px;margin:22px auto 0}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}.product-card{padding:30px;min-height:255px;background:var(--panel);border:1px solid var(--line);border-radius:11px;transition:.25s;position:relative;overflow:hidden}.product-card::after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:var(--red);transition:.3s}.product-card:hover{transform:translateY(-5px);border-color:rgba(239,51,64,.26);background:var(--panel2)}.product-card:hover::after{width:100%}.product-card h3{margin-top:37px}.product-card.feature{background:linear-gradient(145deg,var(--red2),#57020a);border-color:rgba(255,255,255,.15)}.product-card.feature b,.product-card.feature h3{color:#fff}.product-card.feature p{color:#f0bbc0}.product-card.feature a{display:inline-block;margin-top:19px;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#fff}.gallery-section{background:var(--night);padding:112px 0 125px;overflow:hidden}.gallery-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.gallery-heading h2{font-size:clamp(42px,4.7vw,70px);letter-spacing:-.045em}.gallery-track{width:min(1420px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:240px;gap:10px}.gallery-track figure{margin:0;border-radius:9px;overflow:hidden;position:relative;background:#111}.gallery-track figure.wide{grid-column:span 2}.gallery-track img{width:100%;height:100%;object-fit:cover;filter:saturate(.68) contrast(1.07) brightness(.82);transition:.5s}.gallery-track figure::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.1);border-radius:inherit;pointer-events:none}.gallery-track figure:hover img{transform:scale(1.045);filter:saturate(.92) contrast(1.08) brightness(.95)}.testimonials{background:#07090d;position:relative}.testimonials::after{content:"“";position:absolute;right:4vw;top:5px;font-family:Georgia;font-size:370px;line-height:1;color:rgba(239,51,64,.045)}.testimonials-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:center}.testimonials .section-heading p:last-child{color:var(--muted);max-width:400px}.quote-slider{background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:15px;padding:45px;min-height:465px;box-shadow:var(--shadow);position:relative}.quote{display:none}.quote.active{display:block;animation:quoteIn .45s ease}.quote-mark{font-family:Georgia,serif;color:var(--red);font-size:82px;line-height:.6}.quote blockquote{font-size:clamp(24px,2.5vw,37px);font-weight:650;line-height:1.35;letter-spacing:-.025em;margin:24px 0 38px;color:#fff}.person{display:flex;align-items:center;gap:15px}.person img{width:58px;height:58px;object-fit:cover;border-radius:50%;border:2px solid rgba(239,51,64,.55)}.person p{display:grid;margin:0}.person strong{font-size:13px}.person span{font-size:11px;color:var(--muted)}.slider-controls{display:flex;align-items:center;justify-content:flex-end;gap:13px;position:absolute;right:38px;bottom:43px}.slider-controls button{width:43px;height:43px;border:1px solid var(--line);border-radius:50%;background:transparent;color:#fff;cursor:pointer}.slider-controls button:hover{background:var(--red);border-color:var(--red)}.slider-controls>span{font-size:9px;font-weight:900;letter-spacing:.14em;color:#8f98a5}@keyframes quoteIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}.google-reviews-link{display:inline-flex;align-items:center;gap:11px;margin-top:28px;padding:13px 16px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;transition:.2s}.google-reviews-link:hover{border-color:var(--line2);background:rgba(239,51,64,.07);transform:translateY(-2px)}.google-reviews-link b{color:var(--red)}.google-g{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;color:#4285f4;font:900 18px Arial,sans-serif;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.google-slider{min-height:445px}.review-top{display:flex;align-items:center;gap:13px}.stars{color:#fbbc04;font-size:19px;letter-spacing:.08em;line-height:1}.review-badge{margin-left:auto;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#8d97a4;font-weight:900}.google-slider blockquote{margin-top:34px}.review-author{display:flex;align-items:center;gap:14px}.review-author .avatar{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:linear-gradient(145deg,#ef3340,#960b18);color:#fff;border:2px solid rgba(255,255,255,.15);font-size:13px;font-weight:900;letter-spacing:.04em}.review-author p{display:grid;margin:0}.review-author strong{font-size:13px}.review-author p span{font-size:11px;color:var(--muted)}.workshops{background:var(--night)}.workshop-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.workshop-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.25s}.workshop-card:hover{transform:translateY(-5px);border-color:var(--line2);box-shadow:var(--shadow)}.workshop-image{height:280px;position:relative;overflow:hidden}.workshop-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.75);transition:.4s}.workshop-card:hover .workshop-image img{transform:scale(1.04);filter:saturate(.85) brightness(.85)}.workshop-image>span{position:absolute;left:18px;bottom:17px;background:rgba(7,9,13,.78);border:1px solid var(--line);border-radius:5px;padding:7px 10px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.workshop-body{padding:30px}.workshop-body .tag{font-size:9px;color:var(--red);font-weight:900;text-transform:uppercase;letter-spacing:.15em}.workshop-body h3{font-size:28px;margin:10px 0 15px}.workshop-body p{color:var(--muted)}.workshop-body a{display:inline-flex;gap:14px;margin-top:15px;color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.workshop-body a span{color:var(--red)}.workshop-note{color:#6f7885;font-size:11px;text-align:center;margin:28px 0 0}.contact{background:#07090d;position:relative;overflow:hidden;border-top:1px solid var(--line)}.contact-glow{position:absolute;right:-15%;top:0;width:650px;height:650px;border-radius:50%;background:rgba(239,51,64,.11);filter:blur(130px)}.contact-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:80px;align-items:start;position:relative}.contact-copy h2{font-size:clamp(45px,5vw,74px);letter-spacing:-.05em}.contact-copy>p{color:var(--muted);max-width:540px}.locations{display:grid;gap:9px;margin-top:40px}.locations a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:13px;border:1px solid var(--line);border-radius:9px;padding:17px;background:rgba(255,255,255,.025);transition:.2s}.locations a:hover{border-color:var(--line2);background:rgba(239,51,64,.055);transform:translateX(4px)}.locations>a>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(239,51,64,.12);color:var(--red);font-size:9px;font-weight:900}.locations div{display:grid}.locations b{font-size:12px}.locations small{color:var(--muted);font-size:11px}.locations i{font-style:normal;color:var(--red)}.modern-form{background:linear-gradient(145deg,#121823,#0d121a);padding:38px;border:1px solid var(--line);border-radius:14px;display:grid;gap:20px;box-shadow:var(--shadow)}.form-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:3px}.form-head span{font-weight:800}.form-head b{font-size:9px;letter-spacing:.14em;color:var(--red)}.modern-form label{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.11em;color:#aeb6c1;display:grid;gap:8px}.modern-form input,.modern-form textarea{width:100%;border:1px solid #303947;border-radius:7px;background:#0b1017;color:#fff;padding:14px 15px;outline:none;resize:vertical}.modern-form input::placeholder,.modern-form textarea::placeholder{color:#646e7b}.modern-form input:focus,.modern-form textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(239,51,64,.11)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-status{margin:0;font-size:12px;color:#bcc3cc}.modern-form button:disabled{opacity:.6;cursor:not-allowed}footer{background:#05070a;color:#fff;padding:70px 0 25px;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:42px}.footer-brand img{width:112px;height:112px;object-fit:contain;filter:none}.footer-brand p{max-width:270px}.footer-top>div{display:grid;align-content:start;gap:7px;font-size:12px;color:#808a97}.footer-top b{color:#fff;text-transform:uppercase;font-size:9px;letter-spacing:.13em;margin-bottom:10px}.footer-top a:hover{color:var(--red)}.footer-bottom{border-top:1px solid var(--line);margin-top:52px;padding-top:23px;display:flex;justify-content:space-between;color:#65707d;font-size:10px}.floating-wa{position:fixed;z-index:90;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 16px 38px rgba(0,0,0,.38);transition:.2s}.floating-wa svg{width:27px;fill:currentColor}.floating-wa:hover{transform:translateY(-4px) scale(1.03)}.reveal{opacity:0;transform:translateY(24px);transition:.75s cubic-bezier(.22,.61,.36,1)}.reveal.visible{opacity:1;transform:none}@media(max-width:1080px){.site-header nav{position:fixed;inset:84px 0 auto;background:rgba(7,9,13,.97);backdrop-filter:blur(18px);padding:30px;display:none;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.nav-toggle{display:flex;background:none;border:0;gap:5px;flex-direction:column;cursor:pointer;padding:7px}.nav-toggle span{display:block;width:27px;height:2px;background:#fff}.nav-toggle b{position:absolute;clip:rect(0 0 0 0)}.hero-content{width:min(720px,80vw)}.contact-rail{display:none}.two-col,.contact-layout,.testimonials-layout{grid-template-columns:1fr;gap:45px}.values-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.gallery-track{grid-template-columns:repeat(3,1fr)}.gallery-track figure.wide{grid-column:span 2}.workshop-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:2fr 1fr 1fr}.footer-top>div:last-child{display:none}.quote-slider{min-height:410px}}@media(max-width:720px){.container{width:min(var(--max),calc(100% - 28px))}.nav-shell{height:72px;width:calc(100% - 28px)}.site-header nav{inset:72px 0 auto}.brand img{width:58px;height:58px}.hero{height:auto;min-height:100svh;padding:96px 20px 72px;align-items:flex-start}.hero-bg{background-position:66% center}.hero-shade{background:linear-gradient(180deg,rgba(7,9,13,.98) 0%,rgba(7,9,13,.86) 56%,rgba(7,9,13,.62) 100%),linear-gradient(0deg,#07090d,transparent 40%)}.hero-content{width:100%;margin:0}.hero-mark{width:88px}.hero-copy{font-size:16px}.hero-proof{width:100%;gap:0;justify-content:space-between}.hero-proof b{font-size:18px}.hero-proof span{font-size:8px}.scroll-cue{display:none}.section{padding:86px 0}.two-col{gap:30px}.values-grid,.product-grid{grid-template-columns:1fr}.value-card,.product-card{min-height:auto}.gallery-heading{display:block}.gallery-track{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.gallery-track figure.wide{grid-column:span 2}.testimonials::after{display:none}.quote-slider{padding:28px;min-height:520px}.quote blockquote{font-size:23px}.slider-controls{left:28px;right:auto;bottom:28px}.workshop-image{height:225px}.modern-form{padding:24px}.form-row{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{gap:14px;flex-direction:column}.floating-wa{width:54px;height:54px;right:16px;bottom:16px}}@media(max-width:430px){h1{font-size:48px}.hero-proof{gap:14px;justify-content:flex-start;flex-wrap:wrap}.hero-proof div{min-width:90px}.gallery-track{grid-template-columns:1fr;grid-auto-rows:220px}.gallery-track figure.wide{grid-column:auto}.footer-top{grid-template-columns:1fr}.footer-brand{grid-column:auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.quote.active{animation:none}}

@media (min-width:1081px) and (max-height:760px){.nav-shell{height:72px}.brand img{width:58px;height:58px}.hero{padding-top:78px;padding-bottom:64px}.hero-content{width:min(720px,62vw)}.eyebrow{margin-bottom:10px}.hero-mark{width:72px;margin-bottom:10px}.hero-copy{font-size:15px;line-height:1.5}.btn{min-height:48px}.hero-proof{margin-top:20px;padding-top:16px}.contact-rail{bottom:18px}.scroll-cue{bottom:18px}}

/* Google Reviews en vivo */
.google-summary{display:flex;align-items:center;gap:14px;margin-top:24px}.google-summary>div{display:grid}.google-summary strong{font-size:25px;line-height:1}.google-summary span{font-size:11px;color:var(--muted)}.google-summary .stars{font-size:14px;margin-right:7px}.reviews-loading,.reviews-empty{min-height:340px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:16px}.reviews-loading p{display:grid;margin:0}.reviews-loading p span,.reviews-empty p{color:var(--muted);font-size:13px}.reviews-spinner{width:42px;height:42px;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:var(--red);animation:reviewSpin .8s linear infinite}.reviews-empty h3{font-size:25px}.reviews-empty p{max-width:520px}.reviews-empty a{font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#fff}.review-photo{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.14)}.google-review blockquote{max-height:245px;overflow:auto;padding-right:8px}.reviews-list:empty{display:none}@keyframes reviewSpin{to{transform:rotate(360deg)}}

/* Final Stopcar refinements */
.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}.brand strong{font-size:1.08rem;letter-spacing:.14em;color:#fff;font-weight:900}.brand img{filter:none!important}
.product-card{position:relative;overflow:hidden;isolation:isolate;min-height:270px;background-position:center;background-size:cover!important;border:1px solid rgba(255,255,255,.12)}
.product-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,8,12,.32),rgba(6,8,12,.94) 70%),linear-gradient(120deg,rgba(211,39,49,.23),transparent 52%)}
.product-card::after{content:"";position:absolute;inset:0;z-index:-2;background:inherit;background-size:cover;background-position:center;transition:transform .55s ease,filter .55s ease;filter:saturate(.72) contrast(1.08)}
.product-card:hover::after{transform:scale(1.06);filter:saturate(.95) contrast(1.1)}
.product-card h3,.product-card p,.product-card b,.product-card a{position:relative;z-index:1}.product-card p{color:rgba(255,255,255,.82)}
.product-rings{background-image:url('../img/portfolio/item-5.JPG')!important;background-position:18% 45%!important}.product-gaskets{background-image:url('../img/portfolio/item-3.JPG')!important;background-position:50% 45%!important}.product-bearings{background-image:url('../img/portfolio/item-5.JPG')!important;background-position:82% 45%!important}.product-rollers{background-image:url('../img/portfolio/item-2.JPG')!important}.product-seals{background-image:url('../img/portfolio/item-6.JPG')!important}.product-pumps{background-image:url('../img/portfolio/item-4.JPG')!important}.product-belts{background-image:url('../img/portfolio/item-5.JPG')!important;background-position:50% 12%!important}
.gallery-heading>p:last-child{max-width:680px;color:var(--muted);font-size:1.02rem;line-height:1.75;margin-top:1rem}
.workshop-image img{width:100%;height:100%;object-fit:cover}.workshop-card:nth-child(2) .workshop-image img{object-position:center 62%;filter:saturate(.75) contrast(1.15) brightness(.78)}
.btn,.nav-cta,.google-reviews-link,.workshop-body a{border-radius:12px!important;font-weight:800;letter-spacing:.02em;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.btn:hover,.nav-cta:hover,.google-reviews-link:hover,.workshop-body a:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(198,34,44,.22)}
.btn.primary,.nav-cta{background:linear-gradient(135deg,#ef3844,#a70f1a)!important;border-color:rgba(255,255,255,.16)!important}.btn.ghost{background:rgba(255,255,255,.06);backdrop-filter:blur(12px)}
.slider-controls button{border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
@media(max-width:720px){.brand strong{font-size:.92rem}.product-card{min-height:240px}}

/* Stopcar Night — refinamiento industrial */
:root{
  --red:#d92d36;
  --red-dark:#961921;
  --panel:#101318;
  --panel2:#15191f;
  --line:rgba(255,255,255,.13);
  --shadow:0 20px 46px rgba(0,0,0,.34);
}

/* Marca de agua del logo en portada */
.hero::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:clamp(2rem,8vw,9rem);
  top:50%;
  width:clamp(300px,38vw,610px);
  aspect-ratio:1;
  transform:translateY(-48%);
  background:url('../img/logo1.png') center/contain no-repeat;
  opacity:.095;
  filter:saturate(.9) contrast(1.08);
  pointer-events:none;
}
.hero-mark{display:none}
.hero-content{padding-top:clamp(12px,3vh,34px)}

/* Lenguaje visual más sobrio y mecánico */
.value-card,.quote-slider,.modern-form,.workshop-card{
  border-radius:4px;
  background:#101318;
  box-shadow:none;
}
.value-card:hover{
  transform:translateY(-3px);
  background:#14181e;
  box-shadow:0 16px 34px rgba(0,0,0,.28);
}

/* Tarjetas de productos: fotografía contenida, sin halos ni capas extrañas */
.product-grid{gap:18px}
.product-card{
  --card-image:none;
  min-height:330px;
  padding:196px 24px 25px;
  border-radius:4px;
  background:#11151a!important;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 12px 28px rgba(0,0,0,.24);
  isolation:isolate;
}
.product-card::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:10px 10px auto;
  height:165px;
  border-radius:2px;
  background-image:linear-gradient(180deg,rgba(7,9,12,.04),rgba(7,9,12,.34)),var(--card-image);
  background-position:center;
  background-size:cover;
  border:1px solid rgba(255,255,255,.08);
  filter:saturate(.72) contrast(1.06);
  transition:filter .25s ease;
}
.product-card::after{
  content:"";
  position:absolute;
  z-index:1;
  left:24px;
  right:auto;
  bottom:0;
  width:42px;
  height:3px;
  background:var(--red);
  transition:width .25s ease;
}
.product-card:hover{
  transform:translateY(-3px);
  background:#151a20!important;
  border-color:rgba(255,255,255,.22);
}
.product-card:hover::before{filter:saturate(.88) contrast(1.07)}
.product-card:hover::after{width:84px}
.product-card h3{margin-top:20px;font-size:23px}
.product-card p{color:#aeb5bf;line-height:1.58}
.product-card>b{position:absolute;z-index:2;top:22px;left:24px;padding:5px 8px;background:#0b0e12;border-left:3px solid var(--red);color:#fff}
.product-rings{--card-image:url('../img/products/piston-rings.svg')}
.product-gaskets{--card-image:url('../img/products/gaskets.svg')}
.product-bearings{--card-image:url('../img/products/engine-bearings.svg')}
.product-rollers{--card-image:url('../img/products/bearings.svg')}
.product-seals{--card-image:url('../img/products/seals.svg')}
.product-pumps{--card-image:url('../img/products/pumps.svg')}
.product-belts{--card-image:url('../img/products/belts.svg')}
.product-card.feature{
  padding:34px 27px;
  background:#171b21!important;
  border-left:4px solid var(--red);
}
.product-card.feature::before{display:none}
.product-card.feature>b{position:static;display:inline-block;background:none;border:0;padding:0;font-size:31px;color:var(--red)}
.product-card.feature h3{margin-top:38px}
.product-card.feature p{color:#b8bec7}

/* Botones industriales, sin aspecto de plantilla IA */
.btn,.nav-cta,.google-reviews-link,.workshop-body a{
  border-radius:2px!important;
  box-shadow:none!important;
  text-transform:uppercase;
  letter-spacing:.075em;
  font-weight:800;
  position:relative;
  overflow:hidden;
}
.btn{min-height:50px;padding-inline:22px}
.btn.primary,.nav-cta{
  background:var(--red)!important;
  border:1px solid var(--red)!important;
}
.btn.primary::before,.nav-cta::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:#fff;
  opacity:.36;
}
.btn.primary:hover,.nav-cta:hover{
  background:#b9232c!important;
  border-color:#e94850!important;
  transform:none;
}
.btn.ghost{
  background:#11151a;
  border-color:#505761;
  backdrop-filter:none;
}
.btn.ghost:hover{
  background:#1a1f26;
  border-color:#d8dce1;
  transform:none;
}
.slider-controls button{
  border-radius:2px;
  background:#11151a;
  border:1px solid #3a414b;
}
.slider-controls button:hover{background:var(--red);border-color:var(--red)}

/* Menos curvas y efectos decorativos en el resto de la interfaz */
.contact-rail,.locations a,.modern-form input,.modern-form textarea,.gallery-track figure{
  border-radius:3px;
}
.contact-rail{box-shadow:0 14px 32px rgba(0,0,0,.3)}
.site-header.scrolled{backdrop-filter:blur(12px)}

@media(max-width:1080px){
  .hero::after{right:-80px;width:min(58vw,500px);opacity:.07}
}
@media(max-width:720px){
  .hero::after{right:-105px;top:42%;width:390px;opacity:.06}
  .hero-content{padding-top:18px}
  .product-card{min-height:315px;padding-top:190px}
}


/* Aviso inicial de canales oficiales */
.service-notice{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:24px;background:rgba(2,4,7,.82);backdrop-filter:blur(7px);opacity:1;visibility:visible;transition:opacity .18s ease,visibility .18s ease}
.service-notice.is-closing{opacity:0;visibility:hidden;pointer-events:none}
.service-notice__panel{width:min(620px,100%);background:#0e1218;border:1px solid rgba(255,255,255,.17);border-top:4px solid var(--red);box-shadow:0 28px 90px rgba(0,0,0,.65);padding:34px 36px 30px;position:relative}
.service-notice__close{position:absolute;right:14px;top:13px;width:38px;height:38px;border:1px solid #343b45;background:#171c23;color:#fff;font-size:22px;line-height:1;cursor:pointer}
.service-notice__close:hover{background:var(--red);border-color:var(--red)}
.service-notice__label{margin:0 0 10px;color:var(--red);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.service-notice h2{font-size:clamp(25px,4vw,38px);letter-spacing:-.035em;margin:0 42px 24px 0}
.service-notice__contacts{display:grid;gap:10px;margin:0}
.service-notice__contacts a,.service-notice__contacts p{margin:0;display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid rgba(255,255,255,.1);font-size:15px;color:#dce1e7}
.service-notice__contacts strong{color:#fff}.service-notice__hint{margin:22px 0 0;color:#7f8995;font-size:12px;text-align:center}

/* Responsive móvil integral */
@media(max-width:900px){
 .container{width:min(100% - 32px,var(--max))}.nav-shell{width:calc(100% - 28px);height:72px}.brand img{width:54px;height:54px}.brand-name{font-size:17px}
 .hero{height:auto;min-height:100svh;padding:104px 16px 38px;align-items:flex-start}.hero-content{width:100%;margin:0;padding-top:10px}.hero-mark{width:76px}.hero-copy{font-size:16px}.hero-proof{width:100%;gap:0;justify-content:space-between}.contact-rail{position:relative;right:auto;bottom:auto;margin:24px 0 0;width:100%;display:grid;grid-template-columns:1fr}.contact-rail a{min-width:0;border-right:0;border-bottom:1px solid var(--line);padding:14px 16px}.contact-rail a:last-child{border-bottom:0}.scroll-cue{display:none}
 .section{padding:82px 0}.two-col,.testimonials-layout,.contact-layout{grid-template-columns:1fr;gap:42px}.values-grid{grid-template-columns:1fr;margin-top:42px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-track{grid-template-columns:repeat(2,1fr);grid-auto-rows:190px}.gallery-track figure.wide{grid-column:span 2}.workshop-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
 body{font-size:16px}.container{width:calc(100% - 24px)}.site-header nav{top:72px}.hero{padding-left:12px;padding-right:12px}.hero-actions{display:grid;grid-template-columns:1fr}.btn{width:100%;min-height:52px}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-proof div{padding-right:6px}.hero-proof b{font-size:20px}.hero-proof span{font-size:9px}
 h1{font-size:clamp(42px,13vw,60px)}.section-heading h2,.gallery-heading h2{font-size:clamp(36px,10vw,52px)}.section-heading.center{margin-bottom:38px}.product-grid{grid-template-columns:1fr}.product-card{min-height:330px}.gallery-heading{display:block}.gallery-heading>p:last-child{margin-top:16px}.gallery-track{width:calc(100% - 20px);grid-template-columns:1fr;grid-auto-rows:230px}.gallery-track figure.wide{grid-column:span 1}.quote-slider{padding:26px 20px;min-height:440px}.modern-form{padding:24px 18px}.form-row{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;gap:28px}.footer-bottom{display:grid;gap:10px}
 .service-notice{padding:12px}.service-notice__panel{padding:28px 18px 22px}.service-notice h2{font-size:27px}.service-notice__contacts a,.service-notice__contacts p{display:grid;gap:2px;font-size:14px}.service-notice__hint{font-size:11px}
}

/* Mobile Experience v4 */
@media(max-width:1080px){
  body.nav-open{overflow:hidden;touch-action:none}
  .nav-toggle{position:relative;z-index:3;width:46px;height:46px;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.16);background:#11161d;border-radius:4px;transition:.25s}
  .nav-toggle span{width:22px;height:2px;transition:transform .25s,opacity .2s,background .2s}
  .nav-toggle.active{border-color:rgba(239,51,64,.7);background:#171b21}
  .nav-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .nav-toggle.active span:nth-child(2){opacity:0}
  .nav-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .site-header nav{display:flex!important;inset:0 0 0 auto;width:min(88vw,390px);height:100dvh;padding:104px 28px 32px;gap:0;background:#0a0e13;border-left:1px solid rgba(255,255,255,.11);border-bottom:0;box-shadow:-30px 0 80px rgba(0,0,0,.55);transform:translateX(105%);opacity:0;visibility:hidden;transition:transform .32s cubic-bezier(.22,.61,.36,1),opacity .22s,visibility .32s;align-items:stretch}
  .site-header nav.open{transform:none;opacity:1;visibility:visible}
  .site-header nav::before{content:"NAVEGACIÓN";font-size:10px;letter-spacing:.2em;color:var(--red);font-weight:900;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:8px}
  .site-header nav a{font-size:15px;letter-spacing:.04em;padding:17px 2px;border-bottom:1px solid rgba(255,255,255,.075)}
  .site-header nav a:not(.nav-cta)::after{display:none}
  .site-header nav .nav-cta{margin-top:24px;padding:17px 18px;text-align:center;border-bottom:1px solid var(--red)}
  body.nav-open::before{content:"";position:fixed;inset:0;z-index:99;background:rgba(0,0,0,.58);backdrop-filter:blur(3px)}
}

@media(max-width:720px){
  html{scroll-padding-top:72px}
  body{line-height:1.58;background:#090c11}
  .site-header{background:rgba(7,9,13,.9);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px)}
  .nav-shell{height:70px}
  .brand{display:flex;align-items:center;gap:10px}
  .brand img{width:48px;height:48px}
  .brand strong{font-size:15px;letter-spacing:.08em}

  .hero{min-height:auto;padding:94px 14px 28px;display:block;background:#080b10}
  .hero-bg{inset:70px 0 auto;height:46svh;background-position:70% center;filter:saturate(.72) contrast(1.1)}
  .hero-shade{background:linear-gradient(180deg,rgba(7,9,13,.35) 70px,rgba(7,9,13,.18) 26%,#080b10 46%,#080b10 100%)}
  .hero-grid,.hero::before{display:none}
  .hero-content{padding:35svh 4px 0}
  .hero-content::before{content:"";position:absolute;top:14svh;right:12px;width:110px;height:110px;background:url('../img/logo1.png') center/contain no-repeat;opacity:.17;filter:grayscale(.15)}
  .eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:12px}
  .eyebrow span{width:24px}
  .hero-mark{display:none}
  h1{font-size:clamp(40px,12.5vw,56px);line-height:.98;letter-spacing:-.05em}
  .hero-copy{font-size:15.5px;line-height:1.62;color:#c9ced5;margin:18px 0 22px}
  .hero-actions{grid-template-columns:1fr 1fr;gap:9px}
  .hero-actions .btn{min-height:50px;padding:0 13px;font-size:9.5px;letter-spacing:.06em}
  .hero-proof{margin-top:24px;padding:18px 0 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.1)}
  .hero-proof div{min-width:0;padding:0 8px;border-right:1px solid rgba(255,255,255,.09)}
  .hero-proof div:first-child{padding-left:0}.hero-proof div:last-child{border-right:0}
  .hero-proof b{font-size:19px}.hero-proof span{font-size:8px;line-height:1.25;margin-top:6px}
  .contact-rail{margin:20px 0 0;border:0;background:#11161d;box-shadow:none;border-radius:4px;grid-template-columns:1fr 1fr;overflow:visible}
  .contact-rail a{padding:14px 13px;border:1px solid rgba(255,255,255,.09)!important;margin:-1px 0 0 -1px;background:#11161d}
  .contact-rail a:last-child{grid-column:1/-1}
  .contact-rail span{font-size:8px}.contact-rail strong{font-size:11px;overflow-wrap:anywhere}

  .section{padding:70px 0}
  .section-heading .kicker,.kicker{font-size:10px;letter-spacing:.18em;margin-bottom:12px}
  .section-heading h2,.gallery-heading h2,.contact-copy h2{font-size:clamp(34px,10.5vw,46px);line-height:1.02}
  .rich{font-size:15.5px}.rich p{margin-bottom:18px}

  .values-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-left:-12px;margin-right:-12px;padding:0 12px 12px;scrollbar-width:none}
  .values-grid::-webkit-scrollbar{display:none}
  .value-card{flex:0 0 84vw;scroll-snap-align:center;min-height:275px;padding:27px;border-radius:5px;background:#11161d}
  .value-card:hover{transform:none}

  .products{padding-bottom:74px}
  .product-grid{gap:13px}
  .product-card{min-height:0!important;padding:182px 22px 25px!important;border-radius:4px;background:#11161d!important}
  .product-card::before{left:10px!important;right:10px!important;top:10px!important;height:150px!important;border-radius:2px!important;background-size:contain!important;background-repeat:no-repeat!important;background-color:#0b0f14!important}
  .product-card>b{top:20px!important;left:20px!important}
  .product-card h3{font-size:24px;margin-top:10px}
  .product-card.feature{padding:28px 23px!important;min-height:230px!important}
  .product-card.feature h3{margin-top:26px}

  .gallery-section{padding:70px 0}
  .gallery-heading{padding-inline:12px;margin-bottom:28px}
  .gallery-heading>p:last-child{font-size:14px;color:var(--muted)}
  .gallery-track{display:flex;width:100%;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 14px 14px;scrollbar-width:none}
  .gallery-track::-webkit-scrollbar{display:none}
  .gallery-track figure,.gallery-track figure.wide{flex:0 0 82vw;height:270px;scroll-snap-align:center;border-radius:5px}
  .gallery-track img{filter:saturate(.82) contrast(1.04) brightness(.88)}

  .testimonials-layout{gap:28px}
  .google-reviews-link{width:100%;justify-content:center;min-height:52px;margin-top:20px}
  .quote-slider{min-height:430px;padding:25px 21px 76px;border-radius:5px;background:#11161d;box-shadow:none}
  .quote blockquote{font-size:21px;line-height:1.35;margin:28px 0}
  .review-author .avatar{width:46px;height:46px}
  .slider-controls{left:21px;right:21px;bottom:20px;justify-content:space-between}
  .slider-controls button{width:48px;height:44px}

  .workshop-card{border-radius:5px;background:#11161d}
  .workshop-image{height:210px}
  .workshop-body{padding:24px 21px}
  .workshop-body h3{font-size:25px}
  .workshop-body a{display:flex;justify-content:space-between;align-items:center;min-height:48px;margin-top:18px;padding:0 14px;border:1px solid #3b424b;background:#0c1015}

  .locations a{border-radius:4px;padding:15px 13px;background:#11161d}
  .locations small{font-size:10px;line-height:1.35}
  .modern-form{padding:23px 17px;border-radius:5px;background:#11161d;box-shadow:none}
  .modern-form input,.modern-form textarea{border-radius:3px;min-height:48px;font-size:16px}
  .modern-form textarea{min-height:140px}

  footer{padding:52px 0 90px}
  .floating-wa{bottom:16px;width:56px;height:56px;box-shadow:0 10px 24px rgba(0,0,0,.45)}
}

@media(max-width:390px){
  .hero-actions{grid-template-columns:1fr}
  .hero-content{padding-top:33svh}
  .contact-rail{grid-template-columns:1fr}
  .contact-rail a:last-child{grid-column:auto}
  .value-card{flex-basis:88vw}
  .gallery-track figure,.gallery-track figure.wide{flex-basis:88vw}
}

/* Experience v5 — lectura completa y composición más editorial */
.values-grid{
  align-items:stretch;
}
.value-card{
  position:relative;
  overflow:hidden;
}
.value-card::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:3px;
  background:linear-gradient(90deg,var(--red),transparent 78%);
  opacity:.8;
}
.gallery-track figure{
  overflow:hidden;
  background:#0d1117;
  border:1px solid rgba(255,255,255,.08);
}
.gallery-track figure img{
  transition:transform .55s cubic-bezier(.2,.65,.3,1),filter .4s ease;
}
.gallery-track figure:hover img{
  transform:scale(1.025);
  filter:saturate(.9) contrast(1.06) brightness(.92);
}

@media(min-width:721px){
  .intro{position:relative}
  .intro::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(239,51,64,.035),transparent 36%,transparent 64%,rgba(239,51,64,.025));
  }
  .value-card{min-height:310px;padding:34px 30px}
  .value-card h3{font-size:clamp(25px,2.1vw,34px)}
  .gallery-track{gap:12px;padding-inline:clamp(18px,4vw,64px)}
  .gallery-track figure{min-height:260px}
  .product-card,.workshop-card,.quote-slider,.modern-form{transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
  .product-card:hover,.workshop-card:hover{transform:translateY(-4px);border-color:rgba(239,51,64,.34);box-shadow:0 24px 54px rgba(0,0,0,.28)}
}

@media(max-width:720px){
  /* En móvil no ocultamos contenido detrás de carruseles implícitos. */
  .values-grid{
    display:grid;
    grid-template-columns:1fr;
    overflow:visible;
    scroll-snap-type:none;
    gap:14px;
    margin:36px 0 0;
    padding:0;
  }
  .value-card{
    flex:none;
    width:100%;
    min-height:0;
    padding:25px 23px 27px 74px;
    scroll-snap-align:none;
    border-left:3px solid rgba(239,51,64,.78);
    background:linear-gradient(145deg,#12171e,#0d1117);
    box-shadow:0 14px 34px rgba(0,0,0,.22);
  }
  .value-card>span{
    position:absolute;
    left:22px;
    top:25px;
    font-size:12px;
    color:var(--red);
    letter-spacing:.08em;
  }
  .value-card .line{
    position:absolute;
    left:22px;
    top:51px;
    width:26px;
    height:1px;
  }
  .value-card h3{font-size:27px;margin:0 0 10px;line-height:1.05}
  .value-card p{font-size:15px;line-height:1.62;margin:0;color:#bfc6ce}
  .value-card::after{height:2px}

  .gallery-section{overflow:visible}
  .gallery-track{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:calc(100% - 24px);
    margin:0 auto;
    gap:10px;
    overflow:visible;
    scroll-snap-type:none;
    padding:0;
  }
  .gallery-track figure,
  .gallery-track figure.wide{
    flex:none;
    width:100%;
    height:180px;
    min-height:0;
    scroll-snap-align:none;
    border-radius:4px;
  }
  .gallery-track figure:first-child,
  .gallery-track figure:nth-child(5){
    grid-column:1/-1;
    height:245px;
  }
  .gallery-track figure::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
  }
  .gallery-track img{height:100%;width:100%;object-fit:cover}

  .section-heading.center{max-width:none;text-align:left}
  .section-heading.center .kicker{justify-content:flex-start}
  .product-grid{gap:15px}
  .product-card{box-shadow:0 14px 30px rgba(0,0,0,.2)}
  .workshop-grid{gap:16px}
  .testimonials{background:linear-gradient(180deg,#0a0d12,#0d1117)}
  .quote-slider{border-top:3px solid var(--red)}
  .modern-form{border-top:3px solid var(--red)}
}

@media(max-width:430px){
  .gallery-track{grid-template-columns:1fr}
  .gallery-track figure,
  .gallery-track figure.wide,
  .gallery-track figure:first-child,
  .gallery-track figure:nth-child(5){grid-column:auto;height:230px}
  .value-card{padding-left:66px}
  .value-card>span,.value-card .line{left:19px}
}


/* Fatjoe · integración segura v7 (solo portada) */
.hero{isolation:isolate;overflow:hidden}
.hero-bg,.hero-shade,.hero-grid{z-index:0}
.fatjoe-hero-bg{
  position:absolute;
  z-index:1;
  right:clamp(-4.5rem,1vw,1.5rem);
  bottom:0;
  width:clamp(300px,35vw,560px);
  max-width:46vw;
  max-height:88%;
  object-fit:contain;
  object-position:right bottom;
  opacity:.14;
  filter:saturate(.82) contrast(1.04);
  pointer-events:none;
  user-select:none;
}
.hero-content,.contact-rail,.scroll-cue{position:relative;z-index:3}

@media(max-width:1100px){
  .fatjoe-hero-bg{right:-5rem;width:420px;max-width:44vw;opacity:.11}
}
@media(max-width:760px){
  .fatjoe-hero-bg{
    right:-5.5rem;
    bottom:4.5rem;
    width:285px;
    max-width:66vw;
    max-height:58%;
    opacity:.085;
  }
}
@media(max-width:430px){
  .fatjoe-hero-bg{right:-6rem;bottom:6.5rem;width:250px;max-width:72vw;opacity:.07}
}

/* v8: Hero layout correction — contact channels never overlap content */
@media (min-width:1081px){
  .hero{
    display:grid;
    grid-template-columns:minmax(0,760px) minmax(270px,330px);
    justify-content:space-between;
    align-items:center;
    column-gap:clamp(36px,5vw,90px);
    padding-left:max(4vw,calc((100vw - 1200px)/2));
    padding-right:max(4vw,calc((100vw - 1200px)/2));
  }
  .hero-content{
    width:100%;
    max-width:760px;
    margin-left:0;
    min-width:0;
    position:relative;
    z-index:4;
  }
  .contact-rail{
    position:relative;
    inset:auto;
    transform:none;
    align-self:center;
    width:100%;
    max-width:330px;
    display:grid;
    grid-template-columns:1fr;
    border-radius:8px;
    overflow:hidden;
    z-index:5;
    background:rgba(11,15,21,.88);
    backdrop-filter:blur(16px);
  }
  .contact-rail a{
    min-width:0;
    width:100%;
    padding:19px 21px;
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .contact-rail a:last-child{border-bottom:0}
  .contact-rail strong{overflow-wrap:anywhere}
  .fatjoe-hero-bg{
    right:clamp(250px,22vw,390px);
    bottom:0;
    max-width:36vw;
    opacity:.075;
    z-index:1;
    pointer-events:none;
  }
}

@media (min-width:1081px) and (max-height:760px){
  .hero{grid-template-columns:minmax(0,700px) minmax(250px,310px);column-gap:34px}
  .contact-rail{max-width:310px}
  .contact-rail a{padding:14px 18px}
  .contact-rail span{font-size:9px}
  .contact-rail strong{font-size:12px}
  .fatjoe-hero-bg{right:250px;max-width:34vw}
}

@media (max-width:1080px){
  .hero{display:flex}
  .contact-rail{position:relative;inset:auto;transform:none}
}

/* Fatjoe integration v9: decorative only, never alters content flow */
.testimonials{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.testimonials::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(90deg,rgba(7,9,13,.98) 0%,rgba(7,9,13,.91) 53%,rgba(7,9,13,.74) 100%);
  pointer-events:none;
}
.fatjoe-testimonials-bg{
  position:absolute;
  z-index:-1;
  right:max(-70px,calc((100vw - var(--max))/2 - 90px));
  bottom:-115px;
  width:min(510px,39vw);
  max-height:92%;
  object-fit:contain;
  object-position:right bottom;
  opacity:.105;
  filter:saturate(.76) contrast(1.04);
  pointer-events:none;
  user-select:none;
}
.testimonials-layout{
  position:relative;
  z-index:1;
}
footer{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.fatjoe-footer-bg{
  display:none;
}
.footer-brand-lockup{
  display:flex;
  align-items:flex-end;
  gap:18px;
  min-height:116px;
}
.footer-brand-lockup>img:first-child{
  flex:0 0 auto;
}
.footer-fatjoe{
  width:94px!important;
  height:108px!important;
  object-fit:contain!important;
  object-position:center bottom;
  opacity:.18;
  filter:saturate(.72) contrast(1.06)!important;
  pointer-events:none;
  user-select:none;
}
@media(max-width:1080px){
  .fatjoe-testimonials-bg{
    right:-95px;
    bottom:-95px;
    width:390px;
    opacity:.075;
  }
}
@media(max-width:720px){
  .fatjoe-testimonials-bg{
    right:-105px;
    bottom:6%;
    width:300px;
    max-height:48%;
    opacity:.055;
  }
  .footer-brand-lockup{
    align-items:center;
    min-height:96px;
  }
  .footer-fatjoe{
    width:78px!important;
    height:90px!important;
    opacity:.16;
  }
}
@media(max-width:430px){
  .fatjoe-testimonials-bg{
    right:-125px;
    bottom:12%;
    width:275px;
    opacity:.045;
  }
  .footer-brand-lockup{
    gap:12px;
  }
  .footer-fatjoe{
    width:68px!important;
    height:80px!important;
  }
}

/* Fatjoe placement refinements v10 */
.fatjoe-testimonials-bg{
  left:max(-115px,calc((100vw - var(--max))/2 - 145px));
  right:auto;
  bottom:-90px;
  width:min(455px,34vw);
  max-height:86%;
  object-position:left bottom;
  opacity:.085;
}

.workshops{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.workshops>.container{
  position:relative;
  z-index:2;
}
.fatjoe-workshops-bg{
  position:absolute;
  z-index:1;
  right:max(-125px,calc((100vw - var(--max))/2 - 155px));
  bottom:-60px;
  width:min(520px,38vw);
  max-height:88%;
  object-fit:contain;
  object-position:right bottom;
  opacity:.075;
  filter:saturate(.76) contrast(1.05);
  pointer-events:none;
  user-select:none;
}
.workshops::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(90deg,rgba(11,15,21,1) 0%,rgba(11,15,21,.96) 58%,rgba(11,15,21,.78) 100%);
  pointer-events:none;
}

.footer-fatjoe{
  width:100px!important;
  height:108px!important;
  object-position:center bottom;
  opacity:.22;
}

.floating-wa{
  overflow:visible;
  isolation:isolate;
}
.floating-wa svg{
  position:relative;
  z-index:2;
}
.fatjoe-wa-bg{
  position:absolute;
  z-index:1;
  width:68px;
  max-width:none;
  height:68px;
  object-fit:contain;
  right:28px;
  bottom:15px;
  opacity:.28;
  pointer-events:none;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.36));
}

@media(max-width:1080px){
  .fatjoe-testimonials-bg{
    left:-105px;
    right:auto;
    width:360px;
    bottom:-75px;
    opacity:.065;
  }
  .fatjoe-workshops-bg{
    right:-120px;
    width:390px;
    opacity:.055;
  }
}
@media(max-width:720px){
  .fatjoe-testimonials-bg{
    left:-105px;
    right:auto;
    bottom:8%;
    width:270px;
    max-height:42%;
    opacity:.042;
  }
  .fatjoe-workshops-bg{
    right:-105px;
    bottom:4%;
    width:275px;
    max-height:40%;
    opacity:.04;
  }
  .footer-fatjoe{
    width:84px!important;
    height:92px!important;
    opacity:.2;
  }
  .fatjoe-wa-bg{
    width:57px;
    height:57px;
    right:25px;
    bottom:14px;
    opacity:.24;
  }
}
@media(max-width:430px){
  .fatjoe-testimonials-bg{
    left:-120px;
    width:250px;
    opacity:.035;
  }
  .fatjoe-workshops-bg{
    right:-125px;
    width:245px;
    opacity:.032;
  }
  .footer-fatjoe{
    width:74px!important;
    height:82px!important;
  }
}

/* v11 · Fatjoe visibility refinement */
/* Reduce transparency by 10 percentage points while preserving decorative layering. */
.fatjoe-hero-bg{opacity:.175}
.fatjoe-testimonials-bg{opacity:.185}
.fatjoe-workshops-bg{opacity:.175}
.footer-fatjoe{opacity:.32}
.fatjoe-wa-bg{
  width:96px;
  height:96px;
  right:25px;
  bottom:13px;
  opacity:.38;
}

@media(max-width:1100px){
  .fatjoe-hero-bg{opacity:.21}
}
@media(max-width:1080px){
  .fatjoe-testimonials-bg{opacity:.165}
  .fatjoe-workshops-bg{opacity:.155}
}
@media(max-width:760px){
  .fatjoe-hero-bg{opacity:.185}
}
@media(max-width:720px){
  .fatjoe-testimonials-bg{opacity:.142}
  .fatjoe-workshops-bg{opacity:.14}
  .footer-fatjoe{opacity:.30}
  .fatjoe-wa-bg{
    width:80px;
    height:80px;
    right:22px;
    bottom:12px;
    opacity:.34;
  }
}
@media(max-width:430px){
  .fatjoe-hero-bg{opacity:.17}
  .fatjoe-testimonials-bg{opacity:.135}
  .fatjoe-workshops-bg{opacity:.132}
  .footer-fatjoe{opacity:.30}
}


/* v12 · Footer alignment and WhatsApp Fatjoe crop */
.footer-brand{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
}
.footer-brand-lockup{
  width:100%;
  min-height:116px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
}
.footer-brand-lockup>img:first-child{
  margin-inline:auto;
}
.footer-brand p{
  margin:10px auto 0;
  max-width:290px;
  text-align:center;
}
.footer-fatjoe,.fatjoe-footer-bg{display:none!important}

.fatjoe-wa-bg{
  width:116px;
  height:116px;
  right:23px;
  bottom:16px;
  opacity:.42;
  object-fit:contain;
  object-position:center top;
  clip-path:inset(0 0 45% 0);
  transform:translateY(17%);
  transform-origin:center top;
}
@media(max-width:720px){
  .footer-brand-lockup{min-height:104px}
  .fatjoe-wa-bg{
    width:96px;
    height:96px;
    right:20px;
    bottom:14px;
    opacity:.39;
    clip-path:inset(0 0 44% 0);
  }
}
@media(max-width:430px){
  .footer-brand-lockup{min-height:96px}
  .footer-brand p{max-width:260px}
  .fatjoe-wa-bg{
    width:90px;
    height:90px;
    right:18px;
    bottom:13px;
    opacity:.38;
  }
}


/* v15 · Legibilidad de contacto y footer */
.modern-form input,
.modern-form textarea{font-size:16px;line-height:1.5}
.modern-form input::placeholder,
.modern-form textarea::placeholder{font-size:16px;line-height:1.5;opacity:1}
.contact-copy>p:not(.kicker){font-size:17px;line-height:1.75}
.locations a{font-size:16px}
.locations a b{font-size:16px;line-height:1.3}
.locations a small{font-size:14px;line-height:1.45}
.footer-top>div{font-size:15px;line-height:1.65}
.footer-top b{font-size:12px}
.footer-brand p{font-size:15px;line-height:1.65}
.footer-bottom{font-size:13px;line-height:1.5}
@media(max-width:720px){
  .modern-form input,.modern-form textarea,
  .modern-form input::placeholder,.modern-form textarea::placeholder{font-size:16px}
  .locations a{padding:18px 16px}
  .locations a b{font-size:16px}
  .locations a small{font-size:14px}
  .footer-top>div,.footer-brand p{font-size:15px}
  .footer-top b{font-size:12px}
  .footer-bottom{font-size:13px}
}


/* v16 · WhatsApp Fatjoe completo + indicador Conoce Stopcar */
.floating-wa{
  right:64px;
  bottom:54px;
  overflow:visible;
  isolation:isolate;
}
.floating-wa svg{
  position:relative;
  z-index:3;
}
.fatjoe-wa-bg{
  display:block!important;
  position:absolute;
  z-index:1;
  width:145px;
  height:auto;
  max-width:none;
  left:50%;
  top:50%;
  right:auto;
  bottom:auto;
  object-fit:contain;
  object-position:center;
  clip-path:none;
  transform:translate(-53.3%,-75.3%);
  transform-origin:center;
  opacity:.42;
  pointer-events:none;
  user-select:none;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.42));
}

.scroll-cue{
  left:max(calc((100vw - var(--max))/2),28px);
  bottom:28px;
  writing-mode:horizontal-tb;
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  gap:12px;
  padding:10px 14px;
  border-left:2px solid var(--red);
  background:rgba(7,9,13,.42);
  backdrop-filter:blur(8px);
  color:#d6dbe2;
  font-size:11px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
  transition:background .2s,border-color .2s,color .2s,transform .2s;
}
.scroll-cue i{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border:1px solid rgba(239,51,64,.65);
  border-radius:50%;
  color:var(--red);
  font-size:16px;
  line-height:1;
  animation:scrollCueDown 1.7s ease-in-out infinite;
}
.scroll-cue:hover,
.scroll-cue:focus-visible{
  background:rgba(239,51,64,.12);
  border-left-color:#ff5964;
  color:#fff;
  transform:translateY(-2px);
  outline:none;
}
@keyframes scrollCueDown{
  0%,100%{transform:translateY(-2px)}
  50%{transform:translateY(3px)}
}

@media(max-width:1080px){
  .floating-wa{right:56px;bottom:48px}
  .fatjoe-wa-bg{width:134px}
}
@media(max-width:720px){
  .floating-wa{right:47px;bottom:42px;width:56px;height:56px}
  .fatjoe-wa-bg{
    width:121px;
    opacity:.40;
    transform:translate(-53.3%,-75.3%);
  }
  .scroll-cue{
    display:inline-flex;
    left:20px;
    bottom:18px;
    padding:9px 11px;
    font-size:10px;
  }
}
@media(max-width:430px){
  .floating-wa{right:42px;bottom:38px;width:54px;height:54px}
  .fatjoe-wa-bg{width:112px;opacity:.39}
  .scroll-cue{left:14px;bottom:14px;max-width:175px}
}
@media(prefers-reduced-motion:reduce){
  .scroll-cue i{animation:none}
}

/* v17 · Ajuste compacto de Conoce Stopcar + Fatjoe en aviso inicial */
.scroll-cue{
  width:max-content;
  max-width:none;
  padding:8px 10px;
  gap:8px;
  letter-spacing:.11em;
  white-space:nowrap;
}
.scroll-cue i{
  width:22px;
  height:22px;
  font-size:14px;
}

.service-notice__panel{
  overflow:hidden;
  isolation:isolate;
}
.service-notice__panel::before{
  content:"";
  position:absolute;
  right:-18px;
  bottom:-24px;
  width:230px;
  aspect-ratio:1/1;
  background:url('../img/fatjoe-magnifier.png') center bottom/contain no-repeat;
  opacity:.14;
  pointer-events:none;
  z-index:-1;
  filter:drop-shadow(0 14px 28px rgba(0,0,0,.28));
}
.service-notice__panel::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(90deg,rgba(14,18,24,.98) 0%,rgba(14,18,24,.96) 58%,rgba(14,18,24,.78) 100%);
  pointer-events:none;
}
.service-notice__panel > *{
  position:relative;
  z-index:1;
}

@media(max-width:720px){
  .service-notice__panel::before{
    width:180px;
    right:-35px;
    bottom:-18px;
    opacity:.12;
  }
}

/* Contact form delivery states */
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.form-status{min-height:1.5em;font-weight:700}
.form-status.is-success{color:#75d995}
.form-status.is-error{color:#ff8a8a}
.modern-form button[disabled]{cursor:wait;opacity:.72}

/* v25 · Experience, trust and legal additions */
.advantages{background:linear-gradient(180deg,#0a0d12,#10141a)}
.advantage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}
.advantage-card{padding:26px;border:1px solid rgba(255,255,255,.1);background:#0d1117;min-height:230px}
.advantage-card>span{display:block;color:var(--red);font-size:clamp(30px,4vw,56px);font-weight:900;letter-spacing:-.05em}.advantage-card h3{margin:30px 0 10px;font-size:20px}.advantage-card p{color:#aeb7c3;line-height:1.7}
.brand-band{overflow:hidden;border-block:1px solid rgba(255,255,255,.08);background:#080a0e;padding:18px 0}.brand-track{display:flex;width:max-content;gap:48px;padding-inline:24px;animation:brandMove 32s linear infinite}.brand-track span{font-size:14px;font-weight:900;letter-spacing:.13em;color:#c9d0d8;white-space:nowrap}@keyframes brandMove{to{transform:translateX(-50%)}}
.quick-search{background:radial-gradient(circle at 80% 20%,rgba(239,51,64,.12),transparent 36%),#0b0e13}.quick-search-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:center}.vehicle-search{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:28px;border:1px solid rgba(255,255,255,.1);background:#10151c}.vehicle-search label{display:grid;gap:8px;color:#d9dfe7;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.vehicle-search input{width:100%;border:1px solid rgba(255,255,255,.13);background:#090c10;color:#fff;padding:15px 16px;font:inherit;font-size:15px}.vehicle-search .wide{grid-column:1/-1}
.journey{background:#0b0e13}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:40px;background:rgba(255,255,255,.1)}.timeline article{background:#0d1117;padding:34px}.timeline b{color:var(--red);font-size:30px}.timeline h3{font-size:21px;margin:38px 0 10px}.timeline p{color:#abb4c0;line-height:1.7}
.process-section{background:#10141a}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.process-grid article{position:relative;padding:32px;background:#0a0d12;border-top:3px solid var(--red)}.process-grid span{font-size:44px;color:rgba(239,51,64,.28);font-weight:900}.process-grid h3{font-size:21px;margin:25px 0 10px}.process-grid p{color:#aeb7c3;line-height:1.7}
.visual-story{background:#090b0f}.visual-story-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center}.video-frame{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#050608;box-shadow:0 30px 80px rgba(0,0,0,.38)}.video-frame video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.video-caption{position:absolute;left:0;right:0;bottom:0;padding:32px 24px 20px;background:linear-gradient(transparent,rgba(0,0,0,.9));display:grid;gap:5px}.video-caption span{color:var(--red);font-size:11px;text-transform:uppercase;letter-spacing:.14em}.video-caption strong{font-size:18px}
.comparison-section{background:#0f1319}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:38px}.comparison-grid figure{margin:0;background:#090c10;border:1px solid rgba(255,255,255,.1);overflow:hidden}.comparison-grid img{width:100%;height:360px;object-fit:cover;filter:saturate(.8) contrast(1.05)}.comparison-grid figcaption{display:grid;gap:8px;padding:22px}.comparison-grid figcaption b{color:var(--red);font-size:20px}.comparison-grid figcaption span{color:#aeb7c3}
.guarantees{background:#090c10}.guarantees-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:start}.guarantee-list{display:grid;gap:1px;background:rgba(255,255,255,.1)}.guarantee-list span{background:#11161d;padding:20px 22px;color:#dce2e9;font-weight:700}
.find-cta{position:relative;overflow:hidden;background:linear-gradient(120deg,#191e26,#0c1015);padding:80px 0}.find-cta>img{position:absolute;right:4%;bottom:-18%;height:125%;opacity:.18;pointer-events:none}.find-cta-inner{position:relative;max-width:800px;margin:0 auto;text-align:center}.find-cta h2{font-size:clamp(30px,5vw,58px);line-height:1.06;margin:12px 0}.find-cta p{color:#b7c0cb;margin-bottom:26px}
.fatjoe-tip{max-width:860px;margin:40px auto -20px;display:flex;align-items:center;gap:18px;padding:18px 24px;border:1px solid rgba(239,51,64,.28);background:#10151c}.fatjoe-tip img{width:84px;height:84px;object-fit:contain}.fatjoe-tip p{display:grid;gap:4px;margin:0}.fatjoe-tip strong{color:#fff}.fatjoe-tip span{color:#aeb7c3}
.footer-legal{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;padding-top:28px;padding-bottom:28px;border-top:1px solid rgba(255,255,255,.08)}.footer-legal b{display:block;margin-bottom:8px}.footer-legal p{max-width:720px;color:#9fa9b5;line-height:1.7;margin:0}.footer-legal nav{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.footer-legal a{color:#cbd2da;text-decoration:none}.footer-legal a:hover{color:#fff}
.legal-page{background:#090c10;color:#e9edf2}.legal-shell{max-width:1000px;margin:0 auto;padding:120px 24px 70px}.legal-hero{padding:42px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#141a22,#0b0e13);margin-bottom:24px}.legal-hero h1{font-size:clamp(38px,7vw,76px);margin:0 0 18px;line-height:1}.legal-hero p{color:#b2bbc6;line-height:1.7}.legal-note{padding:18px 20px;border-left:3px solid var(--red);background:#151a21;color:#d7dde5}.legal-section{scroll-margin-top:90px;padding:32px;margin-top:16px;border:1px solid rgba(255,255,255,.09);background:#0f141a}.legal-section h2{font-size:28px;margin:0 0 18px}.legal-section h3{font-size:18px;margin-top:28px}.legal-section p,.legal-section li{color:#b9c2cc;line-height:1.75}.legal-section a{color:#ff6a73}.legal-back{display:inline-flex;gap:8px;color:#fff;text-decoration:none;margin-bottom:22px}.legal-meta{color:#8994a0;font-size:13px}
@media(max-width:900px){.advantage-grid{grid-template-columns:1fr 1fr}.quick-search-layout,.visual-story-layout,.guarantees-layout{grid-template-columns:1fr}.timeline,.process-grid{grid-template-columns:1fr}.comparison-grid{grid-template-columns:1fr}.footer-legal{grid-template-columns:1fr}.brand-track{gap:32px}.comparison-grid img{height:280px}}
@media(max-width:600px){.advantage-grid{grid-template-columns:1fr}.vehicle-search{grid-template-columns:1fr;padding:20px}.vehicle-search .wide{grid-column:auto}.find-cta{padding:64px 0}.find-cta>img{height:95%;right:-25%;opacity:.12}.fatjoe-tip{margin-inline:16px;padding:14px}.fatjoe-tip img{width:68px;height:68px}.footer-legal nav{grid-template-columns:1fr}.legal-shell{padding:95px 14px 45px}.legal-hero,.legal-section{padding:24px}.brand-track{animation-duration:24s}}
@media(prefers-reduced-motion:reduce){.brand-track{animation:none}}

/* v26: information relocated from the advantages section */
.journey-support{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}
.journey-support article{
  min-height:150px;
  padding:26px 28px;
  border:1px solid rgba(255,255,255,.10);
  background:#10151c;
}
.journey-support span{
  display:inline-flex;
  min-width:40px;
  height:32px;
  align-items:center;
  justify-content:center;
  color:var(--red);
  border-bottom:2px solid var(--red);
  font-weight:800;
  letter-spacing:.08em;
}
.journey-support h3{
  margin:22px 0 8px;
  color:#fff;
  font-size:20px;
}
.journey-support p{
  margin:0;
  color:#abb4c0;
  line-height:1.7;
}
@media(max-width:700px){
  .journey-support{grid-template-columns:1fr}
}

/* v27: WhatsApp contacts in footer */
.footer-whatsapp{
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.10);
}
.footer-whatsapp h3{
  margin: 0 0 10px;
  color: #fff;
  font-size: 1.05rem;
  letter-spacing: .02em;
}
.footer-whatsapp p{
  margin: 6px 0;
}
.footer-whatsapp a{
  color: #d9dee5;
  font-size: 1rem;
  text-decoration: none;
  transition: color .2s ease;
}
.footer-whatsapp a:hover,
.footer-whatsapp a:focus-visible{
  color: var(--red, #d8232a);
}
@media (max-width: 700px){
  .footer-whatsapp{
    text-align: center;
  }
  .footer-whatsapp a{
    font-size: 1.05rem;
  }
}

/* v28 — footer, brand-band removal and integrated hero discover control */
.brand-band{display:none!important}

.footer-top .footer-contact-wa{
  display:block;
  color:#aeb7c2;
  font-size:13px;
  line-height:1.55;
  margin-top:4px;
}
.footer-top .footer-contact-wa:hover,
.footer-top .footer-contact-wa:focus-visible{
  color:var(--red);
}

/* Replaces the former loose vertical label with an integrated lower-edge control. */
.hero .hero-discover{
  position:absolute;
  left:50%;
  bottom:0;
  z-index:6;
  transform:translateX(-50%);
  writing-mode:horizontal-tb;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  width:auto;
  min-width:214px;
  height:48px;
  padding:0 22px;
  color:#f3f5f8;
  background:#0b0f15;
  border:1px solid rgba(255,255,255,.16);
  border-bottom:0;
  border-radius:8px 8px 0 0;
  box-shadow:0 -12px 30px rgba(0,0,0,.28);
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  transition:background .22s ease,border-color .22s ease,color .22s ease;
}
.hero .hero-discover::before,
.hero .hero-discover::after{
  content:"";
  position:absolute;
  top:50%;
  width:44px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(239,51,64,.65));
}
.hero .hero-discover::before{
  right:100%;
  transform:rotate(180deg);
}
.hero .hero-discover::after{
  left:100%;
}
.hero .hero-discover i{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border:1px solid rgba(239,51,64,.7);
  border-radius:50%;
  color:var(--red);
  font-size:14px;
  line-height:1;
  font-style:normal;
  animation:discoverArrow 1.65s ease-in-out infinite;
}
.hero .hero-discover:hover,
.hero .hero-discover:focus-visible{
  background:#121821;
  border-color:rgba(239,51,64,.7);
  color:#fff;
}
@keyframes discoverArrow{
  0%,100%{transform:translateY(-1px)}
  50%{transform:translateY(3px)}
}
@media(max-width:720px){
  .hero .hero-discover{
    display:inline-flex;
    min-width:188px;
    height:44px;
    padding:0 18px;
    font-size:10px;
    bottom:0;
  }
  .hero .hero-discover::before,
  .hero .hero-discover::after{width:24px}
  .footer-top .footer-contact-wa{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .hero .hero-discover i{animation:none}
}


/* v30 · Aviso inicial con mayor notoriedad y prevención de estafas */
.service-notice{
  background:
    radial-gradient(circle at 50% 44%,rgba(220,24,39,.18),transparent 40%),
    rgba(2,4,7,.88);
  backdrop-filter:blur(9px);
}
.service-notice__panel{
  border:1px solid rgba(255,84,94,.34);
  border-top:4px solid #ef3340;
  background:#0d1117;
  box-shadow:
    0 0 0 1px rgba(239,51,64,.10),
    0 0 34px rgba(239,51,64,.28),
    0 0 90px rgba(176,12,28,.20),
    0 30px 100px rgba(0,0,0,.72);
}
.service-notice__panel::after{
  background:
    linear-gradient(100deg,rgba(13,17,23,.99) 0%,rgba(13,17,23,.97) 58%,rgba(34,10,14,.84) 100%),
    radial-gradient(circle at 88% 20%,rgba(239,51,64,.22),transparent 42%);
}
.service-notice__label{
  color:#ff6570;
  text-shadow:0 0 18px rgba(239,51,64,.32);
}
.service-notice h2{
  color:#ff3f4d;
  background:linear-gradient(110deg,#ff7881 0%,#ef3340 48%,#b70f25 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 28px rgba(239,51,64,.14);
}
.service-notice__security{
  margin:18px 0 0;
  padding:13px 15px;
  border-left:3px solid #ef3340;
  background:rgba(239,51,64,.09);
  color:#ffd5d8;
  font-size:13px;
  font-weight:750;
  line-height:1.55;
}
.service-notice__hint{
  margin-top:14px;
  color:#939daa;
}
@media(max-width:720px){
  .service-notice__panel{
    box-shadow:0 0 28px rgba(239,51,64,.25),0 24px 72px rgba(0,0,0,.72);
  }
  .service-notice h2{
    margin-right:0;
    font-size:clamp(25px,8vw,31px);
  }
  .service-notice__security{
    font-size:12px;
    padding:11px 12px;
  }
}

/* v31 — popup alignment and official channels reinforcement */
.official-warning-popup .warning-centered{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.official-warning-popup .notice-short{
  text-align:center;
  opacity:.72;
  font-size:.88rem;
  margin-top:10px;
}

.official-channels-panel{
  position:relative;
  overflow:hidden;
}
.official-channels-title{
  margin:0 0 14px;
  color:#fff;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
  text-align:center;
}
.official-channels-title::after{
  content:"";
  display:block;
  width:54px;
  height:2px;
  margin:10px auto 0;
  background:var(--red,#e32b36);
}
.official-channels-safety{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.10);
  color:#f1b5ba;
  font-size:.82rem;
  line-height:1.55;
  text-align:center;
  font-weight:700;
}
@media(max-width:720px){
  .official-channels-title{
    font-size:.78rem;
    letter-spacing:.10em;
  }
  .official-channels-safety{
    font-size:.86rem;
  }
}
 
.official-panel{position:relative;overflow:hidden}
.official-panel:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,rgba(170,20,20,.18),transparent 75%);pointer-events:none}
.official-panel-title{position:relative;text-align:center;font-size:.72rem;font-weight:900;letter-spacing:.14em;color:#fff;margin-bottom:10px;text-transform:uppercase}

/* v36 — popup sin scroll y canales oficiales en disposición vertical */

/* El popup ocupa la ventana, pero nunca genera scroll propio. */
#service-notice.service-notice{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  width:100vw!important;
  height:100dvh!important;
  margin:0!important;
  padding:clamp(10px,2.2vh,24px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
  background:
    radial-gradient(circle at 50% 44%,rgba(220,24,39,.18),transparent 42%),
    rgba(2,4,7,.88)!important;
  backdrop-filter:blur(9px);
}

/* El contenido completo se adapta a la pantalla sin barra de desplazamiento. */
#service-notice > .service-notice__panel{
  position:relative!important;
  flex:0 1 620px!important;
  width:min(620px,100%)!important;
  max-width:620px!important;
  max-height:none!important;
  margin:0!important;
  padding:clamp(18px,3.2vh,34px) clamp(18px,3vw,36px) clamp(16px,2.7vh,30px)!important;
  overflow:hidden!important;
}

#service-notice .service-notice__label,
#service-notice h2,
#service-notice .service-notice__security,
#service-notice .service-notice__hint{
  text-align:center!important;
}

#service-notice h2{
  margin:0 0 clamp(12px,2vh,24px)!important;
  font-size:clamp(22px,3.6vh,38px)!important;
}

#service-notice .service-notice__contacts{
  gap:clamp(3px,.8vh,10px)!important;
}

#service-notice .service-notice__contacts a,
#service-notice .service-notice__contacts p{
  padding:clamp(7px,1.3vh,13px) 0!important;
  font-size:clamp(13px,1.65vh,15px)!important;
}

#service-notice .service-notice__security{
  margin:clamp(12px,2vh,20px) 0 0!important;
  padding:clamp(10px,1.7vh,16px) 0 0!important;
  border-left:0!important;
  border-top:2px solid var(--red)!important;
  font-size:clamp(12px,1.5vh,14px)!important;
  line-height:1.45!important;
}

#service-notice .service-notice__hint{
  margin:clamp(8px,1.4vh,14px) 0 0!important;
  font-size:clamp(10px,1.25vh,12px)!important;
}

/* Panel de la portada: una tabla vertical real, no una fila horizontal. */
.hero .contact-rail{
  position:absolute!important;
  right:max(calc((100vw - 1320px)/2),24px)!important;
  bottom:35px!important;
  width:min(310px,calc(100vw - 48px))!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
  overflow:hidden!important;
  background:
    linear-gradient(145deg,rgba(121,8,18,.78),rgba(11,15,21,.93) 55%,rgba(239,51,64,.13))!important;
  border:1px solid rgba(239,51,64,.42)!important;
  border-radius:10px!important;
  box-shadow:0 24px 70px rgba(0,0,0,.5),0 0 34px rgba(239,51,64,.10)!important;
  backdrop-filter:blur(18px);
}

.hero .contact-rail__title{
  display:block!important;
  width:100%!important;
  padding:13px 18px 12px!important;
  text-align:center!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(90deg,rgba(239,51,64,.20),rgba(239,51,64,.035),rgba(239,51,64,.20))!important;
}

.hero .contact-rail a{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:center!important;
  width:100%!important;
  min-width:0!important;
  padding:14px 18px!important;
  border-right:0!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  text-align:left!important;
}

.hero .contact-rail a:last-child{
  border-bottom:0!important;
}

.hero .contact-rail span{
  display:block!important;
  margin:0 0 3px!important;
}

.hero .contact-rail strong{
  display:block!important;
  overflow-wrap:anywhere!important;
}

/* En tablet y móvil el panel conserva la misma estructura vertical. */
@media(max-width:1080px){
  .hero .contact-rail{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    max-width:540px!important;
    margin:22px auto 0!important;
  }
}

@media(max-width:720px){
  #service-notice.service-notice{
    padding:8px!important;
  }

  #service-notice > .service-notice__panel{
    width:min(100%,560px)!important;
    padding:16px 15px 14px!important;
  }

  #service-notice h2{
    font-size:clamp(20px,3.4vh,27px)!important;
  }

  #service-notice .service-notice__contacts a,
  #service-notice .service-notice__contacts p{
    display:flex!important;
    flex-direction:column!important;
    gap:1px!important;
    padding:6px 0!important;
    font-size:13px!important;
  }

  #service-notice .service-notice__security{
    font-size:11.5px!important;
  }

  .hero .contact-rail{
    width:100%!important;
    max-width:none!important;
  }
}

/* Pantallas especialmente bajas: compactar, nunca habilitar scroll. */
@media(max-height:650px){
  #service-notice > .service-notice__panel{
    padding:12px 18px 11px!important;
  }
  #service-notice .service-notice__label{
    margin-bottom:4px!important;
    font-size:9px!important;
  }
  #service-notice h2{
    margin-bottom:7px!important;
    font-size:20px!important;
  }
  #service-notice .service-notice__contacts{
    gap:0!important;
  }
  #service-notice .service-notice__contacts a,
  #service-notice .service-notice__contacts p{
    padding:4px 0!important;
    font-size:12px!important;
  }
  #service-notice .service-notice__security{
    margin-top:7px!important;
    padding-top:7px!important;
    font-size:10.5px!important;
    line-height:1.3!important;
  }
  #service-notice .service-notice__hint{
    margin-top:5px!important;
    font-size:9.5px!important;
  }
}

/* v37 — panel oficial alineado y reforzado */
@media(min-width:1081px){
  .hero .contact-rail{
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-42%)!important;
    right:max(calc((100vw - 1320px)/2),24px)!important;
    width:min(350px,calc(100vw - 48px))!important;
  }
}

.hero .contact-rail{
  min-height:0!important;
  border-radius:12px!important;
}

.hero .contact-rail__title{
  padding:15px 20px 14px!important;
  font-size:11px!important;
  letter-spacing:.17em!important;
}

.hero .contact-rail a{
  padding:16px 20px!important;
}

.hero .contact-rail span{
  font-size:11px!important;
  letter-spacing:.13em!important;
}

.hero .contact-rail strong{
  font-size:18px!important;
  line-height:1.35!important;
}

.hero .contact-rail__warning{
  margin:0!important;
  padding:15px 20px 17px!important;
  color:#ffd7da!important;
  background:linear-gradient(180deg,rgba(239,51,64,.10),rgba(239,51,64,.045))!important;
  border-top:1px solid rgba(239,51,64,.28)!important;
  text-align:center!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.5!important;
}

@media(max-width:1080px){
  .hero .contact-rail{
    transform:none!important;
    width:100%!important;
    max-width:580px!important;
  }
}

@media(max-width:720px){
  .hero .contact-rail__title{
    font-size:10px!important;
  }
  .hero .contact-rail a{
    padding:14px 16px!important;
  }
  .hero .contact-rail strong{
    font-size:16px!important;
  }
  .hero .contact-rail__warning{
    padding:13px 16px 15px!important;
    font-size:11.5px!important;
  }
}

/* v38 — footer legal, WhatsApp icons and motto */
.footer-wa-link{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}

.wa-inline-icon{
  display:inline-grid;
  place-items:center;
  flex:0 0 18px;
  width:18px;
  height:18px;
}

.wa-inline-icon svg{
  width:18px;
  height:18px;
  fill:#25d366;
  filter:drop-shadow(0 0 8px rgba(37,211,102,.16));
}

.footer-wa-link:hover .wa-inline-icon svg,
.footer-wa-link:focus-visible .wa-inline-icon svg{
  transform:scale(1.06);
}

.footer-motto{
  margin-top:14px;
  color:#fff;
  font-size:14px;
  font-weight:900;
  letter-spacing:.12em;
  line-height:1.4;
  text-transform:uppercase;
  text-align:center;
}

@media(max-width:720px){
  .footer-motto{
    font-size:13px;
    letter-spacing:.10em;
  }
}

/* v39 — footer motto stack */
.footer-brand-stack{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  width:100%;
  text-align:center;
}

.footer-brand-stack img{
  display:block;
  margin:0 auto;
}

.footer-motto{
  display:block;
  width:100%;
  max-width:340px;
  margin:0 auto;
  color:#fff;
  font-size:14px;
  font-weight:900;
  letter-spacing:.11em;
  line-height:1.5;
  text-transform:uppercase;
  text-align:center;
}

@media(max-width:720px){
  .footer-brand-stack{
    gap:12px;
  }

  .footer-motto{
    max-width:290px;
    font-size:12.5px;
    letter-spacing:.09em;
  }
}

/* v41 — mobile experience layer
   No desktop content or visual identity is changed. */

html{
  overflow-x:hidden;
  scroll-padding-top:84px;
}

body{
  overflow-x:hidden;
  min-width:0;
}

img,
video,
svg{
  max-width:100%;
}

input,
select,
textarea,
button{
  max-width:100%;
}

@media(max-width:900px){
  :root{
    --mobile-gutter:clamp(16px,4.8vw,28px);
  }

  html{
    scroll-padding-top:76px;
  }

  body{
    -webkit-text-size-adjust:100%;
  }

  .container{
    width:100%!important;
    max-width:none!important;
    padding-left:var(--mobile-gutter)!important;
    padding-right:var(--mobile-gutter)!important;
  }

  section{
    scroll-margin-top:76px;
  }

  /* Header and navigation */
  .site-header{
    height:70px!important;
    padding:0!important;
  }

  .site-header .container,
  .header-inner{
    min-height:70px!important;
    height:70px!important;
  }

  .brand,
  .site-brand{
    min-width:0!important;
  }

  .brand img,
  .site-brand img{
    width:auto!important;
    max-width:150px!important;
    max-height:42px!important;
    object-fit:contain!important;
  }

  .nav-toggle{
    position:relative!important;
    z-index:10002!important;
    display:grid!important;
    flex:0 0 48px!important;
    width:48px!important;
    height:48px!important;
    place-content:center!important;
    gap:5px!important;
    margin-left:auto!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:8px!important;
    background:rgba(9,13,19,.94)!important;
  }

  .nav-toggle span{
    display:block!important;
    width:21px!important;
    height:2px!important;
    margin:0!important;
    background:#fff!important;
    transition:transform .22s ease,opacity .22s ease!important;
  }

  .nav-toggle b{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
  }

  .nav-toggle.active span:nth-child(1){
    transform:translateY(7px) rotate(45deg)!important;
  }

  .nav-toggle.active span:nth-child(2){
    opacity:0!important;
  }

  .nav-toggle.active span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg)!important;
  }

  #nav{
    position:fixed!important;
    inset:70px 0 0!important;
    z-index:10000!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    width:100%!important;
    height:calc(100dvh - 70px)!important;
    padding:18px var(--mobile-gutter) 34px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    background:rgba(7,10,15,.985)!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    transform:translateX(100%)!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:transform .25s ease,visibility .25s ease!important;
  }

  #nav.open{
    transform:translateX(0)!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  #nav a{
    display:flex!important;
    align-items:center!important;
    min-height:56px!important;
    padding:0 4px!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
    color:#fff!important;
    font-size:16px!important;
    letter-spacing:.05em!important;
  }

  body.nav-open{
    overflow:hidden!important;
    touch-action:none;
  }

  /* Hero: full content visible and naturally scrollable on phones */
  .hero{
    min-height:auto!important;
    height:auto!important;
    padding:104px 0 70px!important;
    display:block!important;
    overflow:hidden!important;
  }

  .hero-content{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 var(--mobile-gutter)!important;
    text-align:left!important;
  }

  .hero-mark{
    width:min(260px,68vw)!important;
    max-height:112px!important;
    margin:0 0 24px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }

  .hero h1{
    max-width:760px!important;
    margin-bottom:18px!important;
    font-size:clamp(40px,10vw,68px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
    text-wrap:balance;
  }

  .hero-copy{
    max-width:670px!important;
    margin:0 0 26px!important;
    font-size:17px!important;
    line-height:1.7!important;
  }

  .hero-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    width:100%!important;
    max-width:580px!important;
  }

  .hero-actions .btn{
    min-height:52px!important;
    padding:13px 16px!important;
    text-align:center!important;
    justify-content:center!important;
    font-size:13px!important;
  }

  .hero-proof{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    max-width:580px!important;
    margin-top:24px!important;
  }

  .hero-proof>div{
    min-width:0!important;
    padding:15px 14px!important;
  }

  .hero-proof b{
    font-size:22px!important;
  }

  .hero-proof span{
    font-size:12px!important;
  }

  .fatjoe-hero-bg{
    right:-16%!important;
    bottom:10%!important;
    width:min(430px,78vw)!important;
    max-height:62%!important;
    object-fit:contain!important;
    object-position:right bottom!important;
    opacity:.12!important;
    pointer-events:none!important;
  }

  .hero .contact-rail{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:calc(100% - (var(--mobile-gutter) * 2))!important;
    max-width:580px!important;
    margin:28px auto 0!important;
  }

  .hero .contact-rail__title{
    padding:14px 16px!important;
    font-size:10px!important;
  }

  .hero .contact-rail a{
    padding:15px 17px!important;
  }

  .hero .contact-rail strong{
    font-size:17px!important;
  }

  .hero .contact-rail__warning{
    padding:14px 17px 16px!important;
    font-size:12px!important;
  }

  .hero .hero-discover{
    position:relative!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    display:flex!important;
    width:max-content!important;
    max-width:calc(100% - (var(--mobile-gutter) * 2))!important;
    margin:28px auto -70px!important;
  }

  /* Section rhythm and typography */
  section:not(.hero){
    padding-top:72px!important;
    padding-bottom:72px!important;
  }

  .kicker{
    font-size:11px!important;
    letter-spacing:.16em!important;
  }

  section h2,
  .section-heading h2,
  .gallery-heading h2{
    font-size:clamp(32px,8vw,48px)!important;
    line-height:1.05!important;
    letter-spacing:-.035em!important;
    text-wrap:balance;
  }

  section h3{
    text-wrap:balance;
  }

  .section-heading,
  .gallery-heading{
    margin-bottom:32px!important;
  }

  /* All multi-column content becomes predictable and touch-friendly */
  .about-grid,
  .mission-grid,
  .advantage-grid,
  .product-grid,
  .quick-search-layout,
  .timeline,
  .process-grid,
  .comparison-grid,
  .visual-story-layout,
  .guarantees-layout,
  .workshop-grid,
  .contact-layout,
  .footer-legal{
    grid-template-columns:1fr!important;
  }

  .advantage-grid,
  .product-grid,
  .workshop-grid{
    gap:16px!important;
  }

  .advantage-card,
  .product-card,
  .workshop-card,
  .mission-card{
    min-width:0!important;
    height:auto!important;
  }

  .advantage-card{
    padding:24px!important;
  }

  .advantage-card h3{
    font-size:20px!important;
  }

  .advantage-card p,
  .mission-card p,
  .product-card p,
  .workshop-card p{
    font-size:15px!important;
    line-height:1.7!important;
  }

  /* Product imagery */
  .product-card{
    overflow:hidden!important;
  }

  .product-card img,
  .product-media img{
    width:100%!important;
    height:auto!important;
    min-height:210px!important;
    max-height:300px!important;
    object-fit:cover!important;
  }

  /* Gallery: complete, readable mosaic with no sideways-only content */
  .gallery-track{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    padding:0 var(--mobile-gutter)!important;
    overflow:visible!important;
    transform:none!important;
  }

  .gallery-track figure,
  .gallery-track .gallery-item{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
  }

  .gallery-track img{
    display:block!important;
    width:100%!important;
    height:clamp(180px,36vw,290px)!important;
    object-fit:cover!important;
  }

  /* Reviews */
  .reviews-shell,
  .reviews-layout{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }

  .reviews-copy,
  .reviews-stage{
    width:100%!important;
  }

  .quote{
    min-height:0!important;
    padding:26px 22px!important;
  }

  .quote p{
    font-size:18px!important;
    line-height:1.65!important;
  }

  .review-controls{
    min-height:48px!important;
  }

  /* Forms */
  .contact-layout{
    gap:30px!important;
  }

  form,
  .contact-form,
  .vehicle-search{
    width:100%!important;
    min-width:0!important;
  }

  .form-grid,
  .vehicle-search{
    grid-template-columns:1fr!important;
  }

  .form-grid .wide,
  .vehicle-search .wide{
    grid-column:auto!important;
  }

  input,
  select,
  textarea{
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
    padding:14px 15px!important;
    font-size:16px!important;
  }

  textarea{
    min-height:140px!important;
  }

  input::placeholder,
  textarea::placeholder{
    font-size:16px!important;
    opacity:.75!important;
  }

  form .btn,
  form button[type="submit"]{
    width:100%!important;
    min-height:54px!important;
    justify-content:center!important;
    font-size:14px!important;
  }

  /* Footer */
  footer{
    overflow:hidden!important;
  }

  .footer-top{
    grid-template-columns:1fr 1fr!important;
    gap:30px 24px!important;
  }

  .footer-brand{
    grid-column:1/-1!important;
    align-items:center!important;
    text-align:center!important;
  }

  .footer-brand-stack,
  .footer-brand-lockup{
    align-items:center!important;
    justify-content:center!important;
  }

  .footer-brand p{
    max-width:480px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .footer-top>div:not(.footer-brand){
    min-width:0!important;
  }

  .footer-top a,
  .footer-top span{
    overflow-wrap:anywhere;
  }

  .footer-bottom{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:12px!important;
    text-align:center!important;
  }

  /* Floating WhatsApp + Fatjoe stays inside viewport */
  .whatsapp-float,
  .whatsapp-wrap,
  [class*="whatsapp-float"]{
    right:14px!important;
    bottom:14px!important;
  }

  .fatjoe-whatsapp,
  .whatsapp-fatjoe{
    max-width:min(230px,48vw)!important;
    right:-8px!important;
    bottom:0!important;
  }

  /* Legal page */
  .legal-shell{
    padding:94px var(--mobile-gutter) 54px!important;
  }

  .legal-hero,
  .legal-section{
    padding:24px!important;
  }

  .legal-hero h1{
    font-size:clamp(34px,9vw,54px)!important;
  }

  /* Popup remains over the page and always fits without inner scroll */
  #service-notice.service-notice{
    padding:8px!important;
    overflow:hidden!important;
  }

  #service-notice>.service-notice__panel{
    width:min(620px,100%)!important;
    max-height:calc(100dvh - 16px)!important;
    padding:clamp(14px,2.2vh,26px) clamp(15px,4vw,28px)!important;
    overflow:hidden!important;
  }

  #service-notice h2{
    font-size:clamp(21px,5.7vw,34px)!important;
  }

  #service-notice .service-notice__contacts a,
  #service-notice .service-notice__contacts p{
    min-height:0!important;
    padding:clamp(5px,1vh,10px) 0!important;
  }
}

@media(max-width:600px){
  :root{
    --mobile-gutter:16px;
  }

  .hero{
    padding-top:94px!important;
    padding-bottom:62px!important;
  }

  .hero h1{
    font-size:clamp(38px,12vw,54px)!important;
  }

  .hero-copy{
    font-size:16px!important;
    line-height:1.65!important;
  }

  .hero-actions{
    grid-template-columns:1fr!important;
  }

  .hero-actions .btn{
    width:100%!important;
  }

  .hero-proof{
    grid-template-columns:1fr 1fr!important;
  }

  .fatjoe-hero-bg{
    right:-28%!important;
    width:94vw!important;
    opacity:.095!important;
  }

  section:not(.hero){
    padding-top:60px!important;
    padding-bottom:60px!important;
  }

  .gallery-track{
    grid-template-columns:1fr!important;
  }

  .gallery-track img{
    height:clamp(220px,68vw,330px)!important;
  }

  .product-card img,
  .product-media img{
    min-height:220px!important;
  }

  .footer-top{
    grid-template-columns:1fr!important;
    text-align:center!important;
  }

  .footer-top>div{
    align-items:center!important;
  }

  .footer-wa-link{
    justify-content:center!important;
  }

  .footer-motto{
    max-width:290px!important;
  }
}

@media(max-width:390px){
  .hero h1{
    font-size:36px!important;
  }

  .hero-proof{
    grid-template-columns:1fr!important;
  }

  .hero .contact-rail strong{
    font-size:15px!important;
  }

  section h2,
  .section-heading h2,
  .gallery-heading h2{
    font-size:30px!important;
  }

  .quote{
    padding:22px 18px!important;
  }

  .quote p{
    font-size:16px!important;
  }
}

@media(max-height:650px) and (max-width:900px){
  #service-notice>.service-notice__panel{
    padding:10px 16px!important;
  }

  #service-notice h2{
    margin-bottom:6px!important;
    font-size:19px!important;
  }

  #service-notice .service-notice__label{
    margin-bottom:3px!important;
    font-size:9px!important;
  }

  #service-notice .service-notice__contacts a,
  #service-notice .service-notice__contacts p{
    padding:3px 0!important;
    font-size:11.5px!important;
  }

  #service-notice .service-notice__security{
    margin-top:6px!important;
    padding-top:6px!important;
    font-size:10px!important;
  }

  #service-notice .service-notice__hint{
    margin-top:4px!important;
    font-size:9px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  #nav,
  .nav-toggle span{
    transition:none!important;
  }
}

/* v45 — formulario simplificado y correo alternativo */
.email-alternative{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.10);
  text-align:center;
}
.email-alternative p{
  margin:0 0 10px;
  color:#aeb7c2;
  font-size:.95rem;
}
.email-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:auto!important;
  min-width:190px;
}
.footer-email-link{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.email-inline-icon{
  display:inline-grid;
  place-items:center;
  flex:0 0 18px;
  width:18px;
  height:18px;
}
.email-inline-icon svg{
  width:18px;
  height:18px;
  fill:#e8edf3;
}
.footer-email-link:hover .email-inline-icon svg,
.footer-email-link:focus-visible .email-inline-icon svg,
.email-btn:hover .email-inline-icon svg,
.email-btn:focus-visible .email-inline-icon svg{
  fill:var(--red,#e32b36);
}
@media(max-width:720px){
  .email-btn{
    width:100%!important;
  }
  .footer-email-link{
    justify-content:center!important;
  }
}