.elementor-6037 .elementor-element.elementor-element-9575c74{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-6037 .elementor-element.elementor-element-193e17a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-6037 .elementor-element.elementor-element-ab75a7a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-6037 .elementor-element.elementor-element-158b9a8{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-6037 .elementor-element.elementor-element-53646ba{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6037 .elementor-element.elementor-element-7a39730 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;color:#686969;}.elementor-6037 .elementor-element.elementor-element-27c7325{--display:flex;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-6037 .elementor-element.elementor-element-ac359fc .elementor-icon-wrapper{text-align:center;}.elementor-6037 .elementor-element.elementor-element-ac359fc.elementor-view-stacked .elementor-icon{background-color:#636363;}.elementor-6037 .elementor-element.elementor-element-ac359fc.elementor-view-framed .elementor-icon, .elementor-6037 .elementor-element.elementor-element-ac359fc.elementor-view-default .elementor-icon{color:#636363;border-color:#636363;}.elementor-6037 .elementor-element.elementor-element-ac359fc.elementor-view-framed .elementor-icon, .elementor-6037 .elementor-element.elementor-element-ac359fc.elementor-view-default .elementor-icon svg{fill:#636363;}.elementor-6037 .elementor-element.elementor-element-ac359fc .elementor-icon{font-size:18px;}.elementor-6037 .elementor-element.elementor-element-ac359fc .elementor-icon svg{height:18px;}.elementor-6037 .elementor-element.elementor-element-d478eb9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:-4rem;--margin-bottom:0rem;--margin-left:3rem;--margin-right:0rem;}.elementor-6037 .elementor-element.elementor-element-55221e5{--display:flex;}.elementor-6037 .elementor-element.elementor-element-66a053c img{width:60%;}.elementor-6037 .elementor-element.elementor-element-4443fee{--display:flex;}.elementor-6037 .elementor-element.elementor-element-f2025fa .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:600;color:#686969;}.elementor-6037 .elementor-element.elementor-element-7fa1474{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:-4rem;--margin-bottom:0rem;--margin-left:03rem;--margin-right:0rem;}.elementor-6037 .elementor-element.elementor-element-a57dc7c{--display:flex;}.elementor-6037 .elementor-element.elementor-element-dba98e0 img{width:60%;}.elementor-6037 .elementor-element.elementor-element-025c6ef{--display:flex;}.elementor-6037 .elementor-element.elementor-element-d0153a1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:600;color:#686969;}.elementor-6037 .elementor-element.elementor-element-53c0ace{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-6037 .elementor-element.elementor-element-6104fef{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-6037 .elementor-element.elementor-element-6f1f2ab{--display:flex;}.elementor-6037 .elementor-element.elementor-element-b8f7cfb{--display:flex;}.elementor-6037 .elementor-element.elementor-element-5d981fd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;color:#686969;}.elementor-6037 .elementor-element.elementor-element-9000cee{--display:flex;}.elementor-6037 .elementor-element.elementor-element-cd8e840 .elementor-icon-wrapper{text-align:center;}.elementor-6037 .elementor-element.elementor-element-cd8e840.elementor-view-stacked .elementor-icon{background-color:#636363;}.elementor-6037 .elementor-element.elementor-element-cd8e840.elementor-view-framed .elementor-icon, .elementor-6037 .elementor-element.elementor-element-cd8e840.elementor-view-default .elementor-icon{color:#636363;border-color:#636363;}.elementor-6037 .elementor-element.elementor-element-cd8e840.elementor-view-framed .elementor-icon, .elementor-6037 .elementor-element.elementor-element-cd8e840.elementor-view-default .elementor-icon svg{fill:#636363;}.elementor-6037 .elementor-element.elementor-element-cd8e840 .elementor-icon{font-size:18px;}.elementor-6037 .elementor-element.elementor-element-cd8e840 .elementor-icon svg{height:18px;}.elementor-6037 .elementor-element.elementor-element-3c9b6cc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:-4rem;--margin-bottom:0rem;--margin-left:3rem;--margin-right:0rem;}.elementor-6037 .elementor-element.elementor-element-6001d72{--display:flex;}.elementor-6037 .elementor-element.elementor-element-81be8db img{width:60%;}.elementor-6037 .elementor-element.elementor-element-4ff37d5{--display:flex;}.elementor-6037 .elementor-element.elementor-element-148383b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:600;color:#686969;}.elementor-6037 .elementor-element.elementor-element-ed0af56{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:-4rem;--margin-bottom:0rem;--margin-left:03rem;--margin-right:0rem;}.elementor-6037 .elementor-element.elementor-element-4689ef7{--display:flex;}.elementor-6037 .elementor-element.elementor-element-531301f img{width:60%;}.elementor-6037 .elementor-element.elementor-element-468bfaa{--display:flex;}.elementor-6037 .elementor-element.elementor-element-40377ca .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:17px;font-weight:600;color:#686969;}.elementor-6037 .elementor-element.elementor-element-a632a7a{--display:flex;}.elementor-6037 .elementor-element.elementor-element-2ab0a41{--display:flex;}@media(min-width:768px){.elementor-6037 .elementor-element.elementor-element-158b9a8{--width:30%;}.elementor-6037 .elementor-element.elementor-element-53646ba{--width:80%;}.elementor-6037 .elementor-element.elementor-element-27c7325{--width:10%;}.elementor-6037 .elementor-element.elementor-element-55221e5{--width:30%;}.elementor-6037 .elementor-element.elementor-element-4443fee{--width:80%;}.elementor-6037 .elementor-element.elementor-element-a57dc7c{--width:30%;}.elementor-6037 .elementor-element.elementor-element-025c6ef{--width:80%;}.elementor-6037 .elementor-element.elementor-element-6f1f2ab{--width:30%;}.elementor-6037 .elementor-element.elementor-element-b8f7cfb{--width:80%;}.elementor-6037 .elementor-element.elementor-element-9000cee{--width:10%;}.elementor-6037 .elementor-element.elementor-element-6001d72{--width:30%;}.elementor-6037 .elementor-element.elementor-element-4ff37d5{--width:80%;}.elementor-6037 .elementor-element.elementor-element-4689ef7{--width:30%;}.elementor-6037 .elementor-element.elementor-element-468bfaa{--width:80%;}}/* Start custom CSS for container, class: .elementor-element-ab75a7a *//* =========================================
   MENÚ DESPLEGABLE COMIC
   ========================================= */

/* ONE y DEMON ocultos inicialmente */
.comic .one,
.comic .demon {
    display: none;
}


/* =========================================
   MOSTRAR CONTENIDO AL ABRIR
   ========================================= */

.comic.abierto .one,
.comic.abierto .demon {
    display: flex;
}


/* =========================================
   ICONO DROP
   ========================================= */

.comic .drop {
    cursor: pointer;
    user-select: none;

    transition:
        transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.25s ease;
    
    transform-origin: center;
}


/* =========================================
   DROP ABIERTO
   ========================================= */

.comic.abierto .drop {
    transform: rotate(180deg);
}


/* =========================================
   DROP AL PASAR EL MOUSE
   - SUBE
   - AUMENTA LIGERAMENTE
   ========================================= */

.comic .drop:hover {
    transform: translateY(-5px) scale(1.10);
}


/* =========================================
   HOVER CUANDO ESTÁ ABIERTO
   - MANTIENE ROTACIÓN
   - SUBE
   - AUMENTA
   ========================================= */

.comic.abierto .drop:hover {
    transform: rotate(180deg) translateY(-5px) scale(1.10);
}


/* =========================================
   ANIMACIÓN DE ONE
   ========================================= */

.comic.abierto .one {
    animation:
        menuEntrada 0.45s cubic-bezier(0.22, 1, 0.36, 1)
        both;
}


/* =========================================
   ANIMACIÓN DE DEMON
   ========================================= */

.comic.abierto .demon {
    animation:
        menuEntrada 0.45s cubic-bezier(0.22, 1, 0.36, 1)
        0.05s both;
}


/* =========================================
   ANIMACIÓN DE APERTURA
   ========================================= */

@keyframes menuEntrada {

    from {
        opacity: 0;
        transform: translateY(-12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


/* =========================================
   REDUCIR ANIMACIONES SI EL USUARIO
   LAS TIENE DESACTIVADAS
   ========================================= */

@media (prefers-reduced-motion: reduce) {

    .comic .drop,
    .comic.abierto .one,
    .comic.abierto .demon {
        animation: none;
        transition: none;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6104fef *//* =========================================
   MENÚ DESPLEGABLE COMIC
   ========================================= */

/* ONE y DEMON ocultos inicialmente */
.comic .one,
.comic .demon {
    display: none;
}


/* =========================================
   MOSTRAR CONTENIDO AL ABRIR
   ========================================= */

.comic.abierto .one,
.comic.abierto .demon {
    display: flex;
}


/* =========================================
   ICONO DROP
   ========================================= */

.comic .drop {
    cursor: pointer;
    user-select: none;

    transition:
        transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.25s ease;
    
    transform-origin: center;
}


/* =========================================
   DROP ABIERTO
   ========================================= */

.comic.abierto .drop {
    transform: rotate(180deg);
}


/* =========================================
   DROP AL PASAR EL MOUSE
   - SUBE
   - AUMENTA LIGERAMENTE
   ========================================= */

.comic .drop:hover {
    transform: translateY(-5px) scale(1.10);
}


/* =========================================
   HOVER CUANDO ESTÁ ABIERTO
   - MANTIENE ROTACIÓN
   - SUBE
   - AUMENTA
   ========================================= */

.comic.abierto .drop:hover {
    transform: rotate(180deg) translateY(-5px) scale(1.10);
}


/* =========================================
   ANIMACIÓN DE ONE
   ========================================= */

.comic.abierto .one {
    animation:
        menuEntrada 0.45s cubic-bezier(0.22, 1, 0.36, 1)
        both;
}


/* =========================================
   ANIMACIÓN DE DEMON
   ========================================= */

.comic.abierto .demon {
    animation:
        menuEntrada 0.45s cubic-bezier(0.22, 1, 0.36, 1)
        0.05s both;
}


/* =========================================
   ANIMACIÓN DE APERTURA
   ========================================= */

@keyframes menuEntrada {

    from {
        opacity: 0;
        transform: translateY(-12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


/* =========================================
   REDUCIR ANIMACIONES SI EL USUARIO
   LAS TIENE DESACTIVADAS
   ========================================= */

@media (prefers-reduced-motion: reduce) {

    .comic .drop,
    .comic.abierto .one,
    .comic.abierto .demon {
        animation: none;
        transition: none;
    }

}/* End custom CSS */