/* Portada: tarjeta "Tu coche por solo" sobre la imagen del hero */
.db-oferta-hero{position:absolute;z-index:3;right:clamp(1.25rem,calc((100vw - 1200px)/2 + 1.25rem),14rem);top:50%;transform:translateY(-46%);width:min(300px,28vw);display:flex;flex-direction:column;gap:.35rem;padding:1.1rem 1.15rem 1.15rem;background:#fff;color:var(--db-ink,#141225);border-radius:var(--db-radius-xl,28px);text-decoration:none;box-shadow:0 30px 60px -24px rgba(0,0,0,.6);transition:transform .2s,box-shadow .2s}
.db-oferta-hero:hover{transform:translateY(-48%);box-shadow:0 36px 70px -24px rgba(0,0,0,.7)}
.db-oferta-hero:focus-visible{outline:3px solid #7f8bff;outline-offset:3px}
.db-oferta-hero .dbo-etq{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--db-accent,#5c69ef)}
.db-oferta-hero img{display:block;width:100%;height:auto;aspect-ratio:866/640;object-fit:contain;margin:.1rem 0}
.db-oferta-hero .dbo-precio{display:flex;align-items:baseline;gap:.25rem;line-height:1}
.db-oferta-hero .dbo-precio strong{font-size:2.5rem;font-weight:700;letter-spacing:-.02em}
.db-oferta-hero .dbo-precio span{font-size:1rem;color:var(--db-muted,#5f5d73)}
.db-oferta-hero .dbo-nombre{font-size:.82rem;line-height:1.4;color:var(--db-muted,#5f5d73)}
.db-oferta-hero .dbo-cta{margin-top:.5rem;display:inline-block;align-self:flex-start;background:var(--db-accent,#5c69ef);color:#fff;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;border-radius:999px}
.db-oferta-hero:hover .dbo-cta{background:var(--db-accent-hover,#4652d8)}
@media (max-width:1100px){.db-oferta-hero{width:250px}}
@media (max-width:900px){
  .db-oferta-hero{position:relative;right:auto;top:auto;transform:none;width:100%;max-width:380px;margin-top:1.6rem;display:grid;grid-template-columns:128px 1fr;grid-template-areas:"img etq" "img precio" "img nombre" "cta cta";column-gap:.9rem;row-gap:.2rem;padding:.95rem 1rem;align-items:center}
  .db-oferta-hero:hover{transform:none}
  .db-oferta-hero .dbo-etq{grid-area:etq}.db-oferta-hero img{grid-area:img;margin:0}.db-oferta-hero .dbo-precio{grid-area:precio}.db-oferta-hero .dbo-nombre{grid-area:nombre}.db-oferta-hero .dbo-cta{grid-area:cta;margin-top:.6rem;width:100%;text-align:center}
  .db-oferta-hero .dbo-precio strong{font-size:2rem}
}
@media (prefers-reduced-motion:reduce){.db-oferta-hero{transition:none}}