/* CLS cards carousel — convierte grids de cards al patrón carrusel del home (.cards-scroll).
   Solo actúa cuando JS agrega .cls-car / .cls-carwrap (progressive enhancement). */
.cls-carwrap{position:relative;}
.cls-car{display:flex!important;grid-template-columns:none!important;justify-content:flex-start!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:0.75rem;}
.cls-car::-webkit-scrollbar{display:none;}
.cls-car>*{flex:0 0 min(var(--cw,240px),82vw);width:auto;max-width:none;min-width:0;scroll-snap-align:start;}
/* anchos por tipo de grid */
.tour-grid.cls-car>*{--cw:230px;}
.rel-grid.cls-car>*{--cw:230px;}
.dstay-grid.cls-car>*{--cw:250px;}
.svc-grid.cls-car>*{--cw:250px;}
.vgrid.cls-car>*{--cw:250px;}
.cards-grid.cls-car>*{--cw:320px;}
.prop-grid.cls-car>*{--cw:340px;}
.dest-stays-grid.cls-car>*{--cw:340px;}
.posts-grid.cls-car>*{--cw:340px;}
.fleet-grid.cls-car>*{--cw:360px;}
/* flechas (mismo look del home) */
.cls-carwrap .car-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid rgba(185,148,47,0.4);background:rgba(28,22,10,0.55);backdrop-filter:blur(6px);color:#E4C971;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s,border-color 0.2s;}
.cls-carwrap .car-btn:hover{background:rgba(28,22,10,0.85);border-color:#E4C971;}
.cls-carwrap .car-prev{left:-0.5rem;}
.cls-carwrap .car-next{right:-0.5rem;}
@media(max-width:640px){.cls-carwrap .car-prev{left:0.25rem;}.cls-carwrap .car-next{right:0.25rem;}}
/* sin overflow: centrar y ocultar flechas */
.cls-carwrap.no-ovf .car-btn{display:none;}
.cls-carwrap.no-ovf .cls-car{justify-content:center!important;}