/* * CSS
/* * Name: Desguaces
/* * Description: CSS Campa
/* * Version: 8.0
/* * Author: MMC */

.campa .page-numbers {
    cursor: pointer;
}

@keyframes search-filter-loader-rotate {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.ll-skin-melon {
    font-size: 90%
}

.ll-skin-melon .ui-datepicker td {
    background: #f7f7f7;
    border: none;
    padding: 0
}

.ll-skin-melon .ui-datepicker th {
    border-color: #4D6077
}

.ll-skin-melon .ui-widget {
    font-family: inherit;
    background: #526E91;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.searchandfilter.horizontal ul>li {
    display: inline-block;
    padding-right: 10px
}

.searchandfilter.horizontal ul>li li {
    display: block
}

.ll-skin-melon td .ui-state-default {
    background: 0 0;
    border: none;
    text-align: center;
    padding: .3em;
    margin: 0;
    font-weight: 400;
    color: #6C88AC;
    font-size: 14px
}

.ll-skin-melon td .ui-state-active {
    background: #526E91;
    color: #fff
}

.ll-skin-melon td .ui-state-hover {
    background: #C4D6EC
}

.campa li.hide,
.campa select option.hide {
    display: none
}

.campa .disabled {
    opacity: .7
}

.sf-field-submit input {
    text-align: center !important;
}

.search-filter-results .sf-active {
    font-weight: 700
}

.search-filter-results .sf-disabled {
    opacity: .5
}

.vehiculo-campa .woocommerce-tabs {
    margin-top: 3em;
}

/*  ! Card  */
.card {
    display: flex;
    flex-direction: row;
    border: 1px solid #ccc;
    margin: 3em auto 0 auto;
    max-width: 800px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transition: transform 0.3s ease-in-out;
}

.card:hover {
    box-shadow: 0 7px 10px rgba(0,0,0,0.1);
    transform: scale(1.05);
}

.card img {
    width: 60px;
    height: auto;
    margin-right: 10px;
}

.card img.premium {
    width: 240px;
    height: 100%;
}

.card img.premium {
    width: 240px;
    height: 100%;
}

.card-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 10px;
}

.card h3 {
    font-size: 1.2rem;
    margin: 0;
}

.card p {
    margin: 5px 0;
    font-size: 13px;
}

.card a {
    color: var(--accent-bg-color);
    font-size: 15px;
    font-weight: bold;
    line-height: 10px;
}

@media screen and (max-width: 768px) {
    .campa {
        margin-right: 0.5em !important;
        margin-left: 0.5em !important;
        width: calc(100% - 1em) !important;
    }

    .campa_formulario ul li, .campa_formulario ul:not(.chosen-results) li {
        max-width: 100% !important;
    }

    .single-vehiculo main, 
    .pagina-vehiculo main {
        padding: 2em 0 !important;
    }
}

@media screen and (max-width: 600px) {
    .card {
        flex-direction: column;
    }

    .card img {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .card-content {
        padding: 20px;
    }
}
/*  ! FIN Card  */