/* 
Theme Name: SUMUN - 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;
}
/*** Fin: Segundo header - Conversaciones / Entrada / IA ***/

/*** Botón ***/
header span.elementor-button-icon svg {
    width: 18px!important;
}
.elementor-button-icon svg {
    margin-left: 8px;
}
a.elementor-button:hover path, a.elementor-button:focus path {
    fill: #fff!important;
    stroke: #fff!important;
    transition: .4s;
}
.btn-transparente a.elementor-button:hover path, .btn-transparente a.elementor-button:focus path {
    fill: var( --e-global-color-accent )!important;
    stroke: transparent!important;
}
.btn-transparente a.elementor-button:hover path, .btn-transparente a.elementor-button:focus path {
    fill: var( --e-global-color-accent )!important;
    stroke: transparent!important;
    transition: .4s;
}
/*** 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;
}
.img-logo h2 {
    align-items: center;
    display: flex;
    gap: 15px;
    justify-content: center;
}
/*** Fin: Tipografías ***/

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

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

/*** Tabs - Botones ***/
.tabs-btn button.e-n-tab-title {
    opacity: 0.5;
    transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
	font-variation-settings: 'wght' 600;
	transition: font-variation-settings 0.3s ease-in-out;
}
.tabs-btn button.e-n-tab-title[aria-selected="true"], .tabs-btn button:hover {
    border-color: #c9e3ee !important;
    background-color: var(--e-global-color-primary) !important;
    box-shadow: 0 4px 20.5px -16px #FFF5EE inset, 0 0 12px 0 #FFF inset !important;
    color: #fff !important;
    font-variation-settings: 'wght' 800;
    opacity: 1;
	transition: all 0.3s ease-in-out;
}
.tabs-btn .e-n-tabs-heading button:first-child {
    min-width: 170px!important;
}
.tabs-btn .e-n-tabs-heading button:nth-child(2) {
    min-width: 340px!important;
}
.tabs-btn .e-n-tabs-heading button:last-child {
    min-width: 280px!important;
}
/*** Fin: Tabs - Botones ***/

/*** 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 ***/

/*** Formulario ***/
form button.elementor-button {
    margin-top: 40px;
}
input:focus, textarea:focus {
    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0)!important;
}
form .elementor-message.elementor-message-success {
    float: right;
    font-size: 14px!important;
    margin-top: 25px;
}
/*** Fin: Formulario ***/

/*** 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 .e-n-accordion-item-title:hover span.e-closed svg path{
    stroke: #0095CD;
    transition:all .3s;
}

.tab-ia .e-n-accordion-item-title span.e-closed svg path{
    stroke: #9BABAF;
    transition:all .3s;
}


.tab-ia span.e-opened, .tab-ia span.e-closed  {
    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 ***/

/*** Plantilla páginas informativas footer ***/
.page-contenido h2, .page-contenido h3 {
    font-weight: 700;
    font-size: var( --e-global-typography-text-font-size );
    margin-top: 40px;
}
.page-contenido ul li {
    margin-bottom: 20px;
}
.page-contenido p {
    margin: 20px 0!important;
}
figure.wp-block-table {
    margin: 40px 0;
}
.wp-block-table td, .wp-block-table th {
    border-width: 0!important;
    text-align: left;
}
.page-contenido a {
    color: var( --e-global-color-text )!important;
    text-decoration: underline!important;
}
.page-contenido a:hover {
    color: #0095CD!important;
}
/*** Fin: Plantilla páginas informativas footer ***/

/*** Responsive ***/
/* Portatil */
@media only screen and (max-width: 1400px) {
    /* Boton */
    .elementor-button-icon svg {
        margin-left: 5px;
        width: 0.8em;
    }
    /* Tabs - Botones */
    .tabs-btn .e-n-tabs-heading button:first-child {
        min-width: 130px!important;
    }
    .tabs-btn .e-n-tabs-heading button:nth-child(2) {
        min-width: 260px!important;
    }
    .tabs-btn .e-n-tabs-heading button:last-child {
        min-width: 230px!important;
    }
}
/* 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;
    }
    /* h2 img */
    .img-logo h2 {
        display: block;
    }
    .img-logo img {
        margin-bottom: -2px;
        max-width: 100px;
        padding-left: 5px;
    }
    /* Conversaciones */
    .conversaciones-3 .elementor-loop-container .e-loop-item:nth-child(2) {
        display: flex;
    }
    /* Formulario */
    form button.elementor-button {
        margin-top: 20px;
    }
    /* Tabs - Botones */
    .tabs-btn .e-n-tabs-heading button:first-child {
        min-width: 105px!important;
    }
    .tabs-btn .e-n-tabs-heading button:nth-child(2) {
        min-width: 240px!important;
    }
    .tabs-btn .e-n-tabs-heading button:last-child {
        min-width: 185px!important;
    }
}
/* Mobile */
@media only screen and (max-width: 767px) {
    /* Global */
    .html {
        overflow-x: hidden;
    }
    /* Botones */
    .btn-full a {
        width: 100%!important;
    }
    /* Footer */
    .menu-footer ul {
        flex-direction: column;
    }
    /* IA */
    .box-blur {
        opacity: 1;
    }
    /* h2 img */
    .img-logo img {
        margin-bottom: -1px;
        max-width: 85px;
    }
    /* Plantilla páginas informativas footer */
    .page-contenido h2, .page-contenido h3 {
        margin-top: 25px;
    }
    table.has-fixed-layout {
        overflow-x: scroll;
        width: auto!important;
    }
    .wp-block-table td, .wp-block-table th {
        min-width: 130px!important;
    }
    /* Formulario */
    form button.elementor-button {
        margin-top: 15px;
        width: 100%;
    }
	
	/* Tabs pilares */
	
	.tabs-btn .e-n-tabs-heading button:first-child, .tabs-btn .e-n-tabs-heading button:nth-child(2),.tabs-btn .e-n-tabs-heading button:last-child {
    	min-width: auto !important;
	}
	
	.tabs-btn button.e-n-tab-title[aria-selected="true"], .tabs-btn button:hover {
		font-variation-settings: 'wght' 600;

	}
}
/*** Fin: Responsive ***/