/*
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.4.9.1781524747
Updated: 2026-06-15 13:59:07
*/

/* =============================================
   HEADER — Un solo header, dos estados de color
   ============================================= */

.admin-bar header#site-header {
    top: 32px;
}

#site-header {
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;

    --header-bg: transparent;
    --header-color: #000;

    background-color: var(--header-bg);
    transition: opacity 0.2s ease,
                background-color 0.35s ease,
                color 0.35s ease;
}

.elementor-editor-active #site-header {
    opacity: 1;
}

#site-header.header-ready {
    opacity: 1;
}

/* Sobre sección oscura → texto blanco */
#site-header.is-dark {
    --header-color: #fff;
}

#site-header.is-dark svg * {
    fill: var(--header-color);
    transition: fill 0.35s ease;
}

.is-dark .elementor-social-icon svg {
    fill: var(--header-color) !important;
    transition: fill 0.35s ease;
}

/* Textos del nav */
#site-header,
#site-header .elementor-nav-menu a,
#site-header .e-con {
    color: var(--header-color);
    transition: color 0.35s ease;
}

/* Solo primer nivel del menú principal en desktop */
#site-header .elementor-nav-menu > li > a.elementor-item,
#site-header .elementor-nav-menu > li > a.elementor-item:hover,
#site-header .elementor-nav-menu > li > a.elementor-item:focus,
#site-header .elementor-nav-menu > li.current-menu-item > a,
#site-header .elementor-nav-menu > li.current-menu-ancestor > a,
#site-header .elementor-nav-menu > li.current-menu-parent > a {
    color: var(--header-color) !important;
}

/* Pointer/línea del primer nivel */
#site-header .elementor-widget-nav-menu .elementor-nav-menu > li > a.elementor-item::after {
    background-color: var(--header-color) !important;
}

/* =============================================
   SUBMENÚ — desktop
   ============================================= */

/* Estado normal: enlaces submenú siempre negros */
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item,
#site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item {
    background-color: #fff !important;
    color: #000 !important;
    fill: currentColor !important;
    transition: background-color 0.35s ease,
                color 0.35s ease,
                fill 0.35s ease,
                stroke 0.35s ease;
}

/* Flechas e iconos del submenú en estado normal */
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item .sub-arrow,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item i,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item svg,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item .e-font-icon-svg,
#site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item .sub-arrow,
#site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item i,
#site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item svg,
#site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item .e-font-icon-svg {
    color: #000 !important;
    fill: currentColor !important;
}

#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item svg *,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item .e-font-icon-svg *,
#site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item svg *,
#site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item .e-font-icon-svg * {
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* Hover / focus / active visual escritorio */
#site-header .elementor-nav-menu .sub-menu > li:hover > a.elementor-sub-item,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:hover,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:focus,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:focus-visible,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:active,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item.highlighted,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item.elementor-item-active,
#site-header .elementor-nav-menu .sub-menu > li.current-menu-item > a.elementor-sub-item,
#site-header .elementor-nav-menu .sub-menu > li.current-menu-parent > a.elementor-sub-item,
#site-header .elementor-nav-menu .sub-menu > li.current-menu-ancestor > a.elementor-sub-item,
#site-header .elementor-nav-menu .sub-menu > li.current_page_item > a.elementor-sub-item,
#site-header .elementor-nav-menu .sub-menu > li.current_page_parent > a.elementor-sub-item,
#site-header .elementor-nav-menu .sub-menu > li.current_page_ancestor > a.elementor-sub-item {
    background-color: #000 !important;
    color: #fff !important;
}

/* Flechas/iconos en hover / activo escritorio */
#site-header .elementor-nav-menu .sub-menu > li:hover > a.elementor-sub-item .sub-arrow,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:hover .sub-arrow,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:focus .sub-arrow,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:focus-visible .sub-arrow,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:active .sub-arrow,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item.highlighted .sub-arrow,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item.elementor-item-active .sub-arrow,
#site-header .elementor-nav-menu .sub-menu > li.current-menu-item > a.elementor-sub-item .sub-arrow,
#site-header .elementor-nav-menu .sub-menu > li.current-menu-parent > a.elementor-sub-item .sub-arrow,
#site-header .elementor-nav-menu .sub-menu > li.current-menu-ancestor > a.elementor-sub-item .sub-arrow,
#site-header .elementor-nav-menu .sub-menu > li:hover > a.elementor-sub-item i,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:hover i,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:focus i,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:focus-visible i,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:active i,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item.highlighted i,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item.elementor-item-active i,
#site-header .elementor-nav-menu .sub-menu > li.current-menu-item > a.elementor-sub-item i,
#site-header .elementor-nav-menu .sub-menu > li.current-menu-parent > a.elementor-sub-item i,
#site-header .elementor-nav-menu .sub-menu > li.current-menu-ancestor > a.elementor-sub-item i,
#site-header .elementor-nav-menu .sub-menu > li:hover > a.elementor-sub-item svg,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:hover svg,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:focus svg,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:focus-visible svg,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:active svg,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item.highlighted svg,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item.elementor-item-active svg,
#site-header .elementor-nav-menu .sub-menu > li.current-menu-item > a.elementor-sub-item svg,
#site-header .elementor-nav-menu .sub-menu > li.current-menu-parent > a.elementor-sub-item svg,
#site-header .elementor-nav-menu .sub-menu > li.current-menu-ancestor > a.elementor-sub-item svg,
#site-header .elementor-nav-menu .sub-menu > li:hover > a.elementor-sub-item .e-font-icon-svg,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:hover .e-font-icon-svg,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:focus .e-font-icon-svg,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:focus-visible .e-font-icon-svg,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:active .e-font-icon-svg,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item.highlighted .e-font-icon-svg,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item.elementor-item-active .e-font-icon-svg,
#site-header .elementor-nav-menu .sub-menu > li.current-menu-item > a.elementor-sub-item .e-font-icon-svg,
#site-header .elementor-nav-menu .sub-menu > li.current-menu-parent > a.elementor-sub-item .e-font-icon-svg,
#site-header .elementor-nav-menu .sub-menu > li.current-menu-ancestor > a.elementor-sub-item .e-font-icon-svg {
    color: #fff !important;
    fill: currentColor !important;
}

#site-header .elementor-nav-menu .sub-menu > li:hover > a.elementor-sub-item svg *,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:hover svg *,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:focus svg *,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:focus-visible svg *,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:active svg *,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item.highlighted svg *,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item.elementor-item-active svg *,
#site-header .elementor-nav-menu .sub-menu > li.current-menu-item > a.elementor-sub-item svg *,
#site-header .elementor-nav-menu .sub-menu > li.current-menu-parent > a.elementor-sub-item svg *,
#site-header .elementor-nav-menu .sub-menu > li.current-menu-ancestor > a.elementor-sub-item svg *,
#site-header .elementor-nav-menu .sub-menu > li:hover > a.elementor-sub-item .e-font-icon-svg *,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:hover .e-font-icon-svg *,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:focus .e-font-icon-svg *,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:focus-visible .e-font-icon-svg *,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item:active .e-font-icon-svg *,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item.highlighted .e-font-icon-svg *,
#site-header .elementor-nav-menu .sub-menu > li > a.elementor-sub-item.elementor-item-active .e-font-icon-svg *,
#site-header .elementor-nav-menu .sub-menu > li.current-menu-item > a.elementor-sub-item .e-font-icon-svg *,
#site-header .elementor-nav-menu .sub-menu > li.current-menu-parent > a.elementor-sub-item .e-font-icon-svg *,
#site-header .elementor-nav-menu .sub-menu > li.current-menu-ancestor > a.elementor-sub-item .e-font-icon-svg * {
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* Estado por defecto (sin is-dark) y con scroll → borde y texto negro */
#site-header:not(.is-dark) .btn-blanco,
#site-header.header-scroll .btn-blanco {
    border-color: var(--c-negro) !important;
    color: var(--c-negro) !important;
}

/* Hover en ambos casos → fondo negro, texto blanco */
#site-header:not(.is-dark) .btn-blanco:hover,
#site-header.header-scroll .btn-blanco:hover {
    background-color: var(--c-negro) !important;
    color: var(--c-blanco) !important;
    border-color: var(--c-negro) !important;
}

/* Con scroll → fondo blanco */
#site-header.header-scroll {
    --header-bg: #ffffff;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
}

/* Con scroll → SIEMPRE negro, haya o no is-dark */
#site-header.header-scroll,
#site-header.header-scroll.is-dark {
    --header-color: #000 !important;
}

/* =============================================
   RESPONSIVE
   ============================================= */

@media screen and (max-width:1024px) {

    #site-header,
    #site-header .e-con {
        color: var(--c-negro);
    }

    #site-header .elementor-nav-menu--dropdown {
        background: #fff !important;
    }

    /* Primer nivel móvil */
    #site-header .elementor-nav-menu--dropdown > ul > li > a.elementor-item {
        background: #fff !important;
        color: #000 !important;
        border-top: 0 !important;
        border-bottom: 1px solid #000 !important;
        fill: currentColor !important;
    }

    #site-header .elementor-nav-menu--dropdown > ul > li > a.elementor-item .sub-arrow,
    #site-header .elementor-nav-menu--dropdown > ul > li > a.elementor-item i,
    #site-header .elementor-nav-menu--dropdown > ul > li > a.elementor-item svg,
    #site-header .elementor-nav-menu--dropdown > ul > li > a.elementor-item .e-font-icon-svg {
        color: #000 !important;
        fill: currentColor !important;
    }

    #site-header .elementor-nav-menu--dropdown > ul > li > a.elementor-item svg *,
    #site-header .elementor-nav-menu--dropdown > ul > li > a.elementor-item .e-font-icon-svg * {
        fill: currentColor !important;
        stroke: currentColor !important;
    }

    #site-header .elementor-nav-menu--dropdown > ul > li > a.elementor-item:hover,
    #site-header .elementor-nav-menu--dropdown > ul > li > a.elementor-item:focus,
    #site-header .elementor-nav-menu--dropdown > ul > li > a.elementor-item:focus-visible,
    #site-header .elementor-nav-menu--dropdown > ul > li > a.elementor-item:active,
    #site-header .elementor-nav-menu--dropdown > ul > li > a.elementor-item.highlighted,
    #site-header .elementor-nav-menu--dropdown > ul > li > a.elementor-item.elementor-item-active,
    #site-header .elementor-nav-menu--dropdown > ul > li.current-menu-item > a.elementor-item,
    #site-header .elementor-nav-menu--dropdown > ul > li.current-menu-parent > a.elementor-item,
    #site-header .elementor-nav-menu--dropdown > ul > li.current-menu-ancestor > a.elementor-item,
    #site-header .elementor-nav-menu--dropdown > ul > li.current_page_item > a.elementor-item,
    #site-header .elementor-nav-menu--dropdown > ul > li.current_page_parent > a.elementor-item,
    #site-header .elementor-nav-menu--dropdown > ul > li.current_page_ancestor > a.elementor-item {
        background: #000 !important;
        color: #fff !important;
    }

    #site-header .elementor-nav-menu--dropdown > ul > li > a.elementor-item:hover .sub-arrow,
    #site-header .elementor-nav-menu--dropdown > ul > li > a.elementor-item:focus .sub-arrow,
    #site-header .elementor-nav-menu--dropdown > ul > li > a.elementor-item:focus-visible .sub-arrow,
    #site-header .elementor-nav-menu--dropdown > ul > li > a.elementor-item:active .sub-arrow,
    #site-header .elementor-nav-menu--dropdown > ul > li > a.elementor-item.highlighted .sub-arrow,
    #site-header .elementor-nav-menu--dropdown > ul > li > a.elementor-item.elementor-item-active .sub-arrow,
    #site-header .elementor-nav-menu--dropdown > ul > li.current-menu-item > a.elementor-item .sub-arrow,
    #site-header .elementor-nav-menu--dropdown > ul > li.current-menu-parent > a.elementor-item .sub-arrow,
    #site-header .elementor-nav-menu--dropdown > ul > li.current-menu-ancestor > a.elementor-item .sub-arrow,
    #site-header .elementor-nav-menu--dropdown > ul > li > a.elementor-item:hover i,
    #site-header .elementor-nav-menu--dropdown > ul > li > a.elementor-item:hover svg,
    #site-header .elementor-nav-menu--dropdown > ul > li > a.elementor-item:hover .e-font-icon-svg,
    #site-header .elementor-nav-menu--dropdown > ul > li.current-menu-item > a.elementor-item i,
    #site-header .elementor-nav-menu--dropdown > ul > li.current-menu-item > a.elementor-item svg,
    #site-header .elementor-nav-menu--dropdown > ul > li.current-menu-item > a.elementor-item .e-font-icon-svg,
    #site-header .elementor-nav-menu--dropdown > ul > li.current-menu-parent > a.elementor-item i,
    #site-header .elementor-nav-menu--dropdown > ul > li.current-menu-parent > a.elementor-item svg,
    #site-header .elementor-nav-menu--dropdown > ul > li.current-menu-parent > a.elementor-item .e-font-icon-svg,
    #site-header .elementor-nav-menu--dropdown > ul > li.current-menu-ancestor > a.elementor-item i,
    #site-header .elementor-nav-menu--dropdown > ul > li.current-menu-ancestor > a.elementor-item svg,
    #site-header .elementor-nav-menu--dropdown > ul > li.current-menu-ancestor > a.elementor-item .e-font-icon-svg {
        color: #fff !important;
        fill: currentColor !important;
    }

    /* Submenú móvil */
    #site-header .elementor-nav-menu--dropdown .sub-menu {
        background: #fff !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item {
        background: #fff !important;
        color: #000 !important;
        border-top: 0 !important;
        border-bottom: 1px solid #000 !important;
        padding-left: 24px !important;
        fill: currentColor !important;
    }

    #site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item .sub-arrow,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item i,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item svg,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item .e-font-icon-svg {
        color: #000 !important;
        fill: currentColor !important;
    }

    #site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item:hover,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item:focus,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item:focus-visible,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item:active,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item.highlighted,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item.elementor-item-active,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li.current-menu-item > a.elementor-sub-item,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li.current-menu-parent > a.elementor-sub-item,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li.current-menu-ancestor > a.elementor-sub-item,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li.current_page_item > a.elementor-sub-item,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li.current_page_parent > a.elementor-sub-item,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li.current_page_ancestor > a.elementor-sub-item {
        background: #000 !important;
        color: #fff !important;
    }

    #site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item:hover .sub-arrow,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item:focus .sub-arrow,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item:focus-visible .sub-arrow,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item:active .sub-arrow,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item.highlighted .sub-arrow,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item.elementor-item-active .sub-arrow,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li.current-menu-item > a.elementor-sub-item .sub-arrow,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li.current-menu-parent > a.elementor-sub-item .sub-arrow,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li.current-menu-ancestor > a.elementor-sub-item .sub-arrow,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item:hover i,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item:hover svg,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li > a.elementor-sub-item:hover .e-font-icon-svg,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li.current-menu-item > a.elementor-sub-item i,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li.current-menu-item > a.elementor-sub-item svg,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li.current-menu-item > a.elementor-sub-item .e-font-icon-svg,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li.current-menu-parent > a.elementor-sub-item i,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li.current-menu-parent > a.elementor-sub-item svg,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li.current-menu-parent > a.elementor-sub-item .e-font-icon-svg,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li.current-menu-ancestor > a.elementor-sub-item i,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li.current-menu-ancestor > a.elementor-sub-item svg,
    #site-header .elementor-nav-menu--dropdown .sub-menu > li.current-menu-ancestor > a.elementor-sub-item .e-font-icon-svg {
        color: #fff !important;
        fill: currentColor !important;
    }
}

/* Oculta el texto antes de que JS lo inicialice, evita flash de texto completo */
.typewriter {
    visibility: hidden;
}

/* Cursor parpadeante opcional */
.typewriter.typing::after {
    content: '|';
    display: inline-block;
    margin-left: 2px;
    animation: blink 0.7s step-end infinite;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

/* TESTIMONIOS */
div#cont-testimonios {
    flex-direction: column;
}

/* TEXTO CITA */
.texto-cita {
    position: relative;
}

.texto-cita:before {
    content: "";
    background: url(img/comillas.svg) no-repeat;
    display: block;
    width: 22px;
    height: 17px;
    position: absolute;
    left: 5px;
    top: 14px;
}