@import url('members-map.css');
@import url('carousel.css');
@import url('faq-page.css');
@import url('journey.css');
@import url('testimonials.css');
@import url('management-team.css');
@import url('impact-numbers.css');

/* Header close icon */
button.icon-close {
    background-color: currentColor;
    /* Uses the text color of the element */
    mask: url('/static/cms/images/icons/close.svg') no-repeat center;
    mask-size: contain;
}

/* Área de membros gradient */
.gradient-text {
    background-image: linear-gradient(to right, #23b781, #b3d011);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Gradiente verde para borda do bloco de resultado */
.bg-green-gradient-border {
    background: linear-gradient(90deg, #23B781 0%, #B3DB11 100%);
    padding: 8px;
}

.bg-bottom-gradient {
    background: linear-gradient(0, transparent 0,#ffffff 5rem);
    margin-bottom: -5rem;
    z-index: 4;
}

/* Gradiente verde para texto do título */
.text-green-gradient {
    background: linear-gradient(to right, #b3d011, #23b781);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Gradiente azul-verde vertical para títulos */
.text-blue-green-gradient {
    background: linear-gradient(180deg, #052B48 -15.94%, #00A980 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.bg-dark-gradient {
    background: linear-gradient(to bottom, #052d4c, #00A980);

}

.bg-lines {
    background: url('/static/cms/images/essentials/LinesVector.svg') no-repeat center;
    background-size: cover;
}

.text-shadow-lg {
    text-shadow: 0 2px 0.2rem #0000004D;
}

::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #00A980;
    border-radius: 20px;
    border: 5px solid transparent;
    background-clip: content-box;
}

.gradeint-transparent-to-white {
    background-image: linear-gradient(to right, transparent, #FFFFFF4D);
}

.shadow-sm {
    box-shadow: 0 2px 0.2rem #0000004D;
}

.site-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e") !important;
    background-position: right 0.5rem center !important;
    background-repeat: no-repeat !important;
    background-size: 1.5em 1.5em !important;
    padding-right: 2.5rem !important;
}

.site-select:focus {
    outline: none;
    border-color: #10b981;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

.text-shadow {
    text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.15);
}
/* Fade-in animation for dropdown */
@keyframes fade-in {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in {
    animation: fade-in 0.2s ease-out;
}

/* Mobile submenu arrow rotation */
.mobile-menu-toggle.open .mobile-menu-arrow {
    transform: rotate(180deg);
}

/* Active anchor highlight */
a[data-active-anchor="true"] {
    font-weight: 600;
    color: #00A878 !important;
}