/* Ruta: wp-content/plugins/portalaseo-pedido/assets/css/vehiculos.css
Archivo: vehiculos.css
Versión: 1.5.0
*/
/* ========================================
ETAPAS
======================================== */
.pap-vehiculo-bloque{
display:none;
}
.pap-vehiculo-bloque.activo{
display:block;
}
/* ========================================
OPCIONES DE VEHICULOS Y SERVICIOS
======================================== */
.pap-vehiculo-opciones,
.pap-vehiculo-extras{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;
margin:0 12px 15px;
}
.pap-vehiculo-opcion,
.pap-vehiculo-extra{
display:block;
width:100%;
min-height:90px;
padding:16px 18px;
border:1px solid var(--pap-border);
border-left:4px solid var(--pap-vehiculos);
border-radius:14px;
background:var(--pap-card);
color:var(--pap-text);
cursor:pointer;
transition:.2s;
text-align:left;
}
.pap-vehiculo-opcion:hover,
.pap-vehiculo-extra:hover{
background:var(--pap-hover);
}
.pap-vehiculo-opcion.seleccionado,
.pap-vehiculo-extra.seleccionado{
border-color:var(--pap-primary);
border-left-color:var(--pap-primary);
}
/* ========================================
TITULO
======================================== */
.pap-vehiculo-opcion strong,
.pap-vehiculo-extra strong{
display:block;
margin:0;
color:var(--pap-text);
font-size:18px;
font-weight:700;
line-height:1.3;
}
/* ========================================
DESCRIPCION
======================================== */
.pap-vehiculo-opcion span:not(.pap-vehiculo-precio),
.pap-vehiculo-extra span:not(.pap-vehiculo-precio){
display:block;
margin-top:5px;
color:var(--pap-text-muted);
font-size:14px;
font-weight:600;
line-height:1.4;
}
.pap-vehiculo-opcion small{
display:block;
margin-top:5px;
color:var(--pap-muted);
font-size:12px;
line-height:1.4;
}
/* ========================================
PRECIO
======================================== */
.pap-vehiculo-precio{
display:block;
margin-top:6px;
color:var(--pap-primary)!important;
font-size:17px!important;
font-weight:700!important;
line-height:1.3;
}
/* ========================================
VISTA PREVIA
======================================== */
.pap-vehiculo-preview{
display:none;
margin:0 12px 20px;
padding:18px;
background:var(--pap-card);
border:1px solid var(--pap-border);
border-left:4px solid var(--pap-vehiculos);
border-radius:14px;
}
.pap-vehiculo-preview.activo{
display:block;
}
.pap-vehiculo-resumen{
text-align:center;
}
.pap-vehiculo-resumen p{
margin:0;
padding:20px;
color:var(--pap-muted);
font-size:14px;
font-style:italic;
}
/* ========================================
RESPONSIVE
======================================== */
@media(max-width:600px){
.pap-vehiculo-opciones,
.pap-vehiculo-extras{
grid-template-columns:1fr;
}
}