/* Estilos de páginas internas — Rentamotos Colombia */
.page-hero{background:linear-gradient(150deg,rgba(4,21,65,.95) 0%,rgba(13,36,96,.97) 100%);color:#fff;padding:3rem 0 2.6rem;position:relative;overflow:hidden}
.page-hero .ph-bg{position:absolute;inset:0;z-index:0}
.page-hero .ph-bg img{width:100%;height:100%;object-fit:cover;opacity:.22}
.page-hero .page{position:relative;z-index:1}
.page-hero h1{font-size:clamp(1.7rem,3.8vw,2.6rem);line-height:1.1;letter-spacing:-.03em;max-width:820px;margin-bottom:.7rem}
.page-hero h1 em{font-style:normal;color:var(--gold)}
.page-hero .lead{color:#c9d3ee;max-width:680px;font-size:1rem;margin-bottom:1.3rem}
.page-hero .hero-cta{display:flex;flex-wrap:wrap;gap:.7rem}
.crumbs{font-size:.75rem;color:#9fb0d8;margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:.35rem}
.crumbs a{color:#c9d3ee}
.crumbs a:hover{color:var(--gold)}
.meta-line{font-size:.8rem;color:#9fb0d8;margin-top:-.3rem;margin-bottom:1rem}

.prose{max-width:780px;margin:0 auto;padding:3rem 1.25rem}
.prose h2{color:var(--navy);font-size:1.45rem;margin:2.2rem 0 .8rem}
.prose h2:first-child{margin-top:0}
.prose h3{color:var(--navy);font-size:1.1rem;margin:1.6rem 0 .5rem}
.prose p{color:#2c3350;line-height:1.8;margin-bottom:1rem;font-size:1rem}
.prose ul,.prose ol{margin:0 0 1.2rem 1.3rem;color:#2c3350;line-height:1.8}
.prose li{margin-bottom:.35rem}
.prose a{color:var(--gold2);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.prose strong{color:var(--navy)}
.prose figure{margin:1.6rem 0}
.prose figure img{width:100%;height:auto;border-radius:var(--r)}
.prose figcaption{font-size:.78rem;color:var(--muted);margin-top:.4rem}
.prose table{width:100%;border-collapse:collapse;margin:1rem 0 1.4rem;font-size:.9rem}
.prose th{background:var(--navy);color:#fff;text-align:left;padding:.55rem .75rem;font-size:.8rem}
.prose td{padding:.5rem .75rem;border-bottom:1px solid var(--border)}
.prose .table-wrap{overflow-x:auto}

.cta-box{background:var(--navy);color:#fff;border-radius:var(--rlg);padding:1.8rem;margin:2.4rem 0;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}
.cta-box h2,.cta-box h3{color:#fff!important;margin:0 0 .3rem!important;font-size:1.2rem!important}
.cta-box p{color:#c9d3ee!important;margin:0!important;font-size:.9rem!important}
.cta-box .btn-primary{text-decoration:none!important}

.note-box{background:var(--goldt);border-left:4px solid var(--gold);border-radius:var(--rsm);padding:1rem 1.2rem;margin:1.4rem 0;font-size:.92rem;color:#2c3350}

.day-list{list-style:none;margin:0!important;padding:0;counter-reset:d}
.day-list li{position:relative;padding:0 0 1.4rem 3.2rem;margin:0}
.day-list li::before{content:attr(data-day);position:absolute;left:0;top:0;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--navy);color:var(--gold);font-weight:800;font-size:.72rem;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1}
.day-list li::after{content:"";position:absolute;left:1.15rem;top:2.6rem;bottom:.2rem;width:2px;background:var(--border)}
.day-list li:last-child::after{display:none}
.day-list h3{margin:.3rem 0 .35rem!important}

.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin:1.4rem 0 2rem}
.fact{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:.85rem 1rem}
.fact b{display:block;color:var(--navy);font-size:1.05rem}
.fact span{font-size:.76rem;color:var(--muted)}

.faq details{border:1px solid var(--border);border-radius:var(--r);background:var(--paper);margin-bottom:.6rem}
.faq summary{cursor:pointer;padding:1rem 1.1rem;font-weight:700;color:var(--navy);list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold2);font-weight:800}
.faq details[open] summary::after{content:"–"}
.faq details>div{padding:0 1.1rem 1rem;color:#2c3350;font-size:.95rem;line-height:1.7}

.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.1rem}
.link-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--tr),transform var(--tr)}
.link-card:hover{box-shadow:var(--shb);transform:translateY(-2px)}
.link-card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--surface)}
.link-card .lc-body{padding:1rem 1.1rem 1.1rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.link-card .lc-tag{font-size:.68rem;font-weight:700;color:var(--gold2);text-transform:uppercase;letter-spacing:.06em}
.link-card h2,.link-card h3{color:var(--navy);font-size:1rem;line-height:1.3;margin:0}
.link-card p{color:var(--muted);font-size:.84rem;line-height:1.55;flex:1;margin:0}
.link-card .lc-more{font-weight:700;font-size:.82rem;color:var(--gold2);margin-top:.3rem}

.fleet-table{width:100%;border-collapse:collapse;font-size:.88rem;background:var(--paper);border-radius:var(--r);overflow:hidden}
.fleet-table th{background:var(--navy);color:#fff;text-align:left;padding:.65rem .8rem;font-size:.76rem}
.fleet-table td{padding:.6rem .8rem;border-bottom:1px solid var(--border)}
.fleet-table td.amt{font-weight:700;color:var(--navy);white-space:nowrap}
.fleet-table a{color:var(--navy);font-weight:700}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}

.bike{display:grid;grid-template-columns:280px 1fr;gap:1.6rem;background:var(--paper);border:1px solid var(--border);border-radius:var(--rlg);padding:1.3rem;margin-bottom:1.3rem;scroll-margin-top:80px}
.bike img{width:100%;height:auto;border-radius:var(--r);background:var(--surface)}
.bike h3{color:var(--navy);font-size:1.25rem;margin-bottom:.2rem}
.bike .bk-tag{color:var(--muted);font-size:.85rem;margin-bottom:.6rem}
.bike .bk-specs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}
.bike .bk-specs span{background:var(--surface);border:1px solid var(--border);border-radius:40px;padding:.2rem .65rem;font-size:.75rem;color:var(--navy);font-weight:600}
.bike .bk-foot{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.9rem;align-items:center}
.bike .bk-dep{font-size:.82rem;color:var(--muted)}
.bike .bk-dep b{color:var(--navy)}
.btn-outline{border:2px solid var(--navy);color:var(--navy);font-weight:700;font-size:.85rem;padding:.6rem 1.1rem;border-radius:var(--r);display:inline-flex}
.btn-outline:hover{background:var(--navy);color:#fff}
@media(max-width:720px){.bike{grid-template-columns:1fr}.page-hero{padding:2.2rem 0 2rem}.prose{padding:2.2rem 1rem}}
.footer-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.6rem;align-items:start;line-height:1.9}
.footer-cols strong{color:#fff;display:block;margin-bottom:.3rem}
.footer-cols > div > a{display:block;color:rgba(255,255,255,.62)}
.footer-cols > div > a:hover{color:var(--gold)}
.footer-cols .soc-row a{display:inline-flex}
a.lang-b{display:inline-block;text-decoration:none}
@media(max-width:760px){.footer-cols{grid-template-columns:1fr}}
.bike > div{min-width:0}
.fleet-table td.amt-low{color:#166534;font-size:1rem}
.bike .bk-from{font-size:1.05rem;color:var(--navy);margin:-.2rem 0 .7rem}
.bike .bk-from b{font-size:1.4rem;color:#166534}
.bike .bk-from span{font-size:.78rem;color:var(--muted)}
/* Franja de reseñas Google */
.rv-band{background:linear-gradient(180deg,#fff 0%,var(--surface) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:2.2rem 0}
.rv-inner{max-width:1200px;margin:0 auto;padding:0 1.25rem;display:grid;grid-template-columns:230px 1fr;gap:1.8rem;align-items:center}
.rv-score{background:var(--navy);color:#fff;border-radius:var(--rlg);padding:1.4rem 1.2rem;text-align:center;box-shadow:var(--sha)}
.rv-g{display:inline-flex;align-items:center;gap:.4rem;background:#fff;color:#3c4043;font-weight:700;font-size:.8rem;border-radius:40px;padding:.25rem .7rem}
.rv-num{font-size:3rem;font-weight:800;line-height:1;margin:.6rem 0 .2rem;letter-spacing:-.03em}
.rv-stars{color:#FBBC04;letter-spacing:1px;font-size:.9rem}
.rv-stars.big{font-size:1.35rem}
.rv-count{font-size:.82rem;color:#c9d3ee;margin:.3rem 0 .9rem}
.rv-btn{display:inline-block;background:var(--gold);color:var(--navy);font-weight:800;font-size:.8rem;padding:.55rem .9rem;border-radius:var(--r)}
.rv-btn:hover{background:#fff}
.rv-title{color:var(--navy);font-size:1.35rem;margin-bottom:.9rem}
.rv-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}
.rv-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--r);padding:1rem 1.05rem;display:flex;flex-direction:column;gap:.45rem;margin:0}
.rv-card blockquote{color:#2c3350;font-size:.88rem;line-height:1.6;flex:1;margin:0}
.rv-card figcaption{font-size:.76rem;color:var(--muted)}
.rv-card figcaption b{color:var(--navy)}
.rv-note{font-size:.72rem;color:var(--muted);margin-top:.7rem}
@media(max-width:900px){.rv-inner{grid-template-columns:1fr}.rv-cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.4rem}.rv-card{scroll-snap-align:start}.rv-score{display:grid;grid-template-columns:auto auto;justify-content:center;column-gap:1rem;align-items:center}.rv-score .rv-num{grid-row:span 2;margin:0}.rv-g,.rv-btn{grid-column:1/-1;justify-self:center}.rv-g{margin-bottom:.5rem}.rv-btn{margin-top:.2rem}.rv-count{margin:.1rem 0 .6rem}}
.bk-rv{background:var(--goldt);border-left:3px solid var(--gold);border-radius:var(--rsm);padding:.6rem .8rem;font-size:.82rem;color:#2c3350;line-height:1.55;margin:-.2rem 0 .9rem}
.bk-rv b{font-weight:600;color:var(--muted);font-size:.76rem}
.bk-rv a{color:var(--gold2);text-decoration:underline}
.rv-right,.rv-inner>*{min-width:0}
/* Franja de duraciones (días/semanas/quincenas/meses) */
.du-band{background:var(--paper);border:1px solid var(--border);border-radius:var(--rlg);padding:1.6rem;margin:0 0 2rem;box-shadow:var(--sha)}
.du-title{color:var(--navy);font-size:1.35rem;margin-bottom:.35rem}
.du-sub{color:var(--muted);font-size:.92rem;margin-bottom:1.1rem;max-width:760px}
.du-sub em{font-style:normal;font-weight:700;color:var(--gold2)}
.du-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.du-tile{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:1rem .9rem;text-align:center}
.du-tile.du-hl{background:var(--navy);border-color:var(--navy);color:#fff}
.du-badge{position:absolute;top:-.6rem;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--navy);font-size:.66rem;font-weight:800;padding:.15rem .6rem;border-radius:40px;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}
.du-name{font-weight:800;color:var(--navy);font-size:1.05rem}
.du-hl .du-name{color:var(--gold)}
.du-len{font-size:.75rem;color:var(--muted);margin-bottom:.45rem}
.du-hl .du-len{color:#c9d3ee}
.du-price{font-weight:800;color:#166534;font-size:1rem}
.du-hl .du-price{color:#fff}
.du-ex{font-size:.74rem;color:var(--muted);margin-top:.2rem}
.du-hl .du-ex{color:#c9d3ee}
.du-foot{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:1.1rem}
.du-more{font-weight:700;color:var(--gold2);font-size:.88rem}
.du-note{font-size:.72rem;color:var(--muted);margin-top:.7rem}
@media(max-width:760px){.du-grid{grid-template-columns:1fr 1fr}.du-band{padding:1.2rem}}
/* Comparador de precios */
.cmp-box{background:var(--paper);border:1px solid var(--border);border-radius:var(--rlg);padding:1.4rem;box-shadow:var(--sha)}
.cmp-ctrl{display:grid;grid-template-columns:260px 1fr;gap:1.4rem;margin-bottom:1.2rem}
.cmp-l{display:block;font-weight:800;color:var(--navy);font-size:.88rem;margin-bottom:.5rem}
.cmp-drow{display:flex;align-items:center;gap:.4rem}
.cmp-drow input{width:72px;text-align:center;font:inherit;font-weight:800;font-size:1.15rem;color:var(--navy);border:2px solid var(--border);border-radius:var(--r);padding:.4rem}
.cmp-step{width:38px;height:38px;border-radius:50%;border:2px solid var(--navy);background:#fff;color:var(--navy);font-weight:800;font-size:1.1rem;cursor:pointer}
.cmp-step:hover{background:var(--navy);color:#fff}
.cmp-du{font-weight:700;color:var(--muted)}
.cmp-dqs{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}
.cmp-dq{border:1px solid var(--border);background:var(--surface);border-radius:40px;padding:.25rem .7rem;font:inherit;font-size:.8rem;font-weight:700;color:var(--navy);cursor:pointer}
.cmp-dq.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.cmp-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.cmp-chip{border:1.5px solid var(--border);background:#fff;border-radius:40px;padding:.35rem .8rem;font:inherit;font-size:.8rem;font-weight:600;color:var(--navy);cursor:pointer;transition:all var(--tr)}
.cmp-chip:hover{border-color:var(--gold)}
.cmp-chip.on{background:var(--goldt);border-color:var(--gold);font-weight:800}
.cmp-msg{color:#B91C1C;font-size:.8rem;font-weight:600;min-height:1.1em;margin-top:.4rem}
.cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--r)}
.cmp-table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:560px}
.cmp-table caption{caption-side:top;text-align:left;font-weight:700;color:var(--muted);padding:.5rem .8rem;font-size:.8rem}
.cmp-table th,.cmp-table td{padding:.6rem .7rem;border-bottom:1px solid var(--border);text-align:center;vertical-align:middle}
.cmp-table tr>th:first-child{text-align:left;color:var(--navy);font-size:.8rem;background:var(--surface);position:sticky;left:0;z-index:1;min-width:130px;max-width:150px}
.cmp-table th small,.cmp-table td small{display:block;font-size:.7rem;color:var(--muted);font-weight:500}
.cmp-table thead th,.cmp-table tr:first-child th{position:relative;vertical-align:top;padding-top:1rem}
.cmp-table tr:first-child th img{width:96px;height:96px;object-fit:contain;margin:0 auto .4rem;border-radius:var(--r);background:var(--navy)}
.cmp-table tr:first-child th b{display:block;color:var(--navy);font-size:.88rem;line-height:1.25}
.cmp-x{position:absolute;top:.3rem;right:.3rem;width:26px;height:26px;border-radius:50%;border:1px solid var(--border);background:#fff;color:var(--muted);font-size:1rem;line-height:1;cursor:pointer}
.cmp-x:hover{background:#FEE2E2;color:#B91C1C;border-color:#FCA5A5}
.cmp-badge{display:inline-block;background:#166534;color:#fff;font-size:.66rem;font-weight:800;border-radius:40px;padding:.1rem .5rem;margin-bottom:.3rem}
.cmp-hl td{background:#FBF7F2}
.cmp-hl td strong{font-size:1.05rem;color:var(--navy)}
.cmp-tot td strong{font-size:1.1rem}
.cmp-table td.cmp-win,.cmp-table th.cmp-win{background:#ECFDF3}
.cmp-table .cmp-hl td.cmp-win strong{color:#166534}
.cmp-na{color:#6b7280;font-size:.75rem}
.cmp-spec{font-size:.78rem;color:var(--muted);line-height:1.6}
.cmp-q{display:inline-block;background:var(--gold);color:var(--navy);font-weight:800;font-size:.8rem;padding:.45rem .8rem;border-radius:var(--r)}
.cmp-q:hover{background:var(--navy);color:#fff}
.cmp-empty{padding:2rem;text-align:center;color:var(--muted)}
.cmp-note{font-size:.72rem;color:var(--muted);margin-top:.7rem}
@media(max-width:760px){.cmp-ctrl{grid-template-columns:1fr;gap:1rem}.cmp-box{padding:1rem}.cmp-table tr>th:first-child{min-width:105px;max-width:115px;font-size:.74rem}.cmp-table{font-size:.82rem}}
@media(max-width:760px){.cmp-chips{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;padding-bottom:.4rem;-webkit-overflow-scrolling:touch}.cmp-chip{font-size:.76rem;padding:.3rem .65rem;white-space:nowrap}}
.cmp-ctrl>*,.cmp-box{min-width:0}
.pay-band{background:var(--paper);border:1px solid var(--border);border-radius:var(--rlg);padding:1.6rem;margin:0 0 2rem;box-shadow:var(--sha)}
.pay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}

@media(max-width:480px){.pay-grid{grid-template-columns:minmax(0,1fr)}}
.pay-tile{display:flex;align-items:center;gap:.7rem;background:var(--surface,#EEF1F8);border-radius:var(--r,12px);padding:.75rem .9rem;min-width:0}
.pay-ic{font-size:1.45rem;line-height:1;flex-shrink:0;width:1.8rem;text-align:center}
.pay-name{font-weight:800;color:var(--navy);font-size:.9rem}
.pay-det{font-size:.78rem;color:var(--muted)}
.pay-fee .pay-det{color:var(--gold2);font-weight:700}

@media(min-width:1100px){.pay-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.pay-tile{flex-direction:column;align-items:flex-start;gap:.4rem}}
@media(min-width:1100px){.pay-ic{text-align:left}}
.faq a{color:var(--gold2);font-weight:700;text-decoration:underline;text-underline-offset:2px}
