@import 'InfoMarcas.WebApp.Client.ovq3ao904i.bundle.scp.css';
@import '_content/InfoMarcas.DesignSystem/InfoMarcas.DesignSystem.zjo9dred70.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';
@import '_content/ReactorBlazorQRCodeScanner/ReactorBlazorQRCodeScanner.boasv5qmh0.bundle.scp.css';

/* /Components/Account/StaticCountryPhonePicker.razor.rz.scp.css */
*[b-m2b26jbpp0] {
    padding: 0;
}

.im-select-box label[b-m2b26jbpp0] {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-semibold);
    font-style: normal;
    font-size: var(--font-size-body);
    line-height: 20px;
}

.im-select-box input[b-m2b26jbpp0]::placeholder {
    color: var(--Gray-color-neutral-500, #5F5F5F);
}

.im-selected-option.color-ligth-gray-vector[b-m2b26jbpp0] {
    border: 1px solid var(--Border-color-border-input, #7B7B7B);
    padding: 8px 12px;
}

.im-selected-option .arrow[b-m2b26jbpp0] {
    height: 8px;
    margin-left: 4px;
    transition: transform 0.2s ease-out;
}

.im-selected-option .active .arrow[b-m2b26jbpp0] {
    transform: translateY(-50%) rotate(-180deg);
}

.im-select-box[b-m2b26jbpp0] {
    position: relative;
}

.im-select-box input[b-m2b26jbpp0] {
    padding-left: 4px;
    width: 100%;
    font-family: var(--font-family-Nunito-Sans, 'Nunito Sans', sans-serif);
    font-size: 16px;
    line-height: 1.3;
    color: var(--Gray-color-neutral-800, #262626);
    border: 1px solid transparent;
    outline: none;
}

.im-selected-option[b-m2b26jbpp0] {
    background-color: #ffffff;
    overflow: hidden;
    display: flex;
    gap: 12px;
    align-items: center;
}

.im-selected-option div[b-m2b26jbpp0] {
    position: relative;
    display: flex;
    cursor: pointer;
}

.im-selected-option svg[b-m2b26jbpp0] {
    height: 25px;
    width: auto;
    margin-right: 8px;
}

.im-selected-option div.active[b-m2b26jbpp0]::after {
    transform: translateY(-50%) rotate(225deg);
}

.im-select-box .im-options[b-m2b26jbpp0] {
    z-index: 1000;
    position: absolute;
    top: 100%;
    margin-top: 4px;
    width: 80%;
    background-color: #fff;
    border-radius: .5rem;
    display: none;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.im-select-box .im-options.active[b-m2b26jbpp0] {
    display: block;
}

.im-select-box .im-options[b-m2b26jbpp0]::before {
    position: absolute;
    content: "";
    left: 1rem;
    top: -1.1rem;
    width: 0;
    height: 0;
    border: .6rem solid transparent;
    border-bottom-color: var(--color-accent, #1a2c3d);
}

input.im-search-box[b-m2b26jbpp0] {
    background-color: var(--color-accent, #1a2c3d);
    color: #fff;
    border-radius: .5rem .5rem 0 0;
    padding: 1.4rem 1rem;
    caret-color: white;
    width: 100%;
    box-sizing: border-box;
}

input.im-search-box[b-m2b26jbpp0]::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.im-select-box ol[b-m2b26jbpp0] {
    list-style: none;
    max-height: 23rem;
    overflow-y: auto;
    margin: 0;
    padding: 0;
}

.im-select-box ol[b-m2b26jbpp0]::-webkit-scrollbar {
    width: 0.6rem;
}

.im-select-box ol[b-m2b26jbpp0]::-webkit-scrollbar-thumb {
    width: 0.4rem;
    height: 3rem;
    background-color: #c3c3c9;
    border-radius: .4rem;
}

.im-select-box ol li[b-m2b26jbpp0] {
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.im-select-box ol li.hide[b-m2b26jbpp0] {
    display: none;
}

.im-select-box ol li:not(:last-child)[b-m2b26jbpp0] {
    border-bottom: .1rem solid #eee;
}

.im-select-box ol li:hover[b-m2b26jbpp0] {
    background-color: lightcyan;
}

.im-select-box ol li div[b-m2b26jbpp0] {
    display: flex;
    align-items: center;
    gap: 0;
}

.im-select-box ol li .country-name[b-m2b26jbpp0] {
    margin-left: .6rem;
    font-family: var(--font-primary, 'Nunito Sans', sans-serif);
    font-size: 0.95rem;
}

.im-select-box ol li .country-code[b-m2b26jbpp0] {
    color: #888;
    font-size: 0.9rem;
    white-space: nowrap;
    margin-left: 0.5rem;
}

.im-selected-option.color-ligth-gray-vector.border-radius-4[b-m2b26jbpp0] {
    height: 40px;
    border-radius: 4px;
}

.phone-prefix[b-m2b26jbpp0] {
    white-space: nowrap;
    color: var(--Gray-color-neutral-500, #5F5F5F);
    font-family: var(--font-family-Nunito-Sans, 'Nunito Sans', sans-serif);
    font-size: 16px;
    user-select: none;
}

.im-code-menu[b-m2b26jbpp0] {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}

.im-code-menu-country[b-m2b26jbpp0] {
    display: flex;
    align-items: center;
}

.im-code-menu-country img[b-m2b26jbpp0] {
    vertical-align: middle;
}

.im-picker-arrow-container[b-m2b26jbpp0] {
    display: flex;
    align-items: center;
}

@media(max-width: 787px) {
    .im-select-box .im-options[b-m2b26jbpp0] {
        width: 100%;
    }
}
/* /Components/Layout/Footer.razor.rz.scp.css */
.site-footer[b-8ku5dwbbr7] {
    background-color: var(--code-base-black);
    color: var(--color-base-white);
    padding: 32px 24px;
    font-family: var(--font-primary);
}

/* Estrutura base */
.footer-row[b-8ku5dwbbr7] {
    margin-bottom: 24px;
    display: flex;
    justify-content: center;
    width: 100%;
}

    .footer-row:last-child[b-8ku5dwbbr7] {
        margin-bottom: 0;
    }

/* Links */
.footer-links[b-8ku5dwbbr7] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0;
    margin: 0;
    justify-content: center;
    list-style: none;
}

    .footer-links a[b-8ku5dwbbr7] {
        color: var(--color-base-white);
        text-decoration: none;
        font-size: var(--font-size-body);
    }

        .footer-links a:hover[b-8ku5dwbbr7] {
            text-decoration: underline;
        }

/* Social icons */
.social-icon[b-8ku5dwbbr7] {
    width: 32px;
    height: 32px;
}

.social-icon-link[b-8ku5dwbbr7] {
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Copyright */
.footer-copyright[b-8ku5dwbbr7] {
    text-align: center;
    font-size: var(--font-size-body);
    opacity: 0.8;
}

/* =========================
   Breakpoints
   ========================= */

/* Desktop (≥1025px) */
@media (min-width: 1025px) {
    .site-footer[b-8ku5dwbbr7] {
        padding: 40px 48px;
    }

    .footer-row.main[b-8ku5dwbbr7] {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        grid-template-rows: auto auto;
        grid-template-areas:
            "logo apps social"
            "links links links";
        align-items: center;
        gap: 24px 32px;
        max-width: 1200px;
        margin-inline: auto;
        text-align: initial;
    }

    .footer-logo[b-8ku5dwbbr7] {
        grid-area: logo;
        justify-self: anchor-center;
    }

    .footer-apps[b-8ku5dwbbr7] {
        grid-area: apps;
        justify-self: center;
        text-align: center;
    }

    .footer-social[b-8ku5dwbbr7] {
        grid-area: social;
        justify-self: anchor-center;
        text-align: right;
        display: flex;
        align-items: flex-end;
    }

        .footer-social[b-8ku5dwbbr7]  p {
            margin-bottom: 14px;
        }

    .footer-apps-buttons[b-8ku5dwbbr7] {
        display: flex;
        gap: 12px;
        justify-content: center;
        align-items: center;
    }

        .footer-apps-buttons img[alt="Google Play"][b-8ku5dwbbr7] {
            width: 160px;
            height: auto;
        }

        .footer-apps-buttons img[alt="App Store"][b-8ku5dwbbr7] {
            width: 150px;
            height: auto;
        }

    .social-icons[b-8ku5dwbbr7] {
        display: flex;
        gap: 0;
        justify-content: flex-end;
    }

        .social-icons[b-8ku5dwbbr7]  a:first-child {
            padding: 8px 0 8px 8px;
        }

        .social-icons[b-8ku5dwbbr7]  a:last-child {
            padding: 8px 8px 8px 0;
        }

    .social-icon[b-8ku5dwbbr7] {
        width: 40px;
        height: 40px;
    }

    .footer-links[b-8ku5dwbbr7] {
        grid-area: links;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px 32px;
        list-style: none;
        padding: 16px 0;
        margin: 12px auto 0;
        border-top: 1px solid var(--gray-color-neutral-700,#434343);
        border-bottom: 1px solid var(--gray-color-neutral-700,#434343);
        width: min(1120px,88vw);
    }

        .footer-links li[b-8ku5dwbbr7] {
            display: inline-flex;
            align-items: center;
            position: relative;
            padding-left: 14px;
        }

            .footer-links li[b-8ku5dwbbr7]::before {
                content: "•";
                position: absolute;
                left: 0;
                line-height: 1;
                color: var(--color-base-white);
                opacity: .9;
            }

        .footer-links a[b-8ku5dwbbr7] {
            font-weight: var(--font-weight-regular);
        }

    .footer-copyright[b-8ku5dwbbr7] {
        text-align: center;
    }
}


/* Tablet Landscape (769–1024px) – layout igual ao Figma */
@media (min-width: 769px) and (max-width: 1024px) {
    .site-footer[b-8ku5dwbbr7] {
        padding: 32px 34px;
    }

    .footer-row.main[b-8ku5dwbbr7] {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        grid-template-rows: auto auto;
        grid-template-areas:
            "logo apps social"
            "links links links";
        align-items: center;
        gap: 16px 24px;
        text-align: initial;
    }

    .footer-logo[b-8ku5dwbbr7] {
        grid-area: logo;
        justify-self: anchor-center;
    }

    .footer-apps[b-8ku5dwbbr7] {
        grid-area: apps;
        justify-self: center;
        text-align: center;
    }

    .footer-social[b-8ku5dwbbr7] {
        grid-area: social;
        justify-self: anchor-center;
        text-align: right;
        display: flex;
        align-items: flex-end;
    }

        .footer-social[b-8ku5dwbbr7]  p {
            margin-bottom: 14px;
        }

    .social-icons[b-8ku5dwbbr7] {
        display: flex;
        gap: 0px;
        justify-content: flex-end;
    }

        .social-icons[b-8ku5dwbbr7]  a:first-child {
            padding: 8px 0px 8px 8px;
        }

        .social-icons[b-8ku5dwbbr7]  a:last-child {
            padding: 8px 0px 8px 0px;
        }

    .footer-links[b-8ku5dwbbr7] {
        grid-area: links;
    }

    .footer-apps p[b-8ku5dwbbr7] {
        margin-bottom: 12px;
    }

    .footer-apps-buttons[b-8ku5dwbbr7] {
        display: flex;
        gap: 0;
        justify-content: center;
        align-items: center;
    }

        .footer-apps-buttons img[alt="Google Play"][b-8ku5dwbbr7] {
            width: 150px;
            height: auto;
        }

        .footer-apps-buttons img[alt="App Store"][b-8ku5dwbbr7] {
            width: 140px;
            height: auto;
        }

    .social-icons[b-8ku5dwbbr7] {
        display: flex;
        gap: 0;
        justify-content: flex-end;
    }

    .social-icon[b-8ku5dwbbr7] {
        width: 36px;
        height: 36px;
    }

    .footer-links[b-8ku5dwbbr7] {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px 16px;
        list-style: none;
        padding: 16px 0;
        margin: 12px auto 0;
        border-top: 1px solid var(--gray-color-neutral-700, #434343);
        border-bottom: 1px solid var(--gray-color-neutral-700, #434343);
        width: 100%;
        max-width: 980px;
    }

        .footer-links li[b-8ku5dwbbr7] {
            display: inline-flex;
            align-items: center;
            position: relative;
            padding-left: 14px;
        }

            .footer-links li[b-8ku5dwbbr7]::before {
                content: "•";
                position: absolute;
                left: 0;
                line-height: 1;
                color: var(--color-base-white);
                opacity: .9;
            }

        .footer-links a[b-8ku5dwbbr7] {
            font-weight: var(--font-weight-regular);
        }

    .footer-copyright[b-8ku5dwbbr7] {
        text-align: center;
    }
}



/* Tablet Portrait (490px–768px) */
@media (min-width: 490px) and (max-width: 768px) {

    .footer-row.main[b-8ku5dwbbr7] {
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-bottom: 0px;
    }

    .footer-links[b-8ku5dwbbr7] {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px 16px;
        margin: 24px 0 24px 0;
        padding: 24px 0;
        border-top: 1px solid var(--gray-color-neutral-700, #434343);
        border-bottom: 1px solid var(--gray-color-neutral-700, #434343);
        list-style: none;
    }

        .footer-links li[b-8ku5dwbbr7] {
            display: inline-flex;
            align-items: center;
            position: relative;
            padding-left: 14px;
            list-style: none !important;
        }

            .footer-links li[b-8ku5dwbbr7]::before {
                content: '•';
                position: absolute;
                left: 0;
                line-height: 1;
                font-family: var(--font-primary);
                font-size: inherit;
                color: var(--color-base-white);
                opacity: .9;
            }

        .footer-links a[b-8ku5dwbbr7] {
            font-weight: var(--font-weight-regular);
            text-decoration: none;
        }

    .footer-apps[b-8ku5dwbbr7] {
        margin: 0 0 16px 0;
        text-align: center;
    }

    .footer-apps-buttons[b-8ku5dwbbr7] {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

        .footer-apps-buttons img[alt="Google Play"][b-8ku5dwbbr7] {
            width: 150px;
            height: auto;
        }

        .footer-apps-buttons img[alt="App Store"][b-8ku5dwbbr7] {
            width: 140px;
            height: auto;
        }

    .footer-social[b-8ku5dwbbr7] {
        margin: 12px 0 0 0;
    }

    .social-icons[b-8ku5dwbbr7] {
        display: flex;
        justify-content: center;
    }

    .social-icon[b-8ku5dwbbr7] {
        width: 36px;
        height: 36px;
    }

    .footer-row:last-child[b-8ku5dwbbr7] {
        justify-content: center;
    }

    .footer-row .footer-copyright[b-8ku5dwbbr7] {
        width: 100%;
        border-top: 1px solid var(--gray-color-neutral-700, #434343);
        margin-top: 24px;
        padding-top: 16px;
    }
}

/* Mobile (≤489px) */
@media (max-width: 489px) {
    .footer-row.main[b-8ku5dwbbr7] {
        flex-direction: column;
        align-items: center;
    }

    .footer-logo[b-8ku5dwbbr7] {
        margin-bottom: 24px;
    }

    .footer-links[b-8ku5dwbbr7] {
        display: flex;
        flex-direction: column;
        text-align: center;
        width: 100%;
        list-style: none;
        padding: 36px 0;
        margin: 16px 0 32px 0;
        border-top: 1px solid var(--gray-color-neutral-700, #434343);
        border-bottom: 1px solid var(--gray-color-neutral-700, #434343);
    }

        .footer-links li[b-8ku5dwbbr7] {
            border: none;
        }

            .footer-links li:last-child[b-8ku5dwbbr7] {
                border-bottom: none;
            }

        .footer-links a[b-8ku5dwbbr7] {
            font-weight: var(--font-weight-regular);
        }

    .footer-apps[b-8ku5dwbbr7] {
        text-align: center;
        margin: 0 0 12px 0;
    }

        .footer-apps p[b-8ku5dwbbr7] {
            margin-bottom: 16px;
            font-weight: var(--font-weight-bold, 700);
        }

    .footer-apps-buttons[b-8ku5dwbbr7] {
        display: flex;
        flex-direction: column;
        gap: 12px;
        align-items: center;
    }

        .footer-apps-buttons a[b-8ku5dwbbr7] {
            margin: 0;
        }

        .footer-apps-buttons img[b-8ku5dwbbr7] {
            display: block;
            margin: 0 auto;
        }

            .footer-apps-buttons img[alt="Google Play"][b-8ku5dwbbr7] {
                width: 140px;
                height: auto;
            }

            .footer-apps-buttons img[alt="App Store"][b-8ku5dwbbr7] {
                width: 120px;
                height: auto;
            }

    .footer-social[b-8ku5dwbbr7] {
        text-align: center;
        margin: 24px 0 12px;
    }

        .footer-social p[b-8ku5dwbbr7] {
            margin-bottom: 12px;
            font-weight: var(--font-weight-bold, 700);
        }

    .social-icons[b-8ku5dwbbr7] {
        display: flex;
        justify-content: center;
    }

    .social-icon[b-8ku5dwbbr7] {
        width: 40px;
        height: 40px;
    }

    .footer-copyright[b-8ku5dwbbr7] {
        margin-top: 8px;
        padding-top: 12px;
        border-top: 1px solid var(--gray-color-neutral-700, #434343);
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Menu sandwiche lateral fixo */
.new-nav-menu-item[b-c3lq61w6yp] {
    display: flex;
    gap: 8px;
    margin-block: 6px;
    padding-inline: 5px;
    cursor: pointer;
}

.new-nav-menu-container[b-c3lq61w6yp] {
    position: absolute;
    top: 62px;
    right: 0;
    height: 100vh;
    background: #fff;
    box-shadow: -2px 0 8px rgba(0,0,0,0.08);
    z-index: 9999;
    padding: 1rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    border-radius: 0 0 0 8px;
}

/* Desktop e tablet: limitar largura do menu dropdown */
@media (min-width: 391px) {
    .new-nav-menu-container[b-c3lq61w6yp] {
        width: 320px;
        height: auto;
        max-width: 320px;
        right: 0;
        left: auto;
        padding: 1rem;
        border-radius: 0 0 0 8px;
    }
}

.navbar-toggler[b-c3lq61w6yp] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

    .navbar-toggler:checked[b-c3lq61w6yp] {
        background-color: rgba(255, 255, 255, 0.5);
    }

.top-row[b-c3lq61w6yp] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-c3lq61w6yp] {
    font-size: 1.1rem;
}

.bi[b-c3lq61w6yp] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.nav-item[b-c3lq61w6yp] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-c3lq61w6yp] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-c3lq61w6yp] {
        padding-bottom: 1rem;
    }

    .nav-item[b-c3lq61w6yp]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-c3lq61w6yp]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-c3lq61w6yp]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-c3lq61w6yp] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-c3lq61w6yp] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-c3lq61w6yp] {
        display: none;
    }

    .nav-scrollable[b-c3lq61w6yp] {
        display: block;
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

/* Mobile-only and Desktop-only classes */
.mobile-only[b-c3lq61w6yp] {
    display: block;
}

.desktop-only[b-c3lq61w6yp] {
    display: none;
}

@media (min-width: 768px) {
    .mobile-only[b-c3lq61w6yp] {
        display: none;
    }

    .desktop-only[b-c3lq61w6yp] {
        display: block;
    }
}
/* /Components/Pages/Account/AutoLogin.razor.rz.scp.css */
.autologin-error[b-e4u6wrw7om] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
}

    .autologin-error p[b-e4u6wrw7om] {
        color: var(--color-error, #dc3545);
        font-size: 16px;
        margin-bottom: 20px;
    }

    .autologin-error a[b-e4u6wrw7om] {
        color: var(--Feedback-Information-color-feedback-info-700, #1952A6);
        font-size: 14px;
        text-decoration: underline;
    }
/* /Components/Pages/Account/CompletaTuRegistro.razor.rz.scp.css */
.complete-register-container[b-gla4nzfwqr] {
    max-width: 720px;
    margin: 0 auto;
    padding: 16px;
}

.back-link[b-gla4nzfwqr] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--color-base-black, #000);
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 14px;
    font-weight: var(--font-weight-medium, 500);
    line-height: 20px;
    text-decoration: none;
    margin-bottom: 16px;
}

.title-container[b-gla4nzfwqr] {
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}

.register-title[b-gla4nzfwqr] {
    color: #000;
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 18px;
    font-weight: var(--font-weight-bold, 700);
    line-height: 130%;
    margin-bottom: 8px;
}

.register-subtitle[b-gla4nzfwqr] {
    color: var(--color-base-black, #000);
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 16px;
    font-weight: var(--font-weight-regular, 400);
    line-height: 130%;
    margin: 0;
}

.info-container[b-gla4nzfwqr] {
    background: var(--Neutrals-White, #FFF);
    border-radius: 8px;
    padding: 1.5rem;
}

.form-group[b-gla4nzfwqr] { margin-bottom: 1rem; }

.form-group label[b-gla4nzfwqr] {
    display: block;
    color: var(--gray-color-neutral-800, #262626);
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 16px;
    font-weight: var(--font-weight-semibold, 600);
    line-height: 20px;
    margin-bottom: 8px;
}

.form-group .form-control[b-gla4nzfwqr] {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid var(--color-border-input, #ccc);
    border-radius: 4px;
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 16px;
}

.name-container[b-gla4nzfwqr], .password-container[b-gla4nzfwqr] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.password-hint[b-gla4nzfwqr] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 8px;
    padding: 8px;
    background-color: var(--Feedback-Information-color-feedback-info-50, #EFF6FF);
    border-radius: 4px;
}

.password-hint span[b-gla4nzfwqr] {
    color: var(--Feedback-Information-color-feedback-info-700, #1952A6);
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 14px;
    line-height: 1.4;
}

.submit-container[b-gla4nzfwqr] {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 1.5rem;
}

.text-danger[b-gla4nzfwqr] {
    color: var(--Feedback-Error-color-feedback-error-700, #B91C1C);
    font-size: 12px;
    margin-top: 4px;
}

.message-container[b-gla4nzfwqr] {
    margin-top: 1rem;
    padding: 12px 16px;
    border-radius: 4px;
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 14px;
}

.message-container.error[b-gla4nzfwqr] {
    background-color: #FEF2F2;
    border: 1px solid #FECACA;
    color: #B91C1C;
}

.message-container.success[b-gla4nzfwqr] {
    background-color: #F0FDF4;
    border: 1px solid #BBF7D0;
    color: #15803D;
}

.error-container[b-gla4nzfwqr] { text-align: center; padding: 2rem; }
.error-container p[b-gla4nzfwqr] { color: #B91C1C; margin-bottom: 1rem; }
.error-container a[b-gla4nzfwqr] { color: var(--color-primary, #4A5BD6); text-decoration: underline; }

@media (min-width: 768px) {
    .name-container[b-gla4nzfwqr], .password-container[b-gla4nzfwqr] { grid-template-columns: 1fr 1fr; }
}
/* /Components/Pages/Account/Login.razor.rz.scp.css */
body[b-rpz4pokzre] {
    background-color: var(--color-primary);
}

.login-btn[b-rpz4pokzre] {
    width: 173px;
    height: 41px;
}

.recovery-link[b-rpz4pokzre] {
    color: var(--Feedback-Information-color-feedback-info-700, #1952A6);
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-regular, 400);
    line-height: 20px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    background-color: transparent;
    border: 0;
}

.login-container[b-rpz4pokzre] {
    width: 100%;
    max-width: 480px;
}

.login-wrapper[b-rpz4pokzre] {
    display: flex;
    justify-content: center;
    padding: 40px 16px;
}

.create-account-btn[b-rpz4pokzre] {
    display: inline-flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: none;
    height: 36px;
    background: none;
    border: 1px solid var(--color-base-black, #000);
    cursor: pointer;
}

    .create-account-btn span[b-rpz4pokzre] {
        color: var(--color-base-black, #000);
        text-align: center;
        font-family: var(--font-family-Poppins, Poppins);
        font-size: 14px;
        font-style: normal;
        font-weight: var(--font-weight-medium, 500);
        line-height: 20px;
    }

@media (max-width: 768px) {
    .login-wrapper[b-rpz4pokzre] {
        padding-top: 20px;
        margin-bottom: 165px;
    }
}

/* Field-level validation error */
.field-error[b-rpz4pokzre] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    color: #D4760A;
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
}

    .field-error svg[b-rpz4pokzre] {
        flex-shrink: 0;
    }

/* General error (server-level) */
.general-error[b-rpz4pokzre] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 10px 12px;
    border-radius: 4px;
    background: #FFF5F5;
    border: 1px solid #FDD;
    color: #D32F2F;
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

    .general-error svg[b-rpz4pokzre] {
        flex-shrink: 0;
    }

/* Password input wrapper for toggle */
.password-input-wrapper[b-rpz4pokzre] {
    position: relative;
    display: flex;
    align-items: center;
}

    .password-input-wrapper input[b-rpz4pokzre] {
        padding-right: 40px;
        margin-bottom: 0;
    }

.password-toggle-btn[b-rpz4pokzre] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

    .password-toggle-btn .eye-open[b-rpz4pokzre] {
        display: none;
    }

    .password-toggle-btn .eye-closed[b-rpz4pokzre] {
        display: block;
    }

    .password-toggle-btn.visible .eye-open[b-rpz4pokzre] {
        display: block;
    }

    .password-toggle-btn.visible .eye-closed[b-rpz4pokzre] {
        display: none;
    }
/* /Components/Pages/Account/Logout.razor.rz.scp.css */
.logout-container[b-atonr28123] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
}

.logout-content[b-atonr28123] {
    text-align: center;
    padding: 2rem;
}

.logout-content p[b-atonr28123] {
    margin-top: 1rem;
    color: #666;
    font-size: 1.1rem;
}
/* /Components/Pages/Account/Recuperacion.razor.rz.scp.css */
.recuperacion-wrapper[b-9fr2cqautp] {
    display: flex;
    justify-content: center;
    padding: 40px 16px;
}

.recuperacion-container[b-9fr2cqautp] {
    width: 100%;
    max-width: 480px;
}

.back-link[b-9fr2cqautp] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--color-base-black, #000);
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 14px;
    font-weight: var(--font-weight-medium, 500);
    line-height: 20px;
    text-decoration: none;
    margin-bottom: 16px;
}

.message-container[b-9fr2cqautp] {
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    border-radius: 4px;
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 14px;
    line-height: 20px;
}

.message-container.error[b-9fr2cqautp] {
    background-color: var(--Feedback-Error-color-feedback-error-50, #FEF2F2);
    border: 1px solid var(--Feedback-Error-color-feedback-error-200, #FECACA);
    color: var(--Feedback-Error-color-feedback-error-700, #B91C1C);
}

.message-container.success[b-9fr2cqautp] {
    background-color: var(--Feedback-Success-color-feedback-success-50, #F0FDF4);
    border: 1px solid var(--Feedback-Success-color-feedback-success-200, #BBF7D0);
    color: var(--Feedback-Success-color-feedback-success-700, #15803D);
}

@media (max-width: 480px) {
    .recuperacion-wrapper[b-9fr2cqautp] { padding-top: 20px; }
}
/* /Components/Pages/Account/Registro.razor.rz.scp.css */
body[b-wemmmddt5j] {
    background-color: var(--color-primary);
}

.registro-wrapper[b-wemmmddt5j] {
    display: flex;
    justify-content: center;
    padding: 16px;
}

.registro-container[b-wemmmddt5j] {
    width: 100%;
    max-width: 480px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.back-link[b-wemmmddt5j] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--color-base-black, #000);
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 14px;
    font-weight: var(--font-weight-medium, 500);
    line-height: 20px;
    text-decoration: none;
}

.form-group[b-wemmmddt5j] {
    margin-bottom: 0;
}

.form-group .registro-title[b-wemmmddt5j] {
    font-family: Poppins, var(--font-secondary, sans-serif);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: var(--Gray-color-neutral-800, #262626);
    margin-bottom: 16px;
}

.form-group .registro-label[b-wemmmddt5j] {
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: var(--Gray-color-neutral-800, #262626);
    display: block;
    margin-bottom: 8px;
}

.terms-group[b-wemmmddt5j] {
    margin-bottom: 0;
}

.terms-checkbox-container[b-wemmmddt5j] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px;
    border-radius: 4px;
}

.terms-checkbox[b-wemmmddt5j] {
    width: 24px;
    height: 24px;
    cursor: pointer;
    flex-shrink: 0;
}

.terms-label[b-wemmmddt5j] {
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 16px;
    font-style: normal;
    font-weight: var(--font-weight-regular, 400);
    line-height: 24px;
    color: var(--color-base-black, #000);
    cursor: pointer;
    margin: 0;
}

.terms-link[b-wemmmddt5j] {
    color: var(--Feedback-Information-color-feedback-info-700, #1952A6);
    text-decoration: underline;
}

.send-button-container .btn[b-wemmmddt5j] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px;
    border-radius: 4px;
    font-family: Poppins, var(--font-secondary, sans-serif);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    border: none;
    background-color: var(--Primary-color-brand-primary-200, #B7FBDC);
    color: var(--Gray-color-neutral-400, #9D9D9D);
    cursor: pointer;
    transition: background-color 0.2s;
}

.send-button-container .btn:not(:disabled)[b-wemmmddt5j] {
    background-color: var(--Primary-color-brand-primary-600, #0DAC66);
    color: #fff;
}

.message-container[b-wemmmddt5j] {
    margin-top: 0;
    padding: 0.75rem 1rem;
    border-radius: 4px;
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 14px;
    line-height: 20px;
}

.message-container.error[b-wemmmddt5j] {
    background-color: var(--Feedback-Error-color-feedback-error-50, #FEF2F2);
    border: 1px solid var(--Feedback-Error-color-feedback-error-200, #FECACA);
    color: var(--Feedback-Error-color-feedback-error-700, #B91C1C);
}

.message-container.success[b-wemmmddt5j] {
    background-color: var(--Feedback-Success-color-feedback-success-50, #F0FDF4);
    border: 1px solid var(--Feedback-Success-color-feedback-success-200, #BBF7D0);
    color: var(--Feedback-Success-color-feedback-success-700, #15803D);
}

/* Input matching Figma specs */
.registro-container .form-control[b-wemmmddt5j] {
    border: 1px solid var(--Border-color-border-input, #7B7B7B);
    border-radius: 4px;
    min-height: 40px;
    padding: 8px 12px;
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 16px;
    line-height: 1.3;
    color: var(--Gray-color-neutral-800, #262626);
    background-color: var(--color-base-white, #FFF);
}

.registro-container .form-control:focus[b-wemmmddt5j] {
    border-color: var(--color-primary, #0DAC66);
    box-shadow: none;
    outline: none;
}

.registro-container .form-control[b-wemmmddt5j]::placeholder {
    color: var(--Gray-color-neutral-500, #5F5F5F);
}

/* Verification code section */
.verification-section[b-wemmmddt5j] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.verification-section label[b-wemmmddt5j] {
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: var(--Gray-color-neutral-800, #262626);
}

.verification-buttons[b-wemmmddt5j] {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.verification-buttons .btn[b-wemmmddt5j] {
    padding: 8px;
    border-radius: 4px;
    font-family: Poppins, var(--font-secondary, sans-serif);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

@media (max-width: 480px) {
    .registro-wrapper[b-wemmmddt5j] { padding-top: 16px; }
}
/* /Components/Pages/Benefits/BeneficioDetalleSsr.razor.rz.scp.css */
/* ── BeneficioDetalleSsr – scoped CSS ── */

.ssr-beneficio-content[b-aw6b22icxw] {
    max-width: 45rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-inline: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 2rem;
}

.beneficio-detalle-inner[b-aw6b22icxw] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* ── Saldo ── */
.saldo-container[b-aw6b22icxw] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem .5rem;
    border-radius: 0.5rem;
    border: 1px solid var(--color-border-input);
    background: var(--color-brand-primary-100);
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.08);
    margin: 0;
}

.saldo-title[b-aw6b22icxw] {
    color: var(--color-base-black);
    text-align: center;
    font-family: var(--font-primary);
    font-size: var(--font-size-body);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem;
}

.saldo-item[b-aw6b22icxw] {
    display: flex;
    align-items: center;
    gap: .25rem;
}

.saldo-item img[b-aw6b22icxw] {
    max-width: 2rem;
    width: 100%;
}

.saldo-value[b-aw6b22icxw] {
    color: var(--color-base-black);
    font-family: var(--font-secondary);
    font-size: 2rem;
    font-style: normal;
    font-weight: var(--font-weight-semibold);
    line-height: 2rem;
}

/* ── Promo card container ── */
.promo-container[b-aw6b22icxw] {
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: center;
}

.promo-shell[b-aw6b22icxw] {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.promo-scale-box[b-aw6b22icxw] {
    transform-origin: top left;
}

.promo-scale-box > *[b-aw6b22icxw] {
    width: 100%;
    height: 100%;
    display: block;
}

/* ── Condiciones ── */
.condiciones-container[b-aw6b22icxw] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    width: 100%;
}

.condiciones-title[b-aw6b22icxw] {
    color: var(--gray-color-neutral-800);
    font-family: var(--font-primary);
    font-size: var(--font-size-body);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem;
}

.condiciones-description[b-aw6b22icxw] {
    color: var(--gray-color-neutral-800);
    font-family: var(--font-primary);
    font-size: var(--font-size-body);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: 130%;
}

/* ── Canjear box ── */
.canjear-container[b-aw6b22icxw] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.5rem;
    border: 1px solid var(--color-border-container);
    border-radius: .5rem;
    background: var(--color-base-white);
}

.canjear-container h3[b-aw6b22icxw] {
    color: var(--gray-color-neutral-800);
    font-family: var(--font-primary);
    font-size: var(--font-size-body);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem;
    margin: 0;
}

.canjear-header[b-aw6b22icxw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.canjear-container span[b-aw6b22icxw] {
    color: var(--gray-color-neutral-800);
    font-family: var(--font-primary);
    font-size: var(--font-size-body);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: 130%;
}

.canjear-container hr[b-aw6b22icxw] {
    margin: 0;
    border: 0;
    border-top: 1px solid var(--color-border-container);
}

/* ── Estrella confirmed ── */
.estrella-confirmed[b-aw6b22icxw] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.estrella-confirmed img[b-aw6b22icxw] {
    width: 1.35rem;
    height: 1.35rem;
}

.cantidad-confirmada[b-aw6b22icxw] {
    color: var(--gray-color-neutral-800);
    font-family: var(--font-primary);
    font-size: var(--font-size-body);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem;
}

/* ── Star input ── */
.ssr-star-input[b-aw6b22icxw] {
    width: 120px;
    height: 40px;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--color-border-input, #7B7B7B);
    border-radius: 8px;
    font-family: var(--font-primary);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-semibold);
    color: var(--gray-color-neutral-800);
    background: var(--color-base-white);
    text-align: center;
    -moz-appearance: textfield;
}

.ssr-star-input[b-aw6b22icxw]::-webkit-outer-spin-button,
.ssr-star-input[b-aw6b22icxw]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.ssr-star-input:focus[b-aw6b22icxw] {
    outline: 2px solid var(--color-brand-primary-500, #6200ea);
    outline-offset: -1px;
    border-color: transparent;
}

/* ── Buttons ── */
.buttons-container[b-aw6b22icxw] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
}

.btn-ssr[b-aw6b22icxw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.625rem 1.25rem;
    border-radius: 8px;
    font-family: var(--font-primary);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-semibold);
    cursor: pointer;
    text-decoration: none;
    border: none;
    transition: background-color 0.15s, color 0.15s;
    white-space: nowrap;
}

.btn-ssr-primary[b-aw6b22icxw] {
    background-color: var(--color-brand-primary-500, #6200ea);
    color: var(--color-base-white);
}

.btn-ssr-primary:hover[b-aw6b22icxw] {
    background-color: var(--color-brand-primary-600, #5000c0);
}

.btn-ssr-primary:disabled[b-aw6b22icxw] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-ssr-outlined[b-aw6b22icxw] {
    background-color: transparent;
    color: var(--color-brand-primary-500, #6200ea);
    border: 1px solid var(--color-brand-primary-500, #6200ea);
}

.btn-ssr-outlined:hover[b-aw6b22icxw] {
    background-color: var(--color-brand-primary-100, #f3e5f5);
}

.btn-ssr-full[b-aw6b22icxw] {
    width: 100%;
}

/* ── Status messages ── */
.status-message[b-aw6b22icxw] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .75rem 1rem;
    border-radius: 8px;
    font-family: var(--font-primary);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-regular);
    line-height: 130%;
}

.status-success[b-aw6b22icxw] {
    background-color: #e8f5e9;
    color: #2e7d32;
    border: 1px solid #a5d6a7;
}

.status-success i[b-aw6b22icxw] {
    font-size: 1.25rem;
}

.status-error[b-aw6b22icxw] {
    background-color: #fbe9e7;
    color: #c62828;
    border: 1px solid #ef9a9a;
}

.status-error i[b-aw6b22icxw] {
    font-size: 1.25rem;
}

/* ── Confirm dialog overlay ── */
.ssr-dialog-overlay[b-aw6b22icxw] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ssr-dialog[b-aw6b22icxw] {
    background: var(--color-base-white, #fff);
    border-radius: 12px;
    padding: 1.5rem;
    max-width: 400px;
    width: 90%;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
}

.ssr-dialog-header[b-aw6b22icxw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.ssr-dialog-header label[b-aw6b22icxw] {
    font-family: var(--font-primary);
    font-size: 1.125rem;
    font-weight: var(--font-weight-semibold);
    color: var(--gray-color-neutral-800);
}

.ssr-dialog p[b-aw6b22icxw] {
    font-family: var(--font-primary);
    font-size: var(--font-size-body);
    color: var(--gray-color-neutral-800);
    line-height: 150%;
    margin: 0 0 1.5rem;
}

.ssr-dialog-footer[b-aw6b22icxw] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
}

.close-button-style[b-aw6b22icxw] {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-button[b-aw6b22icxw] {
    font-size: 1.25rem;
    color: var(--gray-color-neutral-800);
}

/* ── Utility ── */
.no-margin-b[b-aw6b22icxw] {
    margin-bottom: 0;
}

.f-bold[b-aw6b22icxw] {
    font-weight: var(--font-weight-bold);
}

@media (max-width: 480px) {
    .ssr-beneficio-content[b-aw6b22icxw] {
        padding-inline: 1rem;
        padding-top: 1rem;
    }
    .canjear-container[b-aw6b22icxw] {
        padding: 1rem;
    }
}
/* /Components/Pages/Benefits/MisEstrellasYBeneficiosSsr.razor.rz.scp.css */
/* ── MisEstrellasYBeneficiosSsr – scoped CSS ── */

.ssr-benefits-content[b-duy6nsor4n] {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding-inline: 24px;
    padding-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 2rem;
}

@media (max-width: 768px) {
    .ssr-benefits-content[b-duy6nsor4n] {
        padding-inline: 16px;
    }
}

/* ── Saldo ── */
.saldo-container[b-duy6nsor4n] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem .5rem;
    border-radius: 0.5rem;
    border: 1px solid var(--color-border-input);
    background: var(--color-brand-primary-100);
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.08);
    margin-bottom: 1rem;
}

.saldo-title[b-duy6nsor4n] {
    color: var(--color-base-black);
    text-align: center;
    font-family: var(--font-primary);
    font-size: var(--font-size-body);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem;
}

.saldo-item[b-duy6nsor4n] {
    display: flex;
    align-items: center;
    gap: .25rem;
}

.saldo-item img[b-duy6nsor4n] {
    max-width: 2rem;
    width: 100%;
}

.saldo-value[b-duy6nsor4n] {
    color: var(--color-base-black);
    font-family: var(--font-secondary);
    font-size: 2rem;
    font-style: normal;
    font-weight: var(--font-weight-semibold);
    line-height: 2rem;
}

/* ── Subtitle ── */
.subtitle[b-duy6nsor4n] {
    color: var(--gray-color-neutral-800);
    font-family: var(--font-primary);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-regular);
    line-height: 130%;
    margin: 0;
}

/* ── Tabs ── */
.tabs-grid[b-duy6nsor4n] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 1rem;
}

.tab-selector-wrapper[b-duy6nsor4n] {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid #7B7B7B;
    border-radius: 8px;
    cursor: pointer;
    gap: 4px;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    color: inherit;
}

.tab-selector-wrapper:hover[b-duy6nsor4n] {
    text-decoration: none;
    color: inherit;
}

.tab-selector-wrapper.selected[b-duy6nsor4n] {
    background-color: var(--color-brand-primary-300);
}

.tab-radio-label[b-duy6nsor4n] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-primary);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-regular);
}

.tab-radio[b-duy6nsor4n] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #7B7B7B;
    display: inline-block;
    flex-shrink: 0;
}

.tab-radio-active[b-duy6nsor4n] {
    border-color: var(--color-brand-primary-500, #6200ea);
    background: var(--color-brand-primary-500, #6200ea);
    box-shadow: inset 0 0 0 3px #fff;
}

/* ── Benefits grid ── */
.benefits-grid[b-duy6nsor4n] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

@media (min-width: 769px) {
    .benefits-grid[b-duy6nsor4n] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.benefit-card[b-duy6nsor4n] {
    display: flex;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--color-border-container);
    border-radius: 8px;
    background: #fff;
}

.benefit-link[b-duy6nsor4n] {
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.15s;
}

.benefit-link:hover[b-duy6nsor4n] {
    text-decoration: none;
    color: inherit;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.benefit-thumb[b-duy6nsor4n] {
    width: 72px;
    height: 72px;
    border-radius: 8px;
    overflow: hidden;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.benefit-thumb img[b-duy6nsor4n] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.benefit-main[b-duy6nsor4n] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.benefit-title[b-duy6nsor4n] {
    font-weight: 700;
    color: var(--gray-color-neutral-800);
}

.benefit-branch[b-duy6nsor4n] {
    font-size: 14px;
    color: #555;
}

.benefit-desc[b-duy6nsor4n] {
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.benefit-meta[b-duy6nsor4n] {
    font-size: 12px;
    color: #666;
    margin-top: 6px;
}

/* ── Empty state ── */
.empty-state[b-duy6nsor4n] {
    text-align: center;
    color: #666;
    font-family: var(--font-primary);
    font-size: var(--font-size-body);
    padding: 2rem 1rem;
}
/* /Components/Pages/Calificacion/CalificacionPage.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   CalificacionPage – Scoped CSS
   
   Since the wizard steps are now child components, all selectors
   targeting elements inside sub-components use ::deep to pierce
   Blazor CSS isolation boundaries.
   ═══════════════════════════════════════════════════════════ */

/* ── Step indicator (direct child of CalificacionPage) ── */
.current-steps[b-3upapr192i] {
    margin-bottom: 12px;
    font-family: Poppins, var(--font-secondary, sans-serif);
    font-size: 14px;
    line-height: 20px;
    color: var(--Gray-color-neutral-800, #262626);
}

/* ── Wizard content container (direct child) ── */
.wizard-content-col[b-3upapr192i] {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    padding-top: 16px;
    padding-bottom: 40px;
    box-sizing: border-box;
}

/* ═══════════════════════════════════════════════════════════
   ::deep selectors — target elements inside sub-components
   ═══════════════════════════════════════════════════════════ */

/* ── Company card (Figma: ListItemHistorialDeAtencion / calificar) ── */
[b-3upapr192i] .company-card {
    display: flex;
    align-items: center;
    max-width: 488px;
    width: 100%;
    padding: 12px 16px;
    background: #fff;
    border: 1px solid var(--Border-containers, #E5E7EB);
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
}

[b-3upapr192i] .company-card__layout {
    display: flex;
    gap: 16px;
    align-items: center;
    flex: 1 0 0;
    min-width: 0;
}

[b-3upapr192i] .company-card__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    min-width: 80px;
    padding: 4px;
    border: 1px solid var(--Border-containers, #E5E7EB);
    border-radius: 4px;
    background: var(--Primary-color-brand-primary-50, #effef7);
    box-sizing: border-box;
    overflow: hidden;
}

[b-3upapr192i] .company-card__logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

[b-3upapr192i] .company-card__logo svg {
    width: 48px;
    height: 48px;
}

[b-3upapr192i] .company-card__info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 0 0;
    min-width: 0;
}

[b-3upapr192i] .company-card__name {
    font-family: "Nunito Sans", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    color: #262626;
    margin: 0;
}

[b-3upapr192i] .company-card__detail {
    font-family: "Nunito Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    color: #262626;
    margin: 0;
}

/* ── Step Experience Type (Figma structure) ── */
[b-3upapr192i] .step-exp__group {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    width: 100%;
    padding: 8px 0;
}

[b-3upapr192i] .step-exp__banner-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

[b-3upapr192i] .step-exp__banner {
    width: 100%;
}

[b-3upapr192i] .step-exp__banner img {
    width: 100%;
    border-radius: 16px;
    display: block;
}

[b-3upapr192i] .step-exp__title-row {
    display: flex;
    align-items: center;
    width: 100%;
    height: 52px;
    padding-top: 16px;
}

[b-3upapr192i] .step-exp__title {
    font-family: Poppins, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: #262626;
    margin: 0;
    flex: 1;
}

[b-3upapr192i] .step-exp__radio-section {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    width: 100%;
    padding: 8px 0;
}

[b-3upapr192i] .step-exp__radio-group {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    width: 100%;
    padding: 8px 0;
}

[b-3upapr192i] .step-exp__radio-label label {
    font-family: "Nunito Sans", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #000;
    margin: 0;
    padding-bottom: 8px;
    display: block;
}

[b-3upapr192i] .step-exp__radio-item {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 8px;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
}

[b-3upapr192i] .step-exp__radio-item input[type='radio'] {
    accent-color: black;
    width: 24px;
    height: 24px;
    margin: 0;
    flex-shrink: 0;
    cursor: pointer;
}

[b-3upapr192i] .step-exp__radio-item label {
    font-family: "Nunito Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    color: #000;
    margin: 0;
    cursor: pointer;
}

[b-3upapr192i] .logo-container img {
    border: 1px solid var(--light-gray-vector);
    border-radius: 5px;
    padding: 4px;
}

[b-3upapr192i] .stars img {
    margin-inline: 2px;
}

[b-3upapr192i] .calificacion-item {
    padding-inline: 8px;
    margin-inline: 0;
}

[b-3upapr192i] .calificacion-item p {
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: var(--Gray-color-neutral-800, #262626);
    margin-top: 0;
    margin-bottom: 8px;
}

[b-3upapr192i] .calificacion-item .faces-container {
    display: flex;
    gap: 16px;
    align-items: center;
    cursor: pointer;
}

[b-3upapr192i] .calificacion-item .faces-container span {
    display: inline-flex !important;
    align-items: center;
    padding: 8px;
    border-radius: 8px;
}

[b-3upapr192i] .calificacion-item .faces-container span img {
    height: 33px !important;
    width: 33px !important;
    opacity: 0.8;
}

[b-3upapr192i] .comentario-container {
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 16px;
}

[b-3upapr192i] .comentario-container label {
    display: block;
    margin-bottom: 8px;
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: var(--Gray-color-neutral-800, #262626);
}

[b-3upapr192i] .comentario-container button {
    float: inline-end;
}

[b-3upapr192i] .comentario-container textarea {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid var(--Border-color-border-input, #7B7B7B);
    border-radius: 4px;
    resize: none;
    transition: border-color 0.3s;
    background-color: var(--color-base-white, #FFF);
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 16px;
    line-height: 1.3;
    color: var(--Gray-color-neutral-800, #262626);
    min-height: 120px;
}

[b-3upapr192i] .comentario-container textarea:focus {
    border: 1px solid var(--color-primary, #0DAC66);
    outline: none;
}

[b-3upapr192i] input[type='radio'] {
    accent-color: black !important;
    width: 20px;
    height: 20px;
}

[b-3upapr192i] .feature-icon-wrapper {
    display: flex;
    padding: 12px;
    width: 56px;
    height: 56px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 40px;
    border: 4px solid #FAFAFA;
    background: #32E696;
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.08);
    color: #FFFFFF;
    font-size: 1.5rem;
}

[b-3upapr192i] .prize-container {
    display: flex;
    gap: 26px;
    padding-inline: 16px;
    padding-block: 16px;
    border-radius: 8px;
    background-color: #f0f0f0;
}

[b-3upapr192i] .prize-image-container {
    border-radius: 8px;
    align-content: center;
    max-width: 40%;
}

[b-3upapr192i] .prize-image-container img {
    width: 100%;
}

[b-3upapr192i] .info-text {
    margin-bottom: 0px;
}

[b-3upapr192i] .prize-info-container .brand-name {
    font-family: Poppins, var(--font-secondary);
    font-size: 16px;
    font-weight: 700;
    color: #494848;
    line-height: normal;
    margin-bottom: 0px;
}

[b-3upapr192i] .prize-info-container .prize-discount {
    font-family: Poppins, var(--font-secondary);
    font-weight: 700;
    line-height: .95;
    color: #32E696;
    font-size: 45px;
    margin-block: 16px;
}

[b-3upapr192i] .prize-info-container .info-text {
    font-family: Poppins, var(--font-secondary);
    font-weight: 400;
    line-height: .95;
    font-size: 8px;
}

[b-3upapr192i] .prize-text {
    font-family: Poppins, var(--font-secondary);
    font-size: 10px;
    font-weight: 700;
    color: #494848;
    line-height: normal;
    margin-bottom: 0px;
}

[b-3upapr192i] .extra-stars {
    color: var(--Primary-color-brand-primary-600, #0DAC66);
    text-align: center;
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 16px;
    font-style: normal;
    font-weight: var(--font-weight-bold, 700);
    line-height: 130%;
    margin-bottom: 0px;
}

@media (max-width: 768px) {
    [b-3upapr192i] .ruleta-container-extern {
        margin-top: 24px;
    }
}

@media (min-width: 769px) {
    [b-3upapr192i] .ruleta-container-extern {
        margin-top: 24px;
    }
}

/* ── Branch/Employee search dropdown ── */
[b-3upapr192i] .branch-search-container,
[b-3upapr192i] .employee-search-container,
[b-3upapr192i] .referral-search-container {
    position: relative;
}

[b-3upapr192i] .branch-dropdown {
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 300px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid var(--light-gray, #ccc);
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

[b-3upapr192i] .branch-option {
    padding: 10px 12px;
    cursor: pointer;
    font-family: "Nunito Sans", sans-serif;
    font-size: 14px;
    line-height: 20px;
}

[b-3upapr192i] .branch-option:hover {
    background-color: var(--color-primary-light, #e6f9f0);
}

/* ── Dialog overlay (SSR replacement for Syncfusion Dialog) ── */
[b-3upapr192i] .dialog-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-3upapr192i] .dialog-container {
    background: #fff;
    border-radius: 16px;
    max-width: 500px;
    width: 90%;
    padding: 24px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
}

[b-3upapr192i] .dialog-header h5 {
    font-family: Poppins, var(--font-secondary);
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 16px;
    color: #1E1E1E;
}

[b-3upapr192i] .dialog-body {
    margin-bottom: 24px;
}

[b-3upapr192i] .dialog-footer {
    text-align: center;
}

/* ── Toast ── */
[b-3upapr192i] .toast-ssr {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10000;
    background: #333;
    color: #fff;
    padding: 12px 24px;
    border-radius: 8px;
    font-family: "Nunito Sans", sans-serif;
    font-size: 14px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* ── Wizard nav divider ── */
[b-3upapr192i] .wizard-nav__divider {
    border: none;
    border-top: 1px solid var(--Border-containers, #E5E7EB);
    margin: 0;
}

/* ── Button styles (matching Figma design system) ── */
[b-3upapr192i] .btn-primary-ds {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px;
    min-width: 120px;
    background-color: var(--Primary-color-brand-primary-400, #32E696);
    color: #000;
    border: none;
    border-radius: 4px;
    font-family: Poppins, var(--font-secondary, sans-serif);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.2s;
}

[b-3upapr192i] .btn-primary-ds:hover {
    background-color: #28c882;
    color: #000;
}

[b-3upapr192i] .btn-primary-ds:disabled {
    background-color: var(--Primary-color-brand-primary-200, #B7FBDC);
    color: var(--Gray-color-neutral-400, #9D9D9D);
    cursor: not-allowed;
}

[b-3upapr192i] .btn-secondary-ds {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px;
    background-color: #fff;
    color: var(--Primary-color-brand-primary-600, #0DAC66);
    border: 2px solid var(--Primary-color-brand-primary-600, #0DAC66);
    border-radius: 4px;
    font-family: Poppins, var(--font-secondary, sans-serif);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
    transition: background-color 0.2s;
}

[b-3upapr192i] .btn-secondary-ds:hover {
    background-color: #f0f0f0;
}

[b-3upapr192i] .btn-outline-ds {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px;
    background-color: transparent;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: Poppins, var(--font-secondary, sans-serif);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
    transition: background-color 0.2s;
}

[b-3upapr192i] .btn-outline-ds:hover {
    background-color: #f5f5f5;
}

/* ── Star cursor ── */
[b-3upapr192i] .faces-container span {
    cursor: pointer;
}

/* ── Wheel (matching Figma: 280x280 centered) ── */
[b-3upapr192i] .wheel-container {
    position: relative;
    display: inline-block;
}

[b-3upapr192i] .wheel-container img#wheel {
    width: 280px;
    height: 280px;
}

/* ── Shadow container (matches ContainerWithShadow) ── */
[b-3upapr192i] .shadow-container {
    padding: 16px;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* ── Rating items container ── */
[b-3upapr192i] #rating-items {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ── Form control matching Figma input specs ── */
[b-3upapr192i] .wizard-step .form-control {
    border: 1px solid var(--Border-color-border-input, #7B7B7B);
    border-radius: 4px;
    min-height: 40px;
    padding: 8px 12px;
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 16px;
    line-height: 1.3;
    color: var(--Gray-color-neutral-800, #262626);
    background-color: var(--color-base-white, #FFF);
}

[b-3upapr192i] .wizard-step .form-control:focus {
    border-color: var(--color-primary, #0DAC66);
    box-shadow: none;
    outline: none;
}

[b-3upapr192i] .wizard-step .form-control::placeholder {
    color: var(--Gray-color-neutral-500, #5F5F5F);
}

/* ── Finalizar button (full width on mobile, min-width on desktop) ── */
[b-3upapr192i] .finalizar-button {
    width: 100%;
}

/* ── Name fields alignment ── */
[b-3upapr192i] #name-fields .form-group {
    margin-bottom: 0;
}

[b-3upapr192i] #name-fields .form-group + .form-group {
    margin-top: 0;
}

[b-3upapr192i] #name-fields .form-inline {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ── Search input with icon ── */
[b-3upapr192i] .search-input-wrapper {
    position: relative;
}

[b-3upapr192i] .search-input-wrapper .search-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--Gray-color-neutral-500, #5F5F5F);
    font-size: 18px;
    pointer-events: none;
    z-index: 1;
}

[b-3upapr192i] .search-input-wrapper .form-control {
    padding-left: 36px;
}

/* ── Identificate step (phone verification) ── */
[b-3upapr192i] #step-identificate .form-control {
    border: 1px solid var(--Border-color-border-input, #7B7B7B);
    border-radius: 4px;
    min-height: 40px;
    padding: 8px 12px;
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 16px;
    line-height: 1.3;
    color: var(--Gray-color-neutral-800, #262626);
    background-color: var(--color-base-white, #FFF);
}

[b-3upapr192i] #step-identificate .form-control:focus {
    border-color: var(--color-primary, #0DAC66);
    box-shadow: none;
    outline: none;
}

/* ── Mobile responsive (Figma: 16px padding, 358px content) ── */
@media (max-width: 767px) {
    .wizard-content-col[b-3upapr192i] {
        max-width: 100%;
        padding-inline: 16px;
        box-sizing: border-box;
    }

    /* Shadow container (CompanyCard) – full width with side spacing */
    [b-3upapr192i] .shadow-container {
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Prize container – stack vertically on narrow screens */
    [b-3upapr192i] .prize-container {
        gap: 16px;
        padding-inline: 12px;
        box-sizing: border-box;
    }

    /* Wheel container – prevent overflow */
    [b-3upapr192i] .wheel-container img#wheel {
        max-width: 100%;
        height: auto;
    }

    /* Dialog container – respect mobile safe area */
    [b-3upapr192i] .dialog-container {
        width: calc(100% - 32px);
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Form controls – full width within padded container */
    [b-3upapr192i] .wizard-step .form-control {
        width: 100%;
        box-sizing: border-box;
    }

    /* Branch/Employee/Referral dropdowns – contain within bounds */
    [b-3upapr192i] .branch-dropdown {
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Identificate step – phone container */
    [b-3upapr192i] #step-identificate .form-control {
        width: 100%;
        box-sizing: border-box;
    }

    /* Textarea – respect container width */
    [b-3upapr192i] .comentario-container textarea {
        box-sizing: border-box;
    }

    /* Name fields – stack on small screens */
    [b-3upapr192i] #name-fields .form-inline {
        flex-wrap: wrap;
    }

    /* Ruleta container – center and constrain */
    [b-3upapr192i] .ruleta-container-extern {
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }
}
/* /Components/Pages/Home/HomePage.razor.rz.scp.css */
.home-container[b-rq0xl1jpfx] {
    max-width: 1560px;
    margin: 0 auto;
    padding: 1rem;
}

[b-rq0xl1jpfx] .content-container {
    margin: 3rem 0;
    display: flex;
    flex-direction: column;
    padding: 25px;
    border-radius: 1rem;
    background: var(--color-surface-app);
    border: 1px solid var(--color-border-container);
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.08);
    border-radius: var(--4, 16px);
    border: 1px solid var(--Border-color-border-container, #E5E7EB);
    background: var(--Background-color-surface-app, #FAFAFA);
    /* Shadow/shadow.surface.lg */
    padding: var(--10, 40px);
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.08);
    gap: var(--6, 24px);
}

[b-rq0xl1jpfx] .content-title {
    font-family: 'Poppins', sans-serif;
    font-weight: var(--font-weight-semibold);
    font-style: normal; 
    font-size: var(--font-size-display);
    line-height: 130%;
    letter-spacing: 0%;
    color: var(--color-neutral-800);
}

[b-rq0xl1jpfx] .WMBSC .slick-dots li button {
    background-color: #D9D9D9 !important;
}

[b-rq0xl1jpfx] .WMBSC .slick-dots li.slick-active button {
    background-color: #24CB80 !important;
}


[b-rq0xl1jpfx] .WMBSC .slick-prev, [b-rq0xl1jpfx] .WMBSC .slick-next {
    background-color: #24CB80 !important;
}

/* Body background gradients (scoped globally for this page) */
@media (max-width: 630px) {
    [b-rq0xl1jpfx] body {
        background: linear-gradient(180deg, #24CB80 4%, #E9E9E9 20%);
    }
}

@media (min-width: 631px) and (max-width: 1025px) {
    [b-rq0xl1jpfx] body {
        background: linear-gradient(180deg, #24CB80 4%, #E9E9E9 17%);
    }
}

[b-rq0xl1jpfx] body {
    background: linear-gradient(180deg, #24CB80 7%, #E9E9E9 18%);
}

/* Slick slider fine-tune */
/* moved to design-system.css */


/* /Components/Pages/Home/Sections/HomeAgregarNegocio.razor.rz.scp.css */
.agregar-negocio-container[b-mpiuk2n9ey] {
    display: grid;
    grid-template-columns: 60% 40%;
    align-items: stretch;
    margin: 2.25rem auto;
    border-radius: 1rem;
    overflow: hidden; /* ensures image and bg respect rounded corners */
    background: transparent;
    box-shadow: none;
}

/* Left (text) column */
.agregar-texto[b-mpiuk2n9ey] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .5rem;
    padding: 1.5rem 5.25rem;
    background: var(--color-brand-primary-400);
    color: var(--color-base-black);
}

.agregar-info[b-mpiuk2n9ey] {
    max-width: 44.5rem;
}
    /* Title / body */
    .agregar-info h3[b-mpiuk2n9ey] {
        margin: 0;
        font-family: var(--font-secondary);
        font-weight: var(--font-weight-semibold);
        /* responsive title size */
        font-size: clamp(1.6rem, 3.3vw, 2.4rem);
        line-height: 1.02;
        color: var(--color-base-black);
    }

    .agregar-info span[b-mpiuk2n9ey] {
        display: block;
        margin-top: .65rem;
        font-family: var(--font-primary);
        font-weight: var(--font-weight-regular);
        font-size: clamp(0.95rem, 1.6vw, 2rem);
        line-height: 120%;
        color: var(--color-base-black);
    }

/* Button container keeps button aligned to start */
.agregar-btn[b-mpiuk2n9ey] {
    margin-top: 1rem;
    align-self: flex-start;
}

/* Right (image) column */
.agregar-negocio-img[b-mpiuk2n9ey] {
    width: 100%;
    height: 100%;
    min-height: 220px;
}

    .agregar-negocio-img img[b-mpiuk2n9ey] {
        width: 100%;
        height: 100%;
        object-fit: cover; /* crop like Figma */
        object-position: center;
        display: block;
    }

/* Tablet / small desktop adjustments */
@media (max-width: 1023px) {
    .agregar-negocio-container[b-mpiuk2n9ey] {
        max-width: 920px;
        grid-template-columns: 62% 38%;
        margin: 2rem auto;
    }

    .agregar-texto[b-mpiuk2n9ey] {
        padding: 2.5rem 3rem;
    }

    .agregar-info span[b-mpiuk2n9ey] {
        max-width: 85%;
    }
}

/* Small tablets / large phones */
@media (max-width: 768px) {
    .agregar-negocio-container[b-mpiuk2n9ey] {
        max-width: 680px;
        grid-template-columns: 58% 42%;
        margin: 1.75rem auto;
    }

    .agregar-texto[b-mpiuk2n9ey] {
        padding: 2rem 2rem;
    }
}

/* Mobile: stack image on top, text below */
@media (max-width: 480px) {
    .agregar-negocio-container[b-mpiuk2n9ey] {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
        max-width: 340px;
        margin: 1.25rem auto;
        border-radius: 1rem;
    }

    /* image on top */
    .agregar-negocio-img[b-mpiuk2n9ey] {
        order: 0;
        min-height: 180px;
        height: 180px;
    }

        .agregar-negocio-img img[b-mpiuk2n9ey] {
            border-radius: 1rem 1rem 0 0;
            object-position: center top;
        }

    .agregar-texto[b-mpiuk2n9ey] {
        order: 1;
        padding: 2rem;
        border-radius: 0 0 1rem 1rem;
    }

    .agregar-info h3[b-mpiuk2n9ey] {
        font-size: 1.6rem;
    }

    .agregar-info span[b-mpiuk2n9ey] {
        font-size: 0.95rem;
        max-width: 100%;
    }
}

/* ── Skeleton shimmer for text placeholders ──────────────────────── */
@keyframes skeleton-shimmer-b-mpiuk2n9ey {
    0%   { background-position: -400px 0; }
    100% { background-position:  400px 0; }
}

.skeleton-shimmer[b-mpiuk2n9ey] {
    background: linear-gradient(90deg, rgba(0,0,0,0.06) 25%, rgba(0,0,0,0.02) 50%, rgba(0,0,0,0.06) 75%);
    background-size: 800px 100%;
    animation: skeleton-shimmer-b-mpiuk2n9ey 1.5s infinite ease-in-out;
    border-radius: 6px;
}

.agregar-skeleton-title[b-mpiuk2n9ey] {
    width: 80%;
    height: 36px;
    max-width: 400px;
}

.agregar-skeleton-subtitle[b-mpiuk2n9ey] {
    width: 60%;
    height: 24px;
    max-width: 300px;
    margin-top: 10px;
}

.agregar-skeleton-btn[b-mpiuk2n9ey] {
    width: 140px;
    height: 44px;
    border-radius: 8px;
}

/* /Components/Pages/Home/Sections/HomeCalificar.razor.rz.scp.css */
.calificar-container[b-3uel7q3ugm] {
    margin: 3rem 0;
    position: relative;
    border-radius: 1rem;
    background: var(--color-brand-primary-400);
    border: 1px solid var(--color-border-container);
    box-shadow: inset 0 15px 10px -15px rgba(255, 255, 255, 0.4), inset 0 -15px 10px -15px rgba(255, 255, 255, 0.4), 0px 2px 4px -2px rgba(0, 0, 0, 0.08);
    overflow: visible;
    height: 368px;
    display: flex;
    align-items: center;
}

.calificar-texto[b-3uel7q3ugm] {
    display: flex;
    flex-direction: column;
    max-width: 616px;
    align-items: flex-start;
    font-family: 'Poppins';
}

    .calificar-texto h3[b-3uel7q3ugm] {
        font-weight: 600;
        font-size: 3rem;
        line-height: 100%;
        color: #000000;
    }

    .calificar-texto span[b-3uel7q3ugm] {
        margin-top: .5rem;
        margin-bottom: 1rem;
        font-family: var(--font-primary);
        font-weight: var(--font-weight-regular);
        font-size: 2rem;
        line-height: 100%;
        color: #000000;
    }

/* Roleta Desktop (≥1025px) */
@media (min-width: 1025px) {
    .calificar-container[b-3uel7q3ugm] {
        display: flex;
        height: 253px;
        padding: 2rem;
        justify-content: center;
        align-items: center;
        gap: 2rem;
        flex: 1 0 0;
    }

    .calificar-content[b-3uel7q3ugm] {
        display: flex;
        max-width: 1128px;
        align-items: center;
        justify-content: center;
        gap: 4rem;
        flex: 1 0 0;
    }

    .roleta-img[b-3uel7q3ugm] {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .roleta-img img[b-3uel7q3ugm] {
        max-width: 432px !important;
        width: 100%;
        border-radius: 50%;
        box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.16);
    }

    .calificar-texto[b-3uel7q3ugm] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex: 1 0 0;
        max-width: 475px;
    }

    .calificar-texto div[b-3uel7q3ugm] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch;
    }

    .calificar-texto div h3[b-3uel7q3ugm] { font-size: 40px; line-height: 100%; }
    .calificar-texto div span[b-3uel7q3ugm] { font-size: 24px; line-height: 120%; }
    .calificar-texto div button[b-3uel7q3ugm] { height: 56px; padding: 8px 16px; }
}

/* Roleta Tablet Landscape (769-1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
    .calificar-container[b-3uel7q3ugm] {
        display: flex;
        height: 204px;
        padding: 2rem;
        justify-content: center;
        align-items: center;
        flex: 1 0 0;
    }

    .calificar-content[b-3uel7q3ugm] { display: flex; max-width: 632px; align-items: center; gap: 4rem; }
    .roleta-img[b-3uel7q3ugm] { display: flex; max-width: 240px; justify-content: center; align-items: center; gap: 10px; flex: 1 0 0; }
    .roleta-img img[b-3uel7q3ugm] { width: 100%; max-width: 240px; height: auto; filter: drop-shadow(0 4px 4px rgba(0,0,0,0.16)); }
    .calificar-texto[b-3uel7q3ugm] { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; }
    .calificar-texto div[b-3uel7q3ugm] { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; }
    .calificar-texto div h3[b-3uel7q3ugm] { font-size: 24px; line-height: 130%; }
    .calificar-texto div span[b-3uel7q3ugm] { font-size: 16px; line-height: 130%; }
    .calificar-texto div button[b-3uel7q3ugm] { padding: 8px 16px; }
}

/* Roleta Tablet Portrait*/
@media (min-width: 570px) and (max-width: 768px) {
    .calificar-container[b-3uel7q3ugm] { display: flex; height: 204px; padding: 4rem; justify-content: space-between; align-items: center; }
    .calificar-content[b-3uel7q3ugm] { display: flex; max-width: 632px; align-items: center; gap: 2rem; }
    .roleta-img[b-3uel7q3ugm] { display: flex; max-width: 240px; justify-content: center; align-items: center; gap: 10px; flex: 1 0 0; }
    .roleta-img img[b-3uel7q3ugm] { max-width: 240px; height: auto; filter: drop-shadow(0 4px 4px rgba(0,0,0,0.16)); }
    .calificar-texto[b-3uel7q3ugm] { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; }
    .calificar-texto div[b-3uel7q3ugm] { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; }
    .calificar-texto div h3[b-3uel7q3ugm] { font-size: 24px; line-height: 130%; }
    .calificar-texto div span[b-3uel7q3ugm] { font-size: 16px; line-height: 130%; }
    .calificar-texto div button[b-3uel7q3ugm] { padding: 8px 16px; }
}

/* Mobile Roleta */
@media (max-width: 630px) {
    .calificar-container[b-3uel7q3ugm] { flex-direction: column; height: auto; padding: 1.5rem; align-items: center; justify-content: flex-start; text-align: left; position: relative; margin: 8.5rem 0 0; }
    .roleta-img[b-3uel7q3ugm] { position: absolute; top: -60px; left: 50%; transform: translateX(-50%); height: 120px; width: 100%; display: flex; justify-content: center; align-items: center; z-index: 2; margin: 0; }
    .roleta-img img[b-3uel7q3ugm] { width: 100%; max-width: 224px; height: 224px; border-radius: 50%; filter: drop-shadow(0 4px 4px rgba(0,0,0,0.16)); }
    .calificar-texto[b-3uel7q3ugm] { align-items: flex-start; max-width: 100%; padding: 6.5rem 0.7rem 0.7rem; text-align: left; }
    .calificar-texto div[b-3uel7q3ugm] { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; align-self: stretch; }
    .calificar-texto h3[b-3uel7q3ugm] { font-size: 28px; line-height: 32px; }
    .calificar-texto span[b-3uel7q3ugm] { font-size: 20px; font-weight: var(--font-weight-regular, 400); line-height: 24px; }
    .calificar-texto button[b-3uel7q3ugm] { font-size: 1.1em; box-shadow: none; }
}

/* ── Skeleton shimmer for text placeholders ──────────────────────── */
@keyframes skeleton-shimmer-b-3uel7q3ugm {
    0%   { background-position: -400px 0; }
    100% { background-position:  400px 0; }
}

.skeleton-shimmer[b-3uel7q3ugm] {
    background: linear-gradient(90deg, rgba(0,0,0,0.06) 25%, rgba(0,0,0,0.02) 50%, rgba(0,0,0,0.06) 75%);
    background-size: 800px 100%;
    animation: skeleton-shimmer-b-3uel7q3ugm 1.5s infinite ease-in-out;
    border-radius: 6px;
}

.calificar-skeleton-title[b-3uel7q3ugm] {
    width: 80%;
    height: 40px;
    max-width: 400px;
}

.calificar-skeleton-subtitle[b-3uel7q3ugm] {
    width: 60%;
    height: 28px;
    max-width: 300px;
    margin-top: 8px;
}

.calificar-skeleton-btn[b-3uel7q3ugm] {
    width: 180px;
    height: 44px;
    border-radius: 8px;
    margin-top: 8px;
}
/* /Components/Pages/Home/Sections/HomeCarouselSkeleton.razor.rz.scp.css */
/* =====================================================================
   HomeCarouselSkeleton – Shimmer skeleton styles
   ===================================================================== */

/* Shimmer animation */
@keyframes skeleton-shimmer-b-r2d6a0pj87 {
    0% {
        background-position: -400px 0;
    }
    100% {
        background-position: 400px 0;
    }
}

.skeleton-shimmer[b-r2d6a0pj87] {
    background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
    background-size: 800px 100%;
    animation: skeleton-shimmer-b-r2d6a0pj87 1.5s infinite ease-in-out;
}

/* Title placeholder */
.skeleton-title[b-r2d6a0pj87] {
    width: 220px;
    height: 28px;
    border-radius: 6px;
}

/* Carousel row */
.skeleton-carousel[b-r2d6a0pj87] {
    display: flex;
    gap: 16px;
    overflow: hidden;
}

/* Individual card skeleton */
.skeleton-card[b-r2d6a0pj87] {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5rem;
    border: 1px solid var(--color-border-container, #E5E7EB);
    border-radius: 0.5rem;
    background: #fff;
}

.skeleton-card-image[b-r2d6a0pj87] {
    width: 100%;
    aspect-ratio: 1;
    max-width: 240px;
    border-radius: 0.25rem;
}

.skeleton-card-body[b-r2d6a0pj87] {
    margin-top: 1rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.skeleton-line[b-r2d6a0pj87] {
    height: 14px;
    border-radius: 4px;
}

.skeleton-line-lg[b-r2d6a0pj87] {
    width: 70%;
    height: 18px;
}

.skeleton-line-md[b-r2d6a0pj87] {
    width: 55%;
}

.skeleton-line-sm[b-r2d6a0pj87] {
    width: 40%;
}

/* Responsive: hide extra cards on smaller viewports */
@media (max-width: 1200px) {
    .skeleton-card:nth-child(n+4)[b-r2d6a0pj87] {
        display: none;
    }
}

@media (max-width: 900px) {
    .skeleton-card:nth-child(n+3)[b-r2d6a0pj87] {
        display: none;
    }
}

@media (max-width: 600px) {
    .skeleton-card:nth-child(n+2)[b-r2d6a0pj87] {
        display: none;
    }
}
/* /Components/Pages/Home/Sections/HomeConfiables.razor.rz.scp.css */
.confiables-grid[b-6tx11mmxle] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    overflow: hidden;
}

.confiable-card-wrapper[b-6tx11mmxle] {
    min-width: 0;
}

@media (max-width: 1200px) {
    .confiables-grid[b-6tx11mmxle] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 900px) {
    .confiables-grid[b-6tx11mmxle] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .confiables-grid[b-6tx11mmxle] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Home/Sections/HomeExperienceSkeleton.razor.rz.scp.css */
/* =====================================================================
   HomeExperienceSkeleton – Shimmer skeleton matching RecentExperiencesCard
   ===================================================================== */

@keyframes skeleton-shimmer-b-0hmklkyypp {
    0%   { background-position: -400px 0; }
    100% { background-position:  400px 0; }
}

.skeleton-shimmer[b-0hmklkyypp] {
    background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
    background-size: 800px 100%;
    animation: skeleton-shimmer-b-0hmklkyypp 1.5s infinite ease-in-out;
}

/* Title placeholder */
.skeleton-title[b-0hmklkyypp] {
    width: 260px;
    height: 28px;
    border-radius: 6px;
}

/* Carousel row */
.skeleton-experience-carousel[b-0hmklkyypp] {
    display: flex;
    gap: 16px;
    overflow: hidden;
}

/* Card matching .experience-container */
.skeleton-exp-card[b-0hmklkyypp] {
    flex: 1 1 0;
    min-width: 288px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid var(--color-border-container, #E5E7EB);
    background: #FFF;
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.08);
    height: 500px;
    overflow: hidden;
}

/* ── Company header (logo + name) ────────────────────────────────── */
.skeleton-exp-header[b-0hmklkyypp] {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
}

.skeleton-exp-logo[b-0hmklkyypp] {
    width: 64px;
    height: 64px;
    border-radius: 0.5rem;
    flex-shrink: 0;
}

.skeleton-exp-company-name[b-0hmklkyypp] {
    width: 55%;
    height: 20px;
    border-radius: 4px;
}

/* ── User section (avatar + role/name) ───────────────────────────── */
.skeleton-exp-user[b-0hmklkyypp] {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
}

.skeleton-exp-avatar[b-0hmklkyypp] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    flex-shrink: 0;
}

.skeleton-exp-user-info[b-0hmklkyypp] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

.skeleton-exp-role[b-0hmklkyypp] {
    width: 50px;
    height: 14px;
    border-radius: 4px;
}

.skeleton-exp-name[b-0hmklkyypp] {
    width: 100px;
    height: 18px;
    border-radius: 4px;
}

/* ── Rating rows ─────────────────────────────────────────────────── */
.skeleton-exp-ratings[b-0hmklkyypp] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    flex: 1;
}

.skeleton-exp-rating-row[b-0hmklkyypp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.skeleton-exp-label[b-0hmklkyypp] {
    width: 40%;
    height: 14px;
    border-radius: 4px;
}

.skeleton-exp-stars[b-0hmklkyypp] {
    width: 100px;
    height: 16px;
    border-radius: 4px;
}

/* ── Comment block ───────────────────────────────────────────────── */
.skeleton-exp-comment[b-0hmklkyypp] {
    width: 100%;
    padding-top: 8px;
    border-top: 1px solid var(--color-border-container, #E5E7EB);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.skeleton-exp-comment-line[b-0hmklkyypp] {
    width: 100%;
    height: 14px;
    border-radius: 4px;
}

.skeleton-exp-comment-short[b-0hmklkyypp] {
    width: 65%;
}

/* ── Responsive: hide extra cards ────────────────────────────────── */
@media (max-width: 1200px) {
    .skeleton-exp-card:nth-child(n+4)[b-0hmklkyypp] {
        display: none;
    }
}

@media (max-width: 900px) {
    .skeleton-exp-card:nth-child(n+3)[b-0hmklkyypp] {
        display: none;
    }
}

@media (max-width: 600px) {
    .skeleton-exp-card:nth-child(n+2)[b-0hmklkyypp] {
        display: none;
    }

    .skeleton-exp-card[b-0hmklkyypp] {
        max-width: 288px;
        margin: 0 auto;
    }
}
/* /Components/Pages/Home/Sections/HomeHeaderBanner.razor.rz.scp.css */
/* ===================================================================
   HomeHeaderBanner – Figma "Home con marcas" hero banner
   Desktop 1920×580 · Tablet 768×232 · Mobile 390×510
   =================================================================== */

.header-banner[b-wgeq6y3jhn] {
    padding: 0.7rem 0 0;
}

/* ── Mobile-first: column, text on top ──────────────────────────── */
.banner-content[b-wgeq6y3jhn] {
    display: flex;
    flex-direction: column-reverse;
    gap: 16px;
    align-items: center;
}

.banner-image[b-wgeq6y3jhn] {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-wrap[b-wgeq6y3jhn] {
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.20));
}

.banner-image img[b-wgeq6y3jhn] {
    width: 320px;
    max-width: 100%;
    height: auto;
    display: block;
}

.banner-text[b-wgeq6y3jhn] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 4px;
    font-family: 'Poppins', sans-serif;
}

.banner-title[b-wgeq6y3jhn] {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
    color: #000;
}

.banner-text .text-strong[b-wgeq6y3jhn] {
    font-size: 26px;
    color: #000;
    font-weight: 900;
    line-height: 1.15;
    -webkit-text-stroke: 0.5px #000;
}

/* ── Tablet & Medium (631 – 1080px) ─────────────────────────────── */
@media (min-width: 631px) and (max-width: 1080px) {
    .banner-content[b-wgeq6y3jhn] {
        flex-direction: row;
        align-items: center;
        gap: 10%;
    }

    .banner-image[b-wgeq6y3jhn] {
        flex: 0 0 45%;
        max-width: 45%;
        justify-content: flex-start;
    }

        .banner-image img[b-wgeq6y3jhn] {
            width: 100%;
            height: auto;
            max-width: 420px;
        }
    .text-strong[b-wgeq6y3jhn] {
        font-size: 14px;
    }
    .banner-title[b-wgeq6y3jhn] {
        font-size: 18px;
    }

}

/* ── Desktop (≥ 1081px) ─────────────────────────────────────────── */
@media (min-width: 1081px) {
    .banner-content[b-wgeq6y3jhn] {
        flex-direction: row;
        align-items: center;
        gap: 5%;
    }

    .banner-image[b-wgeq6y3jhn] {
        flex: 0 0 45%;
        max-width: 45%;
        justify-content: flex-start;
    }

        .banner-image img[b-wgeq6y3jhn] {
            width: 95%;
            height: auto;
            max-width: 670px;
        }
    .text-strong[b-wgeq6y3jhn] {
        font-size: 22px;
    }
    .banner-title[b-wgeq6y3jhn] {
        font-size: 28px;
    }
}

/* ── Large Desktop (≥ 1200px) ───────────────────────────────────── */
@media (min-width: 1200px) {
    .banner-image img[b-wgeq6y3jhn] {
        width: 100%;
    }

    .banner-text[b-wgeq6y3jhn] {
        margin-left: 30px;
    }

    .text-strong[b-wgeq6y3jhn]{
        font-size: 32px;
    }
    .banner-title[b-wgeq6y3jhn] {
        font-size: 42px;
    }
}

/* ── Skeleton shimmer for text placeholders ──────────────────────── */
@keyframes skeleton-shimmer-b-wgeq6y3jhn {
    0%   { background-position: -400px 0; }
    100% { background-position:  400px 0; }
}

.skeleton-shimmer[b-wgeq6y3jhn] {
    background: linear-gradient(90deg, rgba(255,255,255,0.15) 25%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.15) 75%);
    background-size: 800px 100%;
    animation: skeleton-shimmer-b-wgeq6y3jhn 1.5s infinite ease-in-out;
    border-radius: 6px;
}

.banner-title-skeleton[b-wgeq6y3jhn] {
    width: 340px;
    max-width: 80%;
    height: 28px;
}

.banner-subtitle-skeleton[b-wgeq6y3jhn] {
    width: 280px;
    max-width: 70%;
    height: 24px;
    margin-top: 6px;
}

.banner-subtitle-short[b-wgeq6y3jhn] {
    width: 200px;
    max-width: 50%;
}

@media (min-width: 1200px) {
    .banner-title-skeleton[b-wgeq6y3jhn] { height: 42px; width: 500px; }
    .banner-subtitle-skeleton[b-wgeq6y3jhn] { height: 32px; width: 380px; }
    .banner-subtitle-short[b-wgeq6y3jhn] { width: 280px; }
}
/* /Components/Pages/Home/Sections/HomePromociones.razor.rz.scp.css */
.content-title[b-t41jrv69yr] {
    color: var(--gray-color-neutral-800, #262626);
    font-family: var(--font-secondary, 'Poppins', sans-serif);
    font-size: 24px;
    font-style: normal;
    font-weight: var(--font-weight-semibold);
    line-height: 130%;
}

.content-container[b-t41jrv69yr] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* === GRID: 2 columns on desktop/tablet, 1 on mobile === */
.promotions-grid[b-t41jrv69yr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
    width: 100%;
}

/* Links inside grid */
.promo-link[b-t41jrv69yr] {
    text-decoration: none;
    color: inherit;
    display: block;
    min-width: 0;
}

/* Mobile: single column */
@media (max-width: 700px) {
    .content-title[b-t41jrv69yr] {
        font-size: 16px;
        line-height: 120%;
    }

    .content-container[b-t41jrv69yr] {
        padding: 24px 16px;
    }

    .promotions-grid[b-t41jrv69yr] {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

.see-more-container[b-t41jrv69yr] {
    display: flex;
    justify-content: flex-start;
    margin-top: clamp(.25rem, 1vw, .5rem);
}

.btn-see-more[b-t41jrv69yr] {
    font-family: var(--font-secondary, 'Poppins', sans-serif);
    font-size: clamp(16px, 1.5vw + 0.25rem, 20px);
    color: var(--color-brand-primary-500, #17d07e);
    font-weight: var(--font-weight-semibold);
    text-decoration: underline;
    cursor: pointer;
    border: none;
    background: none;
    padding: 8px 16px;
    line-height: 24px;
}

    .btn-see-more:hover[b-t41jrv69yr] {
        opacity: .85;
    }
/* /Components/Pages/Home/Sections/HomePromoSkeleton.razor.rz.scp.css */
/* =====================================================================
   HomePromoSkeleton – Shimmer skeleton styles for promo/sorteo grids
   ===================================================================== */

@keyframes skeleton-shimmer-b-gxrmztv713 {
    0% {
        background-position: -400px 0;
    }
    100% {
        background-position: 400px 0;
    }
}

.skeleton-shimmer[b-gxrmztv713] {
    background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
    background-size: 800px 100%;
    animation: skeleton-shimmer-b-gxrmztv713 1.5s infinite ease-in-out;
}

/* Title placeholder */
.skeleton-title[b-gxrmztv713] {
    width: 280px;
    height: 28px;
    border-radius: 6px;
}

/* 2-column grid matching new layout */
.skeleton-promo-grid[b-gxrmztv713] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    width: 100%;
}

.skeleton-promo-card[b-gxrmztv713] {
    width: 100%;
    aspect-ratio: 2 / 1;
    border-radius: 0.75rem;
}

@media (max-width: 700px) {
    .skeleton-promo-grid[b-gxrmztv713] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Home/Sections/HomeRecentExperiences.razor.rz.scp.css */
.experiences-grid[b-b0exfmxvwd] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    overflow: hidden;
}

.experience-card-wrapper[b-b0exfmxvwd] {
    min-width: 0;
}

@media (max-width: 1200px) {
    .experiences-grid[b-b0exfmxvwd] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 900px) {
    .experiences-grid[b-b0exfmxvwd] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .experiences-grid[b-b0exfmxvwd] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Home/Sections/HomeSorteos.razor.rz.scp.css */
/* ===================================================================
   HomeSorteos – Home-specific styles for the sorteos section
   =================================================================== */

.content-container[b-vc1hta6btj] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ── Title ───────────────────────────────────────────────────────── */
.content-title[b-vc1hta6btj] {
    font-family: var(--font-secondary, 'Poppins', sans-serif);
    font-size: 24px;
    font-weight: var(--font-weight-semibold);
    color: var(--gray-color-neutral-800, #262626);
    line-height: 130%;
    margin: 0;
}

/* ── Grid ────────────────────────────────────────────────────────── */
.sorteos-grid[b-vc1hta6btj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
    width: 100%;
}

/* ── Links ───────────────────────────────────────────────────────── */
.sorteo-link[b-vc1hta6btj] {
    text-decoration: none;
    color: inherit;
    display: block;
    min-width: 0;
}

/* ── "Ver más" ───────────────────────────────────────────────────── */
.see-more-container[b-vc1hta6btj] {
    display: flex;
    justify-content: flex-start;
    margin-top: clamp(0.25rem, 1vw, 0.5rem);
}

.btn-see-more[b-vc1hta6btj] {
    font-family: var(--font-secondary, 'Poppins', sans-serif);
    font-size: clamp(16px, 1.5vw + 0.25rem, 20px);
    color: var(--color-brand-primary-500, #17d07e);
    font-weight: var(--font-weight-semibold);
    text-decoration: underline;
    cursor: pointer;
    border: none;
    background: none;
    padding: 8px 16px;
    line-height: 24px;
}

.btn-see-more:hover[b-vc1hta6btj] {
    opacity: 0.85;
}

/* ── Mobile ──────────────────────────────────────────────────────── */
@media (max-width: 700px) {
    .content-container[b-vc1hta6btj] {
        padding: 24px 16px;
    }

    .content-title[b-vc1hta6btj] {
        font-size: 16px;
        line-height: 120%;
    }

    .sorteos-grid[b-vc1hta6btj] {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}
/* /Components/Pages/Home/Sections/HomeSumasEstrellas.razor.rz.scp.css */
.sumas-estrellas-container[b-hetzx95hn1] {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--color-brand-primary-400);
    border-radius: 16px;
    overflow: hidden;
    margin-top: 16px;
}

.wave-bg[b-hetzx95hn1] {
    display: block;
    width: 100%;
    height: auto;
    min-height: 245px;
    object-fit: cover;
}

.estrella-wrapper[b-hetzx95hn1] {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 8px;
}

/* Responsive star icon sizing */
.estrella-icon[b-hetzx95hn1] {
    width: clamp(160px, 38vw, 460px);
    height: auto;
    flex-shrink: 0;
}

.estrella-valor[b-hetzx95hn1] {
    font-size: 1.6em;
    font-weight: var(--font-weight-bold);
    color: var(--color-brand-primary-700);
    transform: rotate(-13deg);
    margin: 0;
    line-height: 1;
    white-space: nowrap;
}

.estrellas-btn h3[b-hetzx95hn1] {
    margin: 12px 0;
    font-family: var(--font-primary);
    font-weight: var(--font-weight-semibold);
    color: var(--color-base-white);
    font-size: 14px;
    line-height: 18px;
}

:host[b-hetzx95hn1] (.btn-regular-secondary) {
    width: 100%;
    display: block;
}

@media (min-width: 1025px) {
    .sumas-estrellas-container[b-hetzx95hn1] {
        flex-direction: row;
        align-items: center;
        min-height: 200px;
    }

    .estrellas-img[b-hetzx95hn1] {
        flex: 0 0 40%;
        min-height: 200px;
        position: relative;
    }

    .estrella-wrapper[b-hetzx95hn1] {
        top: 50%;
        left: 47%;
        transform: translate(-50%, -50%);
        flex: 100%;
        gap: 12px;
    }

    .estrellas-texto[b-hetzx95hn1] {
        flex: 1;
        padding: 40px 140px 40px 40px;
        justify-content: center;
    }

    .estrella-icon[b-hetzx95hn1] {
        width: clamp(240px, 32vw, 460px);
    }

    .estrellas-info h3[b-hetzx95hn1] {
        color: var(--color-base-black, #000);
        font-family: var(--font-family-Poppins, Poppins);
        font-size: 48px;
        font-style: normal;
        font-weight: var(--font-weight-semibold, 600);
        line-height: 100%;
    }

    .estrellas-info span[b-hetzx95hn1] {
        color: var(--color-base-black, #000);
        font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
        font-size: 32px;
        font-style: normal;
        font-weight: var(--font-weight-regular, 400);
        line-height: 120%;
    }

    .estrellas-btn[b-hetzx95hn1] {
        align-items: center;
        gap: 20px;
        margin-top: 16px;
        display: flex;
    }

        .estrellas-btn h3[b-hetzx95hn1] {
            font-size: var(--font-size-body);
            line-height: var(--line-height-body);
            margin: 0;
        }

    :host[b-hetzx95hn1] (.btn-regular-secondary) {
        width: auto;
        flex-shrink: 0;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .sumas-estrellas-container[b-hetzx95hn1] {
        flex-direction: row;
        align-items: center;
        min-height: 200px;
    }

    .estrellas-img[b-hetzx95hn1] {
        flex: 0 0 42%;
        min-height: 200px;
        position: relative;
    }

    .wave-bg[b-hetzx95hn1] {
        min-height: 210px;
    }

    .estrella-wrapper[b-hetzx95hn1] {
        top: 54%;
        left: 49%;
        transform: translate(-50%, -50%);
        gap: 10px;
    }

    .estrella-icon[b-hetzx95hn1] {
        width: clamp(180px, 37vw, 340px);
    }

    .estrella-valor[b-hetzx95hn1] {
        font-size: 2.6em;
        margin-bottom: 32px;
    }

    .estrellas-texto[b-hetzx95hn1] {
        flex: 1;
        padding: 17px 30px;
        justify-content: center;
    }

    .estrellas-info h3[b-hetzx95hn1] {
        font-size: 24px;
        line-height: 28px;
    }

    .estrellas-info span[b-hetzx95hn1] {
        font-size: var(--font-size-body);
        line-height: var(--line-height-body);
        margin-top: 8px;
    }

    .estrellas-btn[b-hetzx95hn1] {
        flex-direction: row;
        align-items: center;
        gap: 16px;
        margin-top: 12px;
        display: flex;
    }

        .estrellas-btn h3[b-hetzx95hn1] {
            font-size: 14px;
            line-height: 18px;
            margin-top: 12px;
        }

    :host[b-hetzx95hn1] (.btn-regular-secondary) {
        width: auto;
        flex-shrink: 0;
    }
}

@media (min-width: 490px) and (max-width: 768px) {
    .sumas-estrellas-container[b-hetzx95hn1] {
        flex-direction: row;
        align-items: center;
        min-height: 200px;
    }

    .estrellas-img[b-hetzx95hn1] {
        flex: 0 0 50%;
        min-height: 200px;
        position: relative;
    }

    .wave-bg[b-hetzx95hn1] {
        min-height: 290px;
    }

    .estrella-wrapper[b-hetzx95hn1] {
        top: 54%;
        left: 49%;
        transform: translate(-50%, -50%);
        gap: 10px;
    }

    .estrella-icon[b-hetzx95hn1] {
        width: clamp(170px, 45vw, 300px);
    }

    .estrella-valor[b-hetzx95hn1] {
        font-size: 2.6em;
        margin-bottom: 32px;
    }

    .estrellas-texto[b-hetzx95hn1] {
        flex: 1;
        padding: 17px 30px;
        justify-content: center;
    }

    .estrellas-info h3[b-hetzx95hn1] {
        font-size: 24px;
        line-height: 28px;
    }

    .estrellas-info span[b-hetzx95hn1] {
        font-size: var(--font-size-body);
        line-height: var(--line-height-body);
        margin-top: 8px;
    }

    .estrellas-btn[b-hetzx95hn1] {
        flex-direction: row;
        align-items: center;
        gap: 16px;
        margin-top: 12px;
        display: flex;
    }

        .estrellas-btn h3[b-hetzx95hn1] {
            font-size: 14px;
            line-height: 18px;
            margin-top: 12px;
        }

    :host[b-hetzx95hn1] (.btn-regular-secondary) {
        width: auto;
        flex-shrink: 0;
    }

    .agregar-negocio-img img[b-hetzx95hn1] {
        max-width: 30rem;
    }
}

@media (max-width: 490px) {
    .estrellas-img[b-hetzx95hn1] {
        min-height: 160px;
    }

    .wave-bg[b-hetzx95hn1] {
        min-height: 160px;
    }

    .estrella-wrapper[b-hetzx95hn1] {
        top: 26%;
        left: 50%;
    }

    .estrella-icon[b-hetzx95hn1] {
        width: clamp(160px, 80vw, 320px);
    }

    .estrella-valor[b-hetzx95hn1] {
        font-size: 2.9em;
        margin-bottom: 30px;
    }

    .estrellas-texto[b-hetzx95hn1] {
        padding: 16px 20px 20px 20px;
    }

    .estrellas-info h3[b-hetzx95hn1] {
        font-size: 1.9em;
        line-height: 32px;
        margin-bottom: 10px;
    }

    .estrellas-info span[b-hetzx95hn1] {
        font-size: 1.4em;
        line-height: 18px;
        margin-top: 26px !important;
    }

    .estrellas-btn h3[b-hetzx95hn1] {
        font-size: 1.1em;
    }

    .estrellas-btn[b-hetzx95hn1] {
        margin-top: 10px;
    }
}

/* ── Skeleton shimmer for text placeholders ──────────────────────── */
@keyframes skeleton-shimmer-b-hetzx95hn1 {
    0%   { background-position: -400px 0; }
    100% { background-position:  400px 0; }
}

.skeleton-shimmer[b-hetzx95hn1] {
    background: linear-gradient(90deg, rgba(0,0,0,0.06) 25%, rgba(0,0,0,0.02) 50%, rgba(0,0,0,0.06) 75%);
    background-size: 800px 100%;
    animation: skeleton-shimmer-b-hetzx95hn1 1.5s infinite ease-in-out;
    border-radius: 6px;
}

.estrellas-skeleton-title[b-hetzx95hn1] {
    width: 80%;
    height: 40px;
    max-width: 450px;
}

.estrellas-skeleton-subtitle[b-hetzx95hn1] {
    width: 60%;
    height: 24px;
    max-width: 300px;
    margin-top: 8px;
}

.estrellas-skeleton-btn[b-hetzx95hn1] {
    width: 180px;
    height: 44px;
    border-radius: 8px;
}

.estrellas-skeleton-gift[b-hetzx95hn1] {
    width: 200px;
    height: 18px;
}

/* /Components/Pages/MainMenu/MainMenuResponsiveSsr.razor.rz.scp.css */
/* ── Back component replica (static SSR) ── */

.back-button[b-67amiw7sed] {
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid var(--color-base-black, #000);
    background-color: transparent;
    cursor: pointer;
}

.back-button svg[b-67amiw7sed],
.back-button img[b-67amiw7sed] {
    width: 32px;
    height: 32px;
}

.back-container .back-text[b-67amiw7sed] {
    color: var(--gray-color-neutral-800, #262626);
    font-family: var(--font-family-Poppins, Poppins);
    font-size: 20px;
    font-style: normal;
    font-weight: var(--font-weight-semibold, 600);
    line-height: 24px;
}

.back-container[b-67amiw7sed] {
    align-items: center;
    gap: 14px;
}

.back-divider[b-67amiw7sed] {
    width: 100%;
}

@media (max-width: 768px) {
    .back-divider[b-67amiw7sed] {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

/* ── ItemMainMenu replica (static SSR, sem scoped CSS do DesignSystem) ── */

.item-main-menu-link[b-67amiw7sed] {
    text-decoration: none;
    color: inherit;
}

.item-main-menu-link:hover[b-67amiw7sed] {
    text-decoration: none;
    color: inherit;
}

.item-main-menu[b-67amiw7sed] {
    display: flex;
    width: auto !important;
    min-width: 0 !important;
    height: auto;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    border: 2px solid var(--gray-color-neutral-100, #E9E9E9);
    background: var(--color-base-white, #FFF);
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s;
}

.item-main-menu:hover[b-67amiw7sed] {
    border-radius: 8px;
    border: 2px solid var(--gray-color-neutral-100, #E9E9E9);
    background: var(--primary-color-brand-primary-100, #DAFEED);
}

.item-main-menu .text[b-67amiw7sed] {
    color: var(--gray-color-neutral-800, #262626);
    font-family: var(--font-family-Poppins, Poppins);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-semibold, 600);
    line-height: 16px;
    letter-spacing: -0.28px;
}

.item-main-menu .logo[b-67amiw7sed] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-main-menu .logo img[b-67amiw7sed] {
    max-width: 24px;
    height: auto;
}

/* ── Grid layout ── */

.main-menu-container[b-67amiw7sed] {
    display: flex;
    justify-content: center;
    width: 100%;
}

.main-menu-grid[b-67amiw7sed] {
    display: grid !important;
    gap: 16px;
    width: 100%;
    border-radius: 12px;
    justify-items: stretch;
}

/* Desktop (4 colunas) */
@media (min-width: 769px) {
    .main-menu-grid[b-67amiw7sed] {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Tablet Portrait (2 colunas) */
@media (min-width: 391px) and (max-width: 768px) {
    .main-menu-grid[b-67amiw7sed] {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile (1 coluna) */
@media (max-width: 390px) {
    .main-menu-grid[b-67amiw7sed] {
        display: grid !important;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 769px) {
    .back-container[b-67amiw7sed] {
        padding: 12px 16px 0;
    }

    .back-divider[b-67amiw7sed] {
        margin: 8px 16px 4px;
    }

    .main-menu-responsive .main-menu-grid[b-67amiw7sed] {
        display: flex;
    }

    .main-menu-grid[b-67amiw7sed] {
        display: flex !important;
        flex-direction: column;
        gap: 12px !important;
    }

    .main-menu-container[b-67amiw7sed] {
        display: flex !important;
        padding: 8px 16px 16px !important;
    }

    .item-main-menu[b-67amiw7sed] {
        padding: 14px 16px;
    }

    .item-main-menu .logo img[b-67amiw7sed] {
        max-width: 28px !important;
        width: 28px !important;
    }
}
/* /Components/Pages/PaginaOficial/PaginaOficialPage.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════
   PaginaOficialPage – Scoped CSS
   Matches "Página oficial" Figma (Módulo 4)
   ═══════════════════════════════════════════════════ */

/* ── Content wrapper (vertical rhythm) ── */
[b-pwvku23g9u] .content {
    gap: 16px !important;
}

/* ── Back header ── */
.back-header[b-pwvku23g9u] {
    padding: 12px 0;
}

.back-link[b-pwvku23g9u] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: inherit;
}

    .back-link i[b-pwvku23g9u] {
        font-size: 20px;
        display: flex;
        padding: 8px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 4px;
        border: 1px solid var(--color-base-black, #000);
    }

/* ── Divider (between brand header and tabs) ── */
.page-divider[b-pwvku23g9u] {
    width: 100%;
    height: 1px;
    border: none;
    background-color: var(--color-border-container, #E5E7EB);
    margin: 0;
}

/* ── Hidden radio inputs (CSS-only tab switching) ── */
.tab-radio[b-pwvku23g9u] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* ── Two-column layout ── */
.page[b-pwvku23g9u] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.left-col[b-pwvku23g9u] {
    flex: 1;
    min-width: 0;
    max-width: calc(100% - 256px); /* 240px sidebar + 16px gap */
}

.right-col[b-pwvku23g9u] {
    width: 240px;
    flex-shrink: 0;
    align-self: stretch;
}

/* ── Tabs Row (Box Radio Buttons – Figma) ── */
.tabs-row[b-pwvku23g9u] {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}

.tab-box[b-pwvku23g9u] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 72px;
    padding: 16px;
    background: #fff;
    border: 1px solid #7B7B7B;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color .15s ease;
    user-select: none;
    box-sizing: border-box;
}

.tab-text[b-pwvku23g9u] {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.3;
    color: #000;
}

/* ── Custom radio icon (circle) ── */
.tab-radio-icon[b-pwvku23g9u] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #7B7B7B;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-sizing: border-box;
}

/* ── Active tab via :checked sibling ── */
#tab-contenido:checked ~ .page .tabs-row .tab-box:first-child[b-pwvku23g9u],
#tab-resenas:checked ~ .page .tabs-row .tab-box:last-child[b-pwvku23g9u] {
    background: #7FF6C1;
}

#tab-contenido:checked ~ .page .tabs-row .tab-box:first-child .tab-radio-icon[b-pwvku23g9u],
#tab-resenas:checked ~ .page .tabs-row .tab-box:last-child .tab-radio-icon[b-pwvku23g9u] {
    border-color: #000;
}

#tab-contenido:checked ~ .page .tabs-row .tab-box:first-child .tab-radio-icon[b-pwvku23g9u]::after,
#tab-resenas:checked ~ .page .tabs-row .tab-box:last-child .tab-radio-icon[b-pwvku23g9u]::after {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #000;
}

/* ── Tab content switching ── */
.tab-panel-contenido[b-pwvku23g9u] {
    display: block;
}

.tab-panel-resenas[b-pwvku23g9u] {
    display: none;
}

#tab-resenas:checked ~ .page .tab-panel-contenido[b-pwvku23g9u] {
    display: none;
}

#tab-resenas:checked ~ .page .tab-panel-resenas[b-pwvku23g9u] {
    display: block;
}

/* Hide bottom experiences section when Reseñas tab active */
#tab-resenas:checked ~ .experiences-bottom[b-pwvku23g9u] {
    display: none;
}

/* ── Content box ── */
.box[b-pwvku23g9u] {
    background: #fff;
    border-radius: 8px;
    border: 1px solid var(--color-border-container, #E5E7EB);
    min-height: 24px;
}

.big-content[b-pwvku23g9u] {
    width: 100%;
}

.box-contentainer[b-pwvku23g9u] {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: stretch;
    margin-bottom: 1rem;
}

/* ── Experiences grid (Reseñas tab) ── */
.experiences-grid[b-pwvku23g9u] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

[b-pwvku23g9u] .experience-grid-item {
    width: 100%;
}

/* Uniform card height inside grid */
[b-pwvku23g9u] .experience-grid-item .experience-container {
    height: 100%;
    min-height: 500px;
}

/* ── Bottom experiences section ── */
.content-container[b-pwvku23g9u] {
    margin-top: 16px;
}

/* ── Placeholder ── */
.placeholder-wrapper[b-pwvku23g9u] {
    width: 100%;
    min-height: 200px;
}

.placeholder-img-icon-container[b-pwvku23g9u] {
    width: 60px;
    height: 60px;
}

.container-img[b-pwvku23g9u] {
    min-width: 100%;
    min-height: 100%;
    display: flex;
    background-color: #EFFEF7;
    justify-content: center;
    align-items: center;
}

/* ═══════════════════════════════════════════════════
   Responsive
   ═══════════════════════════════════════════════════ */

/* Tablet Portrait (768–1024px) – right column narrows */
@media (min-width: 769px) and (max-width: 1024px) {
    .right-col[b-pwvku23g9u] {
        width: 220px;
    }

    .left-col[b-pwvku23g9u] {
        max-width: calc(100% - 236px); /* 220px sidebar + 16px gap */
    }
}

@media (max-width: 768px) {
    .page[b-pwvku23g9u] {
        flex-direction: column;
    }

    .left-col[b-pwvku23g9u] {
        order: 1;
        width: 100%;
        max-width: 100%;
    }

    .right-col[b-pwvku23g9u] {
        order: 2;
        width: 100%;
    }

    .experiences-grid[b-pwvku23g9u] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .tabs-row[b-pwvku23g9u] {
        gap: 8px;
    }

    .tab-box[b-pwvku23g9u] {
        padding: 12px;
        min-height: 60px;
    }

    .tab-text[b-pwvku23g9u] {
        font-size: 14px;
    }

    .experiences-grid[b-pwvku23g9u] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/PaginaOficial/Sections/SsrBrandHeaderBox.razor.rz.scp.css */
.box.header-box[b-of43qvlxaj] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    min-height: 128px;
    box-sizing: border-box;
}

.brand-logo[b-of43qvlxaj] {
    max-width: 180px;
    height: auto;
    min-height: 88px;
    border-radius: 4px;
    object-fit: contain;
    border: 1px solid var(--color-border-container, #E5E7EB);
    background: #EFFEF7;
}

.brand-info[b-of43qvlxaj] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 200px;
}

.rubro-text[b-of43qvlxaj] {
    color: #555;
    font-weight: 400;
    line-height: 20px;
}

.contact-text[b-of43qvlxaj] {
    color: #262626;
    line-height: 20px;
}

.header-left[b-of43qvlxaj] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    flex: 1;
    min-width: 280px;
}

.header-actions[b-of43qvlxaj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
}

.header-actions a[b-of43qvlxaj],
.header-actions span[b-of43qvlxaj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    max-width: 80px;
    cursor: pointer;
    transition: color .15s ease;
    color: #262626;
    text-decoration: none;
}

.header-actions i[b-of43qvlxaj] {
    font-size: 24px;
    line-height: 1;
}

.header-actions a:hover[b-of43qvlxaj],
.header-actions span:hover[b-of43qvlxaj] {
    color: #0A7287;
}

.rating-line[b-of43qvlxaj] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 0;
    font-size: 16px;
}

.rating-line .rating-text[b-of43qvlxaj] {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.3;
    color: #262626;
}

.rating-line .badges[b-of43qvlxaj] {
    display: inline-flex;
    gap: 4px;
    height: 24px;
    align-items: center;
}

.rating-line .badges i[b-of43qvlxaj] {
    font-size: 16px;
}

.rating-line .followers[b-of43qvlxaj] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.3;
    color: #262626;
}

.rating-line .followers i[b-of43qvlxaj] {
    font-size: 16px;
}

/* Hours tooltip (replaces dialog in SSR) */
.hours-trigger[b-of43qvlxaj] {
    position: relative;
    display: inline-flex;
}

.hours-tooltip[b-of43qvlxaj] {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 10;
    background: #fff;
    border: 1px solid var(--neutral-200, #e2e2e2);
    border-radius: 8px;
    padding: 12px;
    min-width: 260px;
    box-shadow: 0 4px 12px rgba(0,0,0,.1);
}

.hours-trigger:hover .hours-tooltip[b-of43qvlxaj] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.hours-row[b-of43qvlxaj] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    font-size: 14px;
}

.hours-row .day[b-of43qvlxaj] {
    min-width: 130px;
    font-weight: 500;
}

.hours-row .value[b-of43qvlxaj] {
    font-weight: 600;
}

@media (max-width: 764px) {
    .box.header-box[b-of43qvlxaj] {
        flex-direction: column;
        align-items: stretch;
    }

    .header-actions[b-of43qvlxaj] {
        order: 2;
        width: 100%;
        justify-content: space-evenly;
        padding: .75rem .25rem .25rem;
        border-top: 1px solid var(--neutral-200, #e2e2e2);
        margin-top: .5rem;
    }
}
/* /Components/Pages/PaginaOficial/Sections/SsrOfficialPageCarousel.razor.rz.scp.css */
/* Wrapper — visual chrome around the DSCarousel */
.official-carousel-wrapper[b-tvag1kfzw5] {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Slide images */
[b-tvag1kfzw5] .slide-img {
    display: block;
    width: 100%;
    height: auto;
    user-select: none;
    pointer-events: none;
    -webkit-user-drag: none;
}

[b-tvag1kfzw5] .slide-desktop {
    display: block;
}

[b-tvag1kfzw5] .slide-mobile {
    display: none;
}

/* Placeholder when no images */
.placeholder-wrapper[b-tvag1kfzw5] {
    width: 100%;
    min-height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #EFFEF7;
    border-radius: 12px;
}

.placeholder-img-icon-container[b-tvag1kfzw5] {
    width: 60px;
    height: 60px;
    opacity: 0.5;
}

.container-img[b-tvag1kfzw5] {
    min-width: 100%;
    display: flex;
    background-color: #EFFEF7;
    justify-content: center;
    align-items: center;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 767px) {
    [b-tvag1kfzw5] .slide-desktop {
        display: none !important;
    }

    [b-tvag1kfzw5] .slide-mobile {
        display: block !important;
    }
}

@media (max-width: 768px) {
    .official-carousel-wrapper[b-tvag1kfzw5] {
        border-radius: 8px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    }

    .placeholder-wrapper[b-tvag1kfzw5] {
        min-height: 150px;
        border-radius: 8px;
    }

    .placeholder-img-icon-container[b-tvag1kfzw5] {
        width: 48px;
        height: 48px;
    }
}
/* /Components/Pages/PaginaOficial/Sections/SsrPromosSidebar.razor.rz.scp.css */
.promos-desktop[b-s29eqd662l] {
    gap: 12px;
}

.promos-mobile[b-s29eqd662l] {
    display: none;
}

.card[b-s29eqd662l] {
    background: var(--Background-color-surface-app, #FAFAFA);
    border: 1px solid var(--Border-color-border-container, #E5E7EB);
    border-radius: 16px;
    padding: 0;
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.08);
}

.psb[b-s29eqd662l] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 16px;
    border: 1px solid var(--Border-color-border-container, #E5E7EB);
    background: var(--Background-color-surface-app, #FAFAFA);
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.08);
    padding: 24px 16px;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

.psb__title[b-s29eqd662l] {
    padding: 0;
}

.promociones-top[b-s29eqd662l] {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3;
    margin: 0;
    color: #000;
}

.psb__general[b-s29eqd662l] {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    padding: 0;
}

[b-s29eqd662l] .psb__logo img {
    width: 108px;
    height: 108px;
    object-fit: contain;
    border-radius: 12px;
    background: #FFFFFF;
    border: 1px solid #E4E7EC;
    box-shadow: 0 1px 2px rgba(16,24,40,.08);
}

[b-s29eqd662l] .psb__general__texts {
    display: flex;
    flex-direction: column;
    padding-top: 2px;
}

[b-s29eqd662l] .psb__general__brand {
    font-size: 12px;
    margin: 0 0 6px 0;
}

[b-s29eqd662l] .psb__percent {
    line-height: 1;
    margin: 0 0 6px 0;
}

[b-s29eqd662l] .psb__percent-value {
    font-size: 38px;
    font-weight: 800;
    letter-spacing: -1px;
    color: var(--success-600, #06C167);
    display: inline-block;
}

[b-s29eqd662l] .psb__general__desc {
    max-width: 220px;
    line-height: 1.15;
}

.psb__sorteo[b-s29eqd662l] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 0;
}

[b-s29eqd662l] .psb__thumb img {
    width: 108px;
    height: 108px;
    object-fit: cover;
    border-radius: 8px;
}

[b-s29eqd662l] .psb__sorteo__texts {
    flex: 1 1 auto;
    min-width: 0;
}

[b-s29eqd662l] .psb__sorteo__badgeblock {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

[b-s29eqd662l] .psb__sorteo__badge {
    font-size: 25px;
    font-weight: 800;
    color: var(--success-600, #06C167);
    line-height: 1;
}

[b-s29eqd662l] .psb__sorteo__date {
    background: #ffffff;
    border: 1px solid #E4E7EC;
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(16,24,40,.08);
}

.psb__item[b-s29eqd662l] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 0;
    border-bottom: none;
}

    .psb__item:last-of-type[b-s29eqd662l] {
        border-bottom: none;
    }

[b-s29eqd662l] .psb__item__texts {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

[b-s29eqd662l] .psb__item__brand {
    font-size: 12px;
    margin: 0 0 6px 0;
}

[b-s29eqd662l] .psb__item__desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    margin: 0 0 10px 0;
}

[b-s29eqd662l] .psb__item__priceblock {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

[b-s29eqd662l] .psb__item__money {
    font-size: 24px;
    font-weight: 800;
    color: var(--success-600, #06C167);
    line-height: 1;
}

[b-s29eqd662l] .psb__item__starschip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #ffffff;
    border: 1px solid #E4E7EC;
    padding: 4px 10px 4px 8px;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(16,24,40,.08);
    font-weight: 600;
    line-height: 1;
}

    [b-s29eqd662l] .psb__item__starschip .ph-fill.ph-star {
        color: var(--success-600, #06C167);
        font-size: 20px;
    }

[b-s29eqd662l] .psb__item__starsvalue {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

[b-s29eqd662l] .psb__thumb.small img {
    width: 56px;
    height: 56px;
    border-radius: 6px;
    object-fit: cover;
}

[b-s29eqd662l] .psb__price {
    display: none;
}

[b-s29eqd662l] .psb__plus {
    color: #19b46a;
    font-weight: 700;
}

[b-s29eqd662l] .psb__star {
    display: none;
}

.psb__more[b-s29eqd662l] {
    padding: 0;
}

.ver-mas-link[b-s29eqd662l] {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #17D07E;
    text-decoration: underline;
    cursor: pointer;
}

.ver-mas-link:hover[b-s29eqd662l] {
    color: #0A7287;
}

    .psb__more a[b-s29eqd662l] {
        text-decoration: underline !important;
        color: #17D07E;
        font-size: 14px;
        font-weight: 700;
    }

[b-s29eqd662l] .psb__sorteo__texts p,
[b-s29eqd662l] .psb__item__texts p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

@media (max-width: 768px) {
    .psb[b-s29eqd662l] {
        min-width: 0;
        border: none;
        box-shadow: none;
        background: transparent;
    }

    .psb__general[b-s29eqd662l] {
        justify-content: center;
    }

    [b-s29eqd662l] .promos-desktop {
        display: none !important;
    }

    [b-s29eqd662l] .promos-mobile {
        display: block !important;
    }

    .psb__item[b-s29eqd662l] {
        padding: 0px;
    }
}
/* /Components/Pages/PaginaOficial/Sections/SsrRecentExperiences.razor.rz.scp.css */
.content-title[b-blxbeai6qo] {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 16px;
}

.content-container[b-blxbeai6qo] {
    width: 100%;
}

.cards-grid[b-blxbeai6qo] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 1rem;
    row-gap: 1.5rem;
}

.cards-grid__item[b-blxbeai6qo] {
    width: 100%;
}

@media (max-width: 1340px) {
    .cards-grid[b-blxbeai6qo] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .cards-grid[b-blxbeai6qo] {
        grid-template-columns: 1fr;
    }
}

/* ── "Ver todas las reseñas" button ── */
.see-all-reviews-container[b-blxbeai6qo] {
    display: flex;
    justify-content: center;
    margin-top: 16px;
}

.btn-see-all-reviews[b-blxbeai6qo] {
    background: none;
    border: none;
    cursor: pointer;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: var(--color-brand-primary-600, #059669);
    text-decoration: underline;
    padding: 8px 16px;
}

.btn-see-all-reviews:hover[b-blxbeai6qo] {
    color: var(--color-brand-primary-800, #065f46);
}
/* /Components/Pages/Planes/PlanesPage.razor.rz.scp.css */
/* =====================================================================
   PlanesPage – Scoped SSR Styles
   ===================================================================== */

body[b-dcvni2jbxc] {
    margin: 0px;
}

.content[b-dcvni2jbxc] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

li[b-dcvni2jbxc] {
    text-align: initial;
}

/* ── Plan Cards ── */
.plan-cards-container[b-dcvni2jbxc] {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
}

.plan-card[b-dcvni2jbxc] {
    padding-inline: 30px;
    margin-top: 15px;
    padding-top: 20px;
    padding-bottom: 24px;
    background-color: #00386F;
    color: white;
    max-height: fit-content;
    width: 340px;
}

    .plan-card p[b-dcvni2jbxc] {
        color: white;
        text-align: initial;
    }

.bg-color-main[b-dcvni2jbxc] {
    background-color: #5C8CDA;
}

p[b-dcvni2jbxc], h2[b-dcvni2jbxc] {
    color: #000000;
}

h2[b-dcvni2jbxc] {
    font-size: 30px;
    margin: 0;
}

p[b-dcvni2jbxc] {
    font-size: 18px;
    font-weight: 500;
}

.f-16[b-dcvni2jbxc] {
    font-size: 16px;
}

.f-21[b-dcvni2jbxc] {
    font-size: 21px;
}

.f-bold[b-dcvni2jbxc] {
    font-weight: bold;
}

/* ── Banner ── */
.banner-container[b-dcvni2jbxc] {
    width: 100%;
    position: relative;
}

.banner-container-mobile[b-dcvni2jbxc] {
    display: none;
    width: 100%;
}

    .banner-container-mobile .banner-image[b-dcvni2jbxc] {
        width: 100%;
        height: auto;
    }

@@media (max-width: 840px) {
    .banner-container[b-dcvni2jbxc] {
        display: none;
    }

    .banner-container-mobile[b-dcvni2jbxc] {
        display: block;
    }

    .planes-title-text[b-dcvni2jbxc] {
        text-align: center;
    }
}

.banner-container .banner-image[b-dcvni2jbxc] {
    width: 100%;
    height: auto;
}

/* ── Flags ── */
.flags-container[b-dcvni2jbxc] {
    display: flex;
    max-width: 1010px;
    padding: 0 8px;
    justify-content: flex-end;
    align-items: center;
    gap: 2px;
    align-self: stretch;
    margin: 0 auto;
}

.flags-wrapper[b-dcvni2jbxc] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.flag-img[b-dcvni2jbxc] {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    object-fit: cover;
}

/* ── Video ── */
.seccion-video[b-dcvni2jbxc] {
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 40px auto;
    padding: 0 20px;
}

.seccion-video .video-container[b-dcvni2jbxc] {
    width: 100%;
    max-width: 800px;
    display: flex;
    justify-content: center;
}

.seccion-video #video[b-dcvni2jbxc] {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

/* ── Page Container ── */
.page-container[b-dcvni2jbxc] {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 2rem 1rem;
    background-color: #f8f9fa;
}

.content-wrapper[b-dcvni2jbxc] {
    width: 100%;
    max-width: 1010px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* ── SSR Accordion (native <details>/<summary>) ── */
.ssr-accordion[b-dcvni2jbxc] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    overflow: hidden;
}

.ssr-accordion-header[b-dcvni2jbxc] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

    .ssr-accordion-header[b-dcvni2jbxc]::-webkit-details-marker {
        display: none;
    }

.ssr-accordion-header .accordion-icon[b-dcvni2jbxc] {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
}

.ssr-accordion-arrow[b-dcvni2jbxc] {
    margin-left: auto;
    width: 12px;
    height: 12px;
    border-right: 2px solid var(--color-accent, #4A80F0);
    border-bottom: 2px solid var(--color-accent, #4A80F0);
    transform: rotate(45deg);
    transition: transform .2s;
    flex-shrink: 0;
}

.ssr-accordion[open] .ssr-accordion-arrow[b-dcvni2jbxc] {
    transform: rotate(-135deg);
}

.ssr-accordion-content[b-dcvni2jbxc] {
    padding: 0 20px 20px 60px;
}

.accordions-container[b-dcvni2jbxc] {
    width: 100%;
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.accordion-text p[b-dcvni2jbxc] {
    color: #262626 !important;
    margin-bottom: 0;
    color: var(--gray-color-neutral-800, #262626);
    font-family: "Nunito Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.accordion-text strong[b-dcvni2jbxc] {
    color: var(--gray-color-neutral-800, #262626);
    font-family: "Nunito Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

/* ── Plan Container (inlined from PlanesContainer component) ── */
.plan-container[b-dcvni2jbxc] {
    background: white;
    border-radius: 12px;
    padding: 20px;
    padding-top: 0px;
    text-align: center;
    width: 322px;
    min-height: 550px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    margin-inline: auto;
    display: flex;
    flex-direction: column;
}

    .plan-container .header[b-dcvni2jbxc] {
        background: #4A80F0;
        color: white;
        padding: 10px;
        font-size: 24px;
        font-weight: bold;
        width: 340px;
        border-radius: 10px;
        position: relative;
        left: -29px;
    }

    .plan-container .price[b-dcvni2jbxc] {
        display: flex;
        justify-content: center;
        align-items: baseline;
        gap: 8px;
    }

    .plan-container.free .header[b-dcvni2jbxc] {
        background: #0A7287;
        color: white;
    }

    .plan-container.premium .header[b-dcvni2jbxc] {
        background: #000000;
        color: white;
    }

    .plan-container.free .continue-button[b-dcvni2jbxc] {
        background: #0A7287;
        color: white;
    }

    .plan-container.premium .continue-button[b-dcvni2jbxc] {
        background: #000000;
        color: white;
    }

    .plan-container .price h2[b-dcvni2jbxc] {
        font-size: 40px;
        margin: 0;
        line-height: 1;
    }

    .plan-container .content[b-dcvni2jbxc] {
        display: flex;
        padding: 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        flex: 1 0 0;
        align-self: stretch;
    }

    .plan-container ul[b-dcvni2jbxc] {
        padding-left: 0;
    }

    .plan-container li[b-dcvni2jbxc] {
        display: flex;
        align-items: center;
        gap: 9px;
        margin-bottom: 12px;
        line-height: 1.4;
        text-align: left;
    }

        .plan-container li i[b-dcvni2jbxc] {
            margin-top: 4px;
            font-size: 1.4rem;
            color: #0A7287;
            flex-shrink: 0;
        }

        .plan-container li .txt[b-dcvni2jbxc] {
            color: var(--color-base-black, #000);
            font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
            font-size: 16px;
            font-style: normal;
            font-weight: var(--font-weight-regular, 400);
            line-height: 130%;
        }

.plan-container strong[b-dcvni2jbxc] {
    color: var(--color-base-black, #000);
    text-align: center;
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 16px;
    font-style: normal;
    font-weight: var(--font-weight-bold, 700);
    line-height: 130%;
}

.price[b-dcvni2jbxc] {
    color: var(--color-primary);
    align-items: baseline;
}

    .price span[b-dcvni2jbxc] {
        color: #000;
        font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
        font-size: 16px;
        font-style: normal;
        font-weight: var(--font-weight-semibold, 600);
        line-height: 20px;
    }

.price-list-content[b-dcvni2jbxc] {
    display: flex;
    padding-top: 24px;
    flex-direction: column;
    align-items: center;
    gap: var(--4, 16px);
    align-self: stretch;
}

/* ── CTA Button ── */
.continue-button[b-dcvni2jbxc] {
    background: #4A80F0;
    color: white;
    border: none;
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 16px;
}

    .continue-button:hover[b-dcvni2jbxc] {
        background: #3a6dd5;
        color: white;
    }

/* ── Plans Section ── */
.full-planes-container[b-dcvni2jbxc] {
    display: flex;
    padding: var(--10, 40px) var(--4, 16px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--6, 24px);
    align-self: stretch;
}

@@media (max-width: 840px) {
    .planes-cards[b-dcvni2jbxc] {
        display: flex;
        flex-direction: column;
    }
}

.planes-cards ul[b-dcvni2jbxc] {
    margin: 8px 0 12px 0;
    padding-left: 0;
    list-style: none;
}

.planes-cards li[b-dcvni2jbxc] {
    line-height: 1.4;
    margin: 6px 0;
}

/* ── WhatsApp Button ── */
.whatsapp-button[b-dcvni2jbxc] {
    position: fixed;
    bottom: 70px;
    right: 20px;
    z-index: 1000;
    width: 60px;
    height: 60px;
    background-color: #25d366;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

    .whatsapp-button img[b-dcvni2jbxc] {
        width: 35px;
        height: 35px;
    }

    .whatsapp-button:hover[b-dcvni2jbxc] {
        transform: scale(1.1);
        box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
        transition: transform 0.2s, box-shadow 0.2s;
    }

@@media (max-width: 500px) {
    #video[b-dcvni2jbxc] {
        max-width: 100%;
    }
}
/* /Components/Pages/Search/BuscarSsr.razor.rz.scp.css */
/* ===== BuscarSsr – SSR Search Page Styles ===== */

.buscar-ssr-page[b-8mto5mfs7x] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem;
}

/* ── Result text ── */
.result-text-container[b-8mto5mfs7x] {
    color: var(--gray-color-neutral-800);
    font-family: var(--font-primary);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-regular);
    line-height: 130%;
}

.result-text[b-8mto5mfs7x] {
    font-weight: var(--font-weight-bold);
}

.no-results-message[b-8mto5mfs7x] {
    text-align: center;
    padding: 2rem 1rem;
}

    .no-results-message h3[b-8mto5mfs7x] {
        color: var(--gray-color-neutral-800);
        font-family: var(--font-secondary);
        font-weight: var(--font-weight-semibold);
    }

    .no-results-message p[b-8mto5mfs7x] {
        color: var(--color-neutral-600, #6b7280);
    }

/* ── Tabs ── */
.tab-selector-wrapper[b-8mto5mfs7x] {
    display: flex;
    flex: 1 0 0;
    padding: 16px;
    flex-direction: row;
    align-items: center;
    border: 1px solid #7B7B7B;
    border-radius: 8px;
    cursor: pointer;
    gap: 8px;
    transition: all 0.2s ease-in-out;
}

    .tab-selector-wrapper.selected[b-8mto5mfs7x] {
        background-color: var(--color-brand-primary-300);
    }

.tab-radio[b-8mto5mfs7x] {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #7B7B7B;
    flex-shrink: 0;
    position: relative;
}

.tab-selector-wrapper.selected .tab-radio[b-8mto5mfs7x] {
    border-color: var(--color-brand-primary, #1a73e8);
}

.tab-selector-wrapper.selected .tab-radio[b-8mto5mfs7x]::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--color-brand-primary, #1a73e8);
}

.tab-label[b-8mto5mfs7x] {
    font-family: var(--font-primary);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-regular);
}

/* ── Brands Grid ── */
.marcas-grid[b-8mto5mfs7x] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

@media (min-width: 769px) {
    .marcas-grid[b-8mto5mfs7x] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ── Brand Card ── */
.brand-card[b-8mto5mfs7x] {
    display: block;
    background: var(--color-base-white);
    color: var(--gray-color-neutral-800);
    border: 1px solid var(--color-border-container);
    border-radius: .5rem;
    padding: .75rem 1rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .06);
    transition: box-shadow .2s ease, transform .2s ease;
    text-decoration: none;
}

    .brand-card:hover[b-8mto5mfs7x] {
        box-shadow: 0 6px 18px rgba(0, 0, 0, .10);
        transform: translateY(-1px);
        text-decoration: none;
        color: var(--gray-color-neutral-800);
    }

.card-row[b-8mto5mfs7x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.brand-logo[b-8mto5mfs7x] {
    max-width: 5rem;
    width: 100%;
    border-radius: .25rem;
    border: 1px solid var(--color-border-container);
}

    .brand-logo img[b-8mto5mfs7x] {
        width: 5rem;
        height: 5rem;
        object-fit: contain;
        border-radius: .25rem;
        border: 1px solid var(--color-border-container);
    }

.brand-logo-fallback[b-8mto5mfs7x] {
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .25rem;
    border: 1px solid var(--color-border-container);
    background: var(--color-brand-primary-300, #e3f2fd);
    color: var(--color-brand-primary, #1a73e8);
    font-family: var(--font-secondary, 'Poppins', sans-serif);
    font-size: 2rem;
    font-weight: 700;
    user-select: none;
}

.brand-head[b-8mto5mfs7x] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

    .brand-head p[b-8mto5mfs7x] {
        margin-bottom: 0;
    }

.brand-name[b-8mto5mfs7x] {
    color: var(--gray-color-neutral-800);
    font-family: var(--font-primary);
    font-size: var(--font-size-body-lg);
    font-weight: var(--font-weight-bold);
    line-height: 130%;
}

.brand-sub[b-8mto5mfs7x] {
    color: var(--gray-color-neutral-800);
    font-family: var(--font-primary);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-regular);
    line-height: 130%;
}

.brand-meta[b-8mto5mfs7x] {
    margin-top: 12px;
    display: grid;
    gap: 10px;
}

.rating-pack[b-8mto5mfs7x] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.meta-strong[b-8mto5mfs7x] {
    font-weight: 700;
}

.person-ico[b-8mto5mfs7x] {
    font-size: 20px;
}

.phones[b-8mto5mfs7x] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.phone[b-8mto5mfs7x] {
    display: flex;
    align-items: center;
    gap: .25rem;
}

    .phone span[b-8mto5mfs7x] {
        color: var(--gray-color-neutral-800);
        font-family: var(--font-primary);
        font-size: var(--font-size-body);
        font-weight: var(--font-weight-regular);
        line-height: 130%;
    }

.addr[b-8mto5mfs7x] {
    margin: 0;
    font-size: 18px;
    color: var(--color-body-text);
}

.status-row[b-8mto5mfs7x] {
    display: flex;
    align-items: center;
    gap: .25rem;
}

.status-container[b-8mto5mfs7x] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.status-open[b-8mto5mfs7x] {
    color: var(--color-success, #08CC8B);
    font-weight: 700;
    font-size: 18px;
}

.status-closed[b-8mto5mfs7x] {
    color: var(--color-danger, #FF3333);
    font-weight: 700;
    font-size: 18px;
}

.go-chip[b-8mto5mfs7x] {
    cursor: pointer;
    flex-shrink: 0;
}

    .go-chip img[b-8mto5mfs7x] {
        width: 40px;
        height: 40px;
    }

/* ── Promotions/Sorteos Grid ── */
.promotions-grid[b-8mto5mfs7x] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
    width: 100%;
}

@media (max-width: 768px) {
    .promotions-grid[b-8mto5mfs7x] {
        grid-template-columns: 1fr;
    }
}

.promo-link[b-8mto5mfs7x] {
    text-decoration: none;
    color: inherit;
    display: block;
    min-width: 0;
}

    .promo-link:hover[b-8mto5mfs7x] {
        text-decoration: none;
        color: inherit;
    }

/* ── No results panel ── */
.no-results[b-8mto5mfs7x] {
    padding: 20px;
    text-align: center;
    background-color: #f8f9fa;
    border-radius: 8px;
    margin: 20px 0;
}