/*
 Theme Name:   LP Alisia
 Theme URI:    https://understrap.com
 Description:  Tema hijo basado en Understrap para la landing page de Alisia
 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
*/

body:not(.elementor-editor-active) #menu-principal .elementor-nav-menu--dropdown, body:not(.elementor-editor-active) .imagen-fondo-header img {
    height: var(--alto-ventana) !important;
}

@media(min-width: 992px){
    body:not(.elementor-editor-active) #menu-principal .elementor-nav-menu--dropdown, body:not(.elementor-editor-active) .imagen-fondo-header img {
        height: 67.71vw!important;
    }    
}

@media (max-width: 992px) and (max-height: 576px) and (orientation: landscape) {
    body:not(.elementor-editor-active) #menu-principal .elementor-nav-menu--dropdown, body:not(.elementor-editor-active) .imagen-fondo-header img {
        height: auto!important;
    } 
}

#menu-principal .elementor-nav-menu .menu-item a .icono, #menu-principal .logotipo-menu-mobile {
    display: block;
    background-color: transparent;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}



@media only screen and (max-width: 768px) {
    .aos-animate {
        -moz-animation: none !important;
        -moz-transform: none !important;
        -moz-transition-property: none !important;
        -ms-animation: none !important;
        -ms-transform: none !important;
        -ms-transition-property: none !important;
        -o-animation: none !important;
        -o-transform: none !important;
        -o-transition-property: none !important;
        -webkit-animation: none !important;
        -webkit-transform: none !important;
        -webkit-transition-property: none !important;
        animation: none !important;
        transform: none !important;
        transition-property: none !important
    }

    [data-aos] {
        animation: none !important;
        opacity: 1 !important;
        transform: translate(0) scale(1) !important;
        transition-property: none !important
    }
}

body:not(.elementor-editor-active) .opacidad-0 {
    opacity: 0
}

div[data-elementor-type=wp-page] {
    overflow: hidden
}

#wpadminbar {
    background: rgba(0, 0, 0, .15)
}

html:has(body.admin-bar) {
    margin-top: 0 !important
}

:root {
    --alto-ventana: 100vh;
    --chronicle-text: 'Chronicle Text G1';
    --light: 300;
    --normal: 400;
    --medium: 500;
    --bold: 700;
    --black: 900;
    --negro: #464646;
    --azul: #377BBF;
    --bs-primary-rgb: 55, 123, 191;
    --ancho-menu-principal: 100vw
}

body {
    --bs-body-font-family: var(--chronicle-text), sans-serif;
    --bs-body-font-weight: var(--light);
    --bs-body-color: var(--negro);
    --bs-body-font-size: 1.125rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: never
}

.navbar-nav {
    --bs-nav-link-font-size: 16px;
    --bs-nav-link-color: rgba(255, 255, 255, 0.75);
    --bs-nav-link-hover-color: rgba(255, 255, 255, 1)
}

p {
    text-wrap: pretty
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: var(--chronicle-text), sans-serif;
    font-weight: var(--light);
    color: var(--azul);
    line-height: 1.25;
    text-wrap: balance
}

strong {
    font-weight: 500
}

#page-wrapper {
    padding: 16px 0
}

.content-area {
    padding-left: 0;
    padding-right: 0
}

.container, .container-sm {
    max-width: calc(100% - 32px);
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: calc(100% - 32px);
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 768px) {
    #page-wrapper {
        padding: 24px 0
    }

    .container, .container-md, .container-sm {
        max-width: calc(100% - 48px);
        margin-left: auto;
        margin-right: auto
    }
}




@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px
    }
}

.mobile-menu .elementor-item.elementor-item-active {
    font-weight: 900 !important
}

.acordeon-marcas .e-n-tabs-heading .e-n-tab-title[aria-selected=true], .desktop-menu .elementor-item.elementor-item-active {
    font-weight: 700 !important
}

.elementor-heading-title {
    line-height: 1.25
}

.elementor-menu-toggle {
    padding: 0;
    margin-bottom: 6px
}

.elementor-menu-toggle__icon--close {
    z-index: 9999 !important
}

#menu-principal .elementor-nav-menu--dropdown {
    height: var(--alto-ventana)
}

#menu-principal .elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container {
    transform: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 28px!important;
}

.elementor-button-wrapper {
    width: 100%
}

@media (min-width: 360px) {
    #menu-principal .elementor-nav-menu.sm-vertical {
        width: 350px;
        margin-left: auto;
        margin-right: auto
    }
}

#menu-principal ul li a {
    padding: 0 16px
}

#menu-principal .mobile-menu li:not(:last-child) {
    margin-bottom: 48px
}

#menu-principal .elementor-nav-menu .menu-item a .icono {
    width: 38px;
    height: 18px;
    margin: 0 0 3px 24px;
    background-image: url("svg/flecha-naranja-menu.svg")
}

#menu-principal .logotipo-menu-mobile {
    width: 62px;
    height: 77px;
    margin: 0 auto 48px;
    background-image: url("svg/logo-menu-mobile.svg")
}

@media (max-width: 992px) and (max-height: 576px) and (orientation: landscape) {
    #menu-principal ul li a {
        font-size: 20px
    }

    #menu-principal .mobile-menu li:not(:last-child) {
        margin-bottom: 16px
    }

    #menu-principal .logotipo-menu-mobile {
        width: 45px;
        height: 56px;
        margin-bottom: 24px
    }
}

.imagen-con-titulo .titulo-imagen.fondo-azul-claro .envoltura:after, .imagen-con-titulo .titulo-imagen.fondo-azul-claro .envoltura:before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background-color: transparent;
    background-image: url("svg/curva-inferior-derecha-azul-claro.svg")
}

@media (min-width: 1366px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1320px
    }

    body.elementor-page #content {
        padding-left: 0;
        padding-right: 0
    }

    .tarjeta-servicio .envoltura-imagen-servicio .imagen-servicio, .tarjeta-servicio .envoltura-imagen-servicio .imagen-servicio .elementor-widget-container, .tarjeta-servicio .envoltura-imagen-servicio .imagen-servicio .elementor-widget-container img {
        height: auto
    }

    .tarjeta-servicio .envoltura-imagen-servicio .imagen-servicio .elementor-widget-container img {
        object-fit: fill
    }
}

.imagen-con-titulo .titulo-imagen .envoltura p, .tarjeta-servicio .descripcion-servicio .texto-servicio p {
    margin-bottom: 0
}

#bloque-formulario .elementor-widget-template {
    width: 100% !important
}

.imagen-con-titulo {
    position: relative;
    font-size: 16px
}

.imagen-con-titulo .elementor-widget-image, .imagen-con-titulo .elementor-widget-image .elementor-widget-container, .imagen-con-titulo .elementor-widget-image .elementor-widget-container img {
    width: 100%;
    height: 100%
}

#carrusel-historia .slick-slide img, .imagen-con-titulo .elementor-widget-image .elementor-widget-container img {
    object-fit: cover
}

.imagen-con-titulo .titulo-imagen {
    padding: 0;
    width: fit-content;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top-right-radius: 8px
}

.imagen-con-titulo .titulo-imagen .envoltura {
    position: relative;
    padding: 10px 16px
}

.imagen-con-titulo .titulo-imagen.fondo-azul-claro .envoltura:after {
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: -16px;
    left: 0
}

.imagen-con-titulo .titulo-imagen.fondo-azul-claro .envoltura:before {
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(100% - 16px);
    left: 100%
}

.imagen-con-titulo .titulo-imagen.fondo-blanco .envoltura:after, .imagen-con-titulo .titulo-imagen.fondo-blanco .envoltura:before {
    content: "";
    width: 16px;
    height: 16px;
    background-color: transparent;
    background-image: url("svg/curva-inferior-derecha-blanca.svg");
    background-position: center center;
    position: absolute;
    background-repeat: no-repeat;
    display: block
}

.imagen-con-titulo .titulo-imagen.fondo-blanco .envoltura:after {
    top: -16px;
    left: 0
}

.imagen-con-titulo .titulo-imagen.fondo-blanco .envoltura:before {
    top: calc(100% - 16px);
    left: 100%
}

body:not(.elementor-editor-active) .tarjeta-interactiva .contenido-tarjeta {
    position: relative
}

body:not(.elementor-editor-active) .tarjeta-interactiva .contenido-hover-tarjeta {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    transition: 1s ease-in-out
}

body:not(.elementor-editor-active) .tarjeta-interactiva.mostrar .contenido-hover-tarjeta {
    z-index: 1;
    opacity: 1
}

@media (max-width: 1366px) {
    #home-bloque-somos .columna-1 {
        padding-top: 4.839vw;
        padding-bottom: 4.839vw
    }

    #home-bloque-somos .columna-1 .elementor-heading-title {
        font-size: 32px
    }
}

@media (max-width: 768px) {
    #home-bloque-somos .columna-2 img, .banner-con-imagen-fondo .columna-2 img, .banner-header .columna-2 img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

.slick-track {
    display: flex !important
}

.slick-slide {
    height: inherit !important
}

.slick-slide > div {
    flex-grow: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

#carrusel-convenios .slick-list, #carrusel-historia .slick-list, #carrusel-servicios-1 .slick-list, #carrusel-servicios-2 .slick-list, #carrusel-servicios-salud .slick-list {
    margin-right: -16px
}

#carrusel-convenios .slick-list .slick-slide:not(:last-of-type), #carrusel-historia .slick-list .slick-slide:not(:last-of-type), #carrusel-servicios .slick-list .slick-slide:not(:last-of-type), #carrusel-servicios-1 .slick-list .slick-slide:not(:last-of-type), #carrusel-servicios-2 .slick-list .slick-slide:not(:last-of-type), #carrusel-servicios-salud .slick-list .slick-slide:not(:last-of-type), #carrusel-valores .slick-list .slick-slide:not(:last-of-type) {
    padding-right: 16px
}

#carrusel-valores .slick-list {
    padding-right: 140px
}

@media (min-width: 768px) {
    #carrusel-servicios .slick-list .slick-slide:not(:last-of-type), #carrusel-valores .slick-list .slick-slide:not(:last-of-type) {
        padding-right: 24px
    }
}

#carrusel-servicios .slick-list {
    padding-right: 40px
}

#carrusel-marcas .slick-list {
    margin-right: -48px
}

#carrusel-marcas .slick-list .slick-slide:not(:last-of-type) {
    padding-right: 48px
}

#carrusel-convenios .slick-slide .contenido-tarjeta, #carrusel-convenios .slick-slide .tarjeta-convenio, #carrusel-historia .slick-slide .elementor-widget-container, #carrusel-historia .slick-slide .elementor-widget-image, #carrusel-historia .slick-slide img, #carrusel-valores .slick-slide .contenido-tarjeta, #carrusel-valores .slick-slide .tarjeta-valor {
    height: 100%
}

@media (min-width: 768px) {
    #carrusel-historia {
        flex-grow: 1
    }

    #carrusel-historia, #carrusel-historia .diapositiva, #carrusel-historia .elementor-image, #carrusel-historia .slick-list, #carrusel-historia .slick-slide, #carrusel-historia .slick-track {
        height: 100% !important
    }

    #carrusel-historia .diapositiva {
        display: grid !important
    }

    #carrusel-convenios .slick-list {
        margin-right: -24px
    }

    #carrusel-convenios .slick-list .slick-slide:not(:last-of-type) {
        padding-right: 24px
    }


}

@media (min-width: 1200px) {
    .imagen-con-titulo {
        font-size: 18px
    }

    #carrusel-convenios .slick-list .slick-slide:not(:last-of-type), #carrusel-servicios.slick-list .slick-slide:not(:last-of-type), #carrusel-valores .slick-list .slick-slide:not(:last-of-type) {
        padding-right: 32px
    }

    #carrusel-convenios .slick-list {
        margin-right: -32px
    }
}

#carrusel-convenios .tarjeta-convenio .contenido-tarjeta .elementor-widget-image {
    display: flex;
    justify-content: center
}



.acordeon-marcas .elementor-widget-n-tabs {
    padding: 24px 24px 0
}

.acordeon-marcas .elementor-element {
    border: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.espacio.acordeon-abierto .cabecera-espacio {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

body:not(.elementor-editor-active) .acordeon-marcas .e-n-accordion-item-title {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.acordeon-marcas .e-n-tabs-heading .e-n-tab-title {
    padding: 16px 24px;
    border: none;
    border-top: 1px solid #b5b5b5 !important
}

.acordeon-marcas .e-n-tabs-heading .e-n-tab-title:first-child {
    border-top: none !important
}

.acordeon-marcas .e-n-tabs-content .elementor-element .e-con-inner {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 16px !important
}



@media (min-width: 768px) {


    .acordeon-marcas .elementor-widget-n-tabs {
        padding-top: 48px
    }

    .acordeon-marcas .e-n-tabs-content .elementor-element .e-con-inner {
        padding-left: 24px !important;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 48px !important
    }

    
}

@media (min-width: 992px) {
    #wpadminbar {
        display: block
    }

    #page-wrapper {
        padding: 24px 0 30px
    }

    #menu-principal ul li a {
        padding: 8px 12px 6px;
        border-radius: 8px;
        display: flex
    }

    #menu-principal ul li:not(:last-child) {
        margin-right: 6px
    }

    #menu-principal ul li a:hover {
        background: rgba(0, 0, 0, .25)
    }

    .tarjeta-servicio .contenido-tarjeta .envoltura-imagen-servicio, .tarjeta-servicio .contenido-tarjeta .envoltura-imagen-servicio .imagen-servicio, .tarjeta-servicio .contenido-tarjeta .envoltura-imagen-servicio .imagen-servicio .elementor-widget-container, .tarjeta-servicio .contenido-tarjeta .envoltura-imagen-servicio .imagen-servicio .elementor-widget-container img {
        height: 100%
    }

    .tarjeta-servicio .contenido-tarjeta .envoltura-imagen-servicio .imagen-servicio .elementor-widget-container img {
        display: block;
        object-fit: cover
    }








    .acordeon-marcas .e-n-tabs-heading {
        flex-basis: 315px !important;
    }


}




#formulario_lp .elementor-field-textual.elementor-size-md{
    padding: 6px 10px;
}

#formulario_lp .elementor-field-textual.elementor-size-md::placeholder{
    opacity: 1 !important;
}


#formulario_lp .elementor-field-type-textarea{
    margin-bottom: 20px;
}

#formulario_lp .elementor-message-danger:before,
#formulario_lp .elementor-form-fields-wrapper + .elementor-message-danger{
    display: none;
}

#formulario_lp .elementor-message{
    margin: 10px 0 0 10px;
}


/* Carruseles cuadradas en mobile */

.carrusel .diapositiva{
    aspect-ratio: 412 / 310;
}


.carrusel img{
    object-fit: cover;
}

.carrusel .elementor-widget,
.carrusel .elementor-widget-container,
.carrusel .elementor-image,
.carrusel img{
    width: 100%;
    height: 100%;
}

@media (min-width: 768px){
    .carrusel .diapositiva{
        aspect-ratio: auto;
    }
    
    
    .carrusel img{
        object-fit: fill;
    }
    
    .carrusel .elementor-widget,
    .carrusel .elementor-widget-container,
    .carrusel .elementor-image,
    .carrusel img{
        width: 100%;
        height: auto;
    }    
}




/* Imágenes cuadradas en mobile */

.imagen {
    aspect-ratio: 412 / 310;
}

.imagen img{
    object-fit: cover;
}

.imagen .elementor-widget-container,
.imagen .elementor-image,
.imagen img{
    width: 100%;
    height: 100%;
}

@media (min-width: 768px){
    .imagen {
        aspect-ratio: auto;
    }
    
    .imagen img{
        object-fit: fill;
    }
    
    .imagen .elementor-widget-container,
    .imagen .elementor-image,
    .imagen img{
        width: 100%;
        height: auto;
    }   
}



/* Navegación en carruseles */


.carrusel .navegacion{
    pointer-events: none;
}

.carrusel .btn-atras,
.carrusel .btn-siguiente{
    background:transparent;
    position: relative;
    cursor: pointer;
    pointer-events: all;
}


.carrusel .btn-atras img{
    margin-right: 3px;
}

.carrusel .btn-siguiente img{
    margin-left: 3px;
}

.carrusel .btn-atras:before,
.carrusel .btn-siguiente:before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(38,11,6, 0.75);
    mix-blend-mode: multiply;
    z-index: 0;
}


@media(min-width: 768px){
    .carrusel .btn-atras:before,
    .carrusel .btn-siguiente:before{
        background: transparent;
        mix-blend-mode: normal;
    }    
}