/*
Theme Name: Congreso Nacional Pyme
Theme URI: https://adrianchacon
Description: Childtheme de Hello theme.
Author: Adrián Chacón
Author URI: https://adrianchacon
Template: hello-elementor
Version: 1.0.3
Text Domain: congreso-nacional-pyme
*/

/* flipcard custom btn */
.flip-card-custom .ver {
    font-weight: 700;
    font-size: 12px;
    color: #00a9e7;
    display: inline-block;
    text-transform: uppercase
}


/* Image gallery grid customization */
.grid-gallery-custom .e-gallery-grid:not(.e-gallery--animated) {
    gap: 20px 40px
}
.grid-gallery-custom .e-gallery-image {
    background-repeat: no-repeat;
    background-size: contain;
}

/* Header sticky state */
.main-navbar {
    transition: background-color 250ms ease, box-shadow 250ms ease;
}

.elementor-339 .main-navbar .navbar-menu {
    --n-menu-toggle-icon-color: #fff;
    --n-menu-toggle-icon-color-hover: #fff;
    --n-menu-toggle-icon-color-active: #fff;
}

.elementor-339 .main-navbar .navbar-menu .e-n-menu[data-layout="dropdown"] {
    --n-menu-title-normal-color-dropdown: #001b3b;
    --n-menu-title-active-color-dropdown: #001b3b;
}

.main-navbar.elementor-sticky--effects {
    --e-global-color-c505dc7: #00a9e7;
    background-color: #fff;
    box-shadow: 0 8px 24px rgba(0, 27, 59, 0.08);
}

.main-navbar.elementor-sticky--effects .navbar-logo img {
    content: url("https://congresonacionalpyme.adrianchacon.com/wp-content/uploads/2026/05/somos-pymes-logo.svg");
}

.main-navbar.elementor-sticky--effects .navbar-menu {
    --n-menu-title-color-normal: #001b3b;
    --n-menu-title-color-hover: #00a9e7;
    --n-menu-title-color-active: #001b3b;
    --n-menu-icon-color: #001b3b;
    --n-menu-icon-color-hover: #00a9e7;
    --n-menu-icon-color-active: #001b3b;
    --n-menu-toggle-icon-color: #001b3b;
    --n-menu-toggle-icon-color-hover: #00a9e7;
    --n-menu-toggle-icon-color-active: #001b3b;
    --n-menu-title-normal-color-dropdown: #001b3b;
    --n-menu-title-active-color-dropdown: #001b3b;
}

.elementor-339 .main-navbar.elementor-sticky--effects .elementor-element.elementor-element-aec2fe1.navbar-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not(.e-current) {
    border-color: #00a9e7 !important;
}