/* Garage 57 · Guía de servicios independiente de la recepción y del cotizador.
   No introduce dependencias CDN y respeta contenido del taller. */
.g57-knowledge-link,.g57-service-more,.g57-sim-guide{display:inline-flex;align-items:center;gap:13px;color:#fbfafa;text-decoration:none;font-weight:800;font-size:12px;letter-spacing:.025em;border-bottom:1px solid #a32732;padding-bottom:5px;margin-top:18px}
.g57-service-more{display:block;width:max-content;max-width:100%;color:#e1d4d4;margin-top:12px}.g57-form-info-link{display:inline-flex;color:#efb9bf;font-weight:700;font-size:12px;line-height:1.5;text-decoration:underline;text-underline-offset:5px;padding:6px 0 4px;grid-column:1/-1}.g57-sim-guide{color:#d6b9bc;margin-top:13px}
:root{--g57-bg:#0b0c0e;--g57-panel:#17181c;--g57-line:#34353b;--g57-text:#f4f4f4;--g57-muted:#b2b4bd;--g57-red:#cc202d}
.g57-guide-body{background:var(--g57-bg);color:var(--g57-text);font-family:Arial,Helvetica,sans-serif;margin:0;-webkit-font-smoothing:antialiased}
.g57-guide-body *, .g57-guide-body *:before,.g57-guide-body *:after{box-sizing:border-box}
.g57-guide-body a{color:inherit}.g57-guide-wrap{width:min(1250px,calc(100% - 48px));margin:auto}
.g57-guide-header{position:sticky;z-index:90;top:0;background:rgba(10,11,13,.95);border-bottom:1px solid #303139;backdrop-filter:blur(16px)}.g57-guide-header-row{min-height:83px;display:flex;align-items:center;gap:38px}.g57-guide-logo{display:flex;align-items:center;gap:17px;text-decoration:none;flex:none}.g57-guide-logo img{width:86px;height:52px;object-fit:contain}.g57-guide-logo span{display:flex;flex-direction:column;gap:5px}.g57-guide-logo strong{font-size:19px;letter-spacing:.04em}.g57-guide-logo small{font-size:9px;letter-spacing:.22em;color:#b8b6bd}.g57-guide-nav{display:flex;gap:28px;align-items:center;margin-left:auto}.g57-guide-nav a{font-size:12px;color:#d0d0d5;text-decoration:none;font-weight:750}.g57-guide-nav a:hover{color:white}.g57-guide-cta,.g57-guide-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--g57-red);color:white!important;padding:15px 21px;border:1px solid var(--g57-red);border-radius:5px;text-decoration:none;font:800 12px Arial,sans-serif;letter-spacing:.025em;cursor:pointer;transition:background .2s,transform .2s}.g57-guide-cta:hover,.g57-guide-button:hover{background:#a91423;transform:translateY(-1px)}.g57-guide-button.ghost{border-color:#4b4c55;background:transparent}.g57-guide-button.ghost:hover{background:#202126}.g57-guide-menu{display:none}
.g57-guide-breadcrumb{font-size:11px;letter-spacing:.05em;color:#c0c0c6;margin:26px 0 28px}.g57-guide-breadcrumb a{text-decoration:none;color:#b5b5bd}.g57-guide-breadcrumb span{color:#ec4a59}
.g57-guide-kicker{color:#ef4e5a;font-size:11px;letter-spacing:.15em;font-weight:800;text-transform:uppercase}
.g57-landing-hero{display:grid;grid-template-columns:1fr 1.04fr;min-height:570px;border-bottom:1px solid #37383e;overflow:hidden}.g57-landing-copy{align-self:center;padding:36px 68px 64px max(24px,calc((100vw - 1250px) / 2));max-width:850px}.g57-landing-copy h1,.g57-detail-copy h1{font-size:clamp(42px,6.1vw,93px);line-height:1.01;letter-spacing:-.065em;max-width:900px;margin:23px 0 24px;font-weight:850}.g57-landing-copy h1 em{font-style:normal;color:#e63a46}.g57-landing-copy p,.g57-detail-copy p{max-width:580px;color:#c4c5cc;font-size:16px;line-height:1.85}.g57-landing-media{position:relative;background:#242529;overflow:hidden;min-height:400px}.g57-landing-media img{width:100%;height:100%;object-fit:cover;object-position:center 45%;position:absolute;inset:0}.g57-landing-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b0c0e13,transparent 50%),linear-gradient(0deg,#050505a6,transparent 35%)}.g57-landing-media span{position:absolute;bottom:25px;left:27px;font-size:10px;font-weight:800;letter-spacing:.12em;z-index:2}
.g57-guide-intro{padding:80px 0 36px;display:flex;justify-content:space-between;align-items:end;gap:24px}.g57-guide-intro h2{font-size:clamp(28px,3.4vw,46px);letter-spacing:-.045em;line-height:1.12;margin:12px 0}.g57-guide-intro p{color:#acafb8;line-height:1.7;max-width:420px;font-size:14px}
.g57-knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:100px}.g57-k-card{display:flex;min-width:0;flex-direction:column;border:1px solid #32343b;background:#151619;text-decoration:none;transition:transform .2s,border-color .2s;overflow:hidden}.g57-k-card:hover{transform:translateY(-3px);border-color:#ac303a}.g57-k-card-media{height:265px;position:relative;overflow:hidden}.g57-k-card-media img{width:100%;height:100%;object-fit:cover;object-position:center 39%;transition:transform .5s}.g57-k-card:hover img{transform:scale(1.035)}.g57-k-card-media .number{position:absolute;left:18px;top:18px;padding:9px 12px;background:#0b0b0bd9;color:#eee;font-size:11px;letter-spacing:.08em}.g57-k-card-copy{padding:24px 24px 28px;flex:1;display:flex;flex-direction:column}.g57-k-card-copy small{color:#e94b58;font-size:10px;letter-spacing:.12em;font-weight:800}.g57-k-card-copy h3{font-size:25px;margin:12px 0 11px;letter-spacing:-.04em}.g57-k-card-copy p{color:#babac4;font-size:13px;line-height:1.7;margin:0 0 24px;flex:1}.g57-k-card-copy b{font-size:12px;color:#fafafa;border-top:1px solid #393b42;padding-top:16px}
.g57-guide-note{border-top:1px solid #36373c;background:#101113;padding:30px 0}.g57-guide-note-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.g57-guide-note-inner p{max-width:690px;color:#b5b6be;font-size:13px;line-height:1.8}.g57-guide-footer{padding:34px 0;background:#08090a;border-top:1px solid #282a31}.g57-guide-footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:22px;font-size:12px;color:#b2b4bd}.g57-guide-footer a{text-decoration:none;color:#eee}
.g57-detail-hero{display:grid;grid-template-columns:1fr 1.12fr;min-height:530px;border-bottom:1px solid #30323b}.g57-detail-copy{align-self:center;padding:55px 55px 70px max(24px,calc((100vw - 1250px) / 2));max-width:800px}.g57-detail-copy h1{font-size:clamp(48px,5.8vw,88px)}.g57-detail-copy .g57-detail-lead{font-size:17px;line-height:1.8}.g57-detail-media{min-height:420px;position:relative;overflow:hidden}.g57-detail-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%}.g57-detail-media:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 35%)}.g57-detail-media .credit{position:absolute;bottom:25px;left:25px;z-index:1;font-size:10px;letter-spacing:.12em;color:#f5f5f7}
.g57-content-section{padding:80px 0 50px}.g57-content-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,100px)}.g57-content-title{font-size:clamp(28px,3vw,43px);line-height:1.17;letter-spacing:-.04em;margin:12px 0 18px}.g57-content-lead{font-size:15px;line-height:1.9;color:#c5c5ce}.g57-content-features{display:grid;gap:12px}.g57-content-feature{padding:17px 0;border-bottom:1px solid #37383d}.g57-content-feature b{font-size:15px}.g57-content-feature p{font-size:13px;color:#b5b6bf;line-height:1.7;margin:8px 0 0}.g57-guardrail{background:#17181d;border-left:3px solid #ba313f;padding:19px 23px;margin-top:25px;font-size:13px;line-height:1.75;color:#c1c2cc}.g57-guardrail strong{display:block;color:#fff;margin-bottom:7px;font-size:13px}
.g57-demo-section{padding:60px 0 90px}.g57-demo-header{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:25px}.g57-demo-header h2{font-size:clamp(33px,3.8vw,55px);letter-spacing:-.055em;line-height:1.06;margin:12px 0}.g57-demo-header p{color:#b8bac5;line-height:1.7;max-width:420px;font-size:13px}.g57-demo-shell{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(320px,.78fr);border:1px solid #3c3d45;background:#15161a;overflow:hidden}.g57-demo-visual{min-width:0;min-height:540px;position:relative;background:#090a0c;display:grid;place-items:center}.g57-demo-visual img.photo{display:block;max-width:100%;width:100%;height:540px;object-fit:contain}.g57-demo-visual .g57-tint-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .25s;pointer-events:none}.g57-demo-visual .g57-demo-tag{position:absolute;top:15px;left:15px;z-index:2;color:#e7e7ec;background:#0d0d0ed9;padding:11px 14px;font-size:10px;letter-spacing:.1em;font-weight:800}.g57-demo-options{padding:30px;display:flex;flex-direction:column;gap:16px}.g57-demo-options h3{font-size:26px;letter-spacing:-.045em;margin:0}.g57-demo-options p{font-size:13px;color:#bbbec7;line-height:1.75;margin:0}.g57-option-buttons{display:flex;gap:8px;flex-wrap:wrap}.g57-option-buttons button{cursor:pointer;border:1px solid #50515a;border-radius:4px;padding:11px 13px;background:#232429;color:#fff;font-size:12px;font-weight:800;flex:0 0 auto}.g57-option-buttons button[aria-pressed=true]{border-color:#e63b46;background:#52242a}.g57-live-result{border-top:1px solid #3a3c43;border-bottom:1px solid #3a3c43;padding:19px 0}.g57-live-result strong{display:block;color:#fff;margin:0 0 7px;font-size:17px}.g57-live-result span{display:block;font-size:13px;line-height:1.7;color:#b7b8c0}.g57-demo-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px}.g57-demo-disclaimer{color:#91939e;font-size:11px!important;line-height:1.7!important}
.g57-ppf-stage{height:540px;width:100%;display:grid;place-items:center;background:radial-gradient(circle at center,#25272d, #0b0c0e 72%);position:relative}.g57-ppf-stage svg{height:min(470px,90%);width:min(400px,80%);filter:drop-shadow(0 30px 18px #0008)}.g57-ppf-stage .ppf-zone{stroke:#abb0b7;stroke-width:1.6;fill:#272a30;transition:fill .25s,stroke .25s}.g57-ppf-stage .ppf-zone.is-protected{fill:#bf2938;stroke:#f87b86}.g57-ppf-stage .ppf-base{fill:#101114;stroke:#7c7e84;stroke-width:3}.g57-ppf-stage .ppf-glass{fill:#111924;stroke:#626972;stroke-width:2}.g57-ppf-stage .ppf-guide-label{fill:#a7a9ae;font:bold 13px Arial}.g57-ppf-stage .ppf-annot{position:absolute;bottom:20px;left:20px;right:20px;color:#9da0aa;font-size:10px;line-height:1.6;text-align:center;letter-spacing:.05em}
.g57-hydro-stage{width:100%;height:540px;position:relative;background:#151619;overflow:hidden}.g57-hydro-stage>img{width:100%;height:100%;object-fit:cover;object-position:center}.g57-hydro-layer{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:12px;pointer-events:none;background:linear-gradient(110deg,#1119,transparent 55%)}.g57-hydro-drop{width:15px;height:18px;background:linear-gradient(145deg,#e6f5ffbd,#a0c6e340);box-shadow:inset -3px -3px 5px #14283399,0 2px 12px #e7f8ff6a;border:1px solid #d8f3ff8c;border-radius:55% 45% 53% 47%;transform:rotate(20deg);position:absolute;transition:all .25s}.g57-hydro-stage[data-hydro=sin] .g57-hydro-drop{width:105px;height:12px;border-radius:30px;opacity:.5;transform:rotate(12deg);filter:blur(4px)}.g57-hydro-stage[data-hydro=con] .g57-hydro-drop{width:15px;height:18px;opacity:.95;filter:none}.g57-hydro-drop:nth-child(1){left:23%;top:24%}.g57-hydro-drop:nth-child(2){left:46%;top:49%}.g57-hydro-drop:nth-child(3){left:72%;top:27%}.g57-hydro-drop:nth-child(4){left:61%;top:72%}.g57-hydro-drop:nth-child(5){left:28%;top:77%}.g57-hydro-label{position:absolute;bottom:19px;left:20px;padding:10px 13px;background:#000b;font-size:10px;letter-spacing:.08em;font-weight:750;color:#fafafa}
.g57-layer-stage{width:100%;height:540px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background:radial-gradient(circle at center,#283039,#101115 67%);padding:32px}.g57-glass-layer{min-height:72px;width:min(420px,92%);display:grid;place-items:center;background:#9cb3cd28;border:1px solid #97b4d56b;color:#dbefff;transform:skew(-12deg);font-size:13px;font-weight:800;box-shadow:0 16px 22px #0005;transition:transform .25s,background .25s}.g57-glass-layer.active{background:#a8233688;border-color:#ff7e8e;transform:skew(-12deg) translateX(-8px)}.g57-glass-layer.layer-film{background:#62242e70;border-color:#b34354}.g57-glass-layer span{transform:skew(12deg)}
.g57-detailing-stage{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px;background:#101114;width:100%;height:540px}.g57-detailing-stage img{width:100%;height:100%;object-fit:cover;filter:saturate(.88)}.g57-detailing-stage img:first-child{object-position:75% center}.g57-detailing-stage img:last-child{object-position:center}.g57-detailing-note{font-size:11px;line-height:1.6;color:#b4b5bd}
.g57-faq-section{padding:20px 0 80px}.g57-faq-section h2{font-size:35px;letter-spacing:-.045em}.g57-faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.g57-faq-grid details{border:1px solid #32343b;background:#17181b;padding:20px 22px}.g57-faq-grid summary{cursor:pointer;font-size:14px;font-weight:800;line-height:1.5}.g57-faq-grid p{color:#b7bac5;font-size:13px;line-height:1.8;margin:12px 0 0}.g57-next-cta{padding:42px;border:1px solid #444049;background:#1a1518;display:flex;gap:28px;align-items:center;justify-content:space-between;margin-bottom:80px}.g57-next-cta h2{font-size:28px;margin:10px 0;letter-spacing:-.03em}.g57-next-cta p{font-size:13px;color:#c3c3ca;line-height:1.7;max-width:500px}
@media(max-width:1100px){.g57-guide-header-row{gap:18px}.g57-guide-nav{gap:15px}.g57-guide-cta{padding:13px}.g57-landing-copy,.g57-detail-copy{padding-left:35px;padding-right:30px}.g57-knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.g57-demo-shell{grid-template-columns:minmax(0,1fr) minmax(280px,.85fr)}.g57-demo-options{padding:21px}.g57-landing-hero{min-height:500px}}
@media(max-width:700px){.g57-guide-wrap{width:calc(100% - 34px)}.g57-guide-header-row{min-height:69px;flex-wrap:wrap;gap:12px}.g57-guide-logo img{width:70px;height:42px}.g57-guide-logo strong{font-size:15px}.g57-guide-logo small{font-size:8px}.g57-guide-nav{display:none;position:absolute;left:0;right:0;top:69px;background:#101115;padding:19px 20px;border-bottom:1px solid #393940;flex-direction:column;align-items:flex-start;gap:23px}.g57-guide-nav.open{display:flex}.g57-guide-cta{margin-left:auto;padding:11px 13px;font-size:10px}.g57-guide-menu{display:grid;place-items:center;background:#191b1e;border:1px solid #4b4c50;border-radius:5px;width:40px;height:41px;color:#fff;cursor:pointer;font-size:21px}.g57-landing-hero,.g57-detail-hero{grid-template-columns:1fr}.g57-landing-copy,.g57-detail-copy{padding:52px 22px}.g57-landing-copy h1,.g57-detail-copy h1{font-size:clamp(44px,13vw,65px)}.g57-landing-media,.g57-detail-media{min-height:320px}.g57-guide-intro{display:block;padding-top:52px}.g57-knowledge-grid{grid-template-columns:1fr;padding-bottom:50px}.g57-k-card-media{height:260px}.g57-content-section{padding:53px 0 20px}.g57-content-two{grid-template-columns:1fr;gap:25px}.g57-demo-section{padding:35px 0 55px}.g57-demo-header{display:block}.g57-demo-shell{grid-template-columns:1fr}.g57-demo-visual,.g57-demo-visual img.photo,.g57-hydro-stage,.g57-ppf-stage,.g57-layer-stage,.g57-detailing-stage{height:390px;min-height:390px}.g57-demo-options{padding:23px}.g57-faq-grid{grid-template-columns:1fr}.g57-next-cta{padding:25px;flex-direction:column;align-items:flex-start;margin-bottom:50px}.g57-guide-note-inner{display:block}.g57-guide-footer-inner{display:block}.g57-guide-footer-inner a{display:inline-block;margin:9px 15px 0 0}.g57-glass-layer{min-height:55px}.g57-guide-nav.open{z-index:15}.g57-hydro-stage .g57-hydro-drop{transform:scale(.85)}}
@media(prefers-reduced-motion:reduce){.g57-k-card,.g57-k-card-media img,.g57-guide-button,.g57-tint-overlay{transition:none}}

.g57-guide-footer-inner>div{display:flex;align-items:center;gap:19px;flex-wrap:wrap}
@media(max-width:700px){.g57-guide-nav{top:95px}.g57-ppf-stage svg{height:min(326px,77%)}.g57-ppf-stage .ppf-annot{bottom:10px}}

/* Floating WhatsApp CTA */
.floating-whatsapp{position:fixed;right:18px;bottom:18px;z-index:55;display:flex;align-items:center;gap:10px;background:#25D366;color:#fff;padding:12px 16px 12px 12px;border-radius:999px;box-shadow:0 14px 36px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:800;letter-spacing:.03em;transition:transform .2s ease, box-shadow .2s ease, background .2s ease}.floating-whatsapp:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,0,0,.42);background:#20bd5c}.floating-whatsapp .wa-icon{width:36px;height:36px;display:grid;place-items:center;background:rgba(0,0,0,.12);border-radius:50%;flex:0 0 auto}.floating-whatsapp .wa-icon svg{width:22px;height:22px;display:block}.floating-whatsapp .wa-label{white-space:nowrap}.floating-whatsapp:focus-visible{outline:2px solid #fff;outline-offset:3px}

@media(max-width:640px){.floating-whatsapp{padding:0;width:58px;height:58px;border-radius:50%;justify-content:center}.floating-whatsapp .wa-icon{width:58px;height:58px;background:transparent}.floating-whatsapp .wa-icon svg{width:28px;height:28px}.floating-whatsapp .wa-label{display:none}}
