.vlc-ultimos{--azul:#00236f;--azul2:#eff4ff;--muted:#64748b;--borde:#e2e8f0;max-width:1200px;margin:0 auto;font-family:inherit}
.vlc-ultimos-titulo{margin:0 0 24px;color:var(--azul);font-size:26px;font-weight:800}
.vlc-ultimos-pie{display:flex;justify-content:flex-end;margin-top:24px}
.vlc-ultimos-vertodo{display:inline-block;padding:12px 24px;border-radius:10px;background:var(--azul);color:#fff!important;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;transition:transform .2s ease}
.vlc-ultimos-vertodo:hover{transform:translateY(-1px)}
.vlc-ultimos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}

/* Carrusel horizontal en mobile: cada tarjeta ocupa ~68% del ancho para que se asome la
   siguiente y quede claro que hay que deslizar, en vez de la lista larga de una columna. */
@media(max-width:680px){
	.vlc-ultimos-grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding-bottom:6px;scrollbar-width:none}
	.vlc-ultimos-grid::-webkit-scrollbar{display:none}
	.vlc-ultimos-card{flex:0 0 68%;scroll-snap-align:start}
	/* Atributo carrusel="no" del shortcode: vuelve a la lista de una columna sin scroll horizontal. */
	.vlc-ultimos.es-sin-carrusel .vlc-ultimos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));overflow-x:visible;scroll-snap-type:none;padding-bottom:0}
	.vlc-ultimos.es-sin-carrusel .vlc-ultimos-card{flex:initial}
}
.vlc-ultimos-card{background:#fff;border:1px solid var(--borde);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.vlc-ultimos-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,35,111,.06)}
.vlc-ultimos-imagen{display:block;height:150px;background-size:cover;background-position:center}
.vlc-ultimos-cuerpo{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}
.vlc-ultimos-badge{align-self:flex-start;padding:3px 10px;border-radius:6px;background:var(--azul2);color:#3b82f6;font-size:11px;font-weight:700;text-transform:uppercase}
.vlc-ultimos-cuerpo h3{margin:0;font-size:17px;line-height:1.3}
.vlc-ultimos-cuerpo h3 a{color:var(--azul);text-decoration:none}
.vlc-ultimos-cuerpo h3 a:hover{text-decoration:underline}
.vlc-ultimos-fecha{font-size:12px;color:var(--muted)}
.vlc-ultimos-cuerpo p,.vlc-ultimos-contenido{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.vlc-ultimos-contenido>*:first-child{margin-top:0}
.vlc-ultimos-contenido>*:last-child{margin-bottom:0}
.vlc-ultimos-rating{font-size:13px;font-weight:700;color:#f59e0b}
.vlc-ultimos-rating span{color:var(--muted);font-weight:500}
.vlc-ultimos-precio{font-size:14px;font-weight:700;color:var(--azul)}
.vlc-ultimos-ver{margin-top:auto;padding-top:6px;font-size:13px;font-weight:700;color:var(--azul);text-decoration:none}
.vlc-ultimos-ver:hover{text-decoration:underline}
