/* Catálogo de particulares: solo lo que no comparte con el catálogo B2B (style.css y catalogo-vehiculos.css) */

/* Página del listado: el shortcode ya pinta el título del catálogo */
.lp-catalogo .page-header {display: none;}

/* Tarjetas: misma proporción (las fotos del XML son 4:3) tanto con imagen descargada como remota */
.leaseway-particulares #catalogo-listado .listado-item-imagen img {aspect-ratio: 4 / 3; object-fit: contain; background: #fff;}

/* Etiqueta DGT en la ficha */
.leaseway-particulares .lp-etiqueta {padding: 0 8px; border-radius: 10px; font-size: .85em; font-weight: bold; color: #fff; background: #555;}
.leaseway-particulares .lp-etiqueta-cero {background: #1f6fb5;}
.leaseway-particulares .lp-etiqueta-eco {background: #2e9b47;}
.leaseway-particulares .lp-etiqueta-c {background: #2e9b47;}
.leaseway-particulares .lp-etiqueta-b {background: #d6a400;}
.leaseway-particulares .lp-entrega {margin: .5rem 0 0; font-size: .9rem; color: #555;}

/* Calculador: el select de km desactivado hasta elegir duración */
#lp-calculador select {display: block; width: 100%; margin-bottom: 1rem;}
#lp-calculador select:disabled {opacity: .5;}
#lp-calculador .precio {margin: .5rem 0 1rem;}

/* Galería de fotos bajo la imagen principal */
.lp-galeria {display: flex; flex-wrap: wrap; gap: 8px; max-width: 600px; margin: 10px auto 0;}
.lp-galeria-item, .lp-galeria-item:hover, .lp-galeria-item:focus {width: 72px; height: 54px; padding: 0; border: 2px solid #EAEAEA; border-radius: 6px; background: #fff!important; cursor: pointer; overflow: hidden;}
.lp-galeria-item img {width: 100%; height: 100%; object-fit: contain; display: block;}
.lp-galeria-item.activa, .lp-galeria-item:hover {border-color: var(--e-global-color-primary);}

/* Equipamiento y ficha técnica */
#leaseway-item-bottom.lp-caracteristicas {padding: 0 25px 25px;}
#leaseway-item-bottom.lp-caracteristicas > div {gap: 30px;}
.lp-destacados {margin: 0 0 1rem; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 6px;}
.lp-destacados li {padding: 2px 10px; border-radius: 12px; background: #fff; font-size: .85rem;}
.lp-serie {margin: .4rem 0; background: #fff; border-radius: 8px; padding: .4rem .8rem;}
.lp-serie summary {cursor: pointer; font-weight: bold; color: var(--e-global-color-primary);}
.lp-serie ul {margin: .5rem 0 .3rem 1rem; padding: 0; font-size: .85rem;}
ul.list-label-value.lp-tecnica li {padding-left: 170px;}

/* Formulario de solicitud */
#lp-solicitud {padding: 15px;}
#lp-solicitud .form-group {margin-bottom: 1rem;}
#lp-solicitud .invalid {background-color: #ffdddd!important;}
#lp-solicitud textarea {width: 100%;}
#lp-solicitud .lp-privacidad {display: flex; align-items: flex-start; gap: 8px; padding: 4px;}
#lp-solicitud .lp-privacidad input {margin-top: 4px; width: auto;}
#lp-solicitud .lp-legal {font-size: .8rem; color: #666;}
#lp-solicitud .lp-trampa {position: absolute!important; left: -10000px; width: 1px; height: 1px; overflow: hidden;}
#lp-solicitud #pedido-bottom {display: flex; justify-content: space-between; align-items: center;}
#lp-enviar:disabled {opacity: .6; cursor: wait;}
.leaseway-particulares .response-html {border-radius: 15px;}
.leaseway-particulares .response-html h3 {margin-bottom: 1rem;}

/* Vista previa de un vehículo oculto (solo administradores) */
.lp-aviso-oculto {margin: 0 25px 1rem; padding: 10px 15px; border: 1px solid #d6a400; border-radius: 8px; background: #fff8e1; color: #6b5200;}