.animation-colibri {
    animation: colibri 3s infinite;
}

.animation-bar {
    animation: bar 3s linear forwards;
}

.animation-fade-out {
    animation: fadeOut 4s ease forwards;
}

.icon_btn {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
    outline: none;
}

.circle_data {
    border-radius: 100%;
    padding: 30px;
    background-color: var(--color-sv-green-blue);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-family: var(--font-sv-light);
    line-height: 1.3;
    position: absolute;
}

.circule_img {
    border-radius: 100%;
    position: absolute;
    overflow: hidden;
    border-radius: 100%;
}

.circle_data span {
    font-size: 36px;
}

.circle_data p {
    font-size: 20px;
    text-align: center;
    text-wrap: balance;
}


.circle_data_1 {
    height: 260px;
    width: 260px;
    top: 30px;
    left: 15%;
    background-color: #322d24;

}

.circle_data_2 {
    height: 260px;
    width: 260px;
    top: 30px;
    right: 15%;
    background-color: #96bd0e;

}

.circle_data_3 {
    height: 221px;
    width: 221px;
    bottom: 140px;
    left: 15%;
    background-color: #96bd0e;

}

.circle_data_4 {
    height: 260px;
    width: 260px;
    bottom: 100px;
    right: 15%;
    background-color: #322d24;

}

.circule_img_1 {
    height: 309px;
    width: 309px;
    top: 50%;
    transform: translateY(-50%);
    left: 3%;
}

.circule_img_2 {
    height: 353px;
    width: 353px;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.circule_img_3 {
    height: 323px;
    width: 323px;
    top: 50%;
    transform: translateY(-50%);
    right: 3%;
}


.search_btn {
    background-image: url('../imgs/search_icon.svg');
    background-size: 19px;
}

.user_btn {
    background-image: url('../imgs/user_icon.svg');
}

.cart_btn {
    background-image: url('../imgs/cart_icon.svg');
}

.donate_btn a {
    background-color: var(--color-sv-green-yellow);
    padding: 10px 44px;
    color: #ffffff;
    border-radius: 999px;
    font-family: var(--font-sv-semibold);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease;
}

.donate_btn a:hover {
    background-color: #00be76;
}

/* 
.lang_btn::after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../imgs/world_icon.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
} */

.text-ellipsis {
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.arrow_bottom::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 6px;
    background-image: url('../imgs/arrow_b.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-left: 8px;
}

.text_arrow::after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 12px;
    background-image: url('../imgs/arrow_r.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        visibility: visible;
    }

    75% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes colibri {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes bar {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

#main_menu {
    display: inline-block;
    white-space: nowrap;
    padding-inline: 30px;
}

#main_menu ul li:not(.donate_btn) a {
    transition: color 0.3s ease;
    padding-bottom: 8px;
    border-bottom: 2px solid transparent;
}

#main_menu ul li:not(.donate_btn):hover a {
    color: #BDB194;
    border-bottom: 2px solid #BDB194;
}

.menu_scrolled {
    position: fixed;
}

.menu_scrolled ul li:not(.donate_btn) a {
    color: #242424;
}


/* Search Form */
.search-container {
    position: relative;
    display: flex;
    align-items: center;
}

.header_search_form {
    position: absolute;
    right: 140%;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: all 0.3s ease;
    width: 0;
    opacity: 0;
    visibility: hidden;
    border: 1px solid #e5e7eb;
}

.search-container.active .header_search_form {
    width: 300px;
    opacity: 1;
    visibility: visible;
    padding: 0;
    right: 120%;
    border-radius: 10px;
}

.header_search_form input[type="search"] {
    flex: 1;
    border: none;
    outline: none;
    padding: 8px 12px;
    font-size: 14px;
    min-width: 0;
    letter-spacing: 0.5px;
}

.header_search_form button[type="submit"] {
    background-color: #96bd0e;
    color: #fff;
    border: none;
    padding: 9px 12px;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    text-transform: capitalize;
    white-space: nowrap;
    border-radius: 0 0 10px;
    letter-spacing: 1px;
    transition: background-color 0.3s ease;
}

.header_search_form button[type="submit"]:hover {
    background-color: #84a60c;
}

/* WebKit (Chrome, Edge, Safari) */
*::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

*::-webkit-scrollbar-track {
    background: #f4f4f4;
}

*::-webkit-scrollbar-thumb {
    background-color: var(--color-sv-brown);
    border-radius: 999px;
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--color-sv-brown) #f4f4f4;
}


/* .video-mask-container {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 388px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
} */

/* .background-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover; 
    mask-image: url("../imgs/bosque.svg"); 
    mask-size: contain; 
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url("../imgs/bosque.svg");
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
} */

.video_mask {
    background: white;
    mask-image: url('../imgs/bosque.svg');
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 90%;
    height: 100dvh;
}

.background-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.video_container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
    visibility: hidden;
    pointer-events: none;
}

.video_container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(.8);
}

.masked {
    background: white;
    mask-image: url('../imgs/bosque.svg');
    mask-position: center 42%;
    mask-repeat: no-repeat;
    mask-size: 1400px;
}

#video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 100dvh;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}

.histories_card {
    height: 489px;
    border-radius: 10px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    position: relative;
    isolation: isolate;
}

.histories_card_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size: cover;
    background-position: center;
    transition: transform 0.8s ease;
}

.histories_card_1:hover .histories_card_bg,
.histories_card_2:hover .histories_card_bg {
    transform: scale(1.1);
}

.histories_card_1 .histories_card_link {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: calc(100% - 40px);
    backdrop-filter: blur(33px);
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #e8ebe0;
    background-color: #7070701a;
    text-decoration: none;
    color: var(--color-sv-cream);
    font-family: var(--font-sv-regular);
}

.histories_card_1 .histories_card_link::after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background-image: url('../imgs/arrow-cream.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    float: left;
    margin-top: 4px;
    margin-left: 6px;
}

.histories_card_1.is-news .histories_card_link::after {
    display: inline;
    position: relative;
    margin-top: 2px;
    margin-left: 6px;
    float: left;
}

.histories_card_1.is-news .histories_card_link p {
    display: inline-block;
    float: left;
    font-size: 22px;
    font-family: var(--font-serif);
    line-height: 20px;
}

.histories_card_1 .histories_card_link p {
    font-size: 18px;
    font-family: var(--font-sv-bold);
}

.histories_card_1.is-news .histories_card_link span {
    display: block;
    margin-bottom: 8px;
    font-family: var(--font-sv-bold);
    font-size: 18px;
}

.histories_card_1 .histories_card_link span {
    font-size: 26px;
    font-family: var(--font-serif);
    line-height: 24px;
    float: left;
}

.histories_card_1 .histories_card_video {
    background-image: url('../imgs/play.svg');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 20px;
    top: 20px;
    background-color: #fcfff0;
    cursor: pointer;
    border-radius: 100%;
}

.histories_card_video {
    transition: all 0.3s ease;
}

.histories_card_video:hover {
    background-size: 15px;
    scale: 1.2;
}


.histories_card_2 .histories_card_link {
    position: absolute;
    top: 20px;
    left: 20px;
    color: var(--color-sv-dark-brown);
    text-decoration: none;
    font-family: var(--font-sv-regular);
}

.arrow_brown {
    display: flex;
    align-items: center;
    gap: 10px;
}

.histories_card_2 .arrow_brown::after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background-image: url('../imgs/arrow_brown.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    float: right;
}

.histories_card_2 .histories_card_link p {
    font-size: 18px;
    font-family: var(--font-sv-bold);
}

.histories_card_2 .histories_card_link span {
    font-size: 36px;
    font-family: var(--font-serif);
}

.join_now_steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-inline: 40px;
    gap: 40px;
}


.join_now_step {
    background: white;
    width: 414px;
    height: 414px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 20px;
    gap: 0;
    color: var(--color-sv-dark);
    margin-inline: auto;
}

.join_now_step:nth-child(2) {
    margin-top: 120px;
}

.join_now_step strong {
    font-family: var(--font-sv-bold);
    font-size: 100px;
    display: block;
    line-height: 1;
}

.join_now_step:first-child strong {
    color: var(--color-sv-green-yellow);
}

.join_now_step:nth-child(2) strong {
    color: var(--color-sv-dark-green);
}

.join_now_step:last-child strong {
    color: var(--color-sv-dark-purple);
}

.join_now_step p {
    font-family: var(--font-sv-light);
    font-size: 24px;
    text-wrap: balance;
    line-height: 1.2;
}

.join_now_step ul {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    gap: 10px;
    line-height: 1.25rem;
    font-family: var(--font-sv-bold);
    font-size: 18px;
    width: 70%;
}

.join_now_step ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    border-bottom: 2px solid transparent;
}

.join_now_step ul li:hover {
    border-bottom: 2px solid #BDB194;
    color: #BDB194;
}

.join_now_step ul li:hover::after {
    content: '';
    background-image: url('../imgs/arrow-cream2.svg');
}

.join_now_step ul li::after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../imgs/arrow_dark.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/* .join_now_step:first-child ul li::after {
    display: none;
} */

.join_now_step a {
    margin-top: 20px;
    background-color: #006941;
    padding: 18px 30px;
    color: #efffb9;
    border-radius: 999px;
    font-family: var(--font-sv-semibold);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: 230px;
    transition: background-color 0.3s ease;
}

.join_now_step a:hover {
    background-color: #00be76;
}


/* woocommerce */
.single-product ul.products {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.product_card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url('../imgs/footprint_1.png');
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
    text-align: center;
    gap: 10px;
    max-width: 100%;
}

.product_card picture {
    width: 100%;
    height: 263px;
}

.product_card picture img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product_card h3 {
    font-family: var(--font-sans);
    font-size: 36px;
    line-height: 1;
}

.product_card h3 span {
    font-family: var(--font-serif);
    font-size: 36px;
    color: #3E362880;
}

.product_card p {
    font-family: var(--font-sans);
    font-size: 20px;
}

.product_card a.btn_buy,
.product_card .btn_buy {
    font-family: var(--font-sv-bold);
    font-size: 16px;
    background-color: var(--color-sv-dark-green);
    color: var(--color-sv-yellow);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease;
    border-radius: 999px;
    width: auto;
    padding: 8px 80px;
}

.product_card a.btn_buy:hover {
    background-color: #00be76;
}

.arrow_dark {
    display: flex;
    align-items: center;
    gap: 10px;
}

.arrow_dark::after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background-image: url('../imgs/arrow_dark.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    float: right;
}

.arrow_white {
    display: flex;
    align-items: center;
    gap: 10px;
}

.arrow_white::after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background-image: url('../imgs/arrow-white.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    float: right;
}

.text-reveal-wrapper {
    overflow: hidden;
    display: inline-block;
    /* o block, según el layout */
}

.icon_youtube,
.icon_youtube a {
    width: 35px;
    height: 35px;
    background-image: url('../imgs/youtube.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    font-size: 0px;
}

.icon_linkedin,
.icon_linkedin a {
    width: 35px;
    height: 35px;
    background-image: url('../imgs/linkedin.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    font-size: 0px;
}

.icon_spotify,
.icon_spotify a {
    width: 35px;
    height: 35px;
    background-image: url('../imgs/spotify.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    font-size: 0px;
}

.icon_x,
.icon_x a {
    width: 35px;
    height: 35px;
    background-image: url('../imgs/x.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    font-size: 0px;
}

.icon_facebook,
.icon_facebook a {
    width: 35px;
    height: 35px;
    background-image: url('../imgs/facebook.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    font-size: 0px;
}

.icon_instagram,
.icon_instagram a {
    width: 35px;
    height: 35px;
    background-image: url('../imgs/instagram.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    font-size: 0px;
}

.icon_whatsapp,
.icon_whatsapp a {
    width: 35px;
    height: 35px;
    background-image: url('../imgs/wp.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    font-size: 0px;
}

.tab_content {
    display: none;
}

.tab_content_active {
    display: grid;
    animation: fadeIn 0.8s ease-in-out forwards;
}

.tab {
    cursor: pointer;
}

.tab:hover {
    border-bottom: 2px solid #BDB194;
    color: #BDB194;
}

.tab_active,
.tab_active:hover {
    border-bottom: 2px solid var(--color-sv-green-yellow);
    color: var(--color-sv-green-yellow);
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.footer_menu li a {
    transition: color 0.3s ease;
    padding-block: 5px;
    border-bottom: 2px solid transparent;
    display: inline-block;
    width: 100%;
    padding-left: 8px;
}

.footer_menu li:first-child a {
    padding-top: 0;
}

.footer_menu li a:hover {
    color: #BDB194;
    border-bottom: 2px solid #BDB194;

}

.btn_want_donate {
    pointer-events: none;
    /* width: 262px; */
    width: 175px;
    height: 70px;
    background-image: url('../imgs/btn_donate.webp');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    visibility: hidden;
}
/* Btn Flotante versión en inglés */
.btn_want_donate.en_version {
    background-image: url('../imgs/btn_donate_en.webp');
}
.btn_want_donate.show,
#float_form.show {
    visibility: visible;
    pointer-events: auto;
    animation: fadeIn 0.2s ease-in-out forwards;
}

.no-show {
    pointer-events: none;
    animation: fadeOut 0.1s ease-in-out forwards;
}

.btn_wp_fixed {
    width: 70px;
    height: 70px;
    background-image: url('../imgs/btn_wp.webp');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
}


.float_donate_txt {
    font-family: var(--font-sans);
    font-size: 24px;
    color: var(--color-sv-dark);
}

.float_donate_txt span {
    font-family: var(--font-sv-bold);
}

.frequently_btn {
    background-color: #ffffff;
    border: 1px solid #38301A;
    padding: 13px 10px;
    border-radius: 8px;
    font-family: var(--font-sv-bold);
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.frequently_btn:hover {
    background-color: #00be76;
    /* background-color: #38301A; */
    color: #FFFFFF;
}


.frequently_btn:has(:checked) {
    background-color: var(--color-sv-green-yellow);
    /* background-color: #38301A; */
    color: #FFFFFF;
}

.frequently_btn input {
    display: none;
}

.float_form_container {
    background-image: url('../imgs/float_form_bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: inline-block;
    overflow: hidden;
    border-radius: 26px;
    box-shadow: 0px 0px 20px 1px rgb(0 0 0 / 20%);
}

.btn_close_form_donate {
    width: 24px;
    height: 24px;
    background-image: url(../imgs/close.svg);
    background-repeat: no-repeat;
    background-color: #e2dbc9;
    background-size: 12px;
    background-position: center;
    display: inline-block;
    position: absolute;
    top: -50px;
    right: 0;
    cursor: pointer;
    border-radius: 60%;
}

.green-slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 15px;
    background: transparent;
    cursor: pointer;
    margin: 10px 0;
}


.green-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 15px;
    background: var(--color-sv-dark-green);
    border-radius: 8px;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
}

/* For Firefox */
.green-slider::-moz-range-track {
    width: 100%;
    height: 15px;
    background: var(--color-sv-dark-green);
    border-radius: 8px;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
}

.green-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background: var(--color-sv-dark-green);
    border: 2px solid var(--color-sv-beige);
    margin-top: -8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* For Firefox */
.green-slider::-moz-range-thumb {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background: var(--color-sv-dark-green);
    border: 2px solid var(--color-sv-beige);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.btn_menu_mobile {
    width: 24px;
    height: 24px;
    background-image: url('../imgs/menu.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
}

.btn_search_mobile {
    display: block;
    width: 40px;
    background-image: url(../imgs/search_icon.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    position: absolute;
    background-color: var(--color-sv-green-yellow);
    height: 100%;
}

.close_menu_mobile {
    width: 24px;
    height: 24px;
    background-image: url('../imgs/close_white.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
}

.logo_menu_mobile {
    width: 100px;
    height: 40px;
    display: inline-block;
    background-image: url('../imgs/full-logo-white.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#main_menu_mobile {
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
}

#main_menu_mobile.show {
    transform: translateX(0);
    z-index: 99;
}

/* Máscara por defecto (Español) */
.video_clipped {
    mask-image: url('../imgs/bosque.svg');
    mask-size: contain;
    mask-position: inherit;
    mask-repeat: no-repeat;
    /* webkit */
    -webkit-mask-image: url('../imgs/bosque.svg');
    -webkit-mask-size: contain;
    -webkit-mask-position: inherit;
    -webkit-mask-repeat: no-repeat;
}

/* Máscara para Inglés */
html[lang^="en"] .video_clipped {
    mask-image: url('../imgs/forest.svg');
    -webkit-mask-image: url('../imgs/forest.svg');
}

.splide_circles {
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 40px;
}

.splide_circles .splide__pagination {
    bottom: .5rem;
}

.splide_histories .splide__pagination {
    bottom: -2rem;
}


.splide_circles .splide__pagination__page.is-active,
.splide_histories .splide__pagination__page.is-active,
.splide_testimonials_donations .splide__pagination__page.is-active {
    background-color: var(--color-sv-green-yellow);
}

.splide_circles .splide__pagination__page,
.splide_histories .splide__pagination__page,
.splide_testimonials_donations .splide__pagination__page {
    background-color: var(--color-sv-dark);
    width: 10px;
    height: 10px;
}

.splide_testimonials_donations .splide__pagination {
    /* left: -29.5rem !important; */
    /* left: 10rem; */
    display: block !important;
    text-align: center;
}

.breadcrumbs_container {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.breadcrumbs_items {
    display: flex;
    gap: 16px;
}

.breadcrumbs_item {
    letter-spacing: 8px;
    font-family: var(--font-sv-bold);
}


.breadcrumbs_item::before {
    content: '/';
    margin-right: 16px;
    font-family: var(--font-sans);
}

.breadcrumbs_item:first-child {
    font-family: var(--font-sans);
}

.breadcrumbs_item:first-child::before {
    content: '';
    margin-right: 8px;
}

.shadow_btn {
    box-shadow: 0px 18px 24px 0px #0000001C;
}

.close_modal {
    width: 24px;
    height: 24px;
    background-image: url(../imgs/close.svg);
    background-repeat: no-repeat;
    background-color: #e2dbc9;
    background-size: 10px;
    background-position: center;
    display: inline-block;
    cursor: pointer;
    border-radius: 60%;
    position: absolute;
    top: 20px;
    right: 20px;
}

.arrow_dark::after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background-image: url('../imgs/arrow_dark.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    float: right;
}

.arrow_dark {
    border-bottom: 2px solid transparent;
}



.arrow_cream::after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background-image: url('../imgs/arrow-cream.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    float: right;
}

.arrow_cream {
    border-bottom: 2px solid transparent;
}

.arrow_cream:hover {
    border-bottom: 2px solid #BDB194;
    color: #BDB194;
}


.arrow_cream:hover::after {
    content: '';
    background-image: url('../imgs/arrow-cream2.svg');
}

.container_max {
    max-width: 1200px !important;
}

.subtitle strong {
    font-family: var(--font-sv-bold);
}

.circle_gradiant {
    background-image: radial-gradient(circle at bottom right,
            rgba(62, 54, 40, 0.15) 0%,
            rgba(62, 54, 40, 0) 60%);
    background-repeat: no-repeat;
    background-size: cover;
}

.btn_search {
    background-image: url('../imgs/search_icon_white.svg');
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #006941;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.faq_item {
    position: relative;
}

.faq_item .faq_item_symbol {
    width: 25px;
    height: 25px;
    background-image: url('../imgs/plus.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
}

.faq_item:hover .faq_item_symbol {
    background-image: url('../imgs/plus_dark.svg');
}

.faq_item:has(:checked) .faq_item_symbol {
    background-image: url('../imgs/minus.svg');
}

a.added_to_cart.wc-forward {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: var(--font-sv-bold);
    place-content: center;
    font-family: var(--font-sv-bold);
    font-size: 16px;
    background-color: var(--color-sv-green);
    color: var(--color-sv-yellow);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: background-color 0.3s ease;
    border-radius: 999px;
}

.leaves_container {
    display: flex;
}

.leaves_container::before {
    content: "";
    width: 53px;
    height: 135px;
    display: block;
    background-image: url('../imgs/leaves.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

}

.leaf_white {
    width: 22px;
    height: 50px;
    background-image: url('../imgs/leaf_white.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.list_leaf li::before {
    content: "";
    width: 22px;
    height: 50px;
    display: inline-block;
    margin-right: 10px;
    background-image: url('../imgs/leaf_white.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.list_leaf li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact_input {
    background-color: #f4f4f4;
    border-radius: 999px;
    padding: 10px 20px;
}

.contact_input::placeholder,
.contact_textarea::placeholder {
    color: #000000;
}


.contact_textarea {
    background-color: #f4f4f4;
    border-radius: 10px;
    padding: 16px 20px;
}

h2.subtitle span {
    font-family: var(--font-sv-bold);
    color: var(--color-sv-green-yellow);
}


.section-with-oval {
    clip-path: ellipse(60% 50% at 50% 50%);
}

.section-with-oval-background::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 115%;
    height: 100%;
    background-color: #f4f4f4;
    border-radius: 35%;
    z-index: 0;
}

.single-historia h1 {
    color: #006941;
    letter-spacing: 4px;
    font-size: 3.25rem;
    line-height: 3rem;
}

.single-historia .custom-breadcrumbs ul li {
    font-family: var(--font-sans);
    font-size: 18px;
    letter-spacing: 4px;
}

.single-historia .custom-breadcrumbs ul li:last-child {
    font-family: var(--font-sv-bold);
    text-transform: uppercase;
}

.single-historia .post-date {
    letter-spacing: 1.8px;
}

/* Archive Historia Styles */
.archive-historia {
    min-height: 100vh;
}

/* Title leaves around H1 */
.archive-historia .title-with-leaves {
    position: relative;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.archive-historia .archive_leaf_left {
    /* position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); */
    width: 78px;
    height: auto;
}

.archive-historia .archive_leaf_right {
    /* position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); */
    width: 48px;
    height: auto;
}

.container_impact .min-\[1025px\]\:custom-translate {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
}

@media screen and (max-width: 1024px) {
    .histories_card {
        /* width: 300px; */
        /* height: 450px; */
    }

    .histories_section .title-histories {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }
}

@media screen and (max-width: 768px) {
    .archive-historia .archive_leaf_left {
        width: 48px;
    }

    .archive-historia .archive_leaf_right {
        width: 32px;
    }

    .splide_testimonials_donations .splide__pagination {
        text-align: center;
        width: 100%;
        left: 0 !important;
    }

    .unete .hospitals .features-list h4 {
        font-size: 2rem;
    }

    .overlay_unete_banner {
        top: 0;
    }

    .histories_section .title-histories {
        font-size: 2.5rem;
        line-height: 2.5rem;
        text-align: center;
        margin-bottom: 25px;
    }

    .splide_impact_circles .splide__list {
        margin-bottom: 20px !important;
    }

    .splide_impact_circles .splide__pagination__page {
        background-color: var(--color-sv-dark);
        width: 10px;
        height: 10px;
    }

    .splide_impact_circles .splide__pagination__page.is-active {
        background-color: var(--color-sv-green-yellow);
    }

    .splide_impact_circles .splide__pagination {
        bottom: 0px;
    }

    .container_impact {
        background-size: contain;
    }
}

/* Featured Stories Slider */
.splide_histories_featured .splide__track {
    border-radius: 20px;
    overflow: hidden;
}

.splide_histories_featured .splide__slide {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
}

.splide_histories_featured .histories_card_featured {
    width: 100%;
    height: 500px;
    border-radius: 20px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    flex-direction: column;
    isolation: isolate;
}

.splide_histories_featured .histories_card_1.histories_card_featured .histories_card_link_container {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 305px;
    height: auto;
    line-height: 2.25rem;
    backdrop-filter: blur(40px);
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
    border: 1px solid #e8ebe0;
    background-color: #24242480;
    text-decoration: none;
    color: var(--color-sv-cream);
    font-family: var(--font-sv-regular);
    display: flex;
    align-items: flex-end;
}

.splide_histories_featured .histories_card_1.histories_card_featured .histories_card_link_container p {
    font-size: 18px;
    font-family: var(--font-sv-medium);
}

.splide_histories_featured .histories_card_1.histories_card_featured .histories_card_link_container .histories_card_text p.ff-lora {
    font-family: 'Lora', serif;
    font-size: 26px;
    line-height: 27px;
}

.splide_histories_featured .histories_card_1.histories_card_featured .histories_card_link_container .histories_card_text .arrow_btn::after {
    display: block;
    content: '';
    width: 18px;
    height: 18px;
    background-image: url(../imgs/arrow-cream.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    float: right;
}

.splide_histories_featured .histories_card_1.histories_card_featured .histories_card_link_container span {
    font-size: 36px;
    font-family: var(--font-serif);
}

.splide_histories_featured .histories_card_2.histories_card_featured .histories_card_link_container {
    position: absolute;
    top: 20px;
    left: 20px;
    color: var(--color-sv-dark-brown);
    text-decoration: none;
    font-family: var(--font-sv-regular);
}

.splide_histories_featured .histories_card_featured video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.splide_histories_featured .splide__arrows {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-top: 20px;
}

.splide_histories_featured .splide__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--color-sv-green-yellow);
    color: var(--color-sv-dark-brown);
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.splide_histories_featured .splide__arrow:hover {
    background-color: var(--color-sv-dark-brown);
    color: var(--color-sv-green-yellow);
    transform: scale(1.1);
}

.splide_histories_featured .splide__arrow svg {
    width: 24px;
    height: 24px;
}

.splide_histories_featured .splide__pagination {
    display: flex;
    justify-content: center;
    gap: 0px;
    margin: 0 20px;
    bottom: 15px;
}

.splide_histories_featured .splide__pagination__page {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #FCFFF0;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.splide_histories_featured .splide__pagination__page.is-active {
    background-color: #97BF0D;
    border-radius: 6px;
    transform: scale(1);
}

/* Archive Historia Grid */
.archive-historia .histories_card {
    transition: all 0.3s ease;
}

.archive-historia .histories_card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

/* Pagination Styles */
.pagination {
    flex-wrap: wrap;
}

.pagination span a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 8px;
    border-radius: 6px;
    /* background-color: #f0f0f0; */
    color: #006941;
    text-decoration: none;
    font-family: var(--font-sv-medium);
    transition: all 0.3s ease;
}

.pagination span a:hover {
    background-color: var(--color-sv-green-yellow);
    color: #fff;
}

.pagination span.page-numbers.current {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 8px;
    border-radius: 6px;
    background-color: #006941;
    color: #fff;
    font-family: var(--font-sv-bold);
}

.pagination span.prev,
.pagination span.next {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 8px;
}

/* AJAX Pagination Styles */
.pagination-ajax {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
}

.pagination-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 8px;
    border-radius: 6px;
    /* background-color: #f0f0f0; */
    color: var(--color-sv-dark-brown);
    border: none;
    font-family: var(--font-sv-medium);
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.pagination-btn:hover {
    background-color: var(--color-sv-green-yellow);
    color: var(--color-sv-dark-brown);
}

.pagination-btn.page-active {
    background-color: #006941;
    color: #fff;
    font-family: 'Lora', serif;
}

.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout,
.woocommerce-order {
    max-width: 1250px;
    margin: auto;
    padding: 60px 40px;
    min-height: 60vh;
}

/* Selection styles for Join Now Steps */
.clickable-step-item {
    transition: all 0.3s ease;
}

.selected_step_item {
    color: #96bd0e !important;
    /* sv-green-yellow */
    font-weight: bold;
    transform: scale(1.05);
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 2px 10px;
}

.woocommerce-cart .wc-block-cart__submit-button,
.woocommerce-checkout .wc-block-components-checkout-place-order-button {
    background: #006941;
    color: #fff;
    border-radius: 6px;
    letter-spacing: 1px;
}

/* ============================================
   CART POPUP STYLES
   ============================================ */

/* Overlay del popup */
.cart-popup-overlay {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.cart-popup-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Popup contenedor */
.cart-popup {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 480px;
    height: 100%;
    background: #fff;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
}

.cart-popup-overlay.active .cart-popup {
    transform: translateX(0);
}

/* Header del popup */
.cart-popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 20px;
    /* background: linear-gradient(135deg, #006941 0%, #97BF0D 100%); */
    background: #006941;
    color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.cart-popup-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}

.cart-popup-count {
    font-size: 16px;
    font-weight: 600;
    color: #E2DBC9;
}

.cart-popup-close {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #fff;
}

.cart-popup-close:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: rotate(90deg);
}

/* Contenido del popup */
.cart-popup-content {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

/* Items del carrito */
.cart-popup-items {
    flex: 1;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cart-popup-item {
    display: grid;
    grid-template-columns: 70px 1fr 80px 24px;
    gap: 12px;
    align-items: start;
    padding: 16px;
    background: #f9f9f9;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
    transition: all 0.2s ease;
}

.cart-popup-item:hover {
    background: #f4f4f4;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Imagen del producto */
.cart-item-image {
    width: 70px;
    height: 70px;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.cart-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cart-item-image a {
    display: block;
    height: 100%;
}

/* Detalles del producto */
.cart-item-details {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cart-item-name {
    font-size: 15px;
    font-weight: 600;
    color: #3E3628;
    line-height: 1.3;
}

.cart-item-name a {
    color: #006941;
    text-decoration: none;
    transition: color 0.2s ease;
}

.cart-item-name a:hover {
    color: #97BF0D;
}

.cart-item-condolences {
    padding: 6px 10px;
    background: #E2DBC9;
    border-radius: 6px;
    margin-top: 4px;
}

.cart-item-condolences small {
    font-size: 12px;
    color: #3E3628;
}

.cart-item-quantity {
    display: flex;
    gap: 6px;
    align-items: center;
    font-size: 13px;
    color: #666;
}

.quantity-value {
    font-weight: 700;
    color: #006941;
}

.cart-item-price {
    font-size: 13px;
    color: #666;
}

/* Total del item */
.cart-item-total {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    font-weight: 700;
    color: #000;
}

/* Botón eliminar */
.cart-item-remove {
    background: transparent;
    border: none;
    cursor: pointer;
    color: #999;
    padding: 4px;
    border-radius: 4px;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-item-remove:hover {
    color: #dc3545;
    background: rgba(220, 53, 69, 0.1);
}

/* Footer del popup */
.cart-popup-footer {
    padding: 20px;
    background: #f9f9f9;
    border-top: 2px solid #E2DBC9;
}

.cart-popup-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    margin-bottom: 16px;
    border-bottom: 2px solid #e0e0e0;
}

.total-label {
    font-size: 18px;
    font-weight: 700;
    color: #3E3628;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.total-value {
    font-size: 24px;
    font-weight: 700;
    color: #006941;
}

/* Botones de acción */
.cart-popup-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.btn-view-cart,
.btn-checkout {
    display: block;
    text-align: center;
    padding: 14px 20px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.btn-view-cart {
    background: #fff;
    color: #006941;
    border: 2px solid #006941;
}

.btn-view-cart:hover {
    background: #006941;
    color: #fff;
}

.btn-checkout {
    /* background: linear-gradient(135deg, #006941 0%, #97BF0D 100%); */
    background: #006941;
    color: #fff;
    border: 2px solid transparent;
    box-shadow: 0 4px 12px rgba(0, 105, 65, 0.2);
}

.btn-checkout:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 105, 65, 0.3);
}

/* Carrito vacío */
.cart-popup-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 40px;
    text-align: center;
    height: 100%;
}

.cart-popup-empty svg {
    color: #d0d0d0;
    margin-bottom: 24px;
}

.empty-cart-title {
    font-size: 22px;
    font-weight: 700;
    color: #3E3628;
    margin-bottom: 12px;
}

.empty-cart-text {
    font-size: 15px;
    color: #666;
    margin-bottom: 32px;
    max-width: 300px;
}

.btn-continue-shopping {
    display: inline-block;
    padding: 14px 32px;
    /* background: linear-gradient(135deg, #006941 0%, #97BF0D 100%); */
    background: #97BF0D;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 105, 65, 0.2);
}

.btn-continue-shopping:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 105, 65, 0.3);
}

/* Responsive */
@media (max-width: 640px) {
    .cart-popup {
        max-width: 100%;
    }

    .cart-popup-item {
        grid-template-columns: 60px 1fr 70px 24px;
        gap: 10px;
        padding: 12px;
    }

    .cart-item-image {
        width: 60px;
        height: 60px;
    }

    .cart-item-name {
        font-size: 14px;
    }

    .cart-item-total {
        font-size: 14px;
    }

    .shop-container .tab_content_active,
    #gifts_section .tab_content_active {
        gap: 5px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .post-type-archive-historia h1 {
        font-size: 3rem;
        line-height: 3rem;
    }

    .splide_histories_featured .splide__pagination {
        bottom: 0px;
    }

    .post-type-archive-historia div#historias-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .post-type-archive-historia div#historias-grid .histories_card {
        height: 280px;
    }

    .post-type-archive-historia div#historias-grid .histories_card_1 .histories_card_link {
        bottom: 5px;
        left: 5px;
        width: calc(100% - 10px);
        padding: 10px;
    }

    .post-type-archive-historia div#historias-grid .histories_card_1.is-news .histories_card_link span {
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 16px;
    }

    .post-type-archive-historia div#historias-grid .histories_card_1.is-news .histories_card_link p {
        font-size: 15px;
        line-height: 15px;
    }

    .post-type-archive-historia div#historias-grid .histories_card_1.is-news .histories_card_link::after {
        width: 12px;
        height: 12px;
        margin-top: 2px;
        margin-left: 4px;
    }

    .post-type-archive-historia div#historias-grid .histories_card_1 .histories_card_link span {
        font-size: 24px;
    }

    .post-type-archive-historia div#historias-grid .histories_card_2 .histories_card_link {
        top: 10px;
        left: 10px;
    }

    .post-type-archive-historia div#historias-grid .histories_card_2 .histories_card_link p {
        font-size: 15px;
    }

    .post-type-archive-historia div#historias-grid .histories_card_2 .histories_card_link span {
        font-size: 18px;
    }

    .pagination-ajax {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
    }

    .unete_banner h1 {
        font-size: 3rem;
        line-height: 3rem;
    }

    .unete_page figure {
        margin-left: 0 !important;
    }

    .nuestro-impacto .overlay_unete_banner {
        top: 0;
    }

    .nuestro-impacto .breadcrumbs_container .breadcrumbs_items {
        display: inline;
        letter-spacing: 1px;
    }

    .nuestro-impacto .breadcrumbs_container .breadcrumbs_items .breadcrumbs_item {
        display: inline;
        letter-spacing: 4px;
    }

    .nuestro-impacto .breadcrumbs_container .breadcrumbs_items .breadcrumbs_item::before {
        margin-right: 0px;
    }

    .unete .hospitals .feature-item {
        flex-direction: column;
        display: flex;
        height: auto;
        padding-bottom: 20px;
    }

    .unete .hospitals .feature-item h4 {
        font-size: 2rem;
    }

    .unete .hospitals .feature-item .hospital_video_image,
    .unete .hospitals .feature-item .step_number {
        order: -1;
    }

    .unete .hospitals .feature-item .hospital_video_image {
        width: 100px;
        height: 100px;
        display: block;
        margin-left: auto !important;
        margin-right: auto;
        text-align: center;
        margin-top: -40px;
    }

    .unete .hospitals .feature-item.second {
        top: 10em !important;
    }

    .unete .hospitals .feature-item.third {
        padding-bottom: 30px !important;
    }

    .histories_section .title-histories {
        font-size: 2rem;
        line-height: 2rem;
        text-align: center;
        margin-bottom: 15px;
    }

}

/* Badge del contador en el botón del carrito */
.cart_btn {
    position: relative;
}

.cart_btn::after {
    content: attr(data-cart-count);
    position: absolute;
    top: -6px;
    right: -8px;
    background: #97BF0D;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 6px;
    font-family: 'Montserrat', sans-serif;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
}

.cart_btn[data-cart-count]:not([data-cart-count="0"])::after {
    opacity: 1;
    visibility: visible;
}

/* Modal Scroll Lock */
html.modal-open,
body.modal-open {
    overflow: hidden !important;
    height: 100vh !important;
}

#also_can_donate_modal {
    max-height: 90vh;
    overflow-y: auto;
    scrollbar-width: thin;
    overscroll-behavior: contain;
}

#also_can_donate_modal::-webkit-scrollbar {
    width: 6px;
}

#also_can_donate_modal::-webkit-scrollbar-thumb {
    background-color: var(--color-sv-dark-green);
    border-radius: 10px;
}

.lang_wrapper:hover .lang_dropdown {
    opacity: 1;
    visibility: visible;
}


/* --- SELECTOR DE IDIOMAS --- */

.lang_btn {
    padding: 5px;
}

span.lang_text_main {
    color: rgb(0, 105, 65);
    font-weight: 600;
}

.lang_dropdown {
    position: absolute;
    top: 60%;
    left: 34%;
    transform: translateX(-50%) translateY(10px);
    min-width: 50px;
    padding: 5px 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    color: rgb(0, 105, 65);
    font-weight: 600;
}

.lang_wrapper:hover .lang_dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(5px);
}

.lang_item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    transition: background 0.2s;
}

.lang_item:hover {
    background-color: #f0f0f0;
}