/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* VARIABLES REUTILIZABLES  */

:root{
    --dorado: #998543;
    --verde-claro: #184333;
    --verde: #053221;
    --blanco: #ffffff;
    --negro: #000000;
    --titulo: 'Playfair Display', serif;
}

#pojo-a11y-skip-content{
    display: none !important;
}

.max-width-site{
    max-width: var(--site_width) !important;
    margin: auto !important;
}

.blanco h1, .blanco h2, .blanco h3, .blanco h4, .blanco h5, .blanco h6, .blanco p, .blanco a, .blanco li{
    color: var(--blanco) !important;
}

.texto em{
    font-size: 13px !important;
    opacity: 0.7 !important;
}

.carrusel-imgs img{
    object-fit: cover !important;
    width: 100% !important;
    height: 500px !important;
}

.carrusel-imgs figure,
.carrusel-imgs .vc_single_image-wrapper{
    width: 100% !important;
}
/* HEADER */

header{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    background: #FFFFFF;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 1%, rgba(24, 67, 51, 0.55) 100%);
    transition: all 0.3s ease-in-out !important;
}

header.scrolled{
    background-color: var(--verde) !important;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px !important;
}

.fusion-header{
    background-color: transparent !important;
}

.fusion-logo img{
    width: 200px !important;
}

.adhoc-header{
    display: grid;
    grid-template-columns: 0.25fr 0.5fr 0.25fr !important;
    align-items: center;
}

.ajuste-menu{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: fit-content;
    margin: auto;
    gap: 30px;
}

.header-actions{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.header-actions>a:nth-child(1){
    background-color: transparent !important;
    color: var(--blanco) !important;
    border: 2px solid var(--dorado) !important;
    padding: 5px 15px !important;
    border-radius: 100px !important;
}

.header-actions>a:nth-child(2){
    background-color: var(--dorado) !important;
    color: var(--blanco) !important;
    border: 2px solid var(--dorado) !important;
    padding: 5px 15px !important;
    border-radius: 100px !important;
}

.adhoc-header .menu-text, .adhoc-header .header-actions a{
    font-size: 14px !important;
}

.fusion-header .fusion-menu{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
}

#flags{
    width: fit-content !important;
    position: relative !important;
    top: 3px !important;
}

/* Formulario proceso reserva */

.width-proceso-formulario{
    max-width: 750px !important;
    margin: auto !important;
    padding: 40px 0px !important;
}

.width-proceso-formulario h1{
    font-size: 30px !important;
}

.grid-botones-quote{
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px;
}

.grid-botones-quote a{
    background-color: var(--blanco) !important;
    color: var(--dorado) !important;
    border: 2px solid var(--dorado) !important;
    font-weight: 500 !important;
    border-radius: 100px !important;    
    padding: 10px 30px !important;
    text-align: center !important;
    width: 100% !important;
    transition: all 0.3s !important;
}

.grid-botones-quote a:hover{
    background: var(--dorado) !important;
    color: var(--blanco) !important;
}

.vehicle-selection {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  
  .vehicle-option {
    cursor: pointer;
  }
  
  .vehicle-option input[type="radio"] {
    display: none;
  }
  
  .vehicle-option .card {
    border: 2px solid #ccc;
    border-radius: 10px;
    padding: 20px;
    text-align: left;
    transition: 0.2s ease;
    height: 100%;
    background: #FAFAFA;
    background: linear-gradient(124deg, rgba(250, 250, 250, 1) 25%, rgba(255, 255, 255, 1) 0%);
    display: grid;
    grid-template-columns: 0.2fr 0.4fr 0.4fr;
    align-items: center;
    gap: 20px;
  }

  .img-vehicle img{
    filter: drop-shadow(0px 8px 24px rgba(149, 157, 165, 0.2)) !important;

  }

  .extra-info-renting{
    display: none;
    background-color: #fafafa !important;
    border-radius: 5px !important;
    padding: 10px !important;
    margin-bottom: 20px !important;
  }

  .extra-info-renting li{
    font-size: 13px !important;
  }

  .extra-info-renting.active{
    display: flex !important;
  }

  .show-extra-button{
    color: var(--verde-claro) !important;
    font-family: 'Montserrat', sans-serif !important;
    background-color: transparent !important;
    border: 0px !important;
    padding: 0px !important;
    cursor: pointer !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    margin-bottom: 20px !important;
  }

  .select-car{
    background-color: var(--verde-claro) !important;
    width: 80% !important;
    color: var(--blanco) !important;
    text-align: center !important;
    font-size: 12px !important;
    border-radius: 100px !important;
    margin-top: 10px !important;
    margin-left: auto !important;
    padding: 5px;
    font-weight: 600 !important;
  }
  
  .vehicle-option input[type="radio"]:checked + .card {
    border-color: #053221;
    background-color: #f0fdf8;
  }
  
  .card h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 20px !important;
    color: var(--verde) !important;
  }
  
  .card p {
    margin: 0;
    font-size: 15px;
    color: #333;
  }

  .vehicle-why{
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .vehicle-why p{
    margin-bottom: 0px !important;
    font-size: 12px !important;
    line-height: 14px !important;
    position: relative;
    padding-left: 12px;
}

.vehicle-why p::before{
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: var(--verde);
}

  .intro-text-form h2{
    font-size: 25px !important;
    line-height: 27px !important;
  }

  .quote-selection h3{
    font-size: 20px !important;
    line-height: 22px !important;
  }

  .vehicle-desc{
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .vehicle-desc h3{
    font-size: 20px !important;
    line-height: 20px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .vehicle-desc p{
    font-size: 13px !important;
    line-height: 16px !important;
  }

  .quote-selection div{
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px;
  }

  .quote-selection div a{
    background-color: var(--blanco) !important;
    color: var(--dorado) !important;
    border: 2px solid var(--dorado) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    border-radius: 100px !important;    
    padding: 10px 30px !important;
    text-align: center !important;
    width: 100% !important;
  }

  .quote-selection div a:hover{
    background: var(--dorado) !important;
    color: var(--blanco) !important;
  }    

  #gform_page_4_3 .gform_button, #gform_page_8_3 .gform_button{
    display: none !important;
  }

  .instant-price-data{
    padding: 10px 20px;
    border-radius: 10px;
    background-color: #fafafa;
  }

  .instant-quote a{
    text-decoration: underline !important;
    color: var(--verde) !important;
  }

  .instant-price-data p{
    margin: 0px !important;
    font-size: 14px !important;
  }

  .instant-price-data span{
    font-weight: 600 !important;
  }

  .confirm-booking{
    background-color: var(--verde);
    color: var(--blanco);
    border: 2px solid var(--verde);
    font-weight: 500;
    border-radius: 100px;
    padding: 10px 30px;
    width: 100% !important;
    text-align: center !important;
    font-family: 'Montserrat', sans-serif !important;
    margin-top: 30px !important;
    cursor: pointer !important;
  }
/* BODY */

.boton a{
    background-color: var(--dorado) !important;
    color: var(--blanco) !important;
    font-weight: 500 !important;
    border-radius: 100px !important;
    padding: 10px 30px !important;
}

.luxury-services{
    position: relative;
}

.texto-superpuesto{
    margin-bottom: 0px !important;
}

.texto-superpuesto p{
    color: var(--dorado) !important;
    opacity: 0.1 !important;
    font-family: var(--titulo) !important;
    margin: 0px !important;
    font-size: 140px !important;
    line-height: 98px !important;
}

.banner-inicio p{
    color: var(--blanco) !important;
    margin-top: 0px !important;
}

.banner-inicio h2{
    color: var(--blanco) !important;

}

.grid-botones{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.grid-botones a:first-child{
    background-color: var(--dorado) !important;
    color: var(--blanco) !important;
    border: 2px solid var(--dorado) !important;
    padding: 5px 25px !important;
    border-radius: 100px !important;
}

.grid-botones a:last-child{
    background-color: transparent !important;
    color: var(--blanco) !important;
    border: 2px solid var(--dorado) !important;
    padding: 5px 25px !important;
    border-radius: 100px !important;
}

.alineo-derecha{
    justify-content: right;
}

#main .carrusel-secrettransfer .owl-next, 
#main .carrusel-secrettransfer .owl-prev{
    background-color: var(--blanco) !important;
    color: transparent !important;
    border: 2px solid var(--dorado) !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 100px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s !important;
}

#main .carrusel-secrettransfer .owl-next::before{
    top: 7px !important;
    left: 3px !important;
    color: var(--dorado) !important;
}


#main .carrusel-secrettransfer .owl-prev::before{
    top: 7px !important;
    left: 0px !important;
    color: var(--dorado) !important;
}

#main .carrusel-secrettransfer .owl-next:hover, 
#main .carrusel-secrettransfer .owl-prev:hover{
    background-color: var(--dorado) !important;
}

#main .carrusel-secrettransfer .owl-next:hover::before, 
#main .carrusel-secrettransfer .owl-prev:hover::before{
    color: var(--blanco) !important;
}

.carrusel-secrettransfer .wpb_single_image{
    margin-bottom: 0px !important;
}

.altura-imagen .vc_column-inner {
    height: 100% !important;
}
.columna-texto-banner-interior {
    padding-right: 0px !important;
}
.columna-texto-banner-interior .vc_column-inner{
    padding-right: 0px !important;
    padding-top: 150px !important;
    padding-bottom: 150px !important;
}

.columna-texto-banner-interior h1{
    font-size: 50px !important;
}

.columna-texto-banner-interior-izq, .columna-texto-banner-interior-izq .vc_column-inner{
    padding-left: 0px !important;
}

.columna-texto-banner-interior-izq .vc_column-inner{
    padding-right: 0px !important;
    padding-top: 150px !important;
    padding-bottom: 150px !important;
}
.seccion-izquierda{
    position: relative;
}

.imagen-banner-izquierda{
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
}

.imagen-banner-derecha{
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
}

.gradient-banner{
    background: #000;
    background: linear-gradient(70deg, rgba(0, 0, 0, 1) 1%, rgba(24, 67, 51, 1) 100%);
}

.gradient-banner-dos{
    background: #000000;
    background: linear-gradient(178deg, rgba(0, 0, 0, 1) 1%, rgba(5, 50, 33, 1) 100%);
}

.grid-signature{
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
}

.grid-signature::after, .grid-signature::before{
    display: none !important;
}

.grid-signature .wpb_column{
    width: 100% !important;
}

.grid-signature .vc_column-inner{
    border-top: 2px solid #ffffff !important;
    border-bottom: 2px solid #b3b3b3  !important;
    border-left: 2px solid #b3b3b3 !important;
    border-right: 2px solid #ffffff !important;
    padding: 20px 30px !important;
    border-radius: 10px !important;
}

.grid-signature h3{
    font-size: 25px !important;
}

.grid-signature p{
    margin-bottom: 0px !important;
}

.seccion-izquierda .grid-botones a:last-child{
    color: var(--dorado) !important;
}

.grid-contacto-info{
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.grid-contacto-info a{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.grid-contacto-info img{
    width: 18px;
}

.grid-contacto-info p{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-size: 14px !important;
}


/* Langs */

.lang-adhoc-img{
    width: 24px;
}

/* Gforms */
.gform-theme--foundation .gform_fields{
    gap: 20px !important;
}

.gform_next_button{
    background-color: var(--verde) !important;
    outline: none !important;
}
.gfield_description.instruction{
    display: none !important;
}
.ginput_container input, .ginput_container textarea{
    box-shadow: unset !important;
    resize: none !important;
    max-height: 150px !important;
    outline: none !important;
}

.ginput_container .datepicker{
    width: 100% !important;
}

.ginput_container_consent {
    cursor: pointer !important;
}

.ginput_container_consent input{
    border: 2px solid #f2f3f5 !important;
    outline: none !important;
    cursor: pointer !important;
}
.ginput_container_consent input:checked{
    border: 2px solid var(--dorado) !important;
}
.ginput_container_consent input::before{
    color: var(--dorado) !important;
}
#ui-datepicker-div{
    background-color: #ffffff !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px !important;
}

.ui-icon-circle-triangle-e,
.ui-icon-circle-triangle-w{
    display: none !important;
}

.gform-footer input[type="submit"]{
    background-color: var(--dorado) !important;
    color: var(--blanco) !important;
    border: 2px solid var(--dorado) !important;
    padding: 5px 25px !important;
    border-radius: 100px !important;
    font-weight: 500 !important;
    outline: none !important;
}

.gform_validation_errors{
    font-size: 14px !important;
    padding: 10px 20px !important;
    background-color: #ffddd9 !important;
    color:  #e74c3c !important;
    border-radius: 10px !important;
    outline: none !important;
    border: 0px !important;
    box-shadow: unset !important;
    margin-bottom: 20px !important;
}

.gfield_validation_message{
    font-size: 14px !important;
    padding: 10px 20px !important;
    background-color: #ffddd9 !important;
    color:  #e74c3c !important;
    border-radius: 10px !important;
}

.thank-you-seccion{
    background: #000000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 1%, rgba(5, 50, 33, 1) 100%);
}
/* 404 */

.error404 #main{
    background: #000000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 1%, rgba(5, 50, 33, 1) 100%);
}

#post-404page{
    min-height: 100dvh !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
}

.texto-404{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}
.texto-404 h1{
    color: var(--blanco) !important;
    text-align: center !important;
    font-size: 35px !important;
}

.texto-404 p{
    color: var(--blanco) !important;
    text-align: center !important;
    font-size: 15px !important;
}

.texto-404 a{
    color: var(--blanco) !important;
    background-color: var(--dorado) !important;
    padding: 10px 30px !important;
    border-radius: 100px !important;
    text-align: center !important;
    margin-top: 35px !important;

}



/* FOOTER */

.adhoc-footer{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
    width: 100% !important;
}

.adhoc-footer img{
    width: 250px !important;
}

.menu-footer{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
}

.adhoc-copyright{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100% !important;
}

.adhoc-footer p, .adhoc-footer a{
    margin: 0px !important;
    font-size: 14px !important;
    color: var(--blanco) !important;
}

.adhoc-footer hr{
    width: 100% !important;
    border: 0px !important;
    height: 1px !important;
    background-color: var(--blanco) !important;
}

.adhoc-copyright div{
    display: flex;
    flex-direction: row;
    gap: 20px;
    opacity: 0.7 !important;
}

/* Responsive */

#main .cuadrar-bg-izq{ 
    background-size: cover !important;
    background-position: left center!important;
    background-repeat: no-repeat !important;
}

#main .cuadrar-bg-der{ 
    background-size: cover !important;
    background-position: right center!important;
    background-repeat: no-repeat !important;
}


.menu-lateral{
    display: none !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 20px !important;
    height: 100dvh !important;
    width: 80% !important;
    position: fixed !important;
    top: 0;
    left: 0;
    background: rgba( 5, 50, 33, 0.8 );
    backdrop-filter: blur( 12px );
    -webkit-backdrop-filter: blur( 12px );
    padding: 30px;
    z-index: 99 !important;
    left: -90%;
    transition: all 0.3s ease-in-out !important;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
}

.menu-lateral .logo-lateral{
    width: 220px !important;
}

.menu-lateral .cuadrante-columna-lateral{
    display: flex;
    flex-direction: column;
    align-items: center !important;
    gap: 60px;
    position: relative;
    top: -100px;
}

.menu-lateral .menu{
    padding: 0px !important;
    margin: 0px !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

.menu-lateral .menu li, .menu-lateral .menu a{
    font-size: 16px !important;
    width: 100% !important;
    color: var(--blanco) !important;
    text-align: center !important;
}

.menu-lateral .menu-lateral-actions{
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.menu-lateral-actions a:first-child{
    background-color: transparent !important;
    color: var(--blanco) !important;
    border: 2px solid var(--dorado) !important;
    padding: 5px 25px !important;
    border-radius: 100px !important;
    text-align: center !important;
}

.menu-lateral-actions a:last-child{
    background-color: var(--dorado) !important;
    color: var(--blanco) !important;
    border: 2px solid var(--dorado) !important;
    padding: 5px 25px !important;
    text-align: center !important;
    border-radius: 100px !important;
}
.burger{
    display: none;
    z-index: 9999 !important;
}

.menu-lateral.activo{
    left: 0% !important;
}

.fusion-social-links-footer{
	display: none !important;
}

@media only screen and (max-width: 1285px) {

    .menu-lateral{
        display: flex !important;
    }

    .ajuste-menu .lang-adhoc{
        display: none !important;
    }

    header .adhoc-header .fusion-menu, 
    .fusion-mobile-nav-holder,
    .header-actions{
        display: none !important;
    }

    .adhoc-header{
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    
    .burger{
        display: unset !important;
        cursor: pointer;
    }

    .burger *{
        cursor: pointer !important;
    }

    .grid-burger{
        position: relative;
        display: inline-block;
        width: 30px;
        height: 20px;
    }

    .grid-burger span{
        width: 100%;
        height: 2px;
        background-color: var(--blanco);
        transition: all 0.3s ease-in-out !important;
    }

    .grid-burger span:nth-child(1){
        position: absolute;
        top: 20%;
        left: 0px;
    }

    .grid-burger span:nth-child(2){
        position: absolute;
        top: 80%;
        left: 0px;
    }

    #burger-toggle{
        display: none;
    }

    #burger-toggle:checked + .burger-label .grid-burger span:nth-child(1){
        transform: rotate(45deg) translate(0px, 0px);
        top: 50%;
    }
    #burger-toggle:checked + .burger-label .grid-burger span:nth-child(2){
        transform: rotate(-45deg) translate(0px, 0px);
        top: 50%;
    }

    .texto h1{
        font-size: 45px !important;
        line-height: 50px !important;
    }

    .texto h2{
        font-size: 38px !important;
        line-height: 43px !important;
    }

    .texto h3{
        font-size: 30px !important;
        line-height: 50px !important;
    }

    .texto h4{
        font-size: 25px !important;
        line-height: 30px !important;
    }

    .texto p{
        font-size: 15px !important;
    }
}

@media only screen and (max-width: 1100px){
    .grid-signature {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
}

@media only screen and (max-width: 1000px) {
    .texto br{
        display: none !important;
    }


    .columna-texto-banner-interior .vc_column-inner,
    .columna-texto-banner-interior-izq .vc_column-inner{
        padding: 20px !important;

    }

    .seccion-izquierda>.vc_row .wpb_column:first-child{
        height: 40dvh;
    }

    .imagen-banner-izquierda {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 40dvh;
    }

    .seccion-izquierda.forzar-seccion-derecha>.vc_row .wpb_column:first-child{
        height: fit-content !important;
    }


    .seccion-izquierda.forzar-seccion-derecha>.vc_row .wpb_column:last-child{
        height: 40dvh;
    }

    .forzar-seccion-derecha .max-width-site{
        display: flex !important;
        flex-direction: column !important;
    }

    .forzar-seccion-derecha .imagen-banner-derecha {
        position: absolute;
        bottom: 0;
        top: unset !important;
        left: 0;
        width: 100%;
        height: 40dvh;
    }
}

@media only screen and (max-width: 768px) {
    .texto-superpuesto p {
        color: var(--dorado) !important;
        opacity: 0.1 !important;
        font-family: var(--titulo) !important;
        margin: 0px !important;
        font-size: 80px !important;
        line-height: 56px !important;
    }

    .texto h1{
        font-size: 35px !important;
        line-height: 40px !important;
    }

    .texto h2{
        font-size: 29px !important;
        line-height: 33px !important;
    }

    .texto h3{
        font-size: 24px !important;
        line-height: 40px !important;
    }

    .texto h4{
        font-size: 22px !important;
        line-height: 28px !important;
    }

    .texto p{
        font-size: 15px !important;
    }
    .grid-botones {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }

    .grid-botones a, .boton a{
        font-size: 14px !important;
    }

    .carrusel-secrettransfer img{
        object-fit: cover !important;
        width: 100% !important;
        height: 250px !important;
    }

    #main .carrusel-secrettransfer .owl-next, 
    #main .carrusel-secrettransfer .owl-prev{
        background-color: var(--blanco) !important;
        color: transparent !important;
        border: 2px solid var(--dorado) !important;
        width: 30px !important;
        height: 30px !important;
        border-radius: 100px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: all 0.3s !important;
    }

    #main .carrusel-secrettransfer .owl-next::before {
        top: 3px !important;
        left: 3px !important;
        color: var(--dorado) !important;
    }

    #main .carrusel-secrettransfer .owl-prev::before {
        top: 3px !important;
        left: 0px !important;
        color: var(--dorado) !important;
    }

    .carrusel-secrettransfer .owl-nav{
        width: 92% !important;
        margin: auto !important;
    }

    .adhoc-footer img {
        width: 200px !important;
    }

    .menu-footer{
        flex-direction: column;
        text-align: center !important;
        gap: 10px;
    }

    .adhoc-copyright{
        display: flex;
        flex-direction: column-reverse;
    }

    .adhoc-copyright div {
        display: flex;
        flex-direction: column;
        text-align: center !important;
        gap: 10px;
        opacity: 0.7 !important;
    }

    .adhoc-footer p, .adhoc-footer a {
        margin: 0px !important;
        font-size: 13px !important;
        color: var(--blanco) !important;
    }
}

@media only screen and (max-width: 600px){
    .vehicle-option .card,.quote-selection div,.grid-botones-quote{
        grid-template-columns: 1fr !important;
        gap: 5px !important;
    }

    .select-car{
        width: 100% !important;
    }

    .img-vehicle img{
        padding: 20px;
    }
}

@media only screen and (max-width: 550px) {
    .grid-signature {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 15px !important;
    }
}

@media only screen and (max-width: 420px) {
    .texto-superpuesto p {
        color: var(--dorado) !important;
        opacity: 0.1 !important;
        font-family: var(--titulo) !important;
        margin: 0px !important;
        font-size: 60px !important;
        line-height: 43px !important;
    }
}