/* Drove Business · sección "Ofertas de renting" (página /renting/). Usa los colores y tipografía de la web. */
.of-controles{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between;margin:0 0 .6rem}
.of-seg{display:inline-flex;background:var(--db-mist);border-radius:var(--db-pill);padding:4px}
.of-seg button{appearance:none;border:0;background:transparent;color:var(--db-muted);font:inherit;font-size:.92rem;padding:.65rem 1.25rem;border-radius:var(--db-pill);cursor:pointer}
.of-seg button[aria-pressed="true"]{background:var(--db-ink);color:var(--db-white);font-weight:600}
.of-chips{display:flex;flex-wrap:wrap;gap:8px}
.of-chips button{appearance:none;background:var(--db-white);border:1px solid var(--db-cloud);color:var(--db-muted);font:inherit;font-size:.86rem;padding:.5rem .95rem;border-radius:var(--db-pill);cursor:pointer}
.of-chips button[aria-pressed="true"]{border-color:var(--db-ink);color:var(--db-ink);font-weight:600}
.of-seg button:focus-visible,.of-chips button:focus-visible,.of-btn:focus-visible,.of-ficha:focus-visible{outline:3px solid var(--db-accent);outline-offset:2px}
.of-nota{color:var(--db-muted);font-size:.9rem;margin:0 0 1.4rem}
.of-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.4rem;align-items:stretch}
.of-card{display:flex;flex-direction:column;background:var(--db-white);border:1px solid var(--db-cloud);border-radius:var(--db-radius);overflow:hidden;transition:transform .15s,box-shadow .15s}
.of-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px -14px rgba(20,18,37,.35)}
.of-ficha{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1055/1491;padding:0;border:0;background:#fff;cursor:pointer;overflow:hidden;flex:none}
.of-ficha img{display:block;width:100%;height:100%;object-fit:contain}
.of-pie{flex:1;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:.8rem .95rem;border-top:1px solid var(--db-cloud)}
.of-pie strong{font-size:.92rem;line-height:1.3;color:var(--db-ink)}
.of-btn{appearance:none;border:0;cursor:pointer;font:inherit;font-weight:500;font-size:.9rem;text-decoration:none;text-align:center;background:var(--db-accent);color:var(--db-white);padding:.7rem 1.2rem;border-radius:var(--db-pill);display:inline-block;white-space:nowrap}
.of-btn:hover{background:var(--db-accent-hover)}
.of-btn.of-sec{background:transparent;color:var(--db-ink);border:1px solid var(--db-cloud)}
.of-btn.of-sec:hover{background:var(--db-mist)}
.of-vacio{text-align:center;color:var(--db-muted);padding:2.5rem 0}
.of-vacio .of-btn{margin-top:.8rem}
.of-legal{margin-top:2rem;color:var(--db-muted);font-size:.82rem}
.of-legal p{margin:0 0 .3rem}
/* ventana con la ficha + formulario */
.of-dlg{width:min(1000px,100% - 20px);max-height:calc(100vh - 20px);padding:0;border:0;border-radius:var(--db-radius-xl);background:var(--db-white);color:var(--db-ink);overflow:auto;font-family:var(--db-body)}
.of-dlg::backdrop{background:rgba(16,17,38,.72)}
.of-x{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;border:0;background:var(--db-mist);color:var(--db-ink);font-size:24px;line-height:1;cursor:pointer;z-index:2}
.of-dgrid{display:grid;grid-template-columns:minmax(240px,340px) 1fr}
.of-dficha{background:#fff;display:flex;flex-direction:column;align-self:start;position:sticky;top:0;border-right:1px solid var(--db-cloud)}
.of-dficha img{display:block;width:100%;height:auto}
.of-dficha a{background:var(--db-mist);color:var(--db-muted);text-align:center;font-size:.8rem;padding:.6rem;text-decoration:none}
.of-dform{padding:1.6rem 1.7rem 1.8rem}
.of-dform h3{margin:0 44px .2rem 0;font-size:1.35rem;line-height:1.25;color:var(--db-ink)}
.of-sub{margin:0 0 1.1rem;color:var(--db-muted);font-size:.88rem}
.of-ayuda{font-size:.78rem;color:var(--db-muted);margin:.3rem 0 0}
.of-acciones{display:flex;flex-wrap:wrap;gap:.7rem 1rem;align-items:center}
.of-dform .db-opciones span{padding:.7rem .8rem}
.of-dform [hidden]{display:none !important}
@media (max-width:760px){
  .of-dgrid{grid-template-columns:1fr}
  .of-dficha{position:static;flex-direction:row;align-items:center;gap:12px;padding:10px 56px 10px 12px;background:var(--db-mist);border-right:0}
  .of-dficha img{width:72px;border-radius:6px;flex:none}
  .of-dficha a{background:transparent;text-align:left;padding:0}
  .of-dform{padding:1.2rem 1rem 1.5rem}
}
@media (max-width:560px){.of-seg{width:100%}.of-seg button{flex:1;padding:.6rem .4rem;font-size:.86rem}}
@media (prefers-reduced-motion:reduce){.of-card{transition:none}}
/* página /renting/: menos texto antes de los coches */
.db-hero-pagina.db-hero-compacto.db-seccion{padding-top:clamp(1.6rem,1rem + 2vw,2.8rem) !important;padding-bottom:clamp(1.6rem,1rem + 2vw,2.8rem) !important}
.db-hero-compacto h1{font-size:clamp(1.7rem,1.2rem + 1.8vw,2.6rem) !important;margin-bottom:.5rem !important;max-width:none !important}
.db-hero-compacto .db-lead{margin:0 0 1rem !important;max-width:720px}
.db-hero-compacto .db-botones{gap:.6rem !important}
.db-seccion.cx-bloque-vehiculos{padding-top:clamp(2rem,1.4rem + 2vw,3rem) !important;padding-bottom:clamp(1.6rem,1rem + 2vw,2.4rem) !important}
.db-seccion.cx-bloque-calcula{padding-top:clamp(1.6rem,1rem + 2vw,2.4rem) !important;border-top:1px solid var(--db-cloud)}
.cx-bloque-vehiculos .db-encabezado,.cx-bloque-calcula .db-encabezado{margin-bottom:.8rem !important}
.cx-bloque-vehiculos .db-lead,.cx-bloque-calcula .db-lead{margin-top:.3rem !important}
html{scroll-padding-top:84px}
.db-hero-compacto .wp-block-button__link{padding:.62rem 1.15rem !important;font-size:.9rem !important}
.db-hero-compacto .wp-block-buttons{flex-direction:row !important;flex-wrap:wrap}
.cx-bloque-vehiculos .db-lead,.cx-bloque-calcula .db-lead{max-width:none !important;font-size:1rem !important}
.cx-bloque-vehiculos h2,.cx-bloque-calcula h2{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.2rem) !important;margin-bottom:.2rem !important}
.cx-bloque-vehiculos .of-controles{margin-top:.2rem}
@media (max-width:560px){.db-hero-compacto .wp-block-button__link{padding:.55rem .95rem !important;font-size:.85rem !important}}
@media (max-width:560px){.of-seg button{white-space:nowrap;padding:.6rem .5rem !important;font-size:.82rem !important}}