:root{--orange:#f97316;--blue:#0b63ce;--blue-dark:#083c82;--ink:#172033;--muted:#5d687a;--paper:#fef7ed;--card:#fffcf9;--line:#eadfd3;--soft:#edf6ff;--green:#15803d;--red:#b91c1c;--shadow:0 18px 50px rgba(45,34,22,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7}img{max-width:100%;height:auto}a{color:var(--blue);text-underline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:99;background:#fff;padding:10px 14px;border-radius:8px}a:focus-visible{outline:3px solid #0b63ce;outline-offset:3px}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,252,249,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{max-width:1160px;margin:auto;min-height:68px;padding:0 22px;display:flex;align-items:center;gap:26px}.logo{font-size:1.15rem;color:#111827;text-decoration:none;font-weight:900;letter-spacing:-.04em}.logo i{font-style:normal;color:#c2410c}.nav-links{display:flex;align-items:center;gap:20px;margin-left:auto}.nav-links a{font-size:.9rem;color:#394150;text-decoration:none;font-weight:650}.nav-links a[aria-current="page"]{color:var(--blue)}.nav-cta{background:var(--orange);color:#111827!important;padding:9px 14px;border-radius:10px}.breadcrumb{max-width:1080px;margin:0 auto;padding:22px 22px 0;color:#6b7280;font-size:.84rem}.breadcrumb a{color:#4b5563;text-decoration:underline;text-decoration-thickness:1px}.hero{max-width:1160px;margin:20px auto 0;padding:0 22px}.hero-media{position:relative;overflow:hidden;border-radius:24px;min-height:480px;background:#18314e;box-shadow:var(--shadow)}.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,15,30,.86) 0%,rgba(4,15,30,.61) 48%,rgba(4,15,30,.12) 76%)}.hero-copy{position:relative;z-index:1;max-width:690px;padding:72px 58px;color:#fff}.eyebrow{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(37,131,235,.2);border:1px solid rgba(147,197,253,.45);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(2.15rem,5vw,4.25rem);line-height:1.03;letter-spacing:-.045em;margin:16px 0}.hero-dek{font-size:clamp(1rem,2vw,1.22rem);line-height:1.6;color:#e5edf7;margin:0 0 20px}.byline{display:flex;gap:10px;flex-wrap:wrap;color:#d6e0ed;font-size:.84rem}.image-note{font-size:.72rem;color:#596579;margin:7px 8px 0}.layout{max-width:1080px;margin:44px auto;padding:0 22px;display:grid;grid-template-columns:minmax(0,740px) 260px;gap:52px}.article{min-width:0}.lead{font-size:1.16rem;color:#354052;line-height:1.8}.article h2{font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.2;letter-spacing:-.025em;margin:52px 0 16px;scroll-margin-top:90px}.article h3{font-size:1.22rem;line-height:1.35;margin:32px 0 10px}.article p,.article li{color:#344054}.article li+li{margin-top:8px}.article strong{color:#182235}.toc,.note,.warning,.affiliate-note,.method,.legal{border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin:28px 0;background:var(--card)}.toc strong{display:block;margin-bottom:7px}.toc ol{margin:0;padding-left:21px}.note{border-left:4px solid var(--blue);background:var(--soft)}.warning{border-left:4px solid #dc2626;background:#fff4f2}.method{border-left:4px solid #7c3aed;background:#f7f3ff}.legal{border-left:4px solid #d97706;background:#fff9ec}.affiliate-note{font-size:.88rem;color:#5e6571;background:#f7f7f6}.checklist{list-style:none;padding:0}.checklist li{position:relative;padding-left:30px}.checklist li:before{content:"✓";position:absolute;left:0;top:0;color:var(--green);font-weight:900}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.card{display:block;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--card);text-decoration:none;box-shadow:0 9px 24px rgba(40,32,24,.04);transition:.2s}.card:hover{transform:translateY(-2px);border-color:#93c5fd}.card span{color:var(--blue);font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.card h2,.card h3{color:var(--ink);font-size:1.2rem;margin:8px 0}.card p{margin:0;color:var(--muted);font-size:.93rem}.table-wrap{overflow-x:auto;margin:24px 0;border:1px solid var(--line);border-radius:15px;background:var(--card)}table{width:100%;border-collapse:collapse;min-width:610px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:#445064;background:#f8f4ef}td{font-size:.91rem;color:#364152}tr:last-child td{border-bottom:0}.buy-grid{display:grid;gap:18px;margin:26px 0}.buy-card{border:1px solid var(--line);border-radius:18px;padding:22px;background:var(--card)}.buy-card h3{margin:0 0 6px}.tag{display:inline-block;color:var(--blue-dark);background:#e7f2ff;border-radius:999px;padding:4px 9px;font-size:.72rem;font-weight:850;text-transform:uppercase}.specs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.specs span{background:#f2f4f7;color:#475467;border-radius:7px;padding:4px 8px;font-size:.78rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--orange);color:#111827;text-decoration:none;font-weight:800;padding:11px 16px;border-radius:10px}.button.secondary{background:var(--blue);color:#fff}.cta-box{margin:46px 0;padding:28px;border-radius:20px;background:linear-gradient(135deg,#092f67,#0b63ce);color:#fff}.cta-box h2,.cta-box p{color:#fff;margin-top:0}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}.cta-actions a{background:#fff;color:#14213d;padding:10px 14px;border-radius:9px;text-decoration:none;font-weight:800}.sidebar{align-self:start;position:sticky;top:96px}.side-box{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:18px}.side-box+ .side-box{margin-top:16px}.side-box h2{font-size:.9rem;margin:0 0 10px;text-transform:uppercase;letter-spacing:.06em}.side-box a{display:block;color:#465166;text-decoration:none;font-size:.88rem;padding:7px 0;border-bottom:1px solid #eee7df}.side-box a:last-child{border-bottom:0}.source-list{font-size:.88rem}.source-list li+li{margin-top:10px}.related{max-width:1080px;margin:0 auto 64px;padding:0 22px}.related>h2{font-size:1.65rem}.footer{background:#0b1220;color:#cbd5e1;padding:42px 22px}.footer-inner{max-width:1080px;margin:auto;display:flex;justify-content:space-between;gap:26px;flex-wrap:wrap}.footer a{color:#e2e8f0;text-decoration:none}.footer small{display:block;color:#94a3b8;margin-top:8px}.hub-intro{max-width:900px;margin:42px auto 0;padding:0 22px;text-align:center}.hub-intro h2{font-size:2rem;margin-bottom:8px}.pillars{max-width:1080px;margin:28px auto 52px;padding:0 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.pillar{overflow:hidden;border:1px solid var(--line);border-radius:19px;background:var(--card);text-decoration:none;box-shadow:var(--shadow)}.pillar img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.pillar-copy{padding:22px}.pillar h2{color:var(--ink);font-size:1.35rem;line-height:1.3;margin:8px 0}.pillar p{color:var(--muted);margin:0}.disclosure{font-size:.78rem;color:#788191;margin-top:13px}.roi-strip{max-width:1080px;margin:0 auto 64px;padding:0 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.roi-strip div{padding:20px;border-radius:15px;background:#eaf4ff;border:1px solid #c9e1fb}.roi-strip strong{display:block;color:#0b4a99}.faq details{border-top:1px solid var(--line);padding:16px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:750;color:#233047}.faq p{margin-bottom:0}.updated{font-size:.8rem;color:#727c8b}.author-box{display:flex;gap:16px;align-items:flex-start;border-top:1px solid var(--line);padding-top:24px;margin-top:44px}.author-mark{flex:0 0 46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#172033;color:#fff;font-weight:900}.author-box p{margin:3px 0;font-size:.9rem}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-app-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-app-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border-radius:12px;background:var(--orange);color:#111827;text-decoration:none;font-weight:850;box-shadow:0 10px 28px rgba(249,115,22,.28)}.hero-app-link:hover{background:#ea580c}.hero-app-proof{font-size:.8rem;color:#dbeafe}.hero-app-proof strong{color:#fff}.app-promo{scroll-margin-top:88px;max-width:1080px;margin:32px auto 8px;padding:0 22px}.app-promo-shell{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:36px;align-items:center;padding:38px 42px;border-radius:24px;background:linear-gradient(135deg,#071a34 0%,#0a438f 58%,#0b63ce 100%);color:#fff;box-shadow:0 24px 60px rgba(8,60,130,.2)}.app-promo-shell:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-120px;top:-170px;background:rgba(56,189,248,.2)}.app-promo-copy,.app-phone{position:relative;z-index:1}.app-kicker{display:inline-flex;align-items:center;gap:7px;color:#bfdbfe;font-size:.76rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.app-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(249,115,22,.18)}.app-promo h2{font-size:clamp(1.65rem,3.5vw,2.55rem);line-height:1.12;letter-spacing:-.035em;color:#fff;margin:12px 0}.app-promo p{color:#dbeafe;margin:0 0 20px}.app-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;list-style:none;padding:0;margin:22px 0}.app-benefits li{position:relative;padding-left:25px;color:#eff6ff;font-size:.91rem}.app-benefits li:before{content:"✓";position:absolute;left:0;color:#86efac;font-weight:900}.store-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.store-button{display:inline-flex;flex-direction:column;min-width:148px;padding:9px 15px;border-radius:11px;background:#05070b;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.22);line-height:1.1}.store-button small{font-size:.64rem;color:#d1d5db}.store-button strong{font-size:.92rem;color:#fff;margin-top:3px}.store-button:hover{transform:translateY(-1px);border-color:#fff}.app-web-link{display:inline-block;margin-top:16px;color:#bfdbfe;text-decoration:none;font-size:.86rem;font-weight:750}.app-web-link:hover{color:#fff}.app-phone{max-width:250px;margin:0 auto;border:7px solid #111827;border-radius:32px;padding:12px;background:#080b12;box-shadow:0 24px 55px rgba(0,0,0,.4);transform:rotate(2deg)}.app-phone-top{width:74px;height:17px;border-radius:999px;background:#020409;margin:0 auto 12px}.app-phone-label{display:flex;justify-content:space-between;align-items:center;color:#93c5fd;font-size:.68rem;font-weight:800;text-transform:uppercase}.app-phone-gps{color:#86efac}.app-phone-km{text-align:center;padding:24px 0 17px;color:#fff}.app-phone-km strong{display:block;font-size:3.05rem;line-height:1;letter-spacing:-.06em}.app-phone-km span{font-size:.66rem;color:#94a3b8;letter-spacing:.16em}.app-phone-map{height:82px;border-radius:13px;margin:0 0 12px;background:linear-gradient(145deg,#dbeafe,#b7e4c7);position:relative;overflow:hidden}.app-phone-map:before,.app-phone-map:after{content:"";position:absolute;background:#fff;opacity:.8;transform:rotate(-18deg)}.app-phone-map:before{width:130%;height:8px;left:-12px;top:38px}.app-phone-map:after{width:8px;height:130%;left:104px;top:-12px}.app-phone-route{position:absolute;left:38px;top:18px;width:78px;height:48px;border:4px solid #0066ff;border-color:#0066ff #0066ff transparent transparent;border-radius:50%;transform:rotate(18deg);z-index:1}.app-phone-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0}.app-phone-stats div{padding:8px;border-radius:9px;background:#151a24}.app-phone-stats span{display:block;color:#64748b;font-size:.56rem;text-transform:uppercase}.app-phone-stats strong{display:block;color:#fff;font-size:.8rem}.app-phone-button{display:block;text-align:center;border-radius:11px;background:#0066ff;color:#fff;padding:10px;font-size:.75rem;font-weight:900;text-transform:uppercase}.app-phone-note{text-align:center;color:#94a3b8;font-size:.58rem!important;margin:8px 0 0!important}.app-promo-inline{margin-top:26px;margin-bottom:0}.app-promo-inline .app-promo-shell{grid-template-columns:1fr;padding:28px 32px}.app-promo-inline .app-promo h2{font-size:1.75rem}.app-promo-inline .app-benefits{grid-template-columns:repeat(3,minmax(0,1fr));margin:17px 0}.key-takeaways{border:1px solid #c9e1fb;border-radius:18px;padding:22px 24px;margin:28px 0;background:linear-gradient(135deg,#edf6ff,#fff)}.key-takeaways strong:first-child{display:block;color:#0b4a99;font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.key-takeaways ul{margin:0;padding-left:20px}.app-howto{margin:36px 0;padding:26px;border-radius:18px;background:#0b1220;color:#fff}.app-howto h2,.app-howto h3,.app-howto p,.app-howto li,.app-howto strong{color:#fff}.app-howto h2{margin-top:0}.app-howto p{color:#cbd5e1}.app-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 22px}.app-step{padding:16px;border:1px solid rgba(148,163,184,.22);border-radius:13px;background:rgba(255,255,255,.05)}.app-step b{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--orange);color:#111827;font-size:.75rem;margin-bottom:9px}.app-step strong{display:block;font-size:.9rem}.app-step span{display:block;color:#aab6c7;font-size:.8rem;line-height:1.45;margin-top:4px}.mobile-app-bar{display:none}.buy-illus{margin:-4px -6px 14px;padding:0;display:block}.buy-illus svg{display:block;width:100%;max-width:100%;height:auto;border-radius:12px}.buy-photo{display:flex;align-items:center;justify-content:center;margin:0 0 14px;padding:16px;min-height:200px;background:#fff;border:1px solid var(--line);border-radius:12px}.buy-photo img{max-height:190px;width:auto;max-width:100%;object-fit:contain}.buy-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0}.buy-grid-2 .buy-card{display:flex;flex-direction:column}.buy-grid-2 .buy-card .button,.buy-grid-2 .buy-card .button.secondary{margin-top:auto;align-self:flex-start}.author-photo{flex:0 0 46px;width:46px;height:46px;border-radius:50%;object-fit:cover}@media(max-width:700px){.buy-grid-2{grid-template-columns:1fr}}
@media(max-width:860px){.layout{grid-template-columns:1fr;gap:20px}.sidebar{position:static}.hero-media{min-height:440px}.hero-copy{padding:58px 34px}.hero-overlay{background:linear-gradient(0deg,rgba(4,15,30,.88),rgba(4,15,30,.35))}.nav-links a:not(.nav-cta){display:none}.pillars,.cards{grid-template-columns:1fr}.roi-strip{grid-template-columns:1fr}.app-promo-shell{grid-template-columns:1fr}.app-phone{transform:none}.app-promo-inline .app-benefits{grid-template-columns:1fr}.app-steps{grid-template-columns:1fr}}
@media(max-width:560px){body{padding-bottom:88px}.nav{padding:0 16px}.hero{padding:0 12px}.breadcrumb{padding-left:16px}.hero-media{border-radius:16px;min-height:430px}.hero-copy{padding:34px 22px}.layout{padding:0 17px;margin-top:34px}.hero h1{font-size:2.25rem}.hero-app-actions{align-items:flex-start;flex-direction:column}.hero-app-link{width:100%}.cta-actions{display:grid}.cta-actions a{text-align:center}.pillar-copy{padding:18px}.pillars{padding:0 14px}.roi-strip{padding:0 14px}.app-promo{padding:0 12px;margin-top:22px}.app-promo-shell{padding:28px 22px;border-radius:18px}.app-benefits{grid-template-columns:1fr}.store-actions{display:grid;grid-template-columns:1fr 1fr}.store-button{min-width:0}.app-phone{max-width:225px}.mobile-app-bar{position:fixed;display:flex;align-items:center;justify-content:space-between;gap:12px;left:10px;right:10px;bottom:10px;z-index:50;padding:10px 12px 10px 16px;border-radius:14px;background:rgba(11,18,32,.96);box-shadow:0 10px 35px rgba(0,0,0,.3);backdrop-filter:blur(12px)}.mobile-app-bar span{color:#fff;font-size:.78rem;font-weight:750;line-height:1.25}.mobile-app-bar a{flex:0 0 auto;padding:9px 12px;border-radius:9px;background:var(--orange);color:#111827;text-decoration:none;font-size:.76rem;font-weight:900}.key-takeaways{padding:20px}.app-howto{padding:22px}.app-promo-inline .app-promo-shell{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.footer .logo i{color:#fb923c}

/* --- UX: índice colapsable (activado por JS solo en móvil) --- */
.toc-collapsible strong{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;user-select:none}
.toc-collapsible strong:after{content:"▾";color:#64748b;transition:transform .18s ease}
.toc-collapsed strong{margin-bottom:0}
.toc-collapsed strong:after{transform:rotate(-90deg)}
.toc-collapsed ol{display:none}

/* --- UX: indicador de scroll horizontal en tablas --- */
.table-wrap.has-scroll:before{content:"↔ Desliza para ver toda la tabla";position:sticky;left:0;display:block;padding:9px 14px;font-size:.74rem;font-weight:700;color:#64748b;background:#f8f4ef;border-bottom:1px solid var(--line)}

/* --- Targets táctiles ≥44px --- */
.side-box a{padding:11px 0;min-height:44px;display:flex;align-items:center}
.nav-links a{padding:11px 4px;display:inline-flex;align-items:center;min-height:44px}
.footer a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
.faq summary{min-height:44px;display:flex;align-items:center}
.breadcrumb a{display:inline-block;padding:9px 2px}
.mobile-app-bar a{padding:12px 16px;min-height:44px;display:inline-flex;align-items:center}

/* --- Safe areas (barra sticky móvil) --- */
@media(max-width:560px){body{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}.mobile-app-bar{bottom:calc(10px + env(safe-area-inset-bottom,0px))}}

/* La CTA móvil entra después del hero para no cubrir título, autor ni fecha. */
@media(max-width:560px){.mobile-app-bar{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(100% + 28px));transition:opacity .2s ease,transform .2s ease,visibility .2s}.mobile-app-bar.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}}

/* --- Hub: navegación por chips --- */
.chip-nav{display:flex;flex-wrap:wrap;gap:10px;max-width:1080px;margin:8px auto 0;padding:0 22px}
.chip-nav a{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:#36415a;text-decoration:none;font-size:.88rem;font-weight:700}
.chip-nav a:hover{border-color:#93c5fd;color:var(--blue)}
.chip-nav a.chip-active{background:var(--blue);border-color:var(--blue);color:#fff}

/* --- Hub: tarjetas de modalidad --- */
.modality-grid{max-width:1080px;margin:26px auto;padding:0 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.modality{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:24px;box-shadow:0 9px 24px rgba(40,32,24,.04)}
.modality h3{margin:0 0 8px;font-size:1.22rem}
.modality p{color:#475467;font-size:.93rem;margin:0 0 14px}
.modality-facts{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 16px;font-size:.85rem}
.modality-facts dt{color:#6b7280;font-weight:650}
.modality-facts dd{margin:0;color:#344054}
.modality .modality-link{display:inline-flex;align-items:center;min-height:44px;gap:7px;color:var(--blue);font-weight:750;text-decoration:none;font-size:.9rem}
.modality .modality-link:hover{text-decoration:underline}
@media(max-width:760px){.modality-grid{grid-template-columns:1fr}}

/* --- Hub: elige tu siguiente paso --- */
.next-step{max-width:1080px;margin:10px auto 46px;padding:0 22px}
.next-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.next-step-card{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--card);text-decoration:none;color:var(--ink)}
.next-step-card:hover{border-color:#93c5fd}
.next-step-card span{color:var(--blue);font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.next-step-card strong{font-size:1.05rem}
.next-step-card small{color:var(--muted);font-size:.87rem;line-height:1.5}
@media(max-width:760px){.next-step-grid{grid-template-columns:1fr}}

/* --- Hub editorial (texto de apoyo) --- */
.hub-editorial{max-width:820px;margin:14px auto 34px;padding:0 22px}
.hub-editorial h2{font-size:1.5rem;letter-spacing:-.02em;margin:34px 0 10px}
.hub-editorial p{color:#3d495e;line-height:1.75}

/* --- Comparativas 2027: fotografía real, precio y compra --- */
.bike-photo{display:flex;align-items:center;justify-content:center;margin:-5px -5px 16px;overflow:hidden;min-height:210px;background:#fff;border:1px solid var(--line);border-radius:13px}
.bike-photo img{display:block;width:100%;aspect-ratio:30/19;object-fit:contain;background:#fff;transition:transform .25s ease}
.bike-photo:hover img{transform:scale(1.025)}
.product-price{display:inline-block;align-self:flex-start;margin:10px 0 4px;padding:5px 11px;border-radius:999px;background:#fff1e7;border:1px solid #fed7aa;color:#c2410c;font-size:.83rem;font-weight:850}

/* --- Logotipos oficiales de las plataformas --- */
.store-button{display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-width:164px}
.store-button:before,.cta-actions a:before{content:"";display:block;width:24px;height:24px;background-position:center;background-repeat:no-repeat;background-size:contain}
.store-button:before{grid-column:1;grid-row:1/3}
.store-button small{grid-column:2}
.store-button strong{grid-column:2}
.store-button[href^="https://apps.apple.com"]:before,.cta-actions a[href^="https://apps.apple.com"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z'/%3E%3C/svg%3E")}
.store-button[href^="https://play.google.com"]:before,.cta-actions a[href^="https://play.google.com"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2334A853' d='M3.609 1.814 13.792 12 3.61 22.186A1 1 0 0 1 3 21.266V2.734c0-.388.223-.72.609-.92z'/%3E%3Cpath fill='%23FBBC04' d='M16.296 15.504 13.792 12l2.504-3.504L21 11.23c.859.5.859 1.04 0 1.54l-4.704 2.734z'/%3E%3Cpath fill='%234285F4' d='M3.609 1.814 13.792 12l2.504-3.504L5.418.35c-.5-.29-1.14-.18-1.809.464v1z'/%3E%3Cpath fill='%23EA4335' d='m13.792 12-10.183 10.186c.669.644 1.309.754 1.809.464l10.878-6.146L13.792 12z'/%3E%3C/svg%3E")}
.cta-actions a{display:inline-flex;align-items:center;gap:9px;background:#05070b;color:#fff;border:1px solid rgba(255,255,255,.24)}
@media(max-width:560px){.bike-photo{min-height:190px}.store-button{min-width:0}.cta-actions a{justify-content:center}}

/* Estado comercial 2026/2027 de cada bicicleta (verificado contra ficha oficial) */
.estado-com{display:inline-block;margin:6px 0 2px;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.estado-atencion{background:#fffbeb;color:#92400e;border-color:#fde68a}

/* Navegación por categorías del hub (HTML puro, sin JS) */
.hub-cats{display:flex;flex-wrap:wrap;gap:10px;max-width:1100px;margin:26px auto 6px;padding:0 20px}
.hub-cats a{display:inline-block;padding:9px 16px;border-radius:999px;border:1px solid #d9cfc2;background:#fff;color:#3d3229;font-weight:700;font-size:.9rem;text-decoration:none}
.hub-cats a:hover{border-color:#f97316;color:#c2410c}
.section-head .kicker{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#c2410c;margin-bottom:6px}
.nutri-links{margin:14px 0 0;padding-left:20px}
.nutri-links li{margin:8px 0;line-height:1.6}
.nutri-links a{color:#1f1b16;text-decoration:underline;text-decoration-color:rgba(249,115,22,.5);text-underline-offset:3px}

/* Tarjetas sin fotografía: bloque editorial con enlace a la galería oficial del fabricante */
.bike-photo-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:-5px -5px 16px;min-height:210px;background:linear-gradient(180deg,#f8fafc,#eef2f7);border:1px solid var(--line);border-radius:13px;text-decoration:none;padding:22px;text-align:center;transition:border-color .2s}
.bike-photo-pending:hover{border-color:#c2410c}
.bike-photo-pending .bpp-brand{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#64748b}
.bike-photo-pending .bpp-model{font-size:1.15rem;font-weight:800;color:#1f2937;line-height:1.3}
.bike-photo-pending .bpp-note{font-size:.78rem;color:#64748b}
.bike-photo-pending .bpp-cta{font-size:.82rem;font-weight:700;color:#c2410c;text-decoration:underline;text-underline-offset:3px}
.bike-photo-pending svg{opacity:.5}