/* Patrón: shadcn Navbar Quick Actions + Scroll Area horizontal.
 * Tokens y vec-icon-box del sistema; una fila que deja asomar la siguiente acción.
 * Cada ficha: título en una línea, el dato si lo hay y una acción en verde con flecha (Iván, 20-10).
 * Fuente legible y servida directamente: no pertenece a la compilación R6. */
.vec-quick-services{position:relative;min-width:0;margin:0 0 24px}
.vec-quick-services__rail{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-padding:6px;padding:6px 6px 12px;margin:-6px -6px 0;scrollbar-width:thin;scrollbar-color:var(--vec-teal-text) var(--vec-tint)}
.vec-quick-services__link{display:flex;align-items:flex-start;gap:10px;flex:0 0 232px;min-width:0;min-height:84px;padding:12px;border:1px solid var(--vec-line);border-radius:14px;background:var(--vec-white);scroll-snap-align:start;line-height:1.35;transition:border-color .2s,background .2s}
.vec-quick-services__link:first-child{flex-basis:252px;border-color:var(--vec-teal-text);background:var(--vec-tint)}
.vec-quick-services__link:hover{border-color:var(--vec-teal-text)}
.vec-quick-services__copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;align-self:stretch}
.vec-quick-services__copy strong{font-size:14px;text-wrap:balance}
/* Línea del medio: siempre una sola; lo largo (nombre de la farmacia, título del plan) termina en «…». */
.vec-quick-services__copy>span{font-size:13px;color:var(--vec-muted);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.vec-quick-services__go{display:inline-flex;align-items:center;gap:4px;margin-top:auto;padding-top:4px;font-style:normal;font-size:13px;font-weight:600;color:var(--vec-teal-text)}
.vec-quick-services__go .vec-icon{width:14px;height:14px;flex:0 0 auto;transition:transform .2s}
.vec-quick-services__link:hover .vec-quick-services__go .vec-icon,.vec-quick-services__link:focus-visible .vec-quick-services__go .vec-icon{transform:translateX(2px)}
.vec-quick-services .vec-icon-box{width:28px;height:28px;flex:0 0 auto;background:transparent}
.vec-tile-combustibles_municipio_hoy .vec-tile-heading{flex-wrap:wrap}
.vec-tile-combustibles_municipio_hoy .vec-tile-heading h3{flex:1;min-width:0}
/* Variante compacta de vec-guide-card: acceso de servicio dentro de una guía de lectura. */
.vec-prose .vec-fuel-guide{display:flex;align-items:center;gap:16px;margin:24px 0}
.vec-prose .vec-fuel-guide>div{flex:1;min-width:0}
.vec-prose .vec-fuel-guide h3{font-size:18px;line-height:1.4;margin:0}
.vec-prose .vec-fuel-guide p{font-size:16px;line-height:1.6;margin:6px 0 0}
.vec-prose .vec-fuel-guide>.vec-icon{align-self:center;margin-top:0}
/* Móvil: todas igual de anchas, con sitio para el título en una línea y media ficha siguiente asomando. */
@media(max-width:599px){
 .vec-quick-services__link,.vec-quick-services__link:first-child{flex-basis:228px}
}
@media(min-width:1200px){
 .vec-quick-services__rail{overflow:visible;padding-bottom:6px}
 .vec-quick-services__link,.vec-quick-services__link:first-child{flex:1 1 0}
 .vec-quick-services__link:first-child{flex-grow:1.3}
}
@media(prefers-reduced-motion:reduce){.vec-quick-services__link,.vec-quick-services__go .vec-icon{transition:none}}