/*
 Theme Name:   LP Alameda
 Theme URI:    https://understrap.com
 Description:  Tema hijo basado en Understrap para la landing page de Alameda
 Author:       Olózfera
 Author URI:   https://olozfera.com/
 Template:     understrap
 Version:      1.2.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/


/* Estilos generales */


#carrusel-apertura .diapositiva .logotipo {
    display: none;
}


@media (min-width: 992px) {
    body:not(.elementor-editor-active) #carrusel-apertura .diapositiva .imagen-fondo img {
        object-fit: cover;
    }

    body:not(.elementor-editor-active) #carrusel-apertura .diapositiva .imagen-fondo,
    body:not(.elementor-editor-active) #carrusel-apertura .diapositiva .imagen-fondo .elementor-widget-image,
    body:not(.elementor-editor-active) #carrusel-apertura .diapositiva .imagen-fondo .elementor-widget-responsive-image,
    body:not(.elementor-editor-active) #carrusel-apertura .diapositiva .imagen-fondo .elementor-widget-container,
    body:not(.elementor-editor-active) #carrusel-apertura .diapositiva .imagen-fondo .elementor-image,
    body:not(.elementor-editor-active) #carrusel-apertura .diapositiva .imagen-fondo img {
        display: flex;
        width: 100%;
        height: 100%;
    }


    body:not(.elementor-editor-active) #carrusel-apertura .diapositiva {
        position: relative;
    }

    body:not(.elementor-editor-active) #carrusel-apertura .diapositiva .imagen-fondo {
        width: 100%;
        height: 100%;
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
    }

    body.elementor-editor-active #carrusel-apertura .diapositiva .logotipo {
        display: flex;
    }

    body:not(.elementor-editor-active) #carrusel-apertura .diapositiva .logotipo {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }

    body:not(.elementor-editor-active) #carrusel-apertura .diapositiva .logotipo.mostrar-img-hover {
        opacity: 1;
        transition: all ease-in-out 150ms;
    }

    body:not(.elementor-editor-active) #carrusel-apertura .diapositiva .logotipo.mostrar-img-hover:hover {
        opacity: 0;
    }

    body:not(.elementor-editor-active) #carrusel-apertura .diapositiva .logotipo:not(.mostrar-img-hover) {
        z-index: 1;
    }

    body:not(.elementor-editor-active) #carrusel-apertura .diapositiva .imagen-fondo.mostrar-logo-hover {
        opacity: 1;
        transition: all ease-in-out 150ms;
        z-index: 2;
    }

    body:not(.elementor-editor-active) #carrusel-apertura .diapositiva .imagen-fondo.mostrar-logo-hover:hover {
        opacity: 0;
    }


}


/* Para todos los carruseles */

.slick-track {
    display: flex !important;
}

.slick-slide {
    height: inherit !important;
}

.slick-slide > div {
    height: 100% !important;;
}


.slick-dots {
    bottom: -26px !important;
    list-style: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: hidden;
!important;
    gap: 8px !important;
}

.slick-dots li {
    width: 10px !important;
    height: 10px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
}

.slick-dots li button,
.slick-dots li button:before {
    width: 10px !important;
    height: 10px !important;
    padding: 0 !important;
}

.slick-dots li button {
    border-radius: 100% !important;
    overflow: hidden !important;
    text-indent: -9999px !important;
}

.slick-dots li.slick-active button {

}


#carrusel-apertura .slick-dots li button,
#carrusel-highlights .slick-dots li button {
    background: rgba(48, 79, 66, 0.5);
}

#carrusel-apertura .slick-dots li.slick-active button,
#carrusel-highlights .slick-dots li.slick-active button {
    background: #304F42;
}

#carrusel-desarrollo .slick-dots li button {
    background: rgba(255, 255, 255, 0.5);
}

#carrusel-desarrollo .slick-dots li.slick-active button {
    background: white;
}


/* Carrusel tipologías */

#carrusel-tipologias .diapositiva .elementor-widget-image,
#carrusel-tipologias .diapositiva .elementor-widget-image .elementor-widget-container {
    display: flex;
    justify-content: center;
    align-items: center;
}


#carrusel-highlights .slick-slide .diapositiva {
    height: 100%;
}

#carrusel-highlights .slick-list {
    padding-right: 64px;
}

#carrusel-highlights .slick-list .slick-slide:not(:last-of-type) {
    padding-right: 16px;
}


#carrusel-apertura .slick-slide .diapositiva {
    height: 100%;
}

#carrusel-apertura .slick-list {
    padding-right: 64px;
}

#carrusel-apertura .slick-list .slick-slide:not(:last-of-type) {
    padding-right: 16px;
}


#carrusel-desarrollo .slick-slide .diapositiva {
    height: 100%;
}

#carrusel-desarrollo .slick-list {
    padding-right: 64px;
}

#carrusel-desarrollo .slick-list .slick-slide:not(:last-of-type) {
    padding-right: 16px;
}


/* Formulario de la LP */


#formulario_lp input::placeholder,
#formulario_lp textarea::placeholder {
    color: #717171 !important;
    opacity: 1 !important;
}

#formulario_lp .elementor-field-group {
    align-items: flex-start;
}

#formulario_lp .elementor-field-group .elementor-field {
    flex-direction: column;
}

#formulario_lp .elementor-message.elementor-message-danger:before {
    display: none;
}

#formulario_lp .elementor-field-group .elementor-select-wrapper select {
    appearance: none !important;
    background-image: url("svg/flecha-abajo-gris.svg");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 16px;
}

#formulario_lp .elementor-select-wrapper .select-caret-down-wrapper {
    display: none;
}

#formulario_lp .elementor-form-fields-wrapper + div {
    display: none;
}

#formulario_lp .elementor-form-spinner {
    display: none !important;
}

/*
#formulario_lp .e-form__buttons{
    display: none;
}
*/

#formulario_lp .elementor-message.elementor-message-danger {
    margin-top: 8px;
    margin-bottom: 0;
    margin-left: 0;
}


#boton-enviar-formulario * {
    pointer-events: none;
}


#formulario_lp select option[value=""],
#formulario_lp select:invalid {
    color: #717171 !important;
}