.elementor-56 .elementor-element.elementor-element-ebac712{--display:flex;--min-height:500px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-ebac712, .elementor-56 .elementor-element.elementor-element-ebac712::before{--border-transition:0.3s;}.elementor-56 .elementor-element.elementor-element-1723fa8{text-align:center;}.elementor-56 .elementor-element.elementor-element-1723fa8 .elementor-heading-title{color:#FFFFFF;font-family:"Supersonic Rocketship", Sans-serif;font-weight:500;letter-spacing:0.5px;}.elementor-56 .elementor-element.elementor-element-1723fa8 > .elementor-widget-container{padding:350px 0px 0px 0px;}.elementor-56 .elementor-element.elementor-element-553a5e9{text-align:center;color:#FFFFFF;font-family:"Libre Baskerville", Sans-serif;font-size:14px;font-weight:400;}.elementor-56 .elementor-element.elementor-element-553a5e9 > .elementor-widget-container{margin:-4px 0px -25px 0px;padding:0px 0px 0px 0px;}.elementor-56 .elementor-element.elementor-element-e1acf6f{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:103px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-8599a17{text-align:center;color:#1A2748;font-family:"Libre Baskerville", Sans-serif;font-size:14px;font-weight:400;}.elementor-56 .elementor-element.elementor-element-8599a17 > .elementor-widget-container{margin:-4px 0px -25px 0px;padding:0px 0px 0px 0px;}.elementor-56 .elementor-element.elementor-element-b10059d.elementor-element{--align-self:center;}.elementor-56 .elementor-element.elementor-element-cd0eb94{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-56 .elementor-element.elementor-element-1c94521 > .elementor-widget-container{margin:65px 100px 120px 100px;}@media(max-width:1023px){.elementor-56 .elementor-element.elementor-element-1723fa8 .elementor-heading-title{font-size:30px;}.elementor-56 .elementor-element.elementor-element-e1acf6f{--padding-top:65px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-1c94521 > .elementor-widget-container{margin:25px 55px 80px 55px;}}@media(max-width:736px){.elementor-56 .elementor-element.elementor-element-1723fa8 > .elementor-widget-container{padding:290px 0px 0px 0px;}.elementor-56 .elementor-element.elementor-element-553a5e9{font-size:13px;}.elementor-56 .elementor-element.elementor-element-553a5e9 > .elementor-widget-container{padding:0px 0px 0px 30px;}.elementor-56 .elementor-element.elementor-element-553a5e9.elementor-element{--align-self:flex-start;}.elementor-56 .elementor-element.elementor-element-e1acf6f{--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-8599a17{text-align:center;font-size:15px;width:100%;max-width:100%;}.elementor-56 .elementor-element.elementor-element-8599a17 > .elementor-widget-container{margin:0px 35px -30px 35px;padding:0px 0px 0px 0px;}.elementor-56 .elementor-element.elementor-element-8599a17.elementor-element{--align-self:flex-start;}.elementor-56 .elementor-element.elementor-element-cd0eb94{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-56 .elementor-element.elementor-element-1c94521 > .elementor-widget-container{margin:0px 35px 60px 35px;}}@media(min-width:737px){.elementor-56 .elementor-element.elementor-element-ebac712{--width:100%;}.elementor-56 .elementor-element.elementor-element-cd0eb94{--content-width:100%;}}@media(min-width:2400px){.elementor-56 .elementor-element.elementor-element-553a5e9{font-size:17px;}}/* Start custom CSS for text-editor, class: .elementor-element-553a5e9 */@media only screen and (min-width: 1440px) {
    .tx.elementor-widget-text-editor {
        font-size: 17px !important; /* Ajusta el tamaño de la fuente según tus necesidades */
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b10059d */.postform{
    font-family: 'Figtree', sans-serif !important;
    font-size: 16px !important;
    
}

/* Cambiar el color del botón de búsqueda */
.elementor-shortcode
    input[type="submit"] {
    background-color: #17b098 ; /* Cambia este color según tus necesidades */
    
    padding: 11.5px 40px ;
    font-size: 16px;
    cursor: pointer ;
    border-radius: 5px; /* Bordes redondeados */
    height: 40px; /* Ajusta la altura del botón según sea necesario */
     position: relative; /* Establece la posición relativa para el botón */
    top: 1px; /* Ajusta la posición vertical del botón desde arriba */
    
}

/* Cambiar color al pasar el mouse */
input[type="submit"]:hover {
    background-color: #1dddbf ;
}


.postform option[value="0"][selected] {
    display: none;
}





/* Estilos para dispositivos móviles */
@media screen and (max-width: 768px) {
    .custom-searchandfilter .searchandfilter div ul li {
        width: 100%;
        padding-left: 14px;
        padding-right: 34px 
    }
.custom-searchandfilter .searchandfilter div ul li input {
    display: block;         /* Hace que el input se comporte como un bloque para usar márgenes automáticos */
    margin: 0 auto;         /* Margen automático para centrar horizontalmente */
    width: 70%;
}
    /* Contenedor de los campos */
    .elementor-shortcode .searchandfilter {
        display: flex; /* Activar el modelo de caja flexible */
        flex-direction: column; /* Apilar los elementos verticalmente */
        align-items: center!important; /* Centrar los elementos horizontalmente */
        margin-bottom: 10px; /* Espacio entre los campos */
    }

    /* Ajustar los campos en renglones distintos */
    .elementor-shortcode .postform {
        width: 100%; /* Ancho total */
        box-sizing: border-box; /* Incluir el padding y el border en el ancho total */
        margin-bottom: 10px; /* Espacio entre los campos */
    }
    

    /* Ajustar el botón de búsqueda */
    .elementor-shortcode input[type="submit"] {
        background-color: #17b098 !important;
        padding: 11.5px 40px !important;
        font-size: 16px !important;
        cursor: pointer !important;
        border-radius: 5px !important; /* Bordes redondeados */
        height: 40px !important; /* Ajusta la altura del botón según sea necesario */
        
        top: 1px !important; /* Ajusta la posición vertical del botón desde arriba */
        margin-left: 88px; /* Margen izquierdo */
        margin-right: 60px; /* Margen derecho */
    }

    /* Cambiar color al pasar el mouse */
    .elementor-shortcode input[type="submit"]:hover {
        background-color: #1dddbf !important;
    }

    /* Ocultar la opción predeterminada en dispositivos móviles */
    .elementor-shortcode option[value="0"][selected] {
        display: none;
    }
}


@media screen and (min-width: 737px) and (max-width: 1023px) {
        .custom-searchandfilter .searchandfilter div ul li {
        width: 100%;
        padding-left: 37.5px;
        padding-right: 55px 
    }
.custom-searchandfilter .searchandfilter div ul li input {
    display: block;         /* Hace que el input se comporte como un bloque para usar márgenes automáticos */
    margin: 0 auto;         /* Margen automático para centrar horizontalmente */
    width: 50%;
}

  .elementor-shortcode .postform {
        width: 100%; /* Ancho total */
        box-sizing: border-box; /* Incluir el padding y el border en el ancho total */
        margin-bottom: 15px; /* Espacio entre los campos */
    }
    
    
    
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1c94521 *//* Estilos CSS para el shortcode de mostrar destinos */
.destinos-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Dos columnas */
    gap: 50px; /* Espacio entre las imágenes */
    margin: 0 auto; /* Margen horizontal centrado */

}

.destino {
    position: relative; /* Posición relativa para poder posicionar el título de forma absoluta */
    height: 400px; /* Alto del contenedor */
    border-radius: 15px; /* Bordes redondeados */
    overflow: hidden; /* Evitar que la sombra se desborde */
}

.destino img {
    width: 100%; /* Para que la imagen ocupe todo el ancho del contenedor */
    height: 100%; /* Para que la imagen ocupe todo el alto del contenedor */
    object-fit: cover; /* Cubrir el contenedor manteniendo la relación de aspecto */
    border-radius: inherit; /* Mantener el border-radius */
}

.destino-title {
    color: white!important;
    position: absolute; /* Posicionamiento absoluto para que se pueda colocar sobre la imagen */
    bottom: 10px; /* 10px desde el margen inferior */
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Supersonic Rocketship', sans-serif; /* Fuente del título */
    font-size: 22px; /* Tamaño de fuente del título */
    color: white; /* Color del texto */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); /* Sombra para que el texto sea legible */
    margin: 0; /* Sin margen */
    padding: 0 10px; /* Espaciado interno para evitar que el texto toque los bordes */
    border-radius: 5px; /* Bordes redondeados */
    text-align: center;
}



/* Estilos para dispositivos móviles */
@media (max-width: 767px) {
    
    .destino{
        object-fit: cover; /* Cubrir el contenedor manteniendo la relación de aspecto */
    }
    
    .destinos-container {
        grid-template-columns: 1fr; /* Una columna en dispositivos móviles */
        gap: 35px; /* Ajustar el espacio entre las imágenes en móviles */
    }
    
    

    .destino {
        width: 100%; /* Ancho del contenedor al 100% en móviles */
        height: auto; /* Altura automática para mantener la proporción de la imagen */
    }

    .destino img {
       
        width: 100%; /* Ancho completo del contenedor */
        height: 200px; /* Alto completo del contenedor */
        object-fit: cover; /* Cubrir el contenedor manteniendo la relación de aspecto */
    }

    .destino-title {
    
    color: white!important;
    position: absolute; /* Posicionamiento absoluto para que se pueda colocar sobre la imagen */
    bottom: 10px; /* 10px desde el margen inferior */
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Supersonic Rocketship', sans-serif; /* Fuente del título */
    font-size: 17px!important; /* Tamaño de fuente del título */
    color: white; /* Color del texto */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); /* Sombra para que el texto sea legible */
    margin: 0; /* Sin margen */
    padding: 0 10px; /* Espaciado interno para evitar que el texto toque los bordes */
    border-radius: 5px; /* Bordes redondeados */
}
}

@media (max-width: 926px) and (orientation: landscape) {
     .destino img
        {
        width: 100%;
        height: 300px;
        object-fit: cover;
    
}


}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Supersonic Rocketship';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://tdrc.wrkg.ar/wp-content/uploads/2024/03/Supersonic-Rocketship.ttf') format('truetype');
}
/* End Custom Fonts CSS */