/* D-153. Portada (versión A, molde de #mundo, verde de la loma) y /colectivo. --sec: mundo-fichas.css. */
#colectivos{--loma:#2E6B3A;margin:var(--s-4) var(--s-4) var(--s-3);padding:var(--s-4) 0;background:var(--papel);border-radius:18px;border-top:6px solid var(--loma);box-shadow:0 1px 2px rgb(31 29 26/.1),0 8px 22px rgb(31 29 26/.1)}
#colectivos .col-cabeza{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-2);padding:0 var(--s-4)}
#colectivos h2{margin:0;font-size:1.2rem;line-height:1.2;color:var(--loma)}
#colectivos .col-cabeza span{font-weight:700;color:var(--loma);font-size:1rem}
#colectivos .col-sub{margin:2px var(--s-4) var(--s-3);color:var(--tinta-suave);font-size:1rem}
/* D-172: la ficha es la foto (44 %, 4:5, D-161). */
#colectivos .col-tira{list-style:none;margin:0;padding:0 var(--s-4);display:grid;grid-auto-flow:column;grid-auto-columns:44%;gap:var(--s-2);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--s-4);scrollbar-width:none}
.col-tira li{scroll-snap-align:start}
.col-foto{display:grid;align-content:start;gap:2px;color:var(--tinta);text-decoration:none}
.col-foto img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-sm);border-bottom:5px solid var(--sec)}
.col-foto b{margin-top:var(--s-1);font-size:1.05rem;line-height:1.2;color:var(--sec)}
.col-foto small{font-size:1rem;line-height:1.25;color:var(--tinta-suave)}
.col-tampon{display:grid;place-items:center;aspect-ratio:4/5;padding:var(--s-3);border:3px dashed var(--sec);border-radius:var(--r-sm);color:var(--sec);font-weight:800;font-size:1rem;text-align:center;transform:rotate(-2deg)}
.col-proximo{margin:0;padding:var(--s-2) var(--s-3);border-left:4px solid var(--sec);background:var(--fondo);border-radius:var(--r-sm)}
.col-proximo .cifra{color:var(--sec);margin-right:.4em}
.col-pdf{display:block;margin-top:var(--s-1);font-weight:700}
.col-vacio{color:var(--tinta-suave);overflow-wrap:anywhere}
.col-avisos small,.col-galeria small{font-size:1rem;color:var(--tinta-suave);margin-right:.3em}
.col-galeria img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-sm);background:var(--linea)}
.col-pag .btn{justify-self:start;color:var(--sec)}
.col-pag{max-width:44rem;margin:0 auto;padding:var(--s-4);display:grid;gap:var(--s-3)}
.col-cab{padding:var(--s-4);border-radius:18px;background:var(--sec);color:var(--papel);display:grid;gap:2px}
.col-cab small{font-size:1rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.col-cab h1{color:var(--papel);font-size:1.6rem}
.col-pag h2{font-size:1.2rem;margin-top:var(--s-3)}
.col-pag p{margin:0;line-height:1.55}
.col-avisos{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-4)}
.col-avisos li{display:grid;grid-template-columns:44% 1fr;gap:var(--s-3);align-items:start}
.col-avisos li:not(:has(img)){grid-template-columns:1fr}
.col-avisos li>div{min-width:0;display:grid;gap:var(--s-1)}
/* D-161: fotos al menos como las de «Ofertas» (44 %, 4:5); la mini ya es de 400 px. */
.col-avisos img,.col-pres{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-sm)}
.col-pres{width:44%}
.col-galeria{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:var(--s-2)}
.col-galeria li{display:grid;gap:var(--s-1)}
.col-cab .col-actualizado{font-weight:400;letter-spacing:0;text-transform:none}