/* ==========================================================
   Vehículos nuevos Dacia (gamadacia/dacia.html)
   Listado de modelos al estilo del selector de dacia.es:
   2 columnas, nombre + "precio desde" + versión + etiqueta,
   foto del coche a la derecha sobre fondo blanco.
   ========================================================== */
@font-face{font-family:'DaciaBlock';src:url('/MEDIOS/dacia-block/Dacia Block Light.otf')format('opentype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'DaciaBlock';src:url('/MEDIOS/dacia-block/Dacia Block.otf')format('opentype');font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:'DaciaBlock';src:url('/MEDIOS/dacia-block/Dacia Block Bold.otf')format('opentype');font-weight:700 800;font-style:normal;font-display:swap}
@font-face{font-family:'DaciaBlockExt';src:url('/MEDIOS/dacia-block/Dacia Block Extended Bold.otf')format('opentype');font-weight:700;font-style:normal;font-display:swap}

body{background:#fff!important}
.dp{--dp-green:#646B52;--dp-tag:#E8551F;--dp-grey:#EBEBEA;--dp-ink:#000;--dp-mute:#7A7A7A;
  max-width:1240px;margin:0 auto;padding:36px 24px 72px;font-family:'DaciaBlock',sans-serif;color:var(--dp-ink)}
.dp-h1{font-family:'DaciaBlockExt','DaciaBlock',sans-serif;font-size:clamp(22px,3vw,30px);font-weight:700;text-transform:uppercase;letter-spacing:.02em;margin:0 0 24px}

.dp-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}

.dp-it{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:12px;
  min-height:240px;padding:22px 22px 26px;text-decoration:none!important;color:inherit;background:#fff;transition:background .2s}
.dp-it:hover{background:#F6F6F4}
.dp-it:hover .dp-img img{transform:translateX(6px)}

.dp-name{font-family:'DaciaBlockExt','DaciaBlock',sans-serif;font-size:20px;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.03em;margin:0 0 10px}
.dp-price{font-size:17px;font-weight:500;margin:0 0 10px;display:flex;align-items:center;gap:6px}
.dp-i{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:1px solid currentColor;border-radius:50%;font-size:9px;font-weight:700;font-style:normal;line-height:1}
.dp-ver{font-size:13px;font-weight:400;line-height:1.5;margin:0 0 22px;max-width:260px}
.dp-av{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--dp-mute)}
.dp-tag{display:inline-block;padding:6px 9px;background:var(--dp-tag);color:#fff;font-size:13px;font-weight:500;line-height:1;text-transform:lowercase}

.dp-img{align-self:center;display:flex;justify-content:flex-end}
.dp-img img{width:100%;max-width:340px;height:auto;aspect-ratio:3/2;object-fit:contain;transition:transform .45s cubic-bezier(.4,0,.2,1)}

/* Destacado: Nuevo Spring (fondo gris + barra "descúbrelo") */
.dp-it--feat{background:var(--dp-grey);padding:0;grid-template-columns:1fr;grid-template-rows:1fr auto;min-height:0}
.dp-it--feat:hover{background:#E2E2E0}
.dp-feat-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px;padding:22px 22px 18px}
.dp-feat-in .dp-name{font-size:22px;line-height:1.05}
.dp-feat-bar{display:block;background:var(--dp-green);color:#fff;text-align:center;font-size:14px;font-weight:500;padding:11px 12px;text-transform:lowercase}

/* Último: vehículos nuevos en stock */
.dp-it--stock{background:var(--dp-grey);grid-template-columns:1fr;align-items:end;min-height:120px}
.dp-it--stock:hover{background:#E2E2E0}
.dp-it--stock .dp-name{font-size:22px;text-transform:lowercase;margin:0}
.dp-it--stock .dp-arrow{position:absolute;right:22px;bottom:24px;font-size:22px}

@media(max-width:860px){
  .dp{padding:24px 12px 56px}
  .dp-grid{grid-template-columns:1fr}
  .dp-it{min-height:0;padding:18px 12px 20px;border-bottom:1px solid #EFEFED}
  .dp-it--feat,.dp-it--stock{border-bottom:0;margin-bottom:8px}
}
@media(max-width:480px){
  .dp-name{font-size:17px}
  .dp-price{font-size:15px}
  .dp-ver{font-size:12px;margin-bottom:16px}
  .dp-it:not(.dp-it--feat):not(.dp-it--stock){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .dp-feat-in{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding:18px 12px 14px}
}