/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

.gallery-targeta,
#gallery-main {
    position: relative;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.gallery-targeta.slick-initialized,
#gallery-main.slick-initialized {
    opacity: 1;
}

.vehicles-grid-home {
    display: flex;
    gap: 2%;
    flex-direction: row;
    flex-wrap: wrap;
}

.car-ocasio h3.titolCar {
    color: #fff;
}

.car-ocasio.centerText {
    width: 31%;
    background-color: #414E63;
    padding: 8px;
    border-radius: 20px;
    color: #fff !important;
    padding-bottom: 15px;
}

/*.gallery-targeta.slick-initialized.slick-slider {
    height: 250px !important;
}*/

img.slick-slide {
    object-fit: cover;
    border-radius: 20px !important;
}

.priceTargeta,
.etiquetesTargeta {
    display: flex;
}

.headBoxTargeta {
    display: flex;
}

.headBoxTargeta,
.priceTargeta {
    display: flex;
    justify-content: space-between;
}

.headBox h1 {
    line-height: 1;
}

.fotoVehicle {
    max-width: 100%;
}

.etiquetesTargeta {
    gap: 10px;
    font-size: 12px;
    color: #fff;
}

h3.titolCar {
    font-weight: 400;
}

.headBoxTargeta .vehicle-etiqueta img {
    max-width: 30px !important;
}

button.slick-prev.slick-arrow {
    z-index: 1;
}

.car-ocasio button.slick-prev.slick-arrow {
    margin-left: 30px;
    z-index: 1;
}


button.slick-next.slick-arrow {
    margin-right: 50px;
}

.headBoxTargeta {
    padding: 15px 0px;
}

.titol .titolCar {
    font-size: 18px;
    padding-bottom: 0px;
}

.titol .description {
    font-size: 12px;
    line-height: 1.15;
}

h3.titolCar {
    margin-bottom: -5px !important;
}

p.descripcio {
    font-size: 12px;
    padding-bottom: 0px !important;
}

p.priceContado {
    font-size: 24px;
    font-weight: 600;
}

p.priceFinanciado {
    font-size: 24px;
    font-weight: 600;
    color: #991B1B;
}

.etiquetesTargeta {
    padding-top: 10px;
}

p.data.dataLocation {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Placeholder invisible que mantiene el espacio */
.empty-placeholder {
    display: inline-block;
    width: 1ch;
    /* ancho mínimo similar a un carácter */
    height: 1em;
    /* altura de línea aproximada */
}

.slick-prev:before,
.slick-next:before {
    font-size: 40px;
}

.gallery-simple .slick-track img.slick-slide {
    filter: brightness(0.7);
    transition: filter 0.3s ease;
}

.gallery-simple .slick-track img.slick-slide:hover {
    filter: brightness(1);
}


/* Galeria tarjeta */


.gallery-targeta .slick-arrow {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.gallery-targeta:hover .slick-arrow {
    opacity: 1;
    pointer-events: auto;
}


/*ARCHIVE VEHICULOS*/

.rowBuscador {
    display: flex;
    gap: 30px;
}

.col20 {
    width: 25%;
}

.col80 {
    width: 75%;
}

/* Acordeón */

.accordion {
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
}

.accordion-header {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    font-weight: 600;
    color: #fff;
}

.accordion-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding-left: 5px;
}

.accordion.open .accordion-icon {
    transform: rotate(180deg);
}

.accordion-body li {
    display: flex;
    align-items: center;
}

.accordion-body input[type="checkbox"] {
    margin-right: 8px;
}

.slider-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.slider-labels {
    display: flex;
    justify-content: space-between;
    color: #fff;
    font-size: 0.875rem;
}

input#buscador-vehiculos {
    background-color: #fff;
    margin-bottom: 15px;
}

/* Responsive */
@media (max-width: 900px) {
    .rowBuscador {
        flex-direction: column;
    }

    .col20,
    .col80 {
        width: 100%;
    }
}

.vehiculos-grid {
    display: flex;
    justify-content: space-between;
}

p.priceFinanciado,
p.priceContado,
p.description,
p.data.dataLocation {
    padding-bottom: 0px !important;
}

p.itemEtiqueta {
    text-align: center;
    line-height: 1.14;
    padding-bottom: 8px;
}

svg.accordion-icon.h-4.w-4.transition-transform.duration-200 {
    width: 25px;
}

.accordion.open .accordion-body {
    max-height: 500px;
    min-height: 50px;
}

.slider-labels {
    padding-top: 10px;
}

.form {
    padding: 20px;
    background-color: #414E63;
    border-radius: 20px;
}

button.buscarButton {
    background-color: #fff !important;
    color: #971C1C !important;
    width: 100% !important;
}

.resetButton {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.875rem;
}

.resetButton:hover {
    background: #fff;
    color: #414E63;
}

.rowTopForm {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.accordion-body ul {
    margin-left: 0px;
}

.col75 {
    width: 75%;
}

.col25 {
    width: 25%;
}

.vehiculos-grid {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.vehiculos-promocional {
    background-color: #971c1c;
    display: flex;
    align-content: center;
    flex-direction: row;
    padding: 50px !important;
    align-items: center;
    gap: 30px;
    margin-bottom: 30px;
    border-radius: 30px;
}

.vehiculos-promocional img {
    width: 100%;
}

a.car-ocasio.centerText {
    margin-bottom: 30px;
}

p.mini {
    font-size: 12px;
    line-height: 16px;
    font-weighht: 600;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.vehiculos-promocional h2 {
    font-size: 30px;
    font-weight: 900;
    line-height: 38px;
}

.vehiculos-promocional p {
    font-size: 14px;
    line-height: 20px;
}

/*FI ARCHIVE VEHICULOS*/

/* Adaptació movil */

@media (max-width: 768px) {
    .vehicles-grid-home {
        flex-direction: column;
        gap: 20px;
    }

    .car-ocasio.centerText {
        width: 100%;
        border-radius: 20px;
        padding: 10px;
    }

    .gallery-targeta.slick-initialized.slick-slider {
        height: 100%;
    }

    img.slick-slide {
        max-height: auto;
        border-radius: 20px !important;
    }
}