/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1727082718
Updated: 2024-09-23 11:11:58

*/

:root {
    --primario: #363D58;
    --secundario: #363D58;
    --enfasis: #D84F4F;
    --text: #202020;
    --light: #FFF;
    --gray: #F5F5F5;
    --dark: #000;

    --fw-bold:700;
    --fw-semibold:600;
    --fw-medium:500;
    --fw-normal:400;
    --fw-light:300;

    --font-family:'Montserrat',Sans-serif;
}

/** Grosor de fuentes **/

.fw_bold {font-weight: var(--fw-bold);}
.fw_semibold {font-weight: var(--fw-semibold);}
.fw_medium {font-weight: var(--fw-medium);}
.fw_normal {font-weight: var(--fw-normal);}
.fw_light {font-weight: var(--fw-light);}

/** Colores **/

.col_pri {color: var(--primario);}
.col_sec {color: var(--secundario);}
.col_enf {color: var(--enfasis);}
.col_txt {color: var(--text);}
.col_light {color: var(--light);}
.col_gray {color: var(--gray);}
.col_light_gray {color: var(--light-gray);}

/** Alineaciones de textos **/

.txa-left {text-align: left;}
.txa-center {text-align: center;}
.txa-right {text-align: right;}

/** Efecto css para desactivar links **/
.link-desactivado a:first-child {cursor: none;}
.link-desactivado ul li a {cursor: pointer !important;}

#site-header,#site-footer,.page-header {display: none !important;}

/** Listados **/

.lista ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.lista ul li {
    margin: 0 0 .5rem 0;
    display: flex;
}

.lista ul li::marker {display: none;}

.lista ul li::before {
    content: '';
    background: url('/documents/3552227/3552530/check.svg/f4c7c644-dcae-892c-5486-e35746f62898') no-repeat 0 0;
    position: relative;
    float: left;
    width: 22px;
    min-width: 22px;
    height: 22px;
    background-size: 100%;
    margin: 0 1rem 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
}

/** Efecto over sobre botones **/

/*.elementor-button:hover .elementor-button-icon {
    transform: translateX(10px);
    transition: all 500ms;
}*/


/** Bloque Carrusel **/

.carousel-dex .swiper-pagination-bullets {
    top: -1rem !important;
}

.carousel-dex .swiper-pagination-bullets.inactive {
    display: none;
}

.carousel-dex .swiper-pagination-bullets.active {
    display: block;
}

.carousel-dex .swiper-pagination-bullet {
    width: .5rem !important;
    height: .5rem !important;
}

.carousel-dex .swiper-pagination-bullet {
    background:var(--enfasis) !important;
}

.caja-carousel-sidertia .marca-sidertia{
    padding: 0 0 .25rem 0;
}

.caja-carousel-sidertia {max-height: auto;}

.ico-carousel img {max-width: 48px;}

.ext-carousel,.ext-carousel.inactive {
    opacity: 0;
    height: 0px;
}

.ext-carousel.active {
    opacity: 1;
    display: block;
    transition: all 1s;
    height: auto;
}

.ext-carousel,.ext-carousel.inactive {
    opacity: 1;
    height: auto;
}

.arrow-carousel {
    z-index: 50;
    cursor: pointer;
    display: none;
}

.arrow-carousel.active img {display: none;}

.arrow-carousel.active::before {
    content: '';
    background:url('assets/images/arrow-up.svg') no-repeat 0 0;
    position: relative;
    float: right;
    width: 24px;
    height: 24px;
}


/******************** BLOQUE ACORDEÓN + IMÁGENES ******************************/

#box-acordeon {overflow: hidden;}

.videos-accordion .cont-videos > div {
    display: none;
}

.videos-accordion .cont-videos > div.activo,.videos-accordion .cont-videos > div:first-child {
    display: block;
}

@-moz-document url-prefix() {
    /** Para no pintar la capa del icono sobre los vídeos de firefox. El propio navegador añade el play. **/
    .videos-accordion .cont-videos .elementor-custom-embed-image-overlay,#video .elementor-custom-embed-image-overlay {
        display: none !important;
    }
}

.elementor-accordion-item p {
    margin:0 !important;
    padding: 0 !important;
}

/*.elementor-accordion-item .elementor-tab-title {
    position: relative;
    float: left;
    width: 100%;
}*/

.elementor-accordion-item .elementor-active {
    background: #FFF !important;
}

.elementor-accordion-item .elementor-active a{
    color: var(--enfasis) !important;
    font-family: 'Montserrat', Sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    position: relative;
    float: left;
    width: 100%;
}

.elementor-accordion-item .elementor-active a::before {
    content:'';
    background:url('assets/images/ico-acordeon.svg') no-repeat 0 0;
    position: relative;
    float: left;
    width: 13px;
    height: 18px;
    margin: 0 1rem 0 0;
}

/******************** CASOS USO **********************/

.casos-uso .caja {
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.15);
}

/** POP-UP **/
.elementor-popup-modal .dialog-widget-content {
    border-radius:24px !important;
}
.elementor-popup-modal .dialog-message {
    display: flex;
    max-height: 100vh;
    max-width: 100vw;
    overflow: auto;
    padding: 0;
    width: 640px;
    background:#d2d2d2a3;
    border-radius: 24px;
}

/** HUBSPOT FORM **/

/*#hubspot-popup-form form {
    display: flex !important;
    flex-wrap: wrap !important;
}

#hubspot-popup-form .hs-firstname,#hubspot-popup-form .hs-lastname {width: 50% !important;}

#hubspot-popup-form .hs_email,#hubspot-popup-form .hs_phone, #hubspot-popup-form .hs_company {width: 100% !important;}*/

/** PREFOOTER + FOOTER **/

#prefooter {
    background: url('assets/images/back-sup-izdo.png'),url('assets/images/back-inferior-dcho.png');
    background-position: top left,bottom right;
    background-repeat: no-repeat,no-repeat;
    background-color: #363D58 !important;
}

/* -----------------------------
MOBILE FIRST
----------------------------- */
@media (min-width:600px){
    /*.caja-carousel .swiper-slide .e-parent,.caja-carousel .swiper-slide .e-parent.inactivo,
    .caja-carousel-sidertia .swiper-slide .e-parent,.caja-carousel-sidertia .swiper-slide .e-parent.inactivo {
        max-height: 190px;
    }*/
}

@media (min-width:769px){
    .ico-carousel img {max-width: 54px;}

    .dialog-message.dialog-lightbox-message {
        height: 575px !important;
    }

    .videos-accordion .cont-videos {
        position: absolute;
        top: 50%;
        left: 100%;
        width: 90%;
        height: 100%;
        transform: translate(-50%, -50%);
    }
}

@media (min-width:1025px){
    .caja-carousel-sidertia {max-height: 250px;}
}

@media (min-width:1024px){

    .caja-carousel-sidertia .marca-sidertia .e-parent.activo,.caja-carousel-sidertia .e-parent.activo {max-height:100%;}

    .caja-carousel-sidertia .marca-sidertia .e-parent,.caja-carousel-sidertia .marca-sidertia .e-parent.inactivo {
        max-height: 210px;
    }

    .ext-carousel,.ext-carousel.inactive {
        opacity: 0;
        height: 0px;
    }
    
    .ext-carousel.active {
        opacity: 1;
        display: block;
        transition: all 1s;
        height: auto;
    }
    
    .arrow-carousel {
        display: block;
    }
}

@media (min-width:1025px){
    /** Bloque main **/
    #main {overflow: hidden;}

    #main .imagen {
        position: absolute;
        top: 50%;
        left: 100%;
        width: 100%;
        height: 100%;
        transform: translate(-45%, -40%);
    }

    .lista ul li::before {
        width: 26px;
        min-width: 26px;
        height: 24px;
    }
}

@media (min-width:1367px){
    .caja-carousel-sidertia .swiper-slide .e-parent,.caja-carousel-sidertia .swiper-slide .e-parent.inactivo {
        max-height: 210px;
    }

    #main .imagen {
        transform: translate(-40%, -40%);
    }

    .lista ul li::before {
        width: 32px;
        min-width: 32px;
        height: 26px;
    }
}

@media (min-width:1920px){
    .cont-linea .efecto img {
        width: 36px !important;
    }
}
@media (min-width:2560px){
    .cont-linea .efecto img {
        width: 48px !important;
    }
}


/* -----------------------------
RESPONSIVE
----------------------------- */

@media (max-width:1366px){
    /** Caja contenido **/
    .e-con.e-flex > .e-con-inner {max-width: 90%;}
}