:root{--ink:#17191c;--ink2:#212428;--yellow:#f5b301;--accent:#f5b301;--accent-hover:#ffca35;--accent-ink:#17191c;--accent-focus:#b58000;--accent-vivid:#f5b301;--paper:#f4f3ee;--muted:#666962;--line:#d9d9d2;--display:'Barlow Condensed','Arial Narrow',sans-serif;--body:'Barlow',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;font-family:var(--body);font-size:17px;line-height:1.55;color:var(--ink);background:var(--paper)}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent-focus);outline-offset:5px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{display:block;max-width:100%;object-fit:cover}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:16px;top:-100px;background:var(--accent);color:var(--accent-ink);padding:12px;z-index:100}.skip:focus{top:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:54px;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:16px;padding:15px 24px;border:1px solid var(--accent);border-radius:3px;transition:background .18s,transform .18s}.button:hover{background:var(--accent-hover);transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:16px;font-weight:600;min-height:44px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;line-height:1.4}.header{position:sticky;top:0;background:var(--ink);color:var(--paper);z-index:30;border-bottom:1px solid #36383b}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:13px;flex-shrink:0}.brand-mark{font-family:var(--display);font-size:45px;line-height:1;font-style:italic;font-weight:800;position:relative;padding:0 4px 7px 0}.brand-mark span{position:absolute;bottom:0;left:3px;right:0;height:4px;background:var(--accent);transform:skewX(-22deg)}.brand-name{font-family:var(--display);font-size:26px;font-weight:700;letter-spacing:2.4px;line-height:1}.brand-name small{display:block;font-family:var(--body);font-size:8px;font-weight:500;letter-spacing:1.4px;margin-top:8px}nav{display:flex;gap:30px}nav a{font-size:14px;color:#dfdfdd;transition:color .2s}nav a:hover{color:var(--accent-vivid)}.nav-cta{min-height:44px;padding:10px 17px;gap:24px;font-size:14px}.menu-toggle{display:none}.hero{background:var(--ink);color:var(--paper);position:relative;overflow:hidden;isolation:isolate}.hero-photo{position:absolute;inset:0 0 0 auto;width:74%;height:100%;object-position:65% center;z-index:-3;opacity:.84}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#17191c 5%,rgba(23,25,28,.96) 27%,rgba(23,25,28,.65) 52%,rgba(23,25,28,.1) 85%),linear-gradient(0deg,#17191c 0%,transparent 35%)}.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.13;background-image:linear-gradient(90deg,#898d8e 1px,transparent 1px);background-size:25% 100%}.hero-inner{min-height:660px;display:flex;align-items:center;justify-content:space-between;position:relative;padding-block:72px 55px}.hero-copy{max-width:700px}.tiny-square{width:7px;height:7px;display:inline-block;background:var(--accent-vivid);margin:0 11px 1px 0}.hero .eyebrow{color:#d9d9d6;margin-bottom:26px}.hero h1{font-family:var(--display);font-weight:700;line-height:.94;letter-spacing:-1px;text-transform:uppercase}.hero h1>span{display:block;font-size:30px;font-weight:500;letter-spacing:1px;margin-bottom:13px}.hero h1 strong{display:block;font-size:clamp(80px,8.2vw,122px);font-weight:700;max-width:660px;white-space:pre-line}.hero-description{color:#c4c5c5;font-size:18px;max-width:415px;margin-top:29px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:29px}.hero-actions .text-link{font-size:14px}.hero-location{display:flex;gap:8px;align-items:center;font-size:13px;color:#b7b9b9;margin-top:39px;flex-wrap:wrap}.hero-location svg{width:16px;height:16px;margin-right:2px}.hero-caption{font-size:11px;font-weight:600;letter-spacing:2px;line-height:1.9;align-self:flex-end;padding-bottom:55px;text-align:right;color:#d1d2d2}.hero-caption>span{display:block;border-bottom:1px solid #6c6f70;margin-bottom:13px;padding-bottom:10px}.hero-bottom{border-top:1px solid #373a3d}.hero-bottom>.wrap{display:flex;align-items:center;justify-content:space-between;min-height:61px;font-size:11px;font-weight:600;letter-spacing:2px}.hero-bottom a{display:grid;place-items:center;font-size:22px;width:45px;height:45px}.service-strip{background:#25282b;color:#b8babb;border-bottom:1px solid #383b3e}.service-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:22px;height:66px;font-family:var(--display);font-weight:600;font-size:19px;letter-spacing:2px}.service-strip i{height:5px;width:5px;background:#737778;transform:rotate(45deg)}.section{padding-block:105px}.section-top{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:42px}.section .eyebrow,.location .eyebrow{color:var(--muted);margin-bottom:17px}h2{font-family:var(--display);font-size:clamp(40px,4.1vw,60px);line-height:1.04;font-weight:600;letter-spacing:-.7px}h2 em{font-style:normal;color:#747870}.section-intro{max-width:340px;color:var(--muted);font-size:16px;padding-bottom:5px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:29px}.filters button{border:1px solid #b7bab3;border-radius:3px;padding:10px 18px;min-height:44px;background:transparent;color:#50564e;font-size:14px;font-weight:600}.filters button:hover{border-color:var(--ink)}.filters button.active{background:var(--ink);border-color:var(--ink);color:#fff}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:#fcfcf8;border:1px solid var(--line);padding:26px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.service-card:hover{border-color:#8e958b;transform:translateY(-4px)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.card-no{font-family:var(--display);font-size:33px;color:#8c9186;line-height:1}.tag{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border:1px solid #dcdfd5;padding:5px 8px;color:#666c60}.service-card h3{font-family:var(--display);font-size:32px;font-weight:600;line-height:1.1;margin-bottom:9px}.symptom{font-size:15px;font-weight:600;margin-bottom:14px}.service-description{font-size:15px;color:#6a6d65;line-height:1.6}.service-card ul{list-style:none;padding:0;margin:20px 0 27px;display:grid;gap:7px;font-size:13px;color:#51564e}.service-card li{display:flex;align-items:flex-start;gap:7px}.service-card li svg{width:15px;height:19px;color:#68745a}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:auto;gap:8px}.card-bottom>span{font-size:12px;color:#666a62}.card-bottom a{background:var(--accent);color:var(--accent-ink);width:44px;height:44px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.card-bottom a:hover{background:var(--accent-hover)}.service-help{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid var(--line);padding:30px 0;font-size:15px;color:#666a62}.service-help strong{font-weight:500;color:var(--ink)}.service-help .text-link{color:var(--ink);font-size:14px;flex-shrink:0}.workshop{padding-top:0}.workshop-grid{display:grid;grid-template-columns:1fr 1fr;gap:82px;align-items:center}.workshop-image{position:relative;overflow:hidden;background:var(--ink);min-height:600px}.workshop-image>img{width:100%;height:600px;filter:saturate(.55);object-position:43% center}.workshop-image figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);padding:60px 26px 25px;color:#fff;font-size:11px;letter-spacing:2px}.large-copy{margin-top:23px;color:#62665d;font-size:17px}.steps{margin-block:22px 16px}.step{display:flex;gap:19px;padding:20px 0;border-bottom:1px solid var(--line)}.step>span{font-family:var(--display);font-size:22px;color:#92968d}.step h3{font-size:17px;font-weight:600;margin-bottom:4px}.step p{font-size:14px;color:#666b61}.quote{background:var(--ink);color:var(--paper);position:relative}.quote-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:100px;align-items:start}.quote .eyebrow{color:#a8aba8}.quote h2{font-size:clamp(44px,4.5vw,66px)}.quote h2 em{color:#a4a7a2}.quote-copy>p:not(.eyebrow){max-width:340px;margin-top:25px;color:#b0b3ad;font-size:16px}.direct-wa{display:flex;gap:15px;align-items:center;margin-top:37px;font-size:12px;color:#bfc2bb;max-width:330px}.direct-wa>svg{width:42px;height:42px;padding:9px;border:1px solid #55594e;border-radius:50%}.direct-wa strong{display:block;font-size:16px;color:#fff;font-weight:500;margin-top:3px}.direct-wa strong span{margin-left:12px}.quote-form{background:#23262a;border:1px solid #3c4043;padding:32px}.form-head{display:flex;justify-content:space-between;color:#aaaead;font-size:10px;letter-spacing:1.8px;padding-bottom:25px;border-bottom:1px solid #44484a;margin-bottom:24px}.quote-form label{display:block;font-size:14px;font-weight:500;margin-bottom:20px}.form-row{display:grid;grid-template-columns:1.7fr 1fr;gap:17px}.optional{color:#9da29c;font-weight:400;font-size:12px}input,select,textarea{display:block;width:100%;margin-top:8px;background:#1b1e21;color:#fff;border:1px solid #55595b;border-radius:2px;padding:13px;font-size:15px;min-height:49px}input::placeholder,textarea::placeholder{color:#a2a5a7;opacity:1}textarea{resize:vertical;min-height:106px}select{cursor:pointer}.quote-form .button{width:100%;gap:16px}.form-note{font-size:12px;color:#b7b9b6;text-align:center;margin-top:13px}.faq-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:90px}.questions{border-top:1px solid #aeb2a8}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-weight:500;font-size:17px;padding:21px 0;min-height:60px}summary::-webkit-details-marker{display:none}summary span{font-size:23px;color:#60675b;font-weight:400;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{color:#676e60;font-size:15px;padding:0 35px 22px 0}.location{background:#e7e8e0;padding-block:72px}.location-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px}.location h2{margin-bottom:23px}.location p:not(.eyebrow){font-size:15px;color:#616759}.location .address{font-size:21px!important;font-weight:600;color:var(--ink)!important}.location-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:25px}.location-actions .text-link{font-size:13px}.map-panel{position:relative;background:#d4d8cb;min-height:320px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid #c1c7b9}.map-lines{position:absolute;inset:-80px;transform:rotate(-24deg);background:repeating-linear-gradient(90deg,transparent 0 68px,#edf0e7 69px 80px,transparent 81px 153px),repeating-linear-gradient(0deg,transparent 0 75px,#edf0e7 76px 87px,transparent 88px 150px)}.map-label{position:relative;display:flex;align-items:center;flex-direction:column;background:var(--ink);color:#fff;box-shadow:0 10px 30px #12160e20;padding:24px 22px;min-width:190px}.map-label:after{content:'';border:8px solid transparent;border-top-color:var(--ink);position:absolute;bottom:-16px}.map-dot{position:absolute;top:-23px;background:var(--accent);border-radius:50%;color:var(--accent-ink);width:43px;height:43px;display:grid;place-items:center}.map-label strong{font-family:var(--display);font-size:24px;font-weight:600;letter-spacing:1px;margin-top:5px}.map-label small{font-size:12px;color:#c2c6bd}.map-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;background:#e8ebe3e8;padding:14px 20px;font-size:10px;font-weight:600;letter-spacing:1px}.map-caption span{letter-spacing:0;font-size:12px}.map-panel:hover .map-label{transform:translateY(-3px)}footer{background:#111315;color:#d0d1ce;padding:43px 0 24px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:35px}.footer-top>p{font-size:14px;color:#9ba097}.footer-top>a:last-child{font-size:12px;min-height:44px;display:flex;align-items:center}.footer-bottom{border-top:1px solid #343833;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#a4a99e;font-size:11px}.floating-wa{position:fixed;bottom:23px;right:26px;z-index:25;display:flex;align-items:center;gap:10px;background:var(--accent);color:var(--accent-ink);padding:15px 20px;border-radius:40px;box-shadow:0 4px 22px #0002;font-size:14px;font-weight:700;min-height:54px}.floating-wa:hover{background:var(--accent-hover)}.floating-wa svg{width:24px;height:24px}
@media(min-width:1500px){.hero-inner{min-height:730px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}nav{gap:19px}.nav{gap:18px}.brand-name{font-size:23px}.nav-cta{gap:12px}.hero-inner{min-height:630px}.hero h1 strong{font-size:100px}.hero-caption{display:none}.workshop-grid{gap:45px}.quote-grid{gap:50px}.service-card{padding:22px}.faq-grid{gap:50px}.location-grid{gap:40px}.footer-top>p{display:none}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav{height:73px;gap:20px}.brand-mark{font-size:36px}.brand-name{font-size:23px}.brand-name small{font-size:7px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;background:none;border:1px solid #4b4f51;color:#fff;border-radius:2px;margin-left:auto}.menu-toggle span{width:19px;height:1.5px;background:currentColor;align-self:center}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.7px) rotate(-45deg)}nav{display:none;position:absolute;top:73px;left:0;right:0;background:var(--ink2);padding:20px;box-shadow:0 9px 15px #0002}nav.open{display:flex;flex-direction:column;gap:0}nav a{padding:13px 10px;font-size:17px;border-bottom:1px solid #414449}.nav-cta{display:none}.hero-inner{padding-top:59px;min-height:610px}.hero-photo{width:100%;object-position:67% center;opacity:.48}.hero-shade{background:linear-gradient(90deg,#17191ced,#17191c68),linear-gradient(0deg,#17191c,transparent 75%)}.hero h1 strong{font-size:clamp(78px,12vw,108px)}.hero h1>span{font-size:25px}.hero .eyebrow{font-size:10px;margin-bottom:23px}.hero-description{font-size:16px;max-width:350px}.hero-actions{gap:21px}.hero-location{font-size:12px;margin-top:29px}.hero-bottom>.wrap{min-height:53px;font-size:9px;letter-spacing:1.4px}.service-strip .wrap{height:55px;font-size:13px;letter-spacing:1px;gap:10px}.service-strip i{width:3px;height:3px}.section{padding-block:70px}.section-top{display:block;margin-bottom:27px}.section-intro{margin-top:19px;max-width:500px}.section h2{font-size:46px}.filters{gap:7px}.filters button{font-size:12px;padding:8px 12px}.service-grid{grid-template-columns:repeat(2,1fr);gap:13px}.service-card{padding:21px}.service-help{display:block;padding:24px 0}.service-help p{max-width:470px}.service-help .text-link{margin-top:9px}.workshop{padding-top:0}.workshop-grid{gap:32px;grid-template-columns:1fr 1fr}.workshop-image{min-height:520px}.workshop-image>img{height:520px}.workshop-copy h2{font-size:38px}.large-copy{font-size:15px}.step{padding:15px 0}.step p{font-size:13px}.quote-grid{grid-template-columns:1fr;gap:32px}.quote-copy>p:not(.eyebrow){max-width:500px}.direct-wa{margin-top:22px}.quote-form{padding:28px}.faq-grid{grid-template-columns:1fr;gap:28px}.location-grid{grid-template-columns:1fr;gap:32px}.location{padding-block:55px}.location h2{font-size:46px}.location h2 br{display:none}.location h2 em{margin-left:7px}.map-panel{min-height:270px}.footer-top{padding-bottom:23px}.footer-bottom{font-size:10px;flex-wrap:wrap;gap:9px;padding-bottom:70px}.floating-wa{bottom:18px;right:18px;padding:13px 18px}}
@media(max-width:520px){.hero-inner{min-height:587px;padding-block:44px 30px}.hero h1 strong{font-size:82px;line-height:.97}.hero h1>span{font-size:24px}.hero-description{margin-top:23px;max-width:310px}.hero-actions{align-items:flex-start;flex-direction:column;gap:6px;margin-top:23px}.hero-actions>.button{min-height:51px}.hero-actions>.text-link{font-size:13px}.hero-location{font-size:11px;margin-top:17px}.hero-bottom>.wrap{font-size:8px}.service-strip .wrap{font-size:11px;letter-spacing:.7px;gap:5px}.section h2{font-size:41px}.service-grid{grid-template-columns:1fr}.service-card{padding:25px}.card-top{margin-bottom:21px}.service-card h3{font-size:33px}.service-card ul{margin-block:17px 20px}.service-card .service-description{max-width:390px}.workshop-grid{grid-template-columns:1fr;gap:33px}.workshop-image{min-height:370px}.workshop-image>img{height:370px;object-position:center 45%}.workshop-copy h2{font-size:44px}.large-copy{font-size:16px}.step p{font-size:15px}.quote h2{font-size:48px}.quote h2 br{display:block!important}.form-row{grid-template-columns:1fr;gap:0}.quote-form{padding:23px 19px}.quote-form .button{font-size:14px;gap:10px;padding:13px 10px}.quote-form input,.quote-form select,.quote-form textarea{font-size:16px}.form-note{font-size:11px}.faq h2 br{display:block}.location h2{font-size:45px}.location h2 br{display:block}.location h2 em{margin:0}.map-caption{padding-inline:13px;font-size:9px}.footer-top .brand-name{font-size:21px}.footer-top .brand-name small{font-size:6px}.footer-top>a:last-child{font-size:11px}.footer-bottom{display:block}.footer-bottom>span{display:block;margin-bottom:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

#horario{white-space:pre-line;margin-top:14px}.map-label small{max-width:250px;text-align:center}

.brand-logo img{height:60px;width:auto;display:block}.map-panel.map-foto{min-height:360px;background:var(--ink)}.map-foto>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}.map-foto:hover>img{transform:scale(1.02)}.map-foto .map-caption{z-index:1}.gratis{font-size:13px;color:#51564e;margin:-12px 0 16px;border-left:3px solid var(--accent-vivid);padding-left:10px}.gratis strong{font-weight:700;color:var(--ink)}.service-more{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink);margin:-6px 0 10px;min-height:44px}.service-more svg{width:16px;height:16px}.service-more:hover{text-decoration:underline;text-underline-offset:4px}footer .redes{display:flex;gap:18px;font-size:13px}footer .redes a{min-height:44px;display:flex;align-items:center;color:#d0d1ce}footer .redes a:hover{color:var(--accent-vivid)}@media(max-width:800px){.brand-logo img{height:46px}footer .redes{order:3;width:100%}}
.service-card li.mas{color:var(--muted);font-weight:600;padding-left:22px}
.card-bottom>span.precio-card{font-family:var(--display);font-size:24px;font-weight:700;color:var(--ink)}

/* ===== Portada visual (5-oct-2026): paquetes con foto, quiénes somos y testimonio. Móvil primero. ===== */
/* Paquetes: foto 3:2 con el corte en diagonal de los banners del taller. Color de marca (a) y carbón (b)
   en damero según el ancho de pantalla; las clases sm-/md-/lg- y los anchos los calcula grilla() en la lib. */
.paquetes-seccion .section-top{margin-bottom:28px}
.paquetes{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.paquete{--fondo:var(--ink);--titulo-2:var(--accent-vivid);--fondo-foto:#25282b;--texto:#fff;--suave:#d6d7d5;--franja:var(--accent);--boton:var(--accent);--boton-tinta:var(--accent-ink);--boton-hover:var(--accent-hover);--foco:var(--accent-focus);position:relative;display:flex;flex-direction:column;background:var(--fondo);color:var(--texto);box-shadow:0 1px 2px #0000001f,0 16px 30px -20px #000000a6;transition:transform .2s,box-shadow .2s}
.paquete.sm-a{--fondo:var(--accent);--titulo-2:var(--accent-ink);--fondo-foto:var(--accent-hover);--texto:var(--accent-ink);--suave:var(--accent-ink);--franja:var(--accent-ink);--boton:var(--ink);--boton-tinta:#fff;--boton-hover:#000;--foco:var(--accent-ink)}
.paquete-media{position:relative;aspect-ratio:3/2;overflow:hidden;background:linear-gradient(118deg,transparent 0 50%,#ffffff17 50% 66%,transparent 66%),var(--fondo-foto);clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 22px))}
.paquete-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.paquete-media::after{content:'';position:absolute;left:0;right:0;bottom:0;height:28px;background:var(--franja);clip-path:polygon(0 0,100% 22px,100% 100%,0 6px)}
.paquete-cuerpo{flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:14px 20px 22px}
.paquete h3{font-family:var(--display);font-size:29px;font-weight:700;font-style:italic;line-height:1.02;letter-spacing:.2px;text-transform:uppercase;overflow-wrap:break-word}
.paquete h3>span{display:block}
.paquete-titulo-2{color:var(--titulo-2)}
.paquete-resumen{margin:8px 0 20px;font-size:16px;line-height:1.45;color:var(--suave);max-width:44ch}
.paquete-boton{display:inline-flex;align-items:center;gap:12px;margin-top:auto;min-height:46px;padding:10px 18px;background:var(--boton);color:var(--boton-tinta);font-size:15px;font-weight:700;border-radius:3px;transition:background .18s}
.paquete-boton svg{width:18px;height:18px}
.paquete-enlace::after{content:'';position:absolute;inset:0;z-index:1}
.paquete .paquete-boton:focus-visible{outline-color:var(--foco)}
.paquete-enlace:focus-visible{outline:none}
.paquete-enlace:focus-visible::after{outline:3px solid var(--foco);outline-offset:-7px}
@media(hover:hover){.paquete:hover{transform:translateY(-4px);box-shadow:0 2px 4px #00000024,0 26px 40px -24px #000000cc}.paquete:hover .paquete-media img{transform:scale(1.045)}.paquete:hover .paquete-boton{background:var(--boton-hover)}}
@media(min-width:640px){
.paquetes{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.paquete.md-a{--fondo:var(--accent);--titulo-2:var(--accent-ink);--fondo-foto:var(--accent-hover);--texto:var(--accent-ink);--suave:var(--accent-ink);--franja:var(--accent-ink);--boton:var(--ink);--boton-tinta:#fff;--boton-hover:#000;--foco:var(--accent-ink)}
.paquete.md-b{--fondo:var(--ink);--titulo-2:var(--accent-vivid);--fondo-foto:#25282b;--texto:#fff;--suave:#d6d7d5;--franja:var(--accent);--boton:var(--accent);--boton-tinta:var(--accent-ink);--boton-hover:var(--accent-hover);--foco:var(--accent-focus)}
}
@media(min-width:640px) and (max-width:1023.98px){
.paquete.md-completo{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,54fr) minmax(0,46fr)}
.paquete.md-completo .paquete-media{align-self:stretch;clip-path:polygon(0 0,100% 0,calc(100% - 40px) 100%,0 100%)}
.paquete.md-completo .paquete-media::after{top:0;left:auto;width:46px;height:auto;clip-path:polygon(calc(100% - 6px) 0,100% 0,6px 100%,0 100%)}
.paquete.md-completo .paquete-cuerpo{justify-content:center;padding:28px 30px 30px 22px}
.paquete.md-completo h3{font-size:clamp(30px,5.2vw,40px)}
.paquete.md-completo .paquete-resumen{font-size:17px}
.paquete.md-completo .paquete-boton{margin-top:0}
}
@media(min-width:1024px){
.paquetes{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}
.paquete{grid-column:span 2}
.paquete.lg-mitad{grid-column:span 3}
.paquete.lg-a{--fondo:var(--accent);--titulo-2:var(--accent-ink);--fondo-foto:var(--accent-hover);--texto:var(--accent-ink);--suave:var(--accent-ink);--franja:var(--accent-ink);--boton:var(--ink);--boton-tinta:#fff;--boton-hover:#000;--foco:var(--accent-ink)}
.paquete.lg-b{--fondo:var(--ink);--titulo-2:var(--accent-vivid);--fondo-foto:#25282b;--texto:#fff;--suave:#d6d7d5;--franja:var(--accent);--boton:var(--accent);--boton-tinta:var(--accent-ink);--boton-hover:var(--accent-hover);--foco:var(--accent-focus)}
.paquete h3{font-size:31px}
.paquete-cuerpo{padding:16px 24px 26px}
.paquete.lg-completo{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,56fr) minmax(0,44fr)}
.paquete.lg-completo .paquete-media{align-self:stretch;clip-path:polygon(0 0,100% 0,calc(100% - 56px) 100%,0 100%)}
.paquete.lg-completo .paquete-media::after{top:0;left:auto;width:63px;height:auto;clip-path:polygon(calc(100% - 7px) 0,100% 0,7px 100%,0 100%)}
.paquete.lg-completo .paquete-cuerpo{justify-content:center;padding:40px 56px 44px 28px}
.paquete.lg-completo h3{font-size:clamp(44px,4.2vw,58px)}
.paquete.lg-completo .paquete-resumen{font-size:19px;max-width:34ch;margin-bottom:26px}
.paquete.lg-completo .paquete-boton{margin-top:0;min-height:52px;padding:13px 22px;font-size:16px}
}
/* Los demás servicios (6-oct, pedido del taller): lista simple de viñetas, solo el nombre y a la vista */
.otros-servicios{margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
.otros-servicios h3{font-size:12px;font-weight:700;letter-spacing:2px;line-height:1.4;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.otros-servicios ul{list-style:none;margin:0;padding:0 0 8px;column-gap:48px}
.otros-servicios li{position:relative;padding-left:21px;break-inside:avoid}
.otros-servicios li::before{content:'';position:absolute;left:1px;top:18.5px;width:7px;height:7px;background:var(--accent)}
.otros-servicios a{display:inline-block;padding:10px 0;font-size:16px;line-height:24px;font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-color:#c3c6be;text-decoration-thickness:1px;text-underline-offset:5px;transition:text-decoration-color .2s}
.otros-servicios a:hover{text-decoration-color:currentColor}
@media(min-width:640px){.otros-servicios ul{columns:2}}
@media(min-width:1024px){.otros-servicios ul{columns:3}}
/* Quiénes somos: banda del color de marca con la foto del taller cortada en diagonal */
.nosotros{display:grid;background:var(--accent);color:var(--accent-ink)}
.nosotros-foto{position:relative;margin:0;aspect-ratio:3/2;overflow:hidden;background:var(--ink);clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),0 100%)}
.nosotros-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nosotros-texto{padding:34px 20px 64px}
.nosotros .eyebrow{color:var(--accent-ink);margin-bottom:16px}
.nosotros h2{color:var(--accent-ink)}
.nosotros h2 em{color:var(--ink)}
.nosotros-parrafos p{margin-top:16px;font-size:17px;line-height:1.6;max-width:58ch}
.nosotros-label{margin:36px 0 2px;font-size:12px;font-weight:700;letter-spacing:2px}
.nosotros .steps{margin:0 0 20px}
.nosotros .step{border-bottom-color:#ffffff59;padding:16px 0}
.nosotros .step>span{font-size:28px;font-weight:700;line-height:1;color:var(--ink);min-width:34px}
.nosotros .step h3{color:var(--accent-ink)}
.nosotros .step p{font-size:15px;color:var(--accent-ink)}
.nosotros .text-link{color:var(--accent-ink)}
.nosotros a:focus-visible{outline-color:var(--accent-ink)}
@media(min-width:900px){
.nosotros{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:620px}
.nosotros-foto{aspect-ratio:auto;clip-path:polygon(0 0,100% 0,calc(100% - 80px) 100%,0 100%)}
.nosotros-texto{align-self:center;padding:96px max(48px,calc(100% - 620px)) 96px 48px}
}
/* Testimonio: video liviano (preload none, sin autoplay) sobre una placa roja en diagonal */
.testimonio-grid{display:grid;gap:32px;grid-template-areas:"cabeza" "video" "cita";align-items:start}
.testimonio-grid.solo-cita{grid-template-areas:"cabeza" "cita"}
.testimonio-cabeza{grid-area:cabeza}
.testimonio-video{grid-area:video;position:relative;margin:0 10px 14px 0;justify-self:center;width:calc(100% - 10px)}
.testimonio-grid.vertical .testimonio-video{width:min(calc(100% - 10px),360px,calc(72vh * var(--ar)))}
@supports(height:1svh){.testimonio-grid.vertical .testimonio-video{width:min(calc(100% - 10px),360px,calc(72svh * var(--ar)))}}
.testimonio-video::before{content:'';position:absolute;inset:14px -10px -14px 10px;background:var(--accent);clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%)}
.testimonio-video video{position:relative;display:block;width:100%;height:auto;aspect-ratio:var(--ar);background:var(--ink)}
.testimonio-video figcaption{position:relative;margin-top:26px;font-size:15px;font-weight:600}
.testimonio-cita{grid-area:cita;margin:0}
.testimonio-cita blockquote{margin:0}
.testimonio-cita p{font-family:var(--display);font-size:30px;font-weight:600;line-height:1.15;letter-spacing:-.2px}
.testimonio-cita p::before{content:'\201C';display:block;font-size:80px;line-height:.75;color:var(--accent)}
.testimonio-cita p::after{content:'\201D'}
.testimonio-cita figcaption{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:15px;font-weight:600;color:var(--muted)}
.testimonio-cita figcaption::before{content:'';width:28px;height:3px;background:var(--accent);transform:skewX(-20deg)}
@media(min-width:860px){
.testimonio-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"video cabeza" "video cita";column-gap:clamp(48px,7vw,110px);row-gap:28px}
.testimonio-grid.horizontal{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.testimonio-grid.solo-cita{grid-template-columns:minmax(0,1fr);grid-template-areas:"cabeza" "cita";max-width:860px}
.testimonio-cabeza{align-self:end}
.testimonio-video{justify-self:start}
.testimonio-cita p{font-size:clamp(32px,3vw,40px)}
}
/* Página de servicio: foto del paquete y niveles (Básico, General, Premium…) */
.svc-foto{position:relative;margin:22px 0 24px;aspect-ratio:3/2;overflow:hidden;background:var(--ink);clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),0 100%)}
.svc-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(min-width:900px){
.svc-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-rows:auto auto auto auto 1fr;column-gap:56px}
.svc-head>*{grid-column:1}
.svc-head>.svc-foto{grid-column:2;grid-row:1/-1;margin:6px 0 0;align-self:start}
}
.svc-grid.solo-cta{grid-template-columns:minmax(0,1fr);max-width:560px}
.niveles{margin-top:56px}
.niveles>h2{font-size:clamp(34px,4vw,46px);margin-bottom:22px}
.niveles-grid{display:grid;gap:16px}
.nivel{display:flex;flex-direction:column;background:#fcfcf8;border:1px solid var(--line)}
.nivel-cabeza{background:var(--ink);color:#fff;padding:20px 22px 30px;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),0 100%)}
.nivel h3{font-family:var(--display);font-size:30px;font-weight:700;font-style:italic;line-height:1;text-transform:uppercase}
.nivel-precio{margin-top:8px;font-family:var(--display);font-size:26px;font-weight:700;color:var(--accent-vivid)}
.nivel-precio.sin-precio{font-family:var(--body);font-size:14px;font-weight:500;color:#d6d7d5}
.nivel ul{list-style:none;margin:0;padding:18px 22px 0;display:grid;gap:8px;font-size:15px;color:#4e534b}
.nivel li{display:flex;gap:8px}
.nivel li svg{width:17px;height:21px;color:#68745a}
.nivel .gratis{margin:16px 22px 0}
.nivel-pie{margin-top:auto;padding:22px}
.nivel-pie .button{width:100%;gap:12px}
@media(min-width:720px){
.niveles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.niveles-grid.n1{grid-template-columns:minmax(0,560px)}
.niveles-grid>.nivel:last-child:nth-child(odd):not(:only-child){grid-column:1/-1}
}
@media(min-width:1100px){
.niveles-grid.n3,.niveles-grid.n6,.niveles-grid.n9{grid-template-columns:repeat(3,minmax(0,1fr))}
.niveles-grid.n3>.nivel:last-child,.niveles-grid.n9>.nivel:last-child{grid-column:auto}
}
/* ===== Correcciones del 6-oct-2026: "¿Por qué elegirnos?" y "Marcas atendidas". Bandas carbón, como la de
   cotización, que alternan con las secciones claras; tarjetas y placas parejas. Móvil primero. ===== */
.por-que,.marcas{background:var(--ink);color:var(--paper)}
.por-que .eyebrow,.marcas .eyebrow{color:#a8aba8}
.por-que h2,.marcas h2{text-wrap:balance}
.por-que h2 em,.marcas h2 em{color:#a4a7a2}
.por-que+.quote{border-top:1px solid #2f3236}
/* Por qué elegirnos: el ícono va en una ficha del color de marca con el corte diagonal de sus banners.
   Celular: ícono a la izquierda; desde 560 px, arriba. Las columnas (--c-md, --c-lg) las calcula la lib. */
.razones{--g:12px;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--g)}
.razon{--c:1;flex:0 0 calc((100% - (var(--c) - 1) * var(--g)) / var(--c));display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;column-gap:18px;background:var(--ink2);border:1px solid #33363a;padding:20px 18px 22px}
.razon-icono{grid-row:1/3;display:grid;place-items:center;width:48px;height:48px;background:var(--accent);color:var(--accent-ink);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}
.razon-icono svg{width:26px;height:26px;stroke-width:1.7}
.razon h3{font-family:var(--display);font-size:23px;font-weight:700;font-style:italic;line-height:1.05;letter-spacing:.2px;text-transform:uppercase;color:#fff;overflow-wrap:break-word}
.razon p{margin-top:6px;font-size:15px;line-height:1.5;color:#c4c5c5}
@media(min-width:560px){
.razones{--g:16px}
.razon{--c:var(--c-md,2);grid-template-columns:minmax(0,1fr);padding:28px 24px 30px}
.razon-icono{grid-row:auto;width:54px;height:54px;margin-bottom:22px;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}
.razon-icono svg{width:30px;height:30px}
.razon h3{font-size:25px}
.razon p{margin-top:10px}
}
@media(min-width:1024px){.razones{--g:20px}.razon{--c:var(--c-lg,4)}.razon h3{font-size:26px}}
/* Marcas atendidas: placas del mismo tamaño en una grilla pareja (la última fila, si queda corta, va centrada).
   Logo o nombre en un solo color; su tamaño va en em del marco, que escala con el ancho de la placa. */
.marcas-lista{--g:10px;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:var(--g)}
.marca{--c:var(--c-sm,3);flex:0 0 calc((100% - (var(--c) - 1) * var(--g)) / var(--c));aspect-ratio:3/2;display:grid;place-items:center;background:var(--ink2);border:1px solid #303337;color:#d5d7d4;container-type:inline-size;overflow:hidden}
.marca-marco{display:flex;align-items:center;justify-content:center;font-size:18px;font-size:clamp(10px,18cqw,30px)}
.marca-logo{display:block;fill:currentColor;stroke:none}
.marca-nombre{display:block;font-family:var(--display);font-weight:700;line-height:.95;letter-spacing:.04em;text-transform:uppercase;text-align:center;white-space:nowrap}
@media(min-width:640px){.marcas-lista{--g:12px}.marca{--c:var(--c-md,5)}.marca-marco{font-size:20px;font-size:clamp(10px,18cqw,30px)}}
@media(min-width:1024px){.marcas-lista{--g:14px}.marca{--c:var(--c-lg,6)}.marca-marco{font-size:26px;font-size:clamp(10px,18cqw,30px)}}