/* Slider "Lo último en Automotor" — hecho desde cero (independiente del build) */
.ult-sec { background:#fff; }
.ult-slider { overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.ult-slider::-webkit-scrollbar { display:none; }
.ult-track { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(272px,1fr); gap:18px; }
.ult-card { scroll-snap-align:start; display:flex; flex-direction:column; gap:10px; padding:18px; border:1px solid var(--line,#e6e9ee); background:#fff; border-radius:18px; text-decoration:none; color:inherit; transition:border-color .2s, box-shadow .2s, transform .2s; }
.ult-card:hover { border-color:var(--red,#d92337); box-shadow:0 18px 44px rgba(23,23,27,.1); transform:translateY(-2px); }
.ult-card img { width:100%; height:170px; object-fit:cover; border-radius:12px; display:block; background:#eef1f5; }
.ult-cat { color:var(--red,#d92337); font:700 10px var(--font-mono,monospace); letter-spacing:.05em; text-transform:uppercase; }
.ult-card h3 { margin:0; font:700 16px/1.3 var(--font-display,inherit); }
.ult-card p { margin:0; color:var(--muted,#6b7280); font-size:13px; line-height:1.5; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.ult-card small { color:var(--muted,#6b7280); font-size:11px; margin-top:auto; }
.ult-nav { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:22px; }
.ult-btn { display:grid; place-items:center; width:40px; height:40px; border:1px solid var(--line,#e6e9ee); background:#fff; color:var(--ink,#17171b); border-radius:50%; cursor:pointer; font-size:22px; line-height:1; }
.ult-btn:hover { border-color:var(--red,#d92337); color:var(--red,#d92337); }
.ult-dots { display:flex; gap:8px; flex-wrap:wrap; justify-content:center; max-width:420px; }
.ult-dots button { width:9px; height:9px; padding:0; border:0; border-radius:50%; background:#d7d2cc; cursor:pointer; }
.ult-dots button.active { background:var(--red,#d92337); }
.ult-skel { height:340px; border-radius:18px; background:linear-gradient(90deg,#f4f5f7,#eceef2,#f4f5f7); background-size:200% 100%; animation:ultSkel 1.2s linear infinite; }
@keyframes ultSkel { to { background-position:-200% 0; } }
