/* 
Theme Name: 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
*/

/*/////////
//GENERAL//
/////////*/
:root {
    --size-lang-icon: 40px;
    --border-radius-40: 40px;
    --border-radius-20: 20px;
}

.color-primary {
    filter: brightness(0) saturate(100%) invert(85%) sepia(98%) saturate(462%) hue-rotate(325deg) brightness(100%) contrast(91%);
}

.color-secondary {
    filter: brightness(0) saturate(100%) invert(69%) sepia(31%) saturate(498%) hue-rotate(86deg) brightness(86%) contrast(92%);
}

.color-texto {
    filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(0%) hue-rotate(175deg) brightness(101%) contrast(94%);
}

p strong, p b {
    font-weight: 600!important;
}

/* .pantalla-grande {
    padding-left: 10vw!important;
    padding-right: 10vw!important;
} */

.pantalla-grande-menu {
    /* padding-left: calc(10vw + 20px)!important;
    padding-right: calc(10vw + 20px)!important; */
}

.subrayado {
    box-shadow: inset 0 -0.4em 0 0 var(--e-global-color-primary);
}

.border-radius-40 {
    border-radius: var(--border-radius-40)!important;
    overflow: hidden;
}

.border-radius-20 {
    border-radius: var(--border-radius-20)!important;
    overflow: hidden;
}

.elementor-divider-separator {
    border-radius: 100px!important;
}

/* SCROLLBAR */
::-webkit-scrollbar {
    width: 10px;
    z-index: 99998!important;
}

::-webkit-scrollbar-track {
    background: #ffffff;
}

::-webkit-scrollbar-thumb {
    background: var(--e-global-color-text);
    border-radius: 10px;
    border: 2px solid #ffffff;;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--e-global-color-primary);
}

/*//////
//MENU//
//////*/
.menu-general .btn-redes a:hover svg {
    filter: brightness(0) saturate(100%) invert(68%) sepia(89%) saturate(308%) hue-rotate(1deg) brightness(108%) contrast(91%);
}

.menu-general .menu-desktop-links {
    padding-right: calc(var(--size-lang-icon) + 20px);
}

.menu-general .menu-item a:after {
    width: calc(100% - 40px);
    left: 50%;
    transform: translateX(-50%);
    border-radius: 100px;
}

.menu-general a {
    text-decoration: none;
}

.menu-general .sub-menu {
    padding: 20px 20px 20px 10px!important;
}

.menu-general .sub-menu .elementor-sub-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.menu-general .sub-menu .elementor-sub-item:after {
    content: '';
    width: 100%;
    height: 2px;
    display: block!important;
    left: 50%;
    position: relative;
}

.menu-general .sub-menu .elementor-sub-item:hover::after {
    background: var(--e-global-color-primary)!important; 
} 

.e-off-canvas .sub-menu {
    background: #fff!important;
    border-radius: var(--border-radius-20)!important;
}

.e-off-canvas .elementor-sub-item {
    font-size: 16px!important;
}

/* scroll */
.menu-general {
    box-shadow: none;
}

.menu-general.scroll-menu {
    background: #ffffff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.menu-general.scroll-menu .menu-item a {
    color: var(--e-global-color-text)!important;
}

.menu-general.scroll-menu i,
.menu-general.scroll-menu .icono-mundo,
.menu-general.scroll-menu .e-font-icon-svg {
    filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(0%) hue-rotate(175deg) brightness(101%) contrast(94%);
}
/* 
.menu-general.scroll-menu i:hover,
.menu-general.scroll-menu .icono-mundo:hover,
.menu-general.scroll-menu .e-font-icon-svg:hover {
    filter: brightness(0) saturate(100%) invert(85%) sepia(98%) saturate(462%) hue-rotate(325deg) brightness(100%) contrast(91%);
} */

/* idiomas */
#btn-idioma {
    position: fixed;
    right: 40px;
    top: 50px;
}

@media (min-width: 2399px) {
    #btn-idioma {
        right: 50vw!important;
        transform: translateX(940px);

    }
}

.gtranslate_wrapper a img {
    position: absolute;
    min-width: 50px;
    width:50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

.gtranslate_wrapper span {
    display: none;
}

.gtranslate_wrapper [data-gt-lang="ja"] img{
    filter: brightness(.95);
}

.gt_float_switcher {
    box-shadow: none!important;
    padding: 10px;
    background: none!important;
}

.gtranslate_wrapper a {
    padding: 0!important;
    position: relative;
    margin-bottom: 15px!important;
    background: none!important;
    overflow: hidden;
    width: 35px !important;
    height: 35px !important;
    border-radius: 100px!important;
    left: 50%;
    transform: translateX(-54%);
}

.gt_float_switcher-arrow,
.gt_float_switcher-arrow.gt_arrow_rotate,
.txtBandera,
.gt-lang-code {
    display: none!important;
}

.gt_float_switcher .gt-selected {
    background: none!important;
}

.gt_float_switcher,
.gt_float_switcher .gt-selected .gt-current-lang {
    padding: 0!important;
}

.gt_float_switcher .gt-selected .gt-current-lang > img:first-child {
    display: none;
}

.gt_float_switcher .icono-mundo {
    position: relative;
    z-index: 100;
    left: 0;
    border-radius: 100px;
    width: var(--size-lang-icon)!important;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(337deg) brightness(105%) contrast(101%);
    width: 33px!important;
}

.gt_float_switcher .icono-mundo:hover {
    filter: brightness(0) saturate(100%) invert(85%) sepia(98%) saturate(462%) hue-rotate(325deg) brightness(100%) contrast(91%);
}

.menu-movil .gt_float_switcher .icono-mundo,
.menu-movil .gt_float_switcher .icono-mundo:hover {
    filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(0%) hue-rotate(175deg) brightness(101%) contrast(94%)!important;
}

.menu-movil .gt_float_switcher .gt_options {
    display: flex!important;
    flex-direction: row!important;
    max-width: max-content!important;
    margin-left: 5px;
}

.menu-movil .gtranslate_wrapper a {
    left: 0!important;
    transform: translate(0);
    margin-right: 10px!important;
}

.menu-movil .gt_float_switcher {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

 
/*/////////////
//HEADER CONT//
/////////////*/
.header-cont {
    height: calc(100vh - 40px);
}

@media (min-width: 1950px) {
    .header-cont {
        height: calc(90vh - 40px);
    }
}


/*////////
//QUE ES//
////////*/
.que-es-circulos-cont {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    opacity: .1;
}

.que-es-circulos-cont .que-es-circulo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 1000px;
    border: 2px solid var(--e-global-color-text);
    width: 50vw;
    height: 50vw;
    animation: anima-circulos-que-es 4s ease-out;
    transform-origin: center center;
}

@media (max-width: 1200px) {
    .que-es-circulos-cont {
        left: 25%;
        top: 34vw;
    }
}

@media (max-width: 767px) {
    .que-es-circulos-cont {
        left: 50%;
        top: 200vw;
    }
}

@keyframes anima-circulos-que-es {
    0% {
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        width: 50vw;
        height: 50vw;
        opacity: 0;
    }
}

@media (max-width: 767px) {
    @keyframes anima-circulos-que-es {
        0% {
            width: 0;
            height: 0;
            opacity: 1;
        }

        100% {
            width: 100vw;
            height: 100vw;
            opacity: 0;
        }
    }
}

/*//////////////
//VIDEO SCROLL//
//////////////*/
.video-scroll-tigger {
    height: 500vh;
}

.video-scroll-container {
    border-radius: var(--border-radius-40)!important;
    overflow: hidden!important;
}

.video-scroll-tigger .video-scroll-container {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -5;
    height: calc(100vh - 200px);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.video-scroll-tigger .video-scroll-container canvas {
    height: 110%!important;
    width: auto!important;
}

@media (max-width: 1024px) {
    .video-scroll-tigger .video-scroll-container {
        height: 30vh!important;
    }
}
/*//////////
//PRODUCTO//
//////////*/
/* .producto-solo {
    height: calc(100vh - 190px);
}

.producto-solo * {
    height: 100%!important;
}

.producto-solo img {
    max-width: max-content!important;
    width: auto!important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
} */

.texto-producto-descripcion {
    height: -webkit-fill-available;
}

.tabla-producto .tablepress tr,
.tabla-producto .tablepress td {
    background: none!important;
}

.tabla-producto .tablepress tr td:nth-child(even) {
    text-align: right;
}

.tabla-producto .tablepress tr td:nth-child(odd) {
    color: var(--e-global-color-c895495);
}

.tabla-producto .tablepress caption {
    display: none;
}

.tabla-producto .column-1 {
    color: var(--e-global-color-text)!important;
}

.tabla-producto .tablepress * {
    border-color: var();
}

.tabla-producto .tablepress {
    margin: 0;
}

@media (max-width: 880px) {
    /* .producto-solo {
        height: max-content;
    }

    .producto-solo img {
        position: relative;
        height: 50vh!important;
    } */

    #tablepress-1 {
        border-bottom: 1px solid #fff;
    }

    .texto-producto-descripcion {
        height: auto;
    }
}

/*/////
//FAQ//
/////*/
.faq-cont details {
    border-radius: 40px;
    background: var(--e-global-color-secondary);
}

.faq-cont details > * {
    /* padding: 25px!important; */
}

/*////////
//FOOTER//
////////*/
.mapa-contacto .leaflet-pane.leaflet-map-pane > .leaflet-pane.leaflet-tile-pane{
    filter: grayscale(1);
}

.mapa-contacto .leaflet-bottom.leaflet-right{
    display: none;
}

.copyright-cont img {
    filter: brightness(0) saturate(100%) invert(85%) sepia(98%) saturate(462%) hue-rotate(325deg) brightness(100%) contrast(91%);
}

.copyright-cont a:hover > img {
    filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(0%) hue-rotate(175deg) brightness(101%) contrast(94%);
}