/* 
Theme Name: SUMUN COLOMBIA SINC - Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*** Segundo header - Conversaciones / Entrada / IA ***/
.page-id-424 #header-menu > .e-con-inner, .page-id-20 #header-menu > .e-con-inner, .single-post #header-menu > .e-con-inner  {
    background-color: #fff;
    border-radius: 50px;
    z-index: 99;
}


/*** Botón ***/
header span.elementor-button-icon svg {
    width: 18px!important;
}
.elementor-button-icon svg {
    margin-left: 8px;
}

a.elementor-button:hover path {
    /* fill: #fff!important; */
    /* stroke: #fff!important; */
    /* transition: .4s; */
}

.btn-transparente a.elementor-button:hover path {
    fill: var( --e-global-color-accent )!important;
     stroke: transparent!important;
}
.btn-transparente a.elementor-button:hover path {
    fill: var( --e-global-color-accent )!important;
    stroke: transparent!important; 
    transition: .4s;
}
/* Play */
.elementor-custom-embed-play:hover path {
    fill: #fff!important;
    transition: .4s;
}
.elementor-custom-embed-play:hover svg rect {
    fill: var( --e-global-color-primary );
}
.elementor-custom-embed-play i, .elementor-custom-embed-play svg {
    opacity: 1;
}
/*** Fin: Botón ***/

/*** Tipografías ***/
b {
    font-weight: 700!important;
}
strong {
    font-weight: 800!important;
}
.celeste strong {
    color: var( --e-global-color-secondary );
}
h3 {
    margin: 0;
}
h2 span {
    background: linear-gradient(90deg, #036F94 66.32%, #0099BC 83.16%, #036F94 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/*** Fin: Tipografías ***/

/*** Imagen ***/
.elementor-widget-image a {
    display: block;
}
/*** Fin: Imagen ***/

/*** Sección ocultar ***/
.hidden {
    overflow: hidden;
}
/*** Fin: Sección ocultar ***/

/*** Inicio - Conversaciones ***/
.conversaciones-3 .elementor-loop-container .e-loop-item:nth-child(2) {
    display: none;
}
.box-extracto {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.duracion-video {
    background: #000000CC;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    padding: 5px;
    margin-left: auto;
    width: 60px;
}
.loop-tag {
    display: flex;
}
.e-loop-item:hover .loop-imagen, .e-loop-item:hover .loop-imagen {
    transition: opacity 0.6s ease;
}
.e-loop-item:hover .loop-imagen {
    opacity: 0.8;
}
/*** Fin: Inicio - Conversaciones ***/

/*** Footer ***/
img.destello {
    position: absolute;
    right: -18px;
    top: -4px;
}
/*** Fin: Footer ***/

/*** IA ***/
.box-blur {
    backdrop-filter: blur(2px);
    cursor: pointer;
    opacity: 0;
    transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -webkit-transition: opacity .4s ease-in-out;
}
.box-blur:hover {
    opacity: 1;
}
.titulo-large h1 span {
    display: inline;
}
.tab-ia span.e-closed {
    display: none!important;
}
.tab-ia span.e-opened {
    margin-right: 16px;
}
.tab-ia span.e-opened, .tab-ia .e-n-accordion-item[open]>.e-n-accordion-item-title, .tab-ia .e-n-accordion-item-title-text {
    transition: .5s;
}
.page-id-20 .box-blur {
    display: none;
}
.tab-ia summary.e-n-accordion-item-title {
    align-items: flex-start!important;
}
.tab-ia span.e-n-accordion-item-title-icon {
    padding-top: 7px;
}
/*** Fin: IA ***/

/*** Responsive ***/
/* Portatil */
@media only screen and (max-width: 1400px) {
    /* Boton */
    .elementor-button-icon svg {
        margin-left: 5px;
        width: 0.8em;
    }
}
/* Tablet */
@media only screen and (max-width: 1024px) {
    /* Header */
    header span.elementor-button-icon svg {
        width: 12px!important;
    }
    .elementor-button-icon svg {
        margin-left: 0;
    }
    /* Conversaciones */
    .conversaciones-3 .elementor-loop-container .e-loop-item:nth-child(2) {
        display: flex;
    }
}
/* Mobile */
@media only screen and (max-width: 667px) {
    /* Global */
    .html {
        overflow-x: hidden;
    }
    /* Botones */
    .btn-full a {
        width: 100%!important;
    }
    /* Footer */
    .menu-footer ul {
        flex-direction: column;
    }
    /* IA */
    .box-blur {
        opacity: 1;
    }
}
/*** Fin: Responsive ***/