/* Mundo Pedal · estilos del sitio · basado en Brand Book v9 */
:root{
  --selva:#003333;--bosque:#027C68;--hoja:#3DBE6E;--agua:#4AA0BD;--noche:#1D465E;--lima:#DFE661;--melon:#F08A5D;--girasol:#F7D26B;--crema:#F5F2E6;
  --bg:#F5F2E6;--surface:#FFFFFF;--tx:#003333;--mu:#3F615E;--line:#DAD6C4;
  --btn-bg:#3DBE6E;--btn-tx:#003333;--btn2-bg:#F7D26B;--btn2-tx:#003333;
  --t-hoja:#D3F0DC;--t-bosque:#C5E4DD;--t-agua:#D0E8F1;--t-melon:#FBDCCB;--t-giras:#FCEFC4;--t-lima:#F1F5C0;
  --hd:Quicksand,system-ui,-apple-system,"Segoe UI",sans-serif;--bd:Nunito,system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:24px;--gut:1.25rem;
  color-scheme:light;
}


*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font-family:var(--bd);font-size:1.0625rem;line-height:1.6}
img,svg{max-width:100%}
a{color:inherit;text-underline-offset:.2em}
h1,h2,h3,h4,.hd{font-family:var(--hd);font-weight:600;line-height:1.08;margin:0 0 .6rem;text-wrap:balance;letter-spacing:-.01em}
h1{font-size:clamp(2.3rem,6.4vw,4.1rem)}
h2{font-size:clamp(1.7rem,3.8vw,2.5rem)}
h3{font-size:1.28rem}
p{margin:0 0 1rem;max-width:64ch}
ul,ol{margin:0 0 1rem;padding-left:1.2rem}
li{margin-bottom:.35rem}
b,strong{font-weight:700}
.wrap{width:100%;max-width:1120px;margin:0 auto;padding-inline:var(--gut)}
section{padding-block:3.2rem}
.skip{position:absolute;left:-999px;top:0;background:var(--selva);color:var(--crema);padding:.6rem 1rem;border-radius:0 0 12px 0;z-index:100}
.skip:focus{left:0}
:focus-visible{outline:3px solid var(--bosque);outline-offset:3px;border-radius:6px}

.ph{background:var(--girasol);color:var(--selva);padding:0 .3em;border-radius:6px;font-weight:700}
.mu{color:var(--mu)}
.eyebrow{display:inline-block;font-family:var(--hd);font-weight:700;font-size:.82rem;letter-spacing:.09em;text-transform:uppercase;padding:.3rem .8rem;border-radius:999px;background:var(--t-giras);margin-bottom:1rem}

/* header */
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--bg);border-bottom:2px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.55rem}
.logo{display:block;line-height:0;color:var(--tx)}
.logo svg{height:46px;width:auto;display:block}
.nav{display:flex;align-items:center;gap:.2rem;flex-wrap:wrap}
.nav a{font-family:var(--hd);font-weight:600;text-decoration:none;padding:.5rem .8rem;border-radius:999px;font-size:.98rem}
.nav a:hover{background:var(--t-hoja)}
.nav a[aria-current="page"]{background:var(--t-bosque)}
.menu-btn{display:none;font:inherit;font-family:var(--hd);font-weight:600;background:var(--t-hoja);color:var(--tx);border:0;border-radius:999px;padding:.55rem 1rem;cursor:pointer}
@media(max-width:980px){
  .js .menu-btn{display:inline-block}
  .js .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:2px solid var(--line);padding:.6rem var(--gut) 1rem;flex-direction:column;align-items:stretch}
  .js .nav.open{display:flex}
  .nav a{padding:.75rem 1rem}
  .hdr .btn-wa{display:none}
}
@media(min-width:981px){.menu-btn{display:none!important}}
.hdr-cta{display:flex;align-items:center;gap:.6rem}

/* botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--hd);font-weight:600;font-size:1.05rem;line-height:1.1;text-decoration:none;padding:.85rem 1.5rem;border-radius:999px;border:2px solid transparent;cursor:pointer;background:var(--btn-bg);color:var(--btn-tx);transition:filter .2s,transform .2s;min-height:48px}
.btn:hover{filter:brightness(.94)}.btn:active{transform:scale(.97)}
.btn-s{background:var(--btn2-bg);color:var(--btn2-tx)}
.btn-o{background:transparent;color:var(--tx);border-color:var(--tx)}
.btn-wa{padding:.6rem 1.1rem;min-height:44px;font-size:.98rem}
.btn-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}

/* hero */
.hero{padding-block:2.2rem 3rem}
.hero .wrap{display:grid;gap:2rem;align-items:center}
@media(min-width:900px){.hero .wrap{grid-template-columns:1.05fr .95fr}}
.hero p.lead{font-size:1.2rem}
.stage{background:var(--t-hoja);border-radius:32px;padding:1.2rem 1.2rem 1.4rem;position:relative;overflow:hidden}
.stage .bikebox{background:var(--surface);border-radius:24px;padding:.6rem}
.swatches{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center;margin-top:.9rem}
.swatches span.lbl{font-weight:700;font-size:.92rem;margin-right:.3rem}
.sw{width:2.5rem;height:2.5rem;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 2px var(--line);cursor:pointer;padding:0}
.sw[aria-pressed="true"],.sw:has(input:checked){box-shadow:0 0 0 3px var(--tx)}
.sw:hover{transform:scale(1.08)}

/* franja de patrón */
.band{height:80px;width:100%;display:block}
.band-wrap{overflow:hidden;line-height:0}

/* tarjetas y grillas */
.grid{display:grid;gap:1.1rem}
@media(min-width:760px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--surface);border-radius:var(--r);padding:1.5rem;min-width:0}
.card.t-hoja{background:var(--t-hoja)}.card.t-agua{background:var(--t-agua)}.card.t-melon{background:var(--t-melon)}.card.t-giras{background:var(--t-giras)}.card.t-lima{background:var(--t-lima)}.card.t-bosque{background:var(--t-bosque)}
.card .ico{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;margin-bottom:.9rem;background:var(--bg);color:var(--bosque)}
.card .ico svg{width:34px;height:34px}

.card h3 a{text-decoration:none}
.card .more{font-family:var(--hd);font-weight:700;text-decoration:none;display:inline-block;margin-top:.4rem}
.card .more::after{content:" →"}
.bg-hoja{background:var(--t-hoja)}.bg-agua{background:var(--t-agua)}.bg-melon{background:var(--t-melon)}.bg-giras{background:var(--t-giras)}.bg-lima{background:var(--t-lima)}.bg-bosque{background:var(--t-bosque)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;margin:0 0 1rem}
.chips li{margin:0;background:var(--surface);border-radius:999px;padding:.35rem .95rem;font-weight:700;font-size:.95rem}
.checks{list-style:none;padding:0}
.checks li{padding-left:1.9rem;position:relative}
.checks li::before{content:"";position:absolute;left:0;top:.35em;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--hoja);box-shadow:inset 0 0 0 4px var(--hoja),inset 0 0 0 20px var(--hoja)}
.checks li::after{content:"";position:absolute;left:.36rem;top:.5em;width:.4rem;height:.7rem;border:solid var(--selva);border-width:0 2.5px 2.5px 0;transform:rotate(40deg) scale(.8)}

/* pasos */
.steps{list-style:none;padding:0;margin:0;display:grid;gap:1.1rem;counter-reset:s}
@media(min-width:760px){.steps{grid-template-columns:repeat(4,1fr)}}
.steps li{counter-increment:s;background:var(--surface);border-radius:var(--r);padding:1.2rem 1.3rem;margin:0}
.steps li::before{content:counter(s);display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--girasol);color:var(--selva);font-family:var(--hd);font-weight:700;margin-bottom:.6rem}
.steps strong{font-family:var(--hd);font-size:1.15rem;display:block;margin-bottom:.2rem}

/* galería */
.gal{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.gal figure{margin:0;border-radius:20px;overflow:hidden;background:var(--t-agua);aspect-ratio:4/3;position:relative;display:grid}
.gal img{width:100%;height:100%;object-fit:cover;display:block}
.gal figcaption{position:absolute;left:.6rem;bottom:.6rem;right:.6rem;background:var(--surface);color:var(--tx);border-radius:14px;padding:.35rem .7rem;font-size:.88rem;font-weight:700}
.gal .empty{align-content:center;justify-items:center;text-align:center;padding:1rem;font-weight:700;color:var(--tx)}
.gal .empty svg{width:56px;height:56px;color:var(--agua);margin-bottom:.3rem}

/* faq */
.faq details{background:var(--surface);border-radius:18px;padding:.2rem 1.2rem;margin-bottom:.6rem}
.faq summary{cursor:pointer;font-family:var(--hd);font-weight:600;font-size:1.1rem;padding:.9rem 0;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.5rem;line-height:1;color:var(--bosque)}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:0 0 1rem}

/* breadcrumb / page head */
.crumbs{font-size:.92rem;padding-top:1rem}
.crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.4rem}
.crumbs li{margin:0}.crumbs li+li::before{content:"›";margin-right:.4rem;color:var(--mu)}
.crumbs a{color:var(--mu)}
.pagehead{padding-block:1.4rem 2.6rem}
.pagehead p.lead{font-size:1.2rem}
.cta-band{background:var(--bosque);color:var(--crema);border-radius:32px;padding:2.2rem 1.6rem;text-align:center;display:grid;justify-items:center}
.cta-band h2{color:var(--crema)}
.cta-band p{margin-inline:auto}
.cta-band .btn{background:var(--girasol);color:var(--selva)}
.cta-band .btn-o{background:transparent;color:var(--crema);border-color:var(--crema)}
.split{display:grid;gap:2rem;align-items:center}
@media(min-width:860px){.split{grid-template-columns:1fr 1fr}.split.rev>:first-child{order:2}}
.prose h2{margin-top:2rem}

/* footer */
.ftr{background:var(--selva);color:var(--crema);padding-block:2.6rem 2rem;margin-top:0}
.ftr a{color:var(--crema)}
.ftr .cols{display:grid;gap:1.6rem}
@media(min-width:760px){.ftr .cols{grid-template-columns:1.3fr 1fr 1fr 1fr}}
.ftr h3{font-size:1.05rem;color:var(--lima)}
.ftr ul{list-style:none;padding:0}
.ftr .logo{color:var(--crema)}
.ftr small{opacity:.8}

/* formularios */
.field{display:grid;gap:.35rem;margin-bottom:1rem}
.field label,.lbl{font-family:var(--hd);font-weight:700}
.inp{font:inherit;color:var(--tx);background:var(--surface);border:2px solid var(--tx);border-radius:18px;padding:.75rem 1rem;width:100%;min-height:48px}
textarea.inp{min-height:120px;resize:vertical}

/* cotizadores */
.tool{display:grid;gap:1.4rem;align-items:start}
@media(min-width:960px){.tool{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.tool .sticky{position:sticky;top:calc(84px + env(safe-area-inset-top,0px))}}
.paso{background:var(--surface);border-radius:var(--r);padding:1.3rem;margin-bottom:1rem;border:0;min-width:0}
.paso legend{font-family:var(--hd);font-weight:700;font-size:1.2rem;padding:0;float:left;width:100%;margin-bottom:.8rem}
.paso legend+*{clear:both}
.paso legend span.n{display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--girasol);color:var(--selva);margin-right:.5rem;font-size:1rem}
.opts{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.opt{position:relative;display:block}
.opt input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0;width:100%;height:100%}
.opt .ob{display:block;height:100%;border:2px solid var(--line);border-radius:18px;padding:.75rem .9rem;background:var(--bg);transition:border-color .15s,background .15s}
.opt .ob b{display:block;font-family:var(--hd)}
.opt .ob small{display:block;color:var(--mu);line-height:1.3}
.opt input:checked+.ob{border-color:var(--bosque);background:var(--t-hoja);box-shadow:0 0 0 2px var(--bosque)}
.opt input:focus-visible+.ob{outline:3px solid var(--tx);outline-offset:2px}
.colors{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}
.col{position:relative;width:2.7rem;height:2.7rem}
.col input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;width:100%;height:100%}
.col span{display:block;width:100%;height:100%;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 2px var(--line)}
.col input:checked+span{box-shadow:0 0 0 3px var(--tx)}
.col input:focus-visible+span{outline:3px solid var(--bosque);outline-offset:3px}
.cname{font-weight:700;margin:.6rem 0 0;font-size:.95rem}
.resumen{background:var(--bosque);color:var(--crema);border-radius:var(--r);padding:1.3rem}
.resumen h3{color:var(--crema)}
.resumen dl{margin:0 0 1rem;display:grid;grid-template-columns:auto 1fr;gap:.2rem .9rem}
.resumen dt{opacity:.85}.resumen dd{margin:0;font-weight:700;text-align:right}
.total{font-family:var(--hd);font-weight:700;font-size:2rem;line-height:1.1;color:var(--lima)}
.resumen .btn{background:var(--girasol);color:var(--selva);width:100%}
.nota{font-size:.88rem;opacity:.9}
.ejemplo{display:inline-block;background:var(--girasol);color:var(--selva);font-weight:700;font-size:.8rem;padding:.15rem .6rem;border-radius:999px}
.tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.bike-svg{width:100%;height:auto;display:block}
.reveal{animation:up .5s ease both}
@keyframes up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ---- logo y colores de marca */
.logo,.logovars{--a:#003333;--b:#4AA0BD;--c:#3DBE6E;--t:#003333}


:root{--acc:#027C68}



/* ---- versión fresca y luminosa */
.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}
.stage.art{padding:0;background:none;border-radius:36px;overflow:hidden}
.artsvg{display:block;width:100%;height:auto}
.sub{display:flex;gap:.8rem;align-items:center;background:var(--surface);border-radius:20px;padding:.8rem 1rem;text-decoration:none;transition:transform .2s}
.sub:hover{transform:translateY(-2px)}
.sub .ico{margin:0;flex:none;background:var(--t-giras)}
.sub b{display:block;font-family:var(--hd);font-size:1.1rem}
.chips li{background:var(--surface)}
.card.t-melon .chips li,.card.t-hoja .chips li,.card.t-giras .chips li{background:var(--surface)}
.card{box-shadow:0 2px 0 rgba(0,51,51,.06)}
.pagehead{background:var(--ph,var(--t-giras));border-radius:40px;margin-inline:max(var(--gut),calc((100% - 1120px)/2 + var(--gut)));margin-top:.8rem;padding-block:2rem 2.4rem}
.pagehead>.wrap{padding-inline:clamp(1.2rem,3.5vw,2.6rem)}
.pagehead .stage.art{box-shadow:0 0 0 6px var(--surface)}
.ph-hoja{--ph:var(--t-hoja)}.ph-agua{--ph:var(--t-agua)}.ph-melon{--ph:var(--t-melon)}.ph-giras{--ph:var(--t-giras)}.ph-lima{--ph:var(--t-lima)}
.crumbs{padding-top:.8rem}
.hero .stage.art{box-shadow:0 0 0 6px var(--t-giras)}
.cta-band{background:var(--hoja);color:var(--selva)}
.cta-band h2{color:var(--selva)}
.cta-band .btn{background:var(--surface);color:var(--selva)}
.cta-band .btn-o{background:transparent;color:var(--selva);border-color:var(--selva)}
.resumen{background:var(--t-hoja);color:var(--tx)}
.resumen h3{color:var(--tx)}
.total{color:var(--acc)}
.resumen .btn{background:var(--btn-bg);color:var(--btn-tx)}
.dot{display:inline-block;width:.95rem;height:.95rem;border-radius:50%;margin-right:.35rem;vertical-align:-.1em;box-shadow:0 0 0 2px var(--surface)}
.ftr{background:var(--t-hoja);color:var(--tx)}
.ftr a{color:var(--tx)}
.ftr h3{color:var(--acc)}
.ftr small{opacity:.85}
.nav a:hover{background:var(--t-giras)}
.nav a[aria-current="page"]{background:var(--t-hoja)}
.eyebrow{background:var(--t-giras)}
.opt input:checked+.ob{background:var(--t-hoja)}
section.faq{padding-top:1rem}
.ftr .logo svg{height:64px}

/* ======== Formato editorial (cabecera centrada, héroe con borde orgánico, tarjetas, bandas) ======== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.up{font-family:var(--hd);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.82rem;margin:0 0 .3rem}
.ey{display:block;font-family:var(--hd);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;color:var(--acc);margin-bottom:.9rem}
.sq{display:block;width:84px;height:12px;margin:.7rem 0 1.2rem;color:var(--agua)}
.ul{display:inline-block;font-family:var(--hd);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:.15rem}
.ul::after{content:" →"}
.btn.ar::after{content:"→";font-size:1.25em;line-height:.8;margin-left:.2rem}

/* cabecera */
.hdr{border-bottom:0}
.hdr-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding-block:.7rem}
.navs{display:contents}
.nav-l{grid-column:1;grid-row:1;justify-self:start}
.logo{grid-column:2;grid-row:1}
.nav-r{grid-column:3;grid-row:1;justify-self:end}
.nav a{text-transform:uppercase;letter-spacing:.09em;font-size:.76rem;font-weight:700}
.nav .btn-wa{text-transform:none;letter-spacing:0;font-size:.95rem;margin-left:.4rem}
@media(max-width:1100px){
  .hdr-in{grid-template-columns:1fr auto}
  .logo{grid-column:1;justify-self:start}
  .menu-btn{grid-column:2;grid-row:1}
  .js .navs{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:2px solid var(--line);padding:.6rem var(--gut) 1.1rem;flex-direction:column}
  .js .navs.open{display:flex}
  .js .nav{display:flex;position:static;flex-direction:column;align-items:stretch;border:0;padding:0;background:none;justify-self:stretch}
  .nav a{font-size:.9rem;padding:.75rem 1rem}
  .navs .nav-l,.navs .nav-r{grid-column:auto;grid-row:auto}
  .hdr .btn-wa{display:inline-flex;margin:.4rem 0 0}
  .no-js-nav{display:flex}
}
.logo svg{height:64px}

/* héroe */
.hero2{display:grid;overflow:hidden;position:relative}
@media(min-width:900px){.hero2{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:560px}}
.hero2-t{padding:2.4rem var(--gut) 2rem;align-self:center}
@media(min-width:900px){.hero2-t{padding:3rem 2.5rem 3rem max(var(--gut),calc((100vw - 1120px)/2 + var(--gut)))}}
.hero2 h1{font-size:clamp(2.5rem,5.6vw,4.4rem);line-height:1.02;margin:0}
.hero2 .lead{font-size:1.18rem;max-width:30rem}
.heroart{position:relative;min-height:340px}
.heroart>svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.badge{position:absolute;right:5%;bottom:5%;width:124px;height:132px;filter:drop-shadow(0 4px 0 rgba(0,51,51,.12))}
.badge>svg{width:100%;height:100%;overflow:visible}
.ring{transform-origin:60px 60px;animation:spin 30s linear infinite}
.bigbadge .ring{transform-origin:110px 110px}
@keyframes spin{to{transform:rotate(360deg)}}

/* franja de beneficios */
.ben{background:var(--t-agua);padding-block:1.4rem}
.ben ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1rem}
@media(min-width:860px){.ben ul{grid-template-columns:repeat(4,1fr);gap:0}}
.ben li{display:flex;align-items:center;gap:.85rem;margin:0;font-family:var(--hd);font-weight:700;text-transform:uppercase;letter-spacing:.07em;font-size:.76rem;line-height:1.3;padding-inline:.5rem}
@media(min-width:860px){.ben li{justify-content:center}.ben li+li{border-left:2px solid color-mix(in srgb,var(--tx) 18%,transparent)}}
.bi{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:2px solid var(--acc);flex:none}
.bi svg{width:28px;height:28px}

/* colección */
.coll{display:grid;gap:1.1rem;align-items:center}
@media(min-width:960px){.coll{grid-template-columns:.85fr repeat(3,1fr);gap:1.4rem}}
.coll-t h2{font-size:clamp(1.8rem,3vw,2.5rem)}
.pcard{background:var(--surface);border-radius:26px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;min-width:0;box-shadow:0 2px 0 rgba(0,51,51,.06)}
.pc-art svg{display:block;width:100%;height:auto;aspect-ratio:6/5}
.pc-b{padding:1rem 1.2rem 1.1rem;display:flex;flex-direction:column;gap:.15rem}
.pc-b h3{font-size:.86rem;letter-spacing:.09em;text-transform:uppercase;margin:0}
.pc-b h3 a{text-decoration:none}
.pc-b h3 a::after{content:"";position:absolute;inset:0}
.pcard{position:relative}
.pc-b p{font-size:.88rem;color:var(--mu);margin:0 0 .6rem;line-height:1.35}
.pc-f{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:.6rem}
.pc-p{font-size:.88rem;font-weight:700}
.plus{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--agua);color:var(--selva);font-family:var(--hd);font-weight:700;font-size:1.5rem;line-height:1;text-decoration:none;position:relative;z-index:1}

/* recogida: tres paneles */
.ritual-s{padding:0}
.ritual{display:grid}
@media(min-width:960px){.ritual{grid-template-columns:1fr 1.1fr .85fr;min-height:420px}}
.rt-l{background:var(--melon);color:var(--selva);padding:2.4rem var(--gut) 2.4rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.rt-l h2{font-size:clamp(1.8rem,3vw,2.5rem);max-width:15ch;color:var(--selva)}
.rt-l .ey{color:var(--selva)}
.rt-l .sq{margin-block:.6rem 1rem}
@media(min-width:960px){.rt-l{clip-path:url(#clipR);padding:3rem 4rem 3rem max(var(--gut),calc((100vw - 1120px)/2 + var(--gut)));position:relative;z-index:1;margin-right:-4rem}}
.rt-m{position:relative;min-height:300px}
.rt-m .heroart{position:absolute;inset:0;min-height:0}
.rt-m .blob{d:path("M0 0H640V600H0Z")}
.rt-r{background:var(--t-agua);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem var(--gut);gap:.4rem}
.bigbadge{width:min(210px,70%);height:auto}

/* franja Arma tu bici */
.strip{display:grid;background:var(--t-lima);border-radius:34px;overflow:hidden;align-items:center}
@media(min-width:820px){.strip{grid-template-columns:.8fr 1.2fr}}
.strip-art svg{display:block;width:100%;height:100%;min-height:220px;object-fit:cover}
.strip-t{padding:2rem clamp(1.2rem,4vw,3rem)}
.strip-t h2{max-width:18ch}

/* pie en franja */
.fs{background:var(--bg);border-top:2px solid var(--line);padding-block:1.8rem 1.4rem}
.fs-in{display:grid;gap:1.1rem;align-items:center}
@media(min-width:1000px){.fs-in{grid-template-columns:1fr 1.2fr 1.6fr auto;gap:2rem}}
.fs-form{position:relative}
.fs-form .inp{border-radius:10px;border-width:1.5px;padding-right:3.4rem;border-color:var(--line)}
.go{position:absolute;right:.3rem;top:50%;transform:translateY(-50%);border:0;background:var(--agua);color:var(--selva);width:38px;height:38px;border-radius:50%;font-size:1.2rem;cursor:pointer}
.fs-links{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}
.fs-links a{font-family:var(--hd);font-weight:700;text-transform:uppercase;letter-spacing:.07em;font-size:.74rem;text-decoration:none}
.fs-links a:hover{text-decoration:underline}
.fs-soc{display:flex;gap:.6rem}
.soc{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--tx);color:var(--tx)}
.soc svg{width:20px;height:20px}
.fs-bot{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--mu)}
.faq h2,.wrap>h2{margin-bottom:.2rem}
@media(prefers-reduced-motion:reduce){.ring{animation:none}}

/* ---- solo tema claro, fondos suaves, fotos */
.hp{position:absolute;inset:0}
.hp img{width:100%;height:100%;object-fit:cover;display:block}
@media(min-width:900px){.hp{clip-path:url(#clipHero)}}
@media(max-width:899px){.heroart{min-height:0;aspect-ratio:4/3}}
.pc-art img{display:block;width:100%;aspect-ratio:6/5;object-fit:cover}
.strip-art{height:100%;min-height:220px}
.strip-art img{display:block;width:100%;height:100%;object-fit:cover;min-height:220px}
.rt-m{position:relative;min-height:300px;overflow:hidden}
.rt-m .hp{clip-path:none}
.rt-l{background:var(--t-melon);color:var(--selva)}
.cta-band{background:var(--t-hoja);color:var(--selva)}
.cta-band .btn{background:var(--btn-bg);color:var(--btn-tx)}
.cta-band .btn-o{background:transparent;color:var(--selva);border-color:var(--selva)}
.fs{background:var(--t-giras)}
.gal figure{background:var(--t-agua)}
.gal figcaption{font-size:.8rem}
.badge{filter:none}
.pc-art img{height:auto}
.hero2 .badge{right:4%;bottom:5%;top:auto}
.strip-art{position:relative;min-height:240px}.strip-art img{position:absolute;inset:0;height:100%}

/* hero con video del marco */
.hp.vid{background:linear-gradient(180deg,#ECF7EE,#D3F0DC)}
.hp.vid video{width:100%;height:100%;object-fit:contain;display:block}
@media(min-width:900px){.hp.vid{clip-path:none;inset:1.2rem 1.2rem 1.2rem 0;border-radius:2rem 0 0 2rem}.hero2 .hp.vid{inset:1.2rem 0 1.2rem 0;border-radius:2rem 0 0 2rem}}
@media(max-width:899px){.hp.vid{border-radius:1.5rem}}

/* ajuste de espacios y llamada a domicilio */
.hero2 .lead .dom{display:flex;width:max-content;max-width:100%;align-items:center;gap:.55rem;margin-top:1rem;padding:.6rem 1.15rem .6rem .8rem;border-radius:999px;background:#F7D26B;color:var(--selva);font:700 1.05rem/1.2 var(--hd);box-shadow:0 4px 0 rgba(0,51,51,.14)}
.hero2 .lead .dom svg{width:26px;height:26px;flex:none;color:var(--selva)}
@media(min-width:900px){.hero2{min-height:0}.hero2-t{padding-top:1.4rem;padding-bottom:2rem;align-self:center}.heroart{min-height:500px}}
@media(max-width:899px){.hero2-t{padding-top:1.2rem}}
.hero2{padding-block:.9rem 1.4rem}
@media(min-width:900px){.hero2 .hp.vid{inset:0 0 0 0}}
.hero2 .lead .ld{display:block}.hero2 .lead .ld+.ld{margin-top:.8rem}
.hero2 .lead .dom svg{width:32px;height:32px}
.btn-wa2{display:inline-flex;align-items:center;gap:.55rem}.btn-wa2 svg{width:22px;height:22px;flex:none}

/* franja azul: dos métodos */
.ben2{background:var(--t-agua);padding-block:2rem 2.2rem}
.b2-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;margin-bottom:1.2rem}
.b2-head .ey{margin:0}
.b2-head h2{margin:0;font-size:clamp(1.6rem,3.2vw,2.2rem)}
.b2-grid{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:760px){.b2-grid{grid-template-columns:1fr 1fr minmax(150px,.5fr)}}
.b2-m,.b2-y{position:relative;margin:0;background:rgba(255,255,255,.62);border-radius:1.5rem;padding:1.1rem 1.2rem 1.2rem}
.b2-m .num{position:absolute;top:.9rem;left:.9rem;width:2rem;height:2rem;border-radius:50%;background:var(--selva);color:#fff;font:700 1.05rem/2rem var(--hd);text-align:center}
.b2-g{display:block;width:100%;max-width:300px;height:auto;margin:.2rem auto .5rem}
.b2-m h3{margin:.2rem 0 .3rem;font-size:1.25rem}
.b2-m p{margin:0;font-size:.98rem}
.b2-y{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--girasol,#F7D26B);font-family:var(--hd);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;color:var(--selva)}
.b2-y strong{font-size:clamp(3.4rem,6vw,4.6rem);line-height:1;letter-spacing:0}

/* cotizador pintura: explicación y notas */
.expl{margin-top:1rem;background:var(--t-agua);border-radius:18px;padding:1rem 1.2rem}
.expl p{margin:.3rem 0 .5rem}
.expl ul{margin:0;padding-left:1.2rem}
.expl li{margin:.2rem 0}
.paso .hint{margin:.2rem 0 .6rem;font-size:.92rem;color:var(--mu)}

/* efectos */
.efx-g{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-top:1.2rem}
@media(min-width:900px){.efx-g{grid-template-columns:repeat(4,1fr);gap:.9rem}}
@media(max-width:899px){.efx-b{padding:.8rem .8rem 1rem}.efx-b h3{font-size:1rem}.efx-b p{font-size:.88rem}}
.efx{background:var(--surface);border-radius:var(--r);overflow:hidden;min-width:0;display:flex;flex-direction:column;box-shadow:0 2px 0 rgba(0,51,51,.06)}
.efx-i{aspect-ratio:4/3;overflow:hidden;background:var(--t-agua)}
.efx-i svg,.efx-i img,.efx-i video{display:block;width:100%;height:100%;object-fit:cover}
.efx-b{padding:1rem 1.1rem 1.2rem}
.efx-b h3{margin:0 0 .3rem;font-size:1.15rem}
.efx-b p{margin:0 0 .5rem;font-size:.95rem}
.efx-n{font-size:.82rem!important;color:var(--mu);font-weight:700;margin:0!important}

/* efectos en el cotizador */
.paso .sub{font-family:var(--hd);font-weight:700;font-size:1.05rem;margin:0 0 .3rem}
.efs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.efi img,.efi video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;margin-bottom:.5rem}

/* camaleón: 4 opciones */
.efx-v{display:grid;grid-template-columns:1fr 1fr;gap:2px;aspect-ratio:4/3}
.efv{margin:0;position:relative;overflow:hidden}
.efv img{display:block;width:100%;height:100%;object-fit:cover}
.efv figcaption{position:absolute;left:0;right:0;bottom:0;padding:.25rem .4rem;font:700 .72rem/1.1 var(--hd);color:#fff;background:linear-gradient(transparent,rgba(0,40,40,.65))}

/* imagen completa sin recorte */
.efx-i img.full,.efi img.full{object-fit:contain;background:var(--t-agua)}

/* ===== Cotizador de pintura (qz) ===== */
.qz{display:block;max-width:760px;margin:0 auto}
.qz-p{list-style:none;display:flex;gap:.3rem;padding:0;margin:0 0 1.2rem}
.qz-p li{flex:1;margin:0}
.qz-p button{width:100%;display:flex;flex-direction:column;align-items:center;gap:.25rem;background:none;border:0;padding:.2rem 0;font:inherit;color:var(--mu);cursor:pointer}
.qz-p button:disabled{cursor:default;opacity:.55}
.qz-p i{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--surface);border:2px solid var(--line);font-style:normal;font-family:var(--hd);font-weight:700}
.qz-p .now i{background:var(--girasol);border-color:var(--girasol);color:var(--selva)}
.qz-p .done i{background:var(--hoja);border-color:var(--hoja);color:var(--selva)}
.qz-p span{font-size:.8rem;font-weight:700;font-family:var(--hd)}
.qz-p .now button{color:var(--tx)}
.qz-stage{background:var(--surface);border-radius:var(--r);padding:1.3rem;min-width:0}
.qz-h{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:1rem}
.qz-h2{font-size:1.2rem;margin:1.3rem 0 .6rem}.qz-h2 small{font-weight:500;color:var(--mu);font-size:.9rem}
.qz-l{font-family:var(--hd);font-weight:700;margin:1.2rem 0 .5rem}.qz-l small{font-weight:500;color:var(--mu)}
.qz-n{font-size:.92rem;color:var(--mu);margin:.9rem 0 0}
.qz-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.qz-c3{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.qz-card{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;text-align:left;font:inherit;color:var(--tx);background:var(--bg);border:3px solid var(--line);border-radius:22px;padding:.6rem .6rem .8rem;cursor:pointer;transition:transform .12s,border-color .12s}
.qz-card:active{transform:scale(.97)}
.qz-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;margin-bottom:.4rem}
.qz-card b{font-family:var(--hd);font-size:1.25rem;line-height:1.1}
.qz-card span{font-size:.92rem;color:var(--mu);line-height:1.25}
.qz-card em{font-style:normal;font-weight:800;font-size:.95rem;background:var(--t-giras);border-radius:999px;padding:.1rem .6rem;margin-top:.25rem}
.qz-card.on{border-color:var(--bosque);background:var(--t-hoja)}
.qz-ic{align-items:center;text-align:center;padding:.9rem .6rem}
.qz-ic svg{width:100%;max-width:120px;height:auto;margin-bottom:.3rem}
.qz-pv{display:flex;align-items:center;gap:1rem;background:var(--bg);border-radius:20px;padding:.6rem 1rem;margin-bottom:1rem}
.qz-fr{width:150px;flex:none}
.qz-pv p{margin:0}.qz-pv b{font-family:var(--hd);font-size:1.2rem;display:block}.qz-pv small{color:var(--mu)}
.qz-sw{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:.55rem}
.qz-s{aspect-ratio:1;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 2px var(--line);cursor:pointer;padding:0}
.qz-s.on{box-shadow:0 0 0 4px var(--bosque)}
.qz-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.9rem}
.qz-l+.qz-row,.qz-i+.qz-l{margin-top:0}
.qz-col{flex-direction:column}
.qz-chip{flex:1 1 150px;text-align:left;font:inherit;color:var(--tx);background:var(--bg);border:2px solid var(--line);border-radius:18px;padding:.7rem .9rem;cursor:pointer;min-height:48px}
.qz-chip b{display:block;font-family:var(--hd)}
.qz-chip small{display:block;color:var(--mu);line-height:1.3}
.qz-chip.on{border-color:var(--bosque);background:var(--t-hoja);box-shadow:0 0 0 2px var(--bosque)}
.qz-chip:disabled{opacity:.45;cursor:not-allowed}
.qz-fx{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.7rem}
.qz-e{display:flex;flex-direction:column;gap:.1rem;text-align:left;font:inherit;color:var(--tx);background:var(--bg);border:3px solid var(--line);border-radius:18px;padding:.4rem .4rem .6rem;cursor:pointer}
.qz-e.on{border-color:var(--bosque);background:var(--t-hoja)}
.qz-eimg{display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--t-lima);margin-bottom:.3rem}
.qz-eimg img,.qz-eimg video{width:100%;height:100%;object-fit:cover;display:block}
.qz-txt{display:grid;place-items:center;height:100%;padding:.5rem;text-align:center;font-size:.82rem;line-height:1.25;font-weight:700}
.qz-e b{font-family:var(--hd);font-size:.95rem;line-height:1.15;padding-inline:.2rem}
.qz-e small{color:var(--mu);font-weight:700;padding-inline:.2rem;font-size:.85rem}
.qz-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 1.2rem}
.qz-st{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg);border-radius:999px;padding:.25rem}
.qz-st button{width:44px;height:44px;border-radius:50%;border:0;background:var(--girasol);color:var(--selva);font-size:1.5rem;font-weight:700;cursor:pointer;line-height:1}
.qz-st button:disabled{opacity:.35;cursor:default}
.qz-st output{min-width:4.4rem;text-align:center;font-family:var(--hd)}
.qz-st output b{display:block;font-size:1.2rem}.qz-st output small{display:block;color:var(--mu);font-size:.78rem}
.qz-i{margin-top:.9rem;font-size:.95rem}
.qz-i summary{cursor:pointer;font-weight:700;color:var(--bosque);font-family:var(--hd);min-height:32px}
.qz-i>div{padding-top:.4rem}.qz-i p{margin:0 0 .5rem}
.qz-sum{margin-top:1.4rem;background:var(--bg);border-radius:18px;padding:1rem 1.1rem}
.qz-sum h3{font-size:1.1rem;margin-bottom:.5rem}
.qz-sum dl{display:grid;grid-template-columns:auto 1fr;gap:.25rem .9rem;margin:0;font-size:.95rem}
.qz-sum dt{color:var(--mu)}.qz-sum dd{margin:0;font-weight:700;min-width:0;overflow-wrap:anywhere}
.qz-bar{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;gap:.6rem;margin-top:1rem;background:var(--selva);color:var(--crema);border-radius:22px;padding:.6rem .7rem .6rem 1.1rem;padding-bottom:calc(.6rem + env(safe-area-inset-bottom,0px));box-shadow:0 6px 24px rgba(0,51,51,.28)}
.qz-t{flex:1;min-width:0;line-height:1.1}.qz-t small{display:block;opacity:.8;font-size:.8rem}.qz-t b{font-family:var(--hd);font-size:1.45rem}
.qz-bar .btn{padding:.7rem 1.2rem;min-height:48px}
.qz-bar .btn:disabled{opacity:.4;cursor:not-allowed}
.qz-bar .qz-back{background:transparent;color:var(--crema);border-color:var(--crema);padding:.7rem .9rem}
@media(max-width:420px){.qz-bar .btn-wa2{font-size:.95rem;padding-inline:.9rem}.qz-t b{font-size:1.25rem}.qz-fr{width:110px}}
@media(prefers-reduced-motion:reduce){.qz-card{transition:none}}
.qz-col .qz-chip{flex:none;width:100%}
.qz-t small{white-space:nowrap}
.qz-bar .qz-back{flex:none}
.qz-bar .qz-back{width:48px;height:48px;padding:0;min-width:48px}
.qz-bar .btn{white-space:nowrap;flex:none}
@media(max-width:460px){.qz-bar .btn-wa2 svg{display:none}.qz-bar .btn-wa2{font-size:.92rem;padding-inline:.8rem}.qz-t b{font-size:1.15rem}}

.qz-pv{flex-direction:column;align-items:center;gap:.2rem;background:linear-gradient(160deg,var(--t-agua),var(--t-lima));padding:1rem .8rem .7rem;text-align:center}
.qz-fr{width:100%;max-width:380px;height:auto;flex:none;display:block;margin-inline:auto}
.qz-ic svg{max-width:150px}
.qz-pv p{margin:0}
@media(max-width:420px){.qz-fr{width:100%}}
@media(max-width:560px){.qz-c3{grid-template-columns:1fr}.qz-c3 .qz-ic{display:grid;grid-template-columns:44% 1fr;align-items:center;text-align:left;column-gap:.8rem;padding:.6rem .9rem}.qz-c3 .qz-ic svg{grid-row:1/3;margin:0}.qz-c3 .qz-ic em{justify-self:start}}
img.b2-g{display:block;width:100%;max-width:none;height:auto;aspect-ratio:1040/440;object-fit:cover;border-radius:1.1rem;margin:.2rem 0 .8rem;border:3px solid var(--selva)}
.b2-m .num{z-index:2}
.pc-art img{object-fit:cover}

/* ===== Brand Book final: escala tipográfica, botones, campos, WhatsApp flotante, tarjeta de trabajo ===== */
:root{--btn-bg:#027C68;--btn-tx:#F5F2E6;--btn2-bg:#D0E8F1;--btn2-tx:#003333}
body{line-height:1.55}
h1{font-size:clamp(2.25rem,6vw,3rem);line-height:1.05;letter-spacing:0}
h2{font-size:clamp(1.875rem,4vw,2.25rem);line-height:1.1;letter-spacing:0}
h3{font-size:clamp(1.25rem,2.4vw,1.375rem);line-height:1.2;letter-spacing:0}
.hero2 h1{font-size:clamp(2.25rem,5.2vw,3rem);line-height:1.05}
small,.small{font-size:.875rem}
/* etiquetas: 13 px, mayúsculas cortas, +6 % */
.eyebrow,.ey,.up,.ul,.nav a,.fs-links a,.ben li{font-size:.8125rem;letter-spacing:.06em}
.ey{color:var(--selva)}
.pc-b h3{font-size:1.25rem;letter-spacing:0;text-transform:none}
/* botones */
.btn{font-size:1.0625rem}
.btn:hover{filter:brightness(.93)}
.btn-s{background:var(--btn2-bg);color:var(--btn2-tx)}
.btn.btn-a{background:var(--girasol);color:var(--selva)}
.qz-bar .btn{background:var(--hoja);color:var(--selva)}
.qz-bar .qz-back{background:transparent;color:var(--crema)}
/* espacio de protección del logo (X = altura de la M) */
.hdr-in{padding-block:.95rem}
/* campos de formulario */
.inp{border:2px solid var(--selva);background:var(--crema);color:var(--selva);border-radius:999px;padding:.65rem 1.1rem}
textarea.inp{border-radius:24px;padding:.8rem 1.1rem}
.inp:focus,.inp:focus-visible{outline:3px solid var(--bosque);outline-offset:3px}
.inp.err,.inp[aria-invalid="true"]{border-color:#B3261E}
.msg{display:block;font-size:.85rem;font-weight:700;color:#B3261E}
.msg[hidden]{display:none}
/* botón flotante de WhatsApp */
.fab{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;display:inline-flex;align-items:center;gap:.55rem;background:var(--bosque);color:var(--crema);border-radius:999px;padding:.75rem 1.2rem .75rem .9rem;font-family:var(--hd);font-weight:600;font-size:1.0625rem;text-decoration:none;box-shadow:0 6px 18px rgba(0,51,51,.25);transition:filter .2s,transform .2s}
.fab:hover{filter:brightness(.93)}.fab:active{transform:scale(.97)}
.fab svg{width:26px;height:26px;flex:none}
body:has(.qz) .fab,body:has(.tool) .fab{display:none}
@media(max-width:560px){.fab{width:56px;height:56px;padding:0;justify-content:center}.fab span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
/* tira de patrón "Completo" sobre el pie */
.fs-pat{height:28px;margin-bottom:1.2rem;border-radius:14px;overflow:hidden}
.fs-pat svg{display:block;width:100%;height:100%}
/* tarjeta de trabajo */
.gal figure{background:var(--surface);aspect-ratio:auto;display:flex;flex-direction:column}
.gal figure img{aspect-ratio:4/3;height:auto;flex:none}
.gal figcaption{position:static;background:transparent;border-radius:0;padding:.9rem 1rem 1rem;font-family:var(--hd);font-weight:600;font-size:1.0625rem;line-height:1.25}
.gal .empty{aspect-ratio:4/3;background:var(--t-agua)}

/* ===== Arma tu bici (ab): asistente de 8 pasos ===== */
.ab{max-width:1080px;margin:0 auto}
.ab-prog{overflow-x:auto;padding-bottom:.3rem;scrollbar-width:none}
.ab-prog li{flex:1 0 54px}
.ab-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){.ab-grid:has(.ab-side){grid-template-columns:minmax(0,1fr) 340px;align-items:start}.ab-side{position:sticky;top:5.5rem}}
.ab-w p{max-width:60ch}
.ab-wl{list-style:none;padding:0;margin:1rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.5rem}
.ab-wl li{display:flex;align-items:center;gap:.6rem;background:var(--bg);border-radius:999px;padding:.35rem .9rem .35rem .4rem;font-family:var(--hd);font-weight:700;margin:0}
.ab-wl i{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--girasol);font-style:normal}
.ab-in{color:var(--mu);margin-bottom:1rem}
.ab-ps{display:grid;gap:1rem}
.ab-p{display:grid;grid-template-columns:150px minmax(0,1fr);gap:1rem;background:var(--bg);border:3px solid var(--line);border-radius:22px;padding:.8rem}
.ab-p.on{border-color:var(--bosque);background:var(--t-hoja)}
.ab-im{aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--surface);align-self:start}
.ab-im img{display:block;width:100%;height:100%;object-fit:contain}
.ab-noimg{display:block;width:100%;height:100%;opacity:1}
.ab-pb{min-width:0}
.ab-pb h3{font-size:1.2rem;margin-bottom:.3rem}.ab-pb h3 small{font:700 .72rem var(--hd);background:var(--girasol);border-radius:999px;padding:.1rem .55rem;vertical-align:middle;margin-left:.3rem}
.ab-d{font-size:.92rem;color:var(--mu);margin:0 0 .6rem;max-width:none}
.ab-at{margin-bottom:.6rem}.ab-al{font:700 .88rem var(--hd);margin:0 0 .3rem}.ab-al b{color:var(--bosque)}
.ab-pills{display:flex;flex-wrap:wrap;gap:.4rem}
.ab-pill{font:inherit;font-size:.9rem;font-weight:700;color:var(--tx);background:var(--surface);border:2px solid var(--line);border-radius:999px;padding:.4rem .85rem;min-height:40px;cursor:pointer}
.ab-pill.on{border-color:var(--bosque);background:var(--bosque);color:var(--crema)}
.ab-pill.dim{opacity:.45}
.ab-pills.sws{gap:.45rem}
.ab-pill.sw{padding:0;width:40px;height:40px;min-height:40px;display:grid;place-items:center;border-radius:50%;background:none;border:2px solid var(--line)}
.ab-pill.sw i{display:block;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(0,51,51,.35)}
.ab-pill.sw span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ab-pill.sw.on{border-color:var(--bosque);box-shadow:0 0 0 3px var(--bosque);background:none}
.ab-ft{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.5rem}
.ab-pr{font:700 1.2rem var(--hd);margin-right:auto}
.ab-add{font:700 .95rem var(--hd);border:2px solid var(--bosque);background:var(--surface);color:var(--bosque);border-radius:999px;padding:.55rem 1.1rem;min-height:44px;cursor:pointer}
.ab-add.on{background:var(--bosque);color:var(--crema)}
.ab-add:disabled{opacity:.4;cursor:not-allowed}
.ab-q{display:inline-flex;align-items:center;gap:.3rem;background:var(--surface);border-radius:999px;padding:.15rem}
.ab-q button{width:40px;height:40px;border-radius:50%;border:0;background:var(--girasol);color:var(--selva);font-size:1.3rem;font-weight:700;cursor:pointer}
.ab-q button:disabled{opacity:.35}.ab-q output{min-width:1.6rem;text-align:center;font:700 1.05rem var(--hd)}
.ab-pvbox{background:var(--surface);border-radius:var(--r);padding:.6rem .8rem}
.ab-pvbox summary{font:700 1rem var(--hd);cursor:pointer;min-height:40px;display:flex;align-items:center}
@media(min-width:900px){.ab-pvbox summary{pointer-events:none}.ab-pvbox summary::marker{content:''}}
.ab-pv,.ab-final{background:linear-gradient(160deg,var(--t-agua),var(--t-lima));border-radius:18px;padding:.6rem}
.ab-final{padding:1rem}
.ab-bike{display:block;width:100%;height:auto}
.ab-pn,.ab-leg{font-size:.85rem;color:var(--mu);margin:.5rem 0 0}
.ab-tb{overflow-x:auto;margin-top:1rem}
.ab-tb table{width:100%;border-collapse:collapse;font-size:.92rem}
.ab-tb th{font:700 .8rem var(--hd);text-align:left;color:var(--mu);padding:.4rem}
.ab-tb td{padding:.5rem .4rem;border-top:1px solid var(--line);vertical-align:middle}
.ab-tb .r{text-align:right;white-space:nowrap}
.ab-tb small{color:var(--mu)}
.ab-th img{display:block;width:56px;height:56px;object-fit:contain;border-radius:10px;background:var(--bg)}
.ab-tb tfoot td{font:700 1.15rem var(--hd);border-top:3px solid var(--selva)}
.ab-err{color:#9b2c1c;font-weight:700;min-height:1.4rem;margin:.5rem 0 0}
@media(max-width:560px){.ab-p{grid-template-columns:minmax(0,1fr);gap:.6rem}.ab-im{width:120px}.qz-stage.ab-stage{padding:1rem .8rem}.ab-prog li{flex-basis:46px}.ab-prog span{font-size:.68rem}}

/* ===== Guía de talla (tl) ===== */
.tl-wrap{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:center}
.tl-card{background:var(--surface);border-radius:var(--r);padding:1.3rem;min-width:0}
.tl-card h2{font-size:1.5rem}
.tl-form{display:flex;flex-wrap:wrap;align-items:end;gap:.7rem;margin:.8rem 0}
.tl-form label{display:flex;flex-direction:column;gap:.25rem;font:700 .9rem var(--hd);flex:1 1 140px}
.tl-form input{font:inherit;font-size:1.1rem;padding:.7rem 1rem;border:3px solid var(--selva);border-radius:999px;background:var(--bg);min-height:48px;width:100%}
.tl-o{font:700 1rem var(--hd);padding-bottom:.8rem;color:var(--mu)}
.tl-res{background:var(--bg);border-radius:18px;padding:.9rem 1rem;min-height:70px}
.tl-big{display:inline-flex;flex-direction:column;align-items:center;background:var(--girasol);border:3px solid var(--selva);border-radius:20px;padding:.3rem 1.2rem;margin-bottom:.5rem}
.tl-big span{font:700 .8rem var(--hd)}.tl-big b{font:700 2.6rem/1 var(--hd)}
.tl-txt p{margin:0 0 .5rem;font-size:.95rem}.tl-hint{margin:0;color:var(--mu)}.tl-note{color:var(--mu)}
.tl-use{margin-top:.7rem}
.tl-t table{width:100%;border-collapse:collapse}
.tl-t th,.tl-t td{text-align:left;padding:.55rem .4rem;border-top:1px solid var(--line)}
.tl-t thead th{border-top:0;font:700 .85rem var(--hd);color:var(--mu)}
.tl-t td b{font:700 1.3rem var(--hd);background:var(--t-giras);border-radius:999px;padding:.1rem .8rem}
.tl-steps{counter-reset:s;list-style:none;padding:0;display:grid;gap:.6rem}
.tl-steps li{counter-increment:s;position:relative;padding-left:3rem;margin:0;min-height:2.4rem}
.tl-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--girasol);border:2px solid var(--selva);display:grid;place-items:center;font:700 1rem var(--hd)}
.tl-fig{display:block;width:100%;max-width:420px;height:auto;margin-inline:auto;background:var(--t-lima);border-radius:var(--r);padding:.6rem}

/* ===== Arma tu bici v2: vista previa primero, tarjetas interactivas ===== */
.ab-grid.has-pv{grid-template-columns:minmax(0,1fr)}
.ab-side{position:sticky;top:calc(4.4rem + env(safe-area-inset-top,0px));z-index:6}
.ab-pvbox{padding:.5rem .7rem .4rem;box-shadow:0 4px 0 rgba(0,51,51,.07)}
.ab-pv{padding:.3rem;text-align:center}
.ab-pv .ab-bike{max-height:150px;margin-inline:auto}
.ab-nick{font:700 1.05rem var(--hd);margin:.3rem 0 0;text-align:center}
.ab-say{font-size:.85rem;color:var(--bosque);margin:0;text-align:center;min-height:1.2em;font-weight:700}
@keyframes abpop{0%{transform:scale(.96)}50%{transform:scale(1.035)}100%{transform:scale(1)}}
.ab-pv.pop{animation:abpop .35s ease-out}
@media(min-width:900px){
 .ab-grid.has-pv{grid-template-columns:minmax(0,400px) minmax(0,1fr);align-items:start}
 .ab-side{top:6rem}
 .ab-pv .ab-bike{max-height:none}
 .ab-pvbox{padding:.8rem}
 .ab-nick{font-size:1.3rem}
}
.ab-sec{scroll-margin-top:11rem;margin:0 0 1.6rem}
@media(min-width:900px){.ab-sec{scroll-margin-top:7rem}}
.ab-sec>h3{display:flex;align-items:center;gap:.6rem;font-size:1.25rem;margin-bottom:.8rem}
.ab-sec>h3 i{display:grid;place-items:center;flex:none;width:2rem;height:2rem;border-radius:50%;background:var(--girasol);border:2px solid var(--selva);font:700 1rem var(--hd);font-style:normal}
.ab-lock{margin:0;padding:.9rem 1rem;border:2px dashed var(--line);border-radius:18px;color:var(--mu);font-size:.95rem}
.ab-cards{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.ab-cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.ab-card{display:flex;flex-direction:column;align-items:center;gap:.2rem;text-align:center;font:inherit;color:var(--tx);background:var(--bg);border:3px solid var(--line);border-radius:22px;padding:.7rem .6rem .8rem;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;min-width:0}
.ab-card:hover{transform:translateY(-3px);border-color:var(--bosque)}
.ab-card:active{transform:scale(.97)}
.ab-card.on{border-color:var(--bosque);background:var(--t-hoja);box-shadow:0 0 0 3px var(--bosque)}
.ab-card b{font:700 1.1rem var(--hd)}
.ab-card span{font-size:.85rem;color:var(--mu);line-height:1.3}
.ab-card svg{width:100%;max-width:150px;height:auto}
.ab-card.style svg{max-width:190px;background:var(--surface);border-radius:14px;padding:.3rem;margin-bottom:.2rem}
.ab-colwrap{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}
@media(min-width:600px){.ab-colwrap{grid-template-columns:minmax(0,1fr) 150px;align-items:start}}
.ab-sw{display:flex;flex-wrap:wrap;gap:.5rem}
.ab-pill.sw{width:46px;height:46px;min-height:46px;position:relative}
.ab-pill.sw i{width:34px;height:34px}
.ab-pill.sw:hover{transform:scale(1.12)}
.ab-pill.sw.paid::after{content:"";position:absolute;right:-1px;top:-1px;width:11px;height:11px;border-radius:50%;background:var(--melon);border:2px solid var(--surface)}
.ab-colinfo{display:grid;gap:.4rem;justify-items:start}
.ab-cn{font:700 1.15rem var(--hd);margin:0}
.ab-chip{font:700 .85rem var(--hd);background:var(--t-agua);color:var(--selva);border:2px solid var(--selva);border-radius:999px;padding:.4rem .9rem;min-height:40px;cursor:pointer;margin:0 0 .5rem}
.ab-chip:hover{background:var(--girasol)}
.ab-ref{margin:0 0 1.2rem;display:grid;justify-items:center;gap:.4rem}.ab-ref img{display:block;width:min(100%,380px);height:auto;aspect-ratio:1;object-fit:contain;border-radius:20px;background:var(--surface);border:2px solid var(--line)}
.ab-ref figcaption{font-size:.85rem;color:var(--mu);line-height:1.3;text-align:center;max-width:380px}
.ab-refph{width:min(100%,380px);aspect-ratio:2/1;display:grid;place-items:center;text-align:center;padding:1rem;border:2px dashed var(--line);border-radius:20px;color:var(--mu);font-size:.95rem}
.ab-tag{display:inline-block;font-style:normal;font-size:.72rem;font-weight:700;color:var(--bosque,#027C68);background:rgba(61,190,110,.16);border-radius:99px;padding:.1rem .55rem;margin:.1rem 0}
.ab-sec.miss{outline:3px solid #F08A5D;outline-offset:6px;border-radius:18px}
.ab-need{margin:.6rem 0 0;color:#b4531f;font-weight:700;font-size:.9rem}
.ab-pills.tallas{gap:.5rem}
.ab-pill.talla{min-width:56px;min-height:48px;font:700 1.1rem var(--hd);justify-content:center}
.ab-calc{margin-top:1rem;background:var(--bg);border-radius:18px;padding:.4rem 1rem 1rem}
.ab-calc summary{font:700 1rem var(--hd);color:var(--bosque);cursor:pointer;min-height:44px;display:flex;align-items:center}
.ab-pills.bars{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.5rem}
.ab-bar-i{display:flex;flex-direction:column;align-items:center;gap:.1rem;font:inherit;color:var(--tx);background:var(--surface);border:2px solid var(--line);border-radius:16px;padding:.3rem .2rem .4rem;cursor:pointer}
.ab-bar-i svg{width:100%;max-width:80px;height:auto}
.ab-bar-i span{font:700 .78rem var(--hd);line-height:1.1;text-align:center}
.ab-bar-i.on{border-color:var(--bosque);background:var(--t-hoja);box-shadow:0 0 0 2px var(--bosque)}
.ab-bar-i:hover{border-color:var(--bosque)}
.ab-wb{background:linear-gradient(160deg,var(--t-agua),var(--t-lima));border-radius:var(--r);padding:1rem;margin-bottom:1rem}
.ab-wb .ab-bike{max-height:260px;margin-inline:auto}
.ab-at .ab-chip{margin-bottom:.4rem}
@media(prefers-reduced-motion:reduce){.ab-card,.ab-pill.sw{transition:none}.ab-pv.pop{animation:none}}
.ab-sec{padding-block:0}

.ab-ruta{display:flex;align-items:center;gap:.8rem;width:100%;text-align:left;font:inherit;color:var(--selva,#003333);background:var(--surface,#fff);border:2px solid var(--line);border-radius:20px;padding:.6rem .9rem;margin:0 0 .5rem;cursor:pointer}
.ab-ruta svg{width:76px;height:46px;flex:none}.ab-ruta span{display:grid;gap:.1rem}.ab-ruta small{color:var(--mu)}
.ab-ruta.on{border-color:#3DBE6E;background:rgba(61,190,110,.12)}

.ab-bases{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:1100px){.ab-bases{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ab-base{display:grid;align-content:start;gap:.3rem;text-align:left;font:inherit;color:var(--selva,#003333);background:var(--bg);border:3px solid var(--line);border-radius:22px;padding:.7rem;cursor:pointer;transition:transform .15s,border-color .15s}
.ab-base:hover{transform:translateY(-2px);border-color:#4AA0BD}
.ab-base.on{border-color:#3DBE6E;background:rgba(61,190,110,.12)}
.ab-bim{aspect-ratio:1;border-radius:14px;overflow:hidden;background:#fff;display:block}.ab-bim img{display:block;width:100%;height:100%;object-fit:contain}
.ab-base b{font:700 1.1rem var(--hd)}.ab-base em{font-style:normal;font-weight:700;font-size:.8rem;color:#027C68}
.ab-bt{font-size:.88rem;line-height:1.35;color:var(--mu)}.ab-base strong{font-size:1.05rem}
@media(max-width:899px){.ab-pv .ab-bike{max-height:95px}.ab-nick{font-size:.95rem;margin:.1rem 0 0}.ab-say{font-size:.78rem}.ab-pvbox{padding:.35rem .6rem .3rem}}
.ab-cards.one{grid-template-columns:minmax(0,1fr)}

.ab-sh{font-size:1.2rem;margin:1.2rem 0 .6rem}.ab-sh:first-child{margin-top:0}
.ab-same{display:flex;gap:.8rem;align-items:flex-start;margin:1.2rem 0;padding:.8rem 1rem;border:2px solid var(--line);border-radius:18px;background:var(--surface,#fff);cursor:pointer}
.ab-same input{width:1.4rem;height:1.4rem;margin-top:.15rem;accent-color:#027C68;flex:none}
.ab-same span{display:grid;gap:.15rem}.ab-same small{color:var(--mu)}
.ab-cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:1100px){.ab-cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}}

.ab-hint{margin:.4rem 0 0;font-size:.85rem;color:#b4531f;font-weight:700}

.ab-lead{margin:1.2rem 0;padding:1.2rem;border:3px solid var(--line);border-radius:22px;background:var(--surface,#fff);display:grid;gap:.8rem}
.ab-lead h3{font-size:1.25rem;margin:0}
.ab-lf{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.ab-lf label{display:grid;gap:.25rem;font-weight:700;font-size:.9rem}
.ab-lf input{font:inherit;padding:.7rem 1rem;border:2px solid var(--line);border-radius:999px;background:var(--bg);color:inherit;min-width:0}
.ab-lf input:focus{outline:3px solid #4AA0BD;outline-offset:1px}
.ab-consent{display:flex;gap:.6rem;align-items:flex-start;font-size:.88rem;cursor:pointer}
.ab-consent input{width:1.2rem;height:1.2rem;margin-top:.15rem;accent-color:#027C68;flex:none}
.ab-lerr{margin:0;color:#b4531f;font-weight:700;min-height:1.2em}

/* Instagram en la galería */
.ig-card{max-width:760px;margin-inline:auto;background:var(--surface,#fff);border:3px solid var(--line);border-radius:28px;padding:1.4rem;display:grid;gap:1.1rem;justify-items:start}
.ig-top{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.ig-av{width:88px;height:88px;border-radius:50%;border:3px solid #3DBE6E;padding:3px;background:#fff;object-fit:contain;flex:none}
.ig-h{font:700 1.3rem var(--hd);margin:0}.ig-n{margin:0;font-weight:700;color:var(--mu)}.ig-b{margin:.3rem 0 0;max-width:46ch}
.ig-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;width:100%}
.ig-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}
@media(max-width:560px){.ig-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* inicio: bienvenida con servicios */
.svc-l{list-style:none;margin:1.1rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.svc-l a{display:flex;flex-direction:column;gap:.1rem;height:100%;padding:.7rem .9rem;border-radius:1rem;background:rgba(255,255,255,.65);border:1px solid rgba(0,51,51,.14);color:var(--selva);text-decoration:none;transition:transform .15s,background .15s}
.svc-l a:hover,.svc-l a:focus-visible{background:#fff;transform:translateY(-2px)}
.svc-l b{font-family:var(--hd);font-size:1rem;line-height:1.2}
.svc-l span{font-size:.85rem;opacity:.8;line-height:1.3}
@media(max-width:420px){.svc-l{grid-template-columns:1fr}}
/* inicio: sección de pintura compacta */
.pint{padding-block:2.2rem 1.4rem}
.pint-h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 1.5rem;margin-bottom:1.2rem}
.pint-h h2{margin:.2rem 0 .3rem;font-size:clamp(1.8rem,3.4vw,2.4rem)}
.pint-h .mu{margin:0;max-width:34rem}
.pint-g{display:grid;grid-template-columns:1fr;gap:1.1rem}
@media(min-width:700px){.pint-g{grid-template-columns:1fr 1fr}}
.pint-g .pcard{margin:0;height:100%}
.pint-g .pc-art img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
/* tarjetas de servicios con color de marca */
.svc-l a{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:.75rem;align-items:center;border:0;background:var(--sv-bg);box-shadow:0 2px 0 var(--sv-ac);padding:.75rem .9rem}
.svc-l a:hover,.svc-l a:focus-visible{background:var(--sv-bg);box-shadow:0 4px 0 var(--sv-ac);transform:translateY(-2px)}
.svc-l .sv-i{grid-row:span 2;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--sv-ac);color:var(--sv-ic)}
.svc-l .sv-i svg{width:28px;height:28px;--bg:var(--sv-ac)}
.svc-l b,.svc-l span{grid-column:2}
.svc-l .sv-m{--sv-bg:#FBDCCB;--sv-ac:#F08A5D;--sv-ic:#003333}
.svc-l .sv-a{--sv-bg:#D0E8F1;--sv-ac:#4AA0BD;--sv-ic:#003333}
.svc-l .sv-g{--sv-bg:#FCEFC4;--sv-ac:#F7D26B;--sv-ic:#003333}
.svc-l .sv-h{--sv-bg:#D3F0DC;--sv-ac:#3DBE6E;--sv-ic:#003333}
/* inicio: imagen de mantenimiento completa, sin recortes */
.rt-m{background:#E4F0E8}
.rt-m .hp img{width:100%;height:100%;object-fit:contain;object-position:center}
/* ilustraciones de los héroes: completas, sin recorte ondulado */
.hero2 .hp.ill{clip-path:none;border-radius:1.5rem;background:#E4F0E8;overflow:hidden}
@media(min-width:900px){.hero2 .hp.ill{inset:.6rem 0 .6rem 0;border-radius:2rem 0 0 2rem}}
.rt-m{background:#E8F0E6}
@media(max-width:959px){.rt-m{min-height:0;aspect-ratio:4/3;width:100%}.rt-m .heroart,.rt-m .hp{position:absolute;inset:0}.rt-m .hp img{object-fit:cover}}
.strip-art{aspect-ratio:4/3;min-height:0;width:100%;height:auto;align-self:stretch}
.strip-art img{object-fit:cover;object-position:center;min-height:0}
@media(min-width:820px){.strip-art{aspect-ratio:auto;min-height:100%}.strip-art img{object-fit:contain;background:#EDF1BC}}
/* inicio: mantenimiento primero, recogida como extra */
.rt-l .mini{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.rt-l .mini li{display:flex;align-items:center;gap:.45rem;padding:.35rem .8rem .35rem .4rem;border-radius:999px;background:#fff;color:var(--selva);font-family:var(--hd);font-weight:700;font-size:.92rem;box-shadow:0 2px 0 rgba(0,51,51,.15)}
.rt-l .mini i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--sv,#3DBE6E)}
.rt-l .mini li:nth-child(1) i{--sv:#F7D26B}.rt-l .mini li:nth-child(2) i{--sv:#4AA0BD}.rt-l .mini li:nth-child(3) i{--sv:#DFE661}
.rt-l .mini svg{width:18px;height:18px;color:var(--selva)}
.rt-l .xtra,.hero2 .xtra{display:flex;align-items:center;gap:.6rem;margin:1.1rem 0 .9rem;padding:.55rem .9rem .55rem .7rem;border-radius:1rem;background:rgba(255,255,255,.55);border:1.5px dashed rgba(0,51,51,.35);font-size:.92rem;line-height:1.35}
.rt-l .xtra svg,.hero2 .xtra svg{width:34px;height:34px;flex:none;color:var(--selva)}
.rt-l .xtra b{font-family:var(--hd)}
/* zonas y precios por trayecto */
.zp{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.5rem}
.zp li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem .9rem;border-radius:.9rem;background:#fff}
.zp span{font-weight:600}.zp b{font-family:var(--hd);color:var(--bosque);text-align:right}
/* ===== Brandbook en todas las secciones ===== */
/* secciones sin color: alternan tintes de marca */
main>section:not([class]):not(:has(.cta-band)):not(:has(#cotizador-pintura)):not(:has(#arma-bici)){background:var(--t-lima);padding-block:2.4rem}
main>section:not([class]):not(:has(.cta-band)):not(:has(#cotizador-pintura)):not(:has(#arma-bici))+section:not([class]):not(:has(.cta-band)){background:var(--t-agua)}
main>section:not([class]):not(:has(.cta-band))+section:not([class])+section:not([class]):not(:has(.cta-band)){background:var(--t-giras)}
/* ondita de marca bajo los títulos de sección */
main>section:not(.hero2):not(.pagehead):not(.ritual-s):not(.pint) h2:not(.cta-band h2)::after{content:"";display:block;width:84px;height:12px;margin:.45rem 0 .2rem;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 12'><path d='M2 6q5-6 10 0t10 0t10 0t10 0t10 0t10 0t10 0' fill='none' stroke='%234AA0BD' stroke-width='3' stroke-linecap='round'/></svg>") no-repeat}
.cta-band h2::after,.faq h2::after{display:none}
/* preguntas frecuentes con color */
.faq{background:var(--t-agua);padding-block:2.4rem}
.faq details{border-left:8px solid var(--fq,#F08A5D);box-shadow:0 2px 0 rgba(0,51,51,.08)}
.faq details:nth-of-type(4n+1){--fq:#F08A5D}.faq details:nth-of-type(4n+2){--fq:#F7D26B}.faq details:nth-of-type(4n+3){--fq:#3DBE6E}.faq details:nth-of-type(4n){--fq:#4AA0BD}
.faq summary::after{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--fq,#F08A5D);color:var(--selva);font-size:1.3rem}
/* tarjetas dentro de secciones de color */
main>section:not([class]) .card:not([style]){border:2px solid transparent;box-shadow:0 3px 0 rgba(0,51,51,.1)}
/* sello de la ilustración de mantenimiento: arriba a la derecha, sin tapar la etiqueta */
.heroart:has(img[src*="recogida"]) .badge{top:4%;bottom:auto;right:3%}
.flow{list-style:none;margin:1rem 0 .6rem;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.flow li{display:flex;align-items:center;gap:.55rem;background:var(--t-giras,#FCEFC4);border-radius:999px;padding:.45rem 1rem .45rem .45rem;font-family:var(--hd);font-weight:700;color:var(--selva)}
.flow li b{display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--girasol);font-size:.95rem}
.brands{list-style:none;margin:.8rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.brands li{background:var(--t-agua,#D0E8F1);color:var(--noche,#1D465E);border-radius:999px;padding:.35rem .9rem;font-family:var(--hd);font-weight:700;font-size:.95rem}
.brands li:nth-child(3n+2){background:var(--t-hoja,#D3F0DC);color:var(--bosque,#027C68)}
.brands li:nth-child(3n){background:var(--t-giras,#FCEFC4);color:var(--selva,#003333)}
@media(max-width:700px){.fs{padding-bottom:5.5rem}}
.pr{font-family:var(--hd);font-weight:700;font-size:1.5rem;color:var(--bosque);margin:.1rem 0 .4rem}
.ebos{display:grid;gap:1.1rem;margin-top:1rem}
@media(min-width:900px){.ebos{grid-template-columns:repeat(3,1fr)}}
.ebo{position:relative;border-radius:1.6rem;padding:1.3rem 1.3rem 1.4rem;display:flex;flex-direction:column;gap:.1rem;box-shadow:0 3px 0 rgba(0,51,51,.08)}
.ebo-a{background:var(--t-agua,#D0E8F1)}.ebo-g{background:var(--t-giras,#FCEFC4)}.ebo-h{background:var(--t-lima,#F1F5C0);outline:3px solid var(--hoja,#3DBE6E)}
.ebo-art{background:rgba(255,255,255,.6);border-radius:1.2rem;padding:.6rem;display:grid;place-items:center;margin-bottom:.8rem}
.ebo-art svg{width:min(190px,60%);height:auto}
.ebo h3{display:flex;align-items:center;gap:.6rem;margin:0}
.ebo-n{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--selva,#003333);color:var(--crema,#F5F2E6);font-size:1rem;flex:none}
.ebo-sub{margin:.15rem 0 0;color:var(--mu)}
.ebo-p{font-family:var(--hd);font-weight:700;font-size:2rem;color:var(--bosque);margin:.3rem 0 .5rem}
.ebo .checks{margin:0 0 .8rem}
.ebo-i{margin:auto 0 0;background:rgba(255,255,255,.7);border-radius:.9rem;padding:.6rem .8rem;font-size:.95rem}
.ebo-r{position:absolute;top:-.8rem;right:1rem;background:var(--melon,#F08A5D);color:var(--selva,#003333);font-family:var(--hd);font-weight:700;font-size:.85rem;padding:.3rem .8rem;border-radius:999px;box-shadow:0 2px 0 rgba(0,51,51,.15)}
.rep{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.3rem;background:var(--t-melon,#FBDCCB);border-radius:1.6rem;padding:1rem 1.3rem}
.rep svg{width:64px;height:64px;flex:none}
.rep div{flex:1 1 220px;min-width:0}
.rep h3{margin:0 0 .2rem}.rep p{margin:0}
.gal .job{grid-column:1/-1;display:grid;gap:.8rem;grid-template-columns:1.5fr 1fr;grid-template-areas:"m s" "t t";background:var(--t-agua,#D0E8F1);border-radius:1.6rem;padding:.8rem}
.job img{display:block;width:100%;height:100%;object-fit:cover;border-radius:1.1rem;aspect-ratio:4/3}
.job-m{grid-area:m}.job-s{grid-area:s;display:grid;gap:.8rem;grid-template-rows:1fr 1fr}
.job-s img{aspect-ratio:auto;min-height:0}
.job-t{grid-area:t;padding:.3rem .6rem .5rem}
.job-t h3{margin:.1rem 0 .2rem}.job-t p{margin:0;max-width:60ch}
@media(min-width:900px){.gal .job{grid-template-columns:1.6fr 1fr 1fr;grid-template-areas:"m m s" "t t s";}.job-m img{aspect-ratio:auto;height:100%}}
.gcats{display:flex;flex-wrap:wrap;gap:.6rem}
.gc{display:inline-block;padding:.55rem 1.1rem;border-radius:999px;font-family:var(--hd);font-weight:700;text-decoration:none;color:var(--selva,#003333)}
.gc-h{background:var(--t-giras,#FCEFC4)}.gc-a{background:var(--t-agua,#D0E8F1)}
.gc:hover{filter:brightness(.95)}
.gh{display:inline-block;margin:1.2rem 0 .3rem;padding:.2rem 1rem;border-radius:999px}
.gh-h{background:var(--t-giras,#FCEFC4)}.gh-a{background:var(--t-agua,#D0E8F1)}
.gh::after{display:none!important}
#horno,#aerografo{scroll-margin-top:5rem}
.gc-e{background:var(--t-lima,#F1F5C0)}
.sp{aspect-ratio:4/3;width:100%;border-radius:1rem;background:url(../fotos/horno-nuevas.jpg) no-repeat;background-size:300% 200%}
.hg{margin-top:2rem;padding:1.2rem;border-radius:1.5rem}
.hg h3{margin:0 0 .2rem}.hg>p{margin:0 0 1rem;opacity:.85}
.hg-v{background:var(--t-giras,#FCEFC4)}.hg-s{background:var(--t-melon,#FBE0D2)}.hg-f{background:var(--t-lima,#F1F5C0)}.hg-c{background:var(--t-hoja,#D3F0DC)}
.hg .gal{margin:0}
.gh-sub{margin:2rem 0 .2rem}
#horno .wrap,#aerografo .wrap{display:block}.hg .gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}
.ig-f{display:inline-flex;align-items:center;gap:.5rem;margin-top:.8rem;padding:.6rem 1.2rem;border-radius:999px;background:var(--bosque,#027C68);color:#fff;font-family:var(--hd);font-weight:700}.ig-card:hover .ig-f{filter:brightness(1.1)}
.car{position:relative;margin-top:1.5rem}
.car-t{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:.5rem}
.car-t figure{flex:0 0 min(78%,320px);margin:0;scroll-snap-align:start}
.car-t img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:1.2rem;display:block}
.car-b{position:absolute;top:calc(50% - 1.5rem);width:2.6rem;height:2.6rem;border-radius:50%;border:0;background:#fff;color:var(--selva,#003333);font-size:1.6rem;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer}
.car-p{left:.4rem}.car-n{right:.4rem}
.egr{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:1.5rem}
@media(min-width:720px){.egr{grid-template-columns:repeat(4,1fr);gap:1rem}}
.egr img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:1.1rem;display:block}
.egr img:last-child{grid-column:span 2;aspect-ratio:8/3}@media(min-width:720px){.egr img:last-child,.egr img:nth-child(-n+2){grid-column:span 2;aspect-ratio:8/3}}
.egr .sp{aspect-ratio:4/3;border-radius:1.1rem}
.egr-h img:last-child,.egr-h img:nth-child(-n+2){grid-column:auto;aspect-ratio:4/3}
/* revisión final: legibilidad y áreas táctiles */
button[data-a="go"] span{font-size:.78rem}
.efv figcaption{font-size:.78rem}
.ul{padding-block:.55rem .45rem}
.qz-st small,.qz-prog span{font-size:.8rem}
.pc-b h3 a{display:inline-block;padding-block:.25rem}
@media(max-width:899px){body:has(#arma-bici) .fab{bottom:calc(96px + env(safe-area-inset-bottom,0px))}}

.qz-gl{font-family:var(--hd);font-size:.95rem;color:var(--selva);margin:.9rem 0 .45rem}
.qz-gl:first-of-type{margin-top:.2rem}
.qz-s.qz-mt{background-image:radial-gradient(circle at 28% 24%,rgba(255,255,255,.75) 0 7%,transparent 8%),radial-gradient(circle at 68% 60%,rgba(255,255,255,.55) 0 5%,transparent 6%),radial-gradient(circle at 40% 78%,rgba(255,255,255,.5) 0 4%,transparent 5%),linear-gradient(135deg,rgba(255,255,255,.35),transparent 55%,rgba(0,0,0,.18))}
.gal .job{grid-template-columns:1fr 1fr;grid-template-areas:none;align-items:start}
.gal .job>img{grid-area:auto;height:auto;aspect-ratio:4/3}
.gal .job>.jb{grid-column:1/-1}
.gal .job>.job-t{grid-area:auto;grid-column:1/-1}
@media(min-width:900px){.gal .job{grid-template-columns:1fr 1fr 1fr}.gal .job>.jb{grid-column:auto}}
.egr .sa{background-image:url(../fotos/aero-nuevas.jpg);background-size:300% 700%}
/* arma-tu-bici: bloques de servicio */
.kw-s{background:var(--t-lima,#F1F5C0)}.kw-f{background:var(--t-agua,#D0E8F1)}
.kw-p{max-width:60ch;margin:.4rem 0 0}
.kw{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem;margin-top:1.6rem}
@media(min-width:720px){.kw{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}}
.kw-c{display:flex;flex-direction:column;border-radius:1.6rem;overflow:hidden;box-shadow:0 4px 0 rgba(0,51,51,.12)}
.kw-c img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.kw-h{background:var(--t-hoja,#D3F0DC)}.kw-a{background:var(--t-agua,#D0E8F1)}.kw-g{background:var(--t-giras,#FCEFC4)}.kw-m{background:var(--t-melon,#FBE0D2)}
.kw-b{position:relative;display:flex;flex-direction:column;gap:.55rem;padding:2.2rem 1.3rem 1.3rem;flex:1}
.kw-i{position:absolute;top:-1.6rem;left:1.3rem;width:3.2rem;height:3.2rem;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 3px 0 rgba(0,51,51,.15)}
.kw-i svg{width:1.9rem;height:1.9rem}
.kw-b h3{margin:0;font-size:1.3rem}.kw-b p{margin:0}
.kw-ch{list-style:none;margin:.2rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.kw-ch li{background:#fff;border-radius:999px;padding:.3rem .8rem;font-size:.88rem;font-weight:600}
.kw-l{margin-top:auto;padding-top:.6rem;font-family:var(--hd);font-weight:700;color:var(--selva,#003333);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.kw-l:hover{text-decoration:underline}
.kw-f .btn-row{margin-top:1.4rem}
.gh+p.mu{padding-left:1rem;margin-top:.2rem}

/* ===== Blog (agregado oct 2026) ===== */
.post-w{max-width:760px}
.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;font-size:.92rem;color:var(--mu);margin-bottom:.8rem}
.bc-cat{display:inline-block;font-family:var(--hd);font-weight:700;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .7rem;border-radius:999px;background:var(--surface);color:var(--tx);margin:0}
.bc-cat.t-agua{background:var(--t-agua)}.bc-cat.t-hoja{background:var(--t-hoja)}.bc-cat.t-giras{background:var(--t-giras)}.bc-cat.t-melon{background:var(--t-melon)}
.pagehead .bc-cat{background:var(--surface)}
.post-hero{margin:1.4rem auto 0;max-width:1120px}
.post-hero img,.post-hero svg{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:520px;object-fit:cover;border-radius:28px}
.post-body{padding-block:2rem 1rem}
.post-body h2{margin-top:2.2rem}
.post-body h3{margin-top:1.4rem}
.post-body p,.post-body li{max-width:none}
.post-body .card p{margin-bottom:.5rem}
.post-body .grid{margin-block:1rem 1.4rem}
.post-body blockquote{margin:1.4rem 0;padding:1rem 1.3rem;border-left:6px solid var(--hoja);background:var(--surface);border-radius:0 18px 18px 0;font-family:var(--hd);font-weight:600;font-size:1.12rem;line-height:1.4}
.post-body a:not(.btn){color:var(--bosque);font-weight:700}
.tbl{overflow-x:auto;margin:1rem 0 .6rem;background:var(--surface);border-radius:18px;padding:.4rem .9rem}
.tbl table{width:100%;border-collapse:collapse;font-size:.97rem;min-width:420px}
.tbl th,.tbl td{text-align:left;padding:.6rem .5rem;border-top:1px solid var(--line);vertical-align:top}
.tbl thead th{border-top:0;font:700 .85rem var(--hd);color:var(--mu)}
.tbl tbody tr:first-child th,.tbl tbody tr:first-child td{border-top:0}
.tbl thead+tbody tr:first-child th,.tbl thead+tbody tr:first-child td{border-top:1px solid var(--line)}
.tbl tbody th{font-weight:400}
.tbl td{font-weight:700;white-space:nowrap}
.post-fig{margin:1.6rem 0}
.post-fig img{display:block;width:100%;height:auto;border-radius:22px}
.post-fig figcaption,.post-gal figcaption{font-size:.9rem;color:var(--mu);margin-top:.45rem}
.post-gal{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1rem 0 1.2rem}
@media(min-width:700px){.post-gal{grid-template-columns:repeat(3,1fr)}}
.post-gal figure{margin:0}
.post-gal img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px}
.steps-list{counter-reset:s;list-style:none;padding:0}
.steps-list li{counter-increment:s;position:relative;padding-left:2.8rem;margin-bottom:.9rem}
.steps-list li::before{content:counter(s);position:absolute;left:0;top:0;width:2rem;height:2rem;border-radius:50%;background:var(--girasol);font:700 1rem/2rem var(--hd);text-align:center}
.serie{background:var(--t-melon);border-radius:22px;padding:1.1rem 1.3rem;margin-bottom:1.6rem}
.serie .up{font-family:var(--hd);font-weight:700;font-size:.85rem;margin-bottom:.4rem}
.serie ol{margin:0;padding-left:1.2rem}.serie li{margin-bottom:.2rem}
.serie-next{margin-top:2rem}
.bgrid{display:grid;gap:1.1rem;grid-template-columns:1fr}
@media(min-width:640px){.bgrid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.bgrid{grid-template-columns:repeat(3,1fr)}}
.bcard{background:var(--surface);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 0 rgba(0,51,51,.06);min-width:0}
.bc-img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--t-agua)}
.bc-img img,.bc-img svg{display:block;width:100%;height:100%;object-fit:cover}
.bc-tx{padding:1.1rem 1.25rem 1.3rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.bc-tx h3{margin:0;font-size:1.18rem;line-height:1.25}
.bc-tx h3 a{text-decoration:none}
.bc-tx h3 a:hover{text-decoration:underline}
.bc-tx p{margin:0;font-size:.95rem;color:var(--mu)}
.bc-tx .bc-cat{align-self:flex-start;color:var(--tx)}
.bc-meta{margin-top:auto!important;font-size:.85rem!important}
.blog-sec{padding-block:2rem}
.chips a{text-decoration:none}
.post-rel{padding-top:1rem}

/* franja del pie: alto exacto de una fila de iconos */
.fs-pat{height:40px;border-radius:20px;margin-inline:auto;max-width:100%}
@media(max-width:1100px){.hdr{position:relative;top:auto}.hdr-in{padding-block:.5rem}.hdr .logo svg{height:52px!important}}

@media(max-width:1100px){.js .menu-btn{display:inline-block!important}}
@media(min-width:1101px){.menu-btn{display:none!important}}
.btn-s{background:var(--bosque,#027C68);color:#fff;border-color:var(--bosque,#027C68)}
.btn-s:hover{background:var(--selva,#003333);border-color:var(--selva,#003333)}

.ab-start{display:flex;justify-content:center;margin:1.2rem 0 .4rem}
.ab-types{margin:0 0 1rem;max-width:460px}.ab-types img{display:block;width:100%;height:auto;border-radius:18px}.ab-types figcaption{font-size:.92rem;margin-top:.4rem;color:var(--mu)}
.tl-rec{font-size:.92rem;margin:.6rem 0 0;color:var(--mu)}
.tl-rec b{color:var(--tx)}

.qz-m{margin:0 0 1rem;font-size:.95rem;color:var(--tx,#073b2f)}.qz-m b{color:var(--bosque,#0a4d3c)}.qz-ch{margin-left:.5rem;background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;padding:.2rem}
/* tablas del blog: sin deslizar, legibles en escritorio y móvil */
.tbl{overflow-x:visible}
.tbl table{min-width:0;table-layout:auto}
.tbl td{white-space:normal;font-weight:600}
.tbl table.t3 th[scope=row]{width:26%;color:var(--mu);font-weight:700}
.tbl table.t3 thead th{background:var(--bosque,#0a4d3c);color:#fff;padding:.6rem .7rem}
.tbl table.t3 thead th:first-child{background:none}
.tbl table.t3 td{width:37%;padding-inline:.7rem}
@media(max-width:700px){
.tbl{padding:.3rem .8rem}
.tbl table.t3 thead{display:none}
.tbl table.t3,.tbl table.t3 tbody,.tbl table.t3 tr,.tbl table.t3 th,.tbl table.t3 td{display:block;width:auto}
.tbl table.t3 tr{padding:.7rem 0;border-top:1px solid var(--line)}
.tbl table.t3 tr:first-child{border-top:0}
.tbl table.t3 th,.tbl table.t3 td{border:0;padding:.15rem 0}
.tbl table.t3 th[scope=row]{color:var(--tx);font-size:1rem;margin-bottom:.2rem}
.tbl table.t3 td::before{content:attr(data-l);display:block;font:700 .75rem var(--hd);text-transform:uppercase;letter-spacing:.06em;color:var(--mu)}
.tbl table.t3 td{margin-top:.35rem}
.tbl table:not(.t3) td{text-align:right}
}
@media(max-width:700px){.tbl table.t3 th[scope=row],.tbl table.t3 td{width:auto!important}}

.ab-hd{grid-column:1/-1}.ab-hd h3{margin:0 0 .5rem}.ab-hd .ab-types{margin:0}

.qz-ed{display:block;font-size:.85rem;line-height:1.35;margin-top:.25rem;color:var(--tx,#073b2f);font-weight:400}

.ab-noimg.ab-pick{display:flex;align-items:center;justify-content:center;text-align:center;padding:.6rem;font-size:.85rem;color:var(--mu);background:var(--surface)}
@media(min-width:1101px){.nav a{padding:.5rem .55rem;letter-spacing:.05em;font-size:.72rem}.nav .btn-wa{font-size:.9rem;padding-inline:1rem;margin-left:.2rem}.hdr .logo svg{height:56px!important}}
/* menú en un solo bloque a la derecha (escritorio) */
@media(min-width:1101px){
.hdr-in{grid-template-columns:auto minmax(0,1fr)}
.hdr-in .logo{grid-column:1;grid-row:1;justify-self:start}
.hdr-in .navs{display:flex;grid-column:2;grid-row:1;justify-content:flex-end;align-items:center;flex-wrap:nowrap;min-width:0}
.hdr-in .nav-l,.hdr-in .nav-r{grid-column:auto;grid-row:auto;justify-self:auto;flex-wrap:nowrap}
}
@media(min-width:1101px) and (max-width:1260px){.nav a{padding:.5rem .42rem;font-size:.69rem;letter-spacing:.03em}}
/* botón flotante de WhatsApp a media altura (no lo tapa el aviso de Netlify ni las barras inferiores) */
.fab,body:has(#arma-bici) .fab{top:50%;bottom:auto!important;transform:translateY(-50%)}
.fab:active{transform:translateY(-50%) scale(.97)}