/* cómo llegar */
.rutas-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.ruta-box{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:24px;}
.ruta-box .pill-time{margin-bottom:12px;}
.ruta-box h3{font-size:20px;margin-bottom:8px;}
.ruta-box p{font-size:15.5px;color:var(--text);}
@media(max-width:700px){.rutas-grid{grid-template-columns:1fr;}}

/* tiempos de traslado por fases del día (cómo llegar) */
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:1px;}
.sv .dot{background:var(--primary);}.tr .dot{background:var(--accent);}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
.llC{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;}
.ph{display:grid;grid-template-columns:170px 1fr 1fr;border-top:1px solid var(--border);}
.ph.hd{border-top:0;background:var(--primary);color:#fff;font-weight:600;font-size:14px;}
.ph.hd>div{padding:12px 16px;}
.ph-h{padding:14px 16px;font-weight:700;font-size:14px;background:var(--bg);}
.ph-c{padding:8px 16px;border-left:1px solid var(--border);}
.cl{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:5px 0;font-size:14px;}
.cl span{color:var(--text-light);}.cl b{color:var(--text);font-weight:600;}
.cl strong{font-variant-numeric:tabular-nums;white-space:nowrap;}
.cl.tot{border-top:1px dashed var(--border);margin-top:4px;padding-top:8px;}
.cl.tot span{font-weight:600;color:var(--text);}
.ph-c.sv .cl.tot strong{color:var(--primary);}.ph-c.tr .cl.tot strong{color:#9a7314;}
.ll-note{font-size:13px;color:var(--text-light);margin-top:10px;}
@media(hover:hover){.ph:not(.hd):hover .ph-h{box-shadow:inset 3px 0 0 var(--accent);}.ph:not(.hd):hover{background:var(--primary-soft);}.ph:not(.hd):hover .ph-h{background:var(--primary-soft);}}
@media(max-width:700px){.ph{grid-template-columns:1fr;}.ph-c{border-left:0;border-top:1px solid var(--border);}.ph.hd{display:none;}
.ph-c.sv::before{content:"Super Valle Sagrado";display:block;font-size:12px;font-weight:700;color:var(--primary);padding-top:4px;}
.ph-c.tr::before{content:"Valle Sagrado Tradicional";display:block;font-size:12px;font-weight:700;color:#9a7314;padding-top:4px;}}