@import '_content/InfoMarcas.DesignSystem/InfoMarcas.DesignSystem.68rt0mh6l8.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.25o87uqmvr.bundle.scp.css';
@import '_content/ReactorBlazorQRCodeScanner/ReactorBlazorQRCodeScanner.boasv5qmh0.bundle.scp.css';

/* _content/InfoMarcas2.Server/Components/CodeSender.razor.rz.scp.css */
.content-container[b-0e3kgvzft9] {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
}

    .content-container label[b-0e3kgvzft9] {
        font-family: var(--font-primary);
        font-weight: var(--font-weight-semibold);
        font-style: normal;
        font-size: var(--font-size-body);
        line-height: 20px;
        color: var(--color-neutral-700);
    }

.code-sender-container[b-0e3kgvzft9] {
    border-top: 1px solid var(--color-border-container);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .25rem;
    padding: 1.5rem 0;
    margin-top: .5rem;
}

    .code-sender-container input[b-0e3kgvzft9] {
        max-width: 232px;
    }

.button-container[b-0e3kgvzft9] {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: .5rem;
    align-items: center;
    justify-content: flex-end;
}
/* _content/InfoMarcas2.Server/Components/CountryPhonePicker.razor.rz.scp.css */
/* _content/InfoMarcas2.Server/Components/Design/Atoms/Logo.razor.rz.scp.css */
.brand-logo[b-f0zaf18x5i] {
    display: inline-block;
}

    .brand-logo img[b-f0zaf18x5i] {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .brand-logo a[b-f0zaf18x5i] {
        display: inline-block;
        text-decoration: none;
    }

    /* Estilos específicos para cada variante */
    .brand-logo.default[b-f0zaf18x5i] {
    }

    .brand-logo.white[b-f0zaf18x5i] {
    }

    .brand-logo.black[b-f0zaf18x5i] {
    }


    .brand-logo:hover[b-f0zaf18x5i] {
        cursor: pointer;
    }
/* _content/InfoMarcas2.Server/Components/Design/Atoms/NewButton.razor.rz.scp.css */
.new-button[b-r8fhaauw6p] {
    display: inline-flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: none;
    height: 36px;
}

.new-button:hover[b-r8fhaauw6p] {
    cursor: pointer;
}

    .new-button:disabled[b-r8fhaauw6p] {
        opacity: 0.5;
        }

        .new-button-text[b-r8fhaauw6p] {
    color: var(--color-base-black, #000);
    text-align: center;
    /* Button/Label Medium */
    font-family: var(--font-family-Poppins, Poppins);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-medium, 500);
    line-height: 20px; /* 142.857% */
}

/* Variants */
.new-button-default[b-r8fhaauw6p] {
    background: var(--primary-color-brand-primary-400, #32E696);
}

.new-button-secondary[b-r8fhaauw6p] {
    background: var(--color-base-white, #FFF);
}

.new-button-outline[b-r8fhaauw6p] {
    background: none;
    border: 1px solid var(--color-base-black, #000);
}
/* _content/InfoMarcas2.Server/Components/Design/Atoms/NewInput.razor.rz.scp.css */
label[b-x22468ugcr] {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-semibold);
    font-style: normal;
    font-size: var(--font-size-body);
    line-height: 20px;
    color: var(--gray-color-neutral-700);
    margin: 0;
}

input[b-x22468ugcr] {
    margin-top : .5rem;
}
/* _content/InfoMarcas2.Server/Components/Design/Molecules/Accordion.razor.rz.scp.css */

.new-accordion[b-pzbniqwahb] {
    margin-bottom: 10px;
    overflow: hidden;
}
    .new-accordion .header-content .has-icon[b-pzbniqwahb] {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .new-accordion .header[b-pzbniqwahb] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 22px;
        cursor: pointer;
        position: relative;
        font-weight: bold;
    }

    .new-accordion .header-content i[b-pzbniqwahb] {
        font-size: 1.5rem;
        color: #0A7287; 
    }

    .new-accordion .content[b-pzbniqwahb] {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-out, padding 0.3s ease-out;
        padding: 0 15px;
    }

        .new-accordion .content.expanded[b-pzbniqwahb] {
            max-height: 100%;
            padding: 15px;
        }

.accordion-icon[b-pzbniqwahb] {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.chat-icon[b-pzbniqwahb] {
    background-image: url('/Icons/LandingPageIcons/chat-icon.svg');
}

.market-check-icon[b-pzbniqwahb] {
    background-image: url('/Icons/LandingPageIcons/market-check-icon.svg');
}

.raise-price-icon[b-pzbniqwahb] {
    background-image: url('/Icons/LandingPageIcons/raise-price-icon.svg');
}

.user-heart-icon[b-pzbniqwahb] {
    background-image: url('/Icons/LandingPageIcons/user-heart-icon.svg');
}

.user-star-icon[b-pzbniqwahb] {
    background-image: url('/Icons/LandingPageIcons/user-star-icon.svg');
}

.select-arrow-accordion[b-pzbniqwahb] {
    width: 32px;
    height: 32px;
    background-image: url('/NewIcons/actions/caret-circle-down.svg');
    background-repeat: no-repeat;
    background-position: center;
    padding:8px;
    transition: transform 0.3s ease-out;
}

    .select-arrow-accordion.rotated[b-pzbniqwahb] {
        transform: rotate(-180deg);
    }

.select-white-arrow-collapsible[b-pzbniqwahb] {
    width: 16px;
    height: 16px;
    background-image: url('/NewIcons/actions/caret-circle-down.svg');
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease-out;
}

    .select-white-arrow-collapsible.rotated[b-pzbniqwahb] {
        transform: rotate(-180deg);
    }
/* _content/InfoMarcas2.Server/Components/Design/Molecules/Alert.razor.rz.scp.css */
.alert[b-3ymg5wqmnb] {
    display: flex;
    width: 100%;
    padding: 24px 16px;
    align-items: flex-start;
    gap: 8px;
    border-radius: 4px;
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.08);
    border: 1px solid;
}

.alert-icon[b-3ymg5wqmnb] {
    width: 24px;
    height: 24px;
}

.alert-content[b-3ymg5wqmnb] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.alert-title[b-3ymg5wqmnb] {
    color: var(--color-base-black, #000);
    /* Body/Large/Bold */
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 16px;
    font-style: normal;
    font-weight: var(--font-weight-bold, 700);
    line-height: 24px; /* 150% */
}

.alert-message[b-3ymg5wqmnb] {
    color: var(--color-base-black, #000);
    /* Button/Medium */
    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;
}

.alert-button[b-3ymg5wqmnb] {
    background: none;
    border: 1px solid black;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: fit-content;
}

/* Variants */
.alert.info[b-3ymg5wqmnb] {
    border: 1px solid var(--feedback-information-color-feedback-info-500, #85A1CC);
    background: var(--feedback-information-color-feedback-info-100, #EBF3FF);    
}

.alert.error[b-3ymg5wqmnb] {
    border: 1px solid var(--feedback-negative-color-feedback-negative-700, #A61919);
    background: var(--feedback-negative-color-feedback-negative-100, #FFEBF4);    
}

.alert.warning[b-3ymg5wqmnb] {
    border: 1px solid var(--feedback-warning-color-feedback-warning-500, #CCAD85);
    background: var(--feedback-warning-color-feedback-warning-100, #FFF6EB);    
}

.alert.success[b-3ymg5wqmnb] {
    border: 1px solid var(--feedback-positive-color-feedback-positive-700, #278B12);
    background: var(--feedback-positive-color-feedback-positive-100, #EEFFEB);    
}
/* _content/InfoMarcas2.Server/Components/Design/Molecules/AtencionComponent.razor.rz.scp.css */
.info-rating-card[b-5nr4uqidnc] {
    display: flex;
    gap: 1rem;
    align-items: center;
    background-color: var(--color-base-white);
    padding: .75rem 1rem;
    border-radius: .25rem;
    margin: 12px;
    width: 488px;
}

.logo-image[b-5nr4uqidnc] {
    width: 128px;
    height: 128px;
    background: var(--color-brand-primary-50);
    border: 1px solid var(--color-border-container);
    border-radius: .25rem;
}

.info-container[b-5nr4uqidnc] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.info-container-item[b-5nr4uqidnc] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

    .info-container-item span[b-5nr4uqidnc] {
        font-family: var(--font-primary);
        font-style: normal;
        font-weight: var(--font-weight-regular);
        font-size: var(--font-size-body);
        color: var(--color-neutral-800);
    }

    .info-container-item .bold[b-5nr4uqidnc] {
        font-weight: var(--font-weight-bold);
    }

    .info-container-item img[b-5nr4uqidnc] {
        max-width: 14px;
    }

.rating-container[b-5nr4uqidnc] {
    display: flex;
    align-items: center;
    gap: .25rem;
}

.date[b-5nr4uqidnc] {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-body);
    color: var(--color-neutral-800);
}
/* _content/InfoMarcas2.Server/Components/Design/Molecules/Back.razor.rz.scp.css */
.back-button svg[b-mma2rm2fca] {
    width: 32px;
    height: 32px;
}

.back-button[b-mma2rm2fca] {
    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;
}

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

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

.back-divider[b-mma2rm2fca] {
    width: 100%;
}
/* _content/InfoMarcas2.Server/Components/Design/Molecules/Beneficio.razor.rz.scp.css */
.beneficio-container[b-4644gu9dv5] {
    display: flex;
    width: 100%;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    border-radius: 0px 8px 8px 0px;
    background: var(--color-base-white, #FFF);
}
.beneficio-body[b-4644gu9dv5]{
    display:flex;
    flex-direction:column;
    gap:5px;
}
.beneficio-azul[b-4644gu9dv5] {
    border-top: 1px solid var(--Specific-colors-Sky-blue, #28ABE3);
    border-right: 1px solid var(--Specific-colors-Sky-blue, #28ABE3);
    border-bottom: 1px solid var(--Specific-colors-Sky-blue, #28ABE3);
    border-left: 8px solid var(--Specific-colors-Sky-blue, #28ABE3);
}

.beneficio-verde[b-4644gu9dv5] {
    border-top: 1px solid var(--Specific-colors-Cold-green, #07B59A);
    border-right: 1px solid var(--Specific-colors-Cold-green, #07B59A);
    border-bottom: 1px solid var(--Specific-colors-Cold-green, #07B59A);
    border-left: 8px solid var(--Specific-colors-Cold-green, #07B59A);
}

.beneficio-amarillo[b-4644gu9dv5] {
    border-top: 1px solid var(--Specific-colors-Yellow, #FFBA19);
    border-right: 1px solid var(--Specific-colors-Yellow, #FFBA19);
    border-bottom: 1px solid var(--Specific-colors-Yellow, #FFBA19);
    border-left: 8px solid var(--Specific-colors-Yellow, #FFBA19);
}

.beneficio-header[b-4644gu9dv5] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

.estado-text[b-4644gu9dv5] {
    margin-right: 8px; 
}

/* Switch estilo Bootstrap-like */
.switch[b-4644gu9dv5] {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
}

.switch input[b-4644gu9dv5] {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider[b-4644gu9dv5] {
  position: absolute;
  cursor: pointer;
  border-radius: 22px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: .4s;
  border-radius: 100px;
  height: 18px;
  background: var(--color-neutral-400);
}

.slider[b-4644gu9dv5]:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  border-radius: 50%;
  left: 0px;
  bottom: -3px;
  background-color: var(--color-neutral-50);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  transition: .4s;
}

.switch input:checked + .slider[b-4644gu9dv5] {
  background-color: var(--color-feedback-positive-500);
}

.switch input:checked + .slider[b-4644gu9dv5]:before {
  transform: translateX(18px);
}
/* _content/InfoMarcas2.Server/Components/Design/Molecules/ItemMainMenu.razor.rz.scp.css */
.item-main-menu[b-m528h6thko] {
    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 .logo img[b-m528h6thko] {
        max-width: 24px;
        height: auto;
    }

    /* Estado hover (solo cuando no est� activo) */
    .item-main-menu:hover:not(.active)[b-m528h6thko] {
        border-radius: 8px;
        border: 2px solid var(--gray-color-neutral-100, #E9E9E9);
        background: var(--primary-color-brand-primary-100, #DAFEED);
    }

    /* Estado active (con clase permanente) */
    .item-main-menu.active[b-m528h6thko] {
        border-radius: 8px;
        border: 2px solid var(--accent-color-accent-500, #0A7287);
        background: var(--primary-color-brand-primary-200, #B7FBDC);
    }

        /* Cambiar color del texto en estado active para mejor contraste */
        .item-main-menu.active .text[b-m528h6thko],
        .item-main-menu.active .logo i[b-m528h6thko] {
            color: #262626;
        }

    .item-main-menu .text[b-m528h6thko] {
        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;
    }

.logo[b-m528h6thko] {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .logo img[b-m528h6thko] {
        max-width: 100%;
        max-height: 100%;
    }

    .logo i[b-m528h6thko] {
        font-size: 20px;
        color: var(--gray-color-neutral-800, #262626);
    }

/* Ajuste do menu responsivo */

/* TABLET LANDSCAPE: 769px - 1024px */
@media (min-width: 769px) and (max-width: 1024px) {
    .item-main-menu[b-m528h6thko] {
    }
}
/* _content/InfoMarcas2.Server/Components/Design/Molecules/MenuItem.razor.rz.scp.css */
.variant-icon-right[b-w7hv7kjf6o] {
    display: flex;
    width: 270px;
    padding: 12px 16px 12px 24px;
    justify-content: space-between;
    align-items: center;
}

.menu-item-a:hover[b-w7hv7kjf6o] {
    text-decoration: none;
}

    .variant-icon-right:hover[b-w7hv7kjf6o] {
        background: var(--primary-color-brand-primary-100, #DAFEED);
    }

    .variant-icon-right.active[b-w7hv7kjf6o] {
        border-left: 4px solid var(--accent-color-accent-500, #0A7287);
        background: var(--primary-color-brand-primary-200, #B7FBDC);
        font-weight: bold;
    }

    .variant-icon-right .text-wrapper[b-w7hv7kjf6o] {
        position: relative;
        width: fit-content;
        margin-top: -1.00px;
        font-family: var(--body-large-font-family);
        font-weight: var(--body-large-font-weight);
        color: #262626;
        font-size: var(--body-large-font-size);
        letter-spacing: var(--body-large-letter-spacing);
        line-height: var(--body-large-line-height);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        font-style: var(--body-large-font-style);
    }

    .variant-icon-right .caret-right[b-w7hv7kjf6o] {
        position: relative;
        width: 16px;
        height: 16px;
    }
/* _content/InfoMarcas2.Server/Components/Design/Molecules/NavigationCard.razor.rz.scp.css */
.navigation-card[b-93sbadb1xh] {
    display: flex;
    width: 100%;
    padding: 16px 24px;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    border-radius: 8px;
    border: 1px solid var(--color-border-container, #E5E7EB);
    background: var(--color-base-white, #FFF);
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.08);
    margin-bottom: 24px;
}

@media (min-width: 1024px) {
    .navigation-card[b-93sbadb1xh] {
        max-width: 78% !important;
        margin: auto auto 25px !important;
    }
}

.navigation-card:hover[b-93sbadb1xh]{
    background: var(--primary-color-brand-primary-100, #DAFEED);
}

.navigation-card:active[b-93sbadb1xh] {
    color: var(--color-base-white, #FFF);
    background: var(--accent-color-accent-500, #0A7287);
}

    .navigation-card:active .navigation-title[b-93sbadb1xh]{
        color: var(--color-base-white, #FFF);
    }

.navigation-card-link[b-93sbadb1xh]{
    text-decoration: none;
}

.navigation-card-header[b-93sbadb1xh] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.navigation-title[b-93sbadb1xh] {
    overflow: hidden;
    color: var(--gray-color-neutral-800, #262626);
    text-overflow: ellipsis;
    /* Subtitle/Large */
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 18px;
    font-style: normal;
    font-weight: var(--font-weight-bold, 400);
    line-height: 24px; /* 133.333% */
}

/* Mostrar solo el ícono normal por defecto */
.caret-circle-right[b-93sbadb1xh] {
    display: none;
}

    .caret-circle-right.normal[b-93sbadb1xh] {
        display: inline;
    }

/* Al hacer clic (activo), mostrar el ícono activo */
.navigation-card:active .caret-circle-right.normal[b-93sbadb1xh] {
    display: none;
}

.navigation-card:active .caret-circle-right.active[b-93sbadb1xh] {
    display: inline;
}

/* Mostrar solo el ícono normal por defecto */
.navigation-icon[b-93sbadb1xh] {
    display: none;
}

    .navigation-icon.normal[b-93sbadb1xh] {
        display: inline;
    }

/* Al hacer clic (activo), mostrar el ícono activo */
    .navigation-card:active .navigation-icon.normal[b-93sbadb1xh] {
        display: none;
    }

    .navigation-card:active .navigation-icon.active[b-93sbadb1xh] {
        display: inline;
    }
/* _content/InfoMarcas2.Server/Components/Design/Molecules/NavigationCardNoAnchor.razor.rz.scp.css */
.navigation-card[b-vjqa8lbtxe] {
    display: flex;
    width: 100%;
    padding: 16px 24px;
    align-items: center;
    justify-content: space-between;

    border-radius: 8px;
    border: 1px solid var(--color-border-container, #E5E7EB);
    background: var(--color-base-white, #FFF);
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.08);
    margin-bottom: 24px;
}

.navigation-card:hover[b-vjqa8lbtxe]{
    background: var(--primary-color-brand-primary-100, #DAFEED);
}

.navigation-card:active[b-vjqa8lbtxe] {
    color: var(--color-base-white, #FFF);
    background: var(--accent-color-accent-500, #0A7287);
}

    .navigation-card:active .navigation-title[b-vjqa8lbtxe]{
        color: var(--color-base-white, #FFF);
    }

.navigation-card-link[b-vjqa8lbtxe]{
    text-decoration: none;
}

.navigation-card-header[b-vjqa8lbtxe] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.navigation-title[b-vjqa8lbtxe] {
    overflow: hidden;
    color: var(--gray-color-neutral-800, #262626);
    text-overflow: ellipsis;
    white-space: nowrap;

    /* Subtitle/Large */
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 18px;
    font-style: normal;
    font-weight: var(--font-weight-bold, 400);
    line-height: 24px; /* 133.333% */
}

/* Mostrar solo el ícono normal por defecto */
.caret-circle-right[b-vjqa8lbtxe] {
    display: none;
}

    .caret-circle-right.normal[b-vjqa8lbtxe] {
        display: inline;
    }

/* Al hacer clic (activo), mostrar el ícono activo */
.navigation-card:active .caret-circle-right.normal[b-vjqa8lbtxe] {
    display: none;
}

.navigation-card:active .caret-circle-right.active[b-vjqa8lbtxe] {
    display: inline;
}

/* Mostrar solo el ícono normal por defecto */
.navigation-icon[b-vjqa8lbtxe] {
    display: none;
}

    .navigation-icon.normal[b-vjqa8lbtxe] {
        display: inline;
    }

/* Al hacer clic (activo), mostrar el ícono activo */
    .navigation-card:active .navigation-icon.normal[b-vjqa8lbtxe] {
        display: none;
    }

    .navigation-card:active .navigation-icon.active[b-vjqa8lbtxe] {
        display: inline;
    }
/* _content/InfoMarcas2.Server/Components/Design/Molecules/NewSearchBox.razor.rz.scp.css */
.new-search-box[b-dyls1g8qwz] {
    display: flex;
    padding: 8px 16px;
    align-items: center;
    gap: 8px;
    border-radius: 32px;
    border: 1px solid var(--Border-inputs, #7B7B7B);
    background: var(--gray-color-neutral-50, #F5F5F5);
    color: var(--gray-color-neutral-500, #5F5F5F);
    /* Body/Large */
    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; /* 150% */
    max-width: 358px;
}

    .new-search-box input[b-dyls1g8qwz] {
        color: var(--gray-color-neutral-500, #5F5F5F);
        /* Body/Large */
        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; /* 150% */
        border: none !important;
        background-color: var(--gray-color-neutral-50, #F5F5F5);
        outline: none !important;
    }

        .new-search-box input:focus[b-dyls1g8qwz] {
            border: none !important;
            border-color: inherit;
            box-shadow: none;
            outline:none !important;
        }

@media (max-width: 769px) {
    .new-search-box[b-dyls1g8qwz] {
        max-width: 100%;
        margin-top:40px;
    }
}
/* _content/InfoMarcas2.Server/Components/Design/Molecules/PartnerButton.razor.rz.scp.css */
.label-text[b-bo8b9xjvmk] {
    margin-right: 8px;
}

.text-and-icon-container[b-bo8b9xjvmk] {
    display: flex;
    align-items: center;
}

.partner-button-link[b-bo8b9xjvmk] {
    text-decoration: none;
}

.partner-button[b-bo8b9xjvmk] {
    cursor: pointer;
    color: var(--gray-color-neutral-800, #262626);
    /* Menu/Label */
    font-family: var(--font-family-Poppins, Poppins);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-semibold, 600);
    line-height: 16px; /* 114.286% */
    letter-spacing: -0.28px;
    display: flex;
    height: 80px;
    min-width: 160px;
    padding: var(--4, 16px) var(--6, 24px) var(--4, 16px) var(--4, 16px);
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    border-radius: 8px;
    border: 2px solid var(--gray-color-neutral-100, #E9E9E9);
    background: var(--color-base-white, #FFF);
}

    .partner-button:hover[b-bo8b9xjvmk] {
        background: var(--primary-color-brand-primary-100, #DAFEED);
    }

    .partner-button:active[b-bo8b9xjvmk] {
        color: var(--color-base-white, #FFF);
        background: var(--accent-color-accent-500, #0A7287);
    }

/* Mostrar solo el ícono normal por defecto */
.caret-circle-right[b-bo8b9xjvmk] {
    display: none;
}

    .caret-circle-right.normal[b-bo8b9xjvmk] {
        display: inline;
    }

/* Al hacer clic (activo), mostrar el ícono activo */
.partner-button:active .caret-circle-right.normal[b-bo8b9xjvmk] {
    display: none;
}

.partner-button:active .caret-circle-right.active[b-bo8b9xjvmk] {
    display: inline;
}

/* Mostrar solo el normal por defecto */
.seal-check[b-bo8b9xjvmk] {
    display: none;
}

    .seal-check.normal[b-bo8b9xjvmk] {
        display: inline;
    }

/* Mostrar el hover cuando está en hover */
.partner-button:hover .seal-check.normal[b-bo8b9xjvmk] {
    display: none;
}

.partner-button:hover .seal-check.hover[b-bo8b9xjvmk] {
    display: inline;
}

/* Mostrar el active cuando está activo (mouse presionado) */
.partner-button:active .seal-check.hover[b-bo8b9xjvmk] {
    display: none;
}

.partner-button:active .seal-check.active[b-bo8b9xjvmk] {
    display: inline;
}
/* _content/InfoMarcas2.Server/Components/Design/Molecules/UploadImageCard.razor.rz.scp.css */
.upload-card[b-zw7nnbis5y] {
    width: 160px;
    height: 160px;
    aspect-ratio: 1/1;
    border: 1px solid var(--Border-Containers, #E5E7EB);
    background: url(<path-to-image>) lightgray -41.25px -1.458px / 153.906% 102.604% no-repeat;
}

    .upload-card img[b-zw7nnbis5y] {
        width: 10rem;
        height: 10rem;
    }
/* _content/InfoMarcas2.Server/Components/Design/Organisms/SubMenu.razor.rz.scp.css */
.sub-menu-container[b-k5hpkmt761] {
    height: calc(100vh - 74px);
    display: flex;
    width: 280px;
    padding: 32px 8px;
    flex-direction: column;
    align-items: flex-start;
    border-right: 1px solid var(--color-border-container, #E5E7EB);
    background: var(--color-base-white, #FFF);
}


@media(max-width:769px){
    .sub-menu-container[b-k5hpkmt761]{
        display:none;
    }
}

[b-k5hpkmt761] .content {
    padding: 0 !important;
}
/* _content/InfoMarcas2.Server/Components/Design/Organisms/Tools.razor.rz.scp.css */
.property-desktop[b-u6fy1h39xc] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 24px;
    position: relative;
    background-color: #dafeed;
    border-radius: 8px;
    border: 1px solid;
    border-color: #7b7b7b;
    box-shadow: var(--shadow-shadow-surface-lg);
    margin: auto;
}

    .property-desktop .preview[b-u6fy1h39xc] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .property-desktop .balance-container[b-u6fy1h39xc] {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        flex: 0 0 auto;
    }

    .property-desktop .balance[b-u6fy1h39xc] {
        color: var(--color-base-black, #000);
        /* Title/Extra large */
        font-family: var(--font-family-Poppins, Poppins);
        font-size: 32px;
        font-style: normal;
        font-weight: var(--font-weight-semibold, 600);
        line-height: 32px; /* 100% */
    }

    .property-desktop .balance-title[b-u6fy1h39xc] {
        color: var(--color-base-black, #000);
        /* Subtitle/Medium */
        font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
        font-size: 16px;
        font-style: normal;
        font-weight: var(--font-weight-bold, 700);
        line-height: 24px; /* 150% */
    }

    .property-desktop .buttons[b-u6fy1h39xc] {
        display: inline-flex;
        flex-direction: column;
        max-width: 400px;
        align-items: flex-start;
        justify-content: center;
        gap: 8px;
        position: relative;
        flex: 0 0 auto;
    }

    .property-desktop .button[b-u6fy1h39xc] {
        all: unset;
        box-sizing: border-box;
        background-color: #32e696;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 8px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        border-radius: 4px;
    }

    .property-desktop .img[b-u6fy1h39xc] {
        position: relative;
        width: 16px;
        height: 16px;
    }

    .property-desktop .button-2[b-u6fy1h39xc] {
        all: unset;
        box-sizing: border-box;
        position: relative;
        width: fit-content;
        margin-top: -1.00px;
        font-family: var(--button-label-medium-font-family);
        font-weight: var(--button-label-medium-font-weight);
        color: #00000033;
        font-size: var(--button-label-medium-font-size);
        text-align: center;
        letter-spacing: var(--button-label-medium-letter-spacing);
        line-height: var(--button-label-medium-line-height);
        white-space: nowrap;
        font-style: var(--button-label-medium-font-style);
    }

    .property-desktop .button-3[b-u6fy1h39xc] {
        all: unset;
        box-sizing: border-box;
        border: 1px solid;
        border-color: #000000;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 8px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        border-radius: 4px;
    }
/* _content/InfoMarcas2.Server/Components/InfoRatingCompanyList.razor.rz.scp.css */
/* _content/InfoMarcas2.Server/Components/Layout/Footer.razor.rz.scp.css */
.site-footer[b-2dmzs5s9ox] {
    background-color: var(--code-base-black);
    color: var(--color-base-white);
    padding: 32px 24px;
    font-family: var(--font-primary);
}

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

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

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

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

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

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

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

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

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

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

    .footer-row.main[b-2dmzs5s9ox] {
        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-2dmzs5s9ox] {
        grid-area: logo;
        justify-self: anchor-center;
    }

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

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

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

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

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

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

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

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

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

    .social-icon[b-2dmzs5s9ox] {
        width: 40px;
        height: 40px;
    }

    .footer-links[b-2dmzs5s9ox] {
        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-2dmzs5s9ox] {
            display: inline-flex;
            align-items: center;
            position: relative;
            padding-left: 14px;
        }

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

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

    .footer-copyright[b-2dmzs5s9ox] {
        text-align: center;
    }
}


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

    .footer-row.main[b-2dmzs5s9ox] {
        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-2dmzs5s9ox] {
        grid-area: logo;
        justify-self: anchor-center;
    }

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

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

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

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

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

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

    .footer-links[b-2dmzs5s9ox] {
        grid-area: links;
    }

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

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

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

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

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

    .social-icon[b-2dmzs5s9ox] {
        width: 36px;
        height: 36px;
    }

    .footer-links[b-2dmzs5s9ox] {
        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-2dmzs5s9ox] {
            display: inline-flex;
            align-items: center;
            position: relative;
            padding-left: 14px;
        }

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

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

    .footer-copyright[b-2dmzs5s9ox] {
        text-align: center;
    }
}



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

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

    .footer-links[b-2dmzs5s9ox] {
        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-2dmzs5s9ox] {
            display: inline-flex;
            align-items: center;
            position: relative;
            padding-left: 14px;
            list-style: none !important;
        }

            .footer-links li[b-2dmzs5s9ox]::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-2dmzs5s9ox] {
            font-weight: var(--font-weight-regular);
            text-decoration: none;
        }

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

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

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

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

    .footer-social[b-2dmzs5s9ox] {
        margin: 12px 0 0 0;
    }

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

    .social-icon[b-2dmzs5s9ox] {
        width: 36px;
        height: 36px;
    }

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

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

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

    .footer-logo[b-2dmzs5s9ox] {
        margin-bottom: 24px;
    }

    .footer-links[b-2dmzs5s9ox] {
        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-2dmzs5s9ox] {
            border: none;
        }

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

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

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

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

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

        .footer-apps-buttons a[b-2dmzs5s9ox] {
            margin: 0;
        }

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

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

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

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

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

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

    .social-icon[b-2dmzs5s9ox] {
        width: 40px;
        height: 40px;
    }

    .footer-copyright[b-2dmzs5s9ox] {
        margin-top: 8px;
        padding-top: 12px;
        border-top: 1px solid var(--gray-color-neutral-700, #434343);
    }
}
/* _content/InfoMarcas2.Server/Components/Layout/HomeLayout.razor.rz.scp.css */
nav .container[b-5lrfkcsdbb] {
    max-width: 992px;
}

.container[b-5lrfkcsdbb] {
    max-width: 1920px;
    padding: 0;
}
/* _content/InfoMarcas2.Server/Components/Layout/Loading.razor.rz.scp.css */
.loader[b-pnu68htgik] {
    width: 27px;
    height: 27px;
    border: 3px solid var(--primary-900);
    border-bottom-color: transparent;
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotation-b-pnu68htgik 1s linear infinite;
    margin: 0 auto;
}

@keyframes rotation-b-pnu68htgik {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 
/* _content/InfoMarcas2.Server/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-hyenk45wy6] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-hyenk45wy6] {
    flex: 1;
}

/*.sidebar {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}*/

.top-row[b-hyenk45wy6] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-hyenk45wy6]  a, .top-row[b-hyenk45wy6]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-hyenk45wy6]  a:hover, .top-row[b-hyenk45wy6]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-hyenk45wy6]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row[b-hyenk45wy6] {
        justify-content: space-between;
    }

        .top-row[b-hyenk45wy6]  a, .top-row[b-hyenk45wy6]  .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 641px) {
    .page[b-hyenk45wy6] {
        flex-direction: row;
    }

    .sidebar[b-hyenk45wy6] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-hyenk45wy6] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-hyenk45wy6]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }
}

.top-row[b-hyenk45wy6], article[b-hyenk45wy6] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

#blazor-error-ui[b-hyenk45wy6] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-hyenk45wy6] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.content[b-hyenk45wy6] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

@media(max-width: 769px) {
    .content[b-hyenk45wy6] {
        padding: 1.5rem;
    }
}
/* _content/InfoMarcas2.Server/Components/Layout/NavMenu.razor.rz.scp.css */

/* Menu sandu�che lateral fixo */
.new-nav-menu-item[b-r85sg3x8o4] {
    display: flex;
    gap: 8px;
    margin-block: 6px;
    padding-inline: 5px;
    cursor: pointer;
}

.new-nav-menu-container[b-r85sg3x8o4] {
    position: absolute;
    top: 62px;
    right: 0;
    width: 100vw;
    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;
}

.navbar-toggler[b-r85sg3x8o4] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: var(--color-white);
    position: absolute;
    top: var(--spacing-2);
    right: var(--spacing-3);
    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-r85sg3x8o4] {
        background-color: rgba(255, 255, 255, 0.5);
    }

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

.navbar-brand[b-r85sg3x8o4] {
    font-size: var(--font-size-lg);
}

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

.bi-house-door-fill-nav-menu[b-r85sg3x8o4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-r85sg3x8o4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-r85sg3x8o4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-r85sg3x8o4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-r85sg3x8o4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-r85sg3x8o4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-r85sg3x8o4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-r85sg3x8o4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-r85sg3x8o4] {
    font-size: var(--font-size-sm);
    padding-bottom: var(--spacing-2);
}

    .nav-item:first-of-type[b-r85sg3x8o4] {
        padding-top: var(--spacing-3);
    }

    .nav-item:last-of-type[b-r85sg3x8o4] {
        padding-bottom: var(--spacing-3);
    }

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

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

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

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

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

@media (min-width: var(--breakpoint-md)) {
    .navbar-toggler[b-r85sg3x8o4] {
        display: none;
    }

    .nav-scrollable[b-r85sg3x8o4] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}



/* Mobile */
@media (max-width: 390px) {
    .navbar[b-r85sg3x8o4] {
        padding: 0.5rem 2.5%;
    }

        .navbar .container[b-r85sg3x8o4] {
            display: flex;
            align-items: center;
            padding: 0px;
        }

    .navbar-nav[b-r85sg3x8o4] {
        flex-direction: row;
        justify-content: flex-end;
        width: 100%;
    }

    .navbar-options[b-r85sg3x8o4] {
        gap: 20px;
    }

    .Logo[b-r85sg3x8o4] {
        margin-bottom: 8px;
    }

    .SearchBoxServer[b-r85sg3x8o4] {
        width: 100%;
        margin-bottom: 8px;
    }
}

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

    .navbar[b-r85sg3x8o4] {
        padding: 0.5rem 2.5%;
    }

        .navbar .container[b-r85sg3x8o4] {
            display: flex;
            align-items: center;
            padding: 0px;
            max-width: 100%;
        }

    .navbar-nav[b-r85sg3x8o4] {
        flex-direction: row;
        justify-content: flex-end;
        width: auto;
    }

    .navbar-options[b-r85sg3x8o4] {
        gap: 25px;
    }

    .Logo[b-r85sg3x8o4] {
        margin-right: 16px;
    }

    .SearchBoxServer[b-r85sg3x8o4] {
        width: 60%;
    }
}

/* Tablet Landscape */
@media (min-width: 769px) and (max-width: 1024px) {

    .navbar[b-r85sg3x8o4] {
        padding: 0.5rem 2.5%;
    }

        .navbar .container[b-r85sg3x8o4] {
            display: flex;
            align-items: center;
            padding: 0px !important;
            margin: 0px !important;
            max-width: 100% !important;
        }

    .navbar-nav[b-r85sg3x8o4] {
        flex-direction: row;
        justify-content: flex-end;
        width: auto;
    }

    .navbar-options[b-r85sg3x8o4] {
        gap: 24px;
    }

    .Logo[b-r85sg3x8o4] {
        margin-right: 24px;
    }
}

/* Desktop */
@media (min-width: 1025px) {
    .navbar .container[b-r85sg3x8o4] {
        flex-direction: row;
        align-items: center;
        padding: 0 2.5rem;
        max-width: 1440px;
        margin: auto;
    }

    .navbar-nav[b-r85sg3x8o4] {
        flex-direction: row;
        justify-content: flex-end;
        width: auto;
    }

    .navbar-options[b-r85sg3x8o4] {
        gap: 32px;
    }

    .Logo[b-r85sg3x8o4] {
        margin-right: 32px;
    }
}

@media (min-width: 391px) {
    .new-nav-menu-container[b-r85sg3x8o4] {
        width: 320px;
        height: auto;
        max-width: 320px;
        right: 0;
        left: auto;
        padding: 1rem;
        border-radius: 0 0 0 8px;
    }
}
/* _content/InfoMarcas2.Server/Components/Layout/SelectInput.razor.rz.scp.css */
.form[b-mmltmaa43g] {
    position: relative;
    max-width: fit-content;
}

.text.disabled[b-mmltmaa43g] {
    opacity: .6;
}

    .text.disabled input[b-mmltmaa43g] {
        outline: none !important;
    }


.form label[b-mmltmaa43g] {
    color: var(--text-900);
    font-family: "Lexend Deca";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
    padding-left: 5px;
    margin-bottom: 0.5rem;
    width: 200px;
    height: 30px;
}

.form input[b-mmltmaa43g] {
    padding: 1rem 1.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--text-900);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-radius: 24px;
    border: 2px solid var(--primary-900);
    width: 100%;
    transition: all 0.3s;
}


.form.focus-in input[b-mmltmaa43g] {
    outline: none !important;
    border: 2px solid var(--primary-900);
    border-radius: 24px 24px 0px 0px;
}

.form input.small[b-mmltmaa43g] {
    width: 252px;
}

.form input.medium[b-mmltmaa43g] {
    width: 400px;
}

.form input.large[b-mmltmaa43g] {
    width: 600px;
}

.input-area[b-mmltmaa43g] {
    display: flex;
    flex-direction: column;
    position: relative;
}

    .input-area img[b-mmltmaa43g] {
        opacity: .5;
        cursor: not-allowed;
    }

    .input-area > span[b-mmltmaa43g] {
        position: relative;
    }

.list-options[b-mmltmaa43g] {
    z-index: 100;
    transition: all 300ms ease-in-out;
    font-family: "Lexend Deca";
    position: absolute;
    top: 100%;
    color: black;
    border-radius: 0 0 24px 24px;
        padding: 8px 0 24px 8px;
        background: var(--text-10);
}

    .list-options ul[b-mmltmaa43g] {
        list-style: none;
        padding: 0;
        margin: 0;
        overflow-y: auto;
        width: 100%;
        height: 100%;
    }

.arrow_default[b-mmltmaa43g] {
    cursor: pointer;
    right: 20px;
    position: absolute;
    top: 50%;
    width: 16px;
    height: 16px;
}

    .arrow_default.open[b-mmltmaa43g] {
    }

    .arrow_default.close[b-mmltmaa43g] {
        right: 45px;
        width: .85rem;
        position:absolute;
    }

        .arrow_default.close:hover[b-mmltmaa43g] {
            cursor: pointer;
            opacity: .7;
            fill: red;
        }

.arrow_inactive[b-mmltmaa43g] {
    transform: rotate(0deg) translateY(-50%);
}

.arrow_active[b-mmltmaa43g] {
    transform: rotate(180deg) translateY(50%);
}

.options_active[b-mmltmaa43g] {
    width: 100%;
    height: 200px;
    opacity: 1;
}

.options_inactive[b-mmltmaa43g] {
    width: 100%;
    height: 1px;
    display: none;
}

.option[b-mmltmaa43g] {
    display: flex;
    padding: 8px 16px;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    text-align: left;
}

[b-mmltmaa43g]::-webkit-scrollbar {
    width: 10px;
}

[b-mmltmaa43g]::-webkit-scrollbar-thumb {
    background-color: var(--primary-900);
    border-radius: 10px;
}

[b-mmltmaa43g]::-webkit-scrollbar-track {
    background-color: var(--text-10);
    border-radius: 10px;
}


.option:hover[b-mmltmaa43g] {
    background-color: var(--primary-900);
    color: white;
    cursor: pointer;
}

.mealDate[b-mmltmaa43g] {
    width: 120px !important;
    background: #F7F7F7 !important;
    color: #3A3A3A !important;
    border: none !important;
    font-size: .85rem !important;
}

.mealTitle[b-mmltmaa43g] {
    background: #F7F7F7 !important;
    color: #3A3A3A !important;
    font-size: 1rem;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    border: none !important;
    border-radius: .5rem !important;
}

.mealDescription[b-mmltmaa43g] {
    background: #F7F7F7 !important;
    color: #3A3A3A !important;
    font-size: 1rem;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    border: none !important;
    border-radius: .5rem !important;
}
/* _content/InfoMarcas2.Server/Components/MainMenu.razor.rz.scp.css */
.new-nav-menu-item[b-hk1xtj4wla] {
    display: flex;
    gap: 8px;
    margin-block: 8px;
    padding-inline: 16px;
    padding-block: 12px;
    cursor: pointer;
}

.new-nav-menu-container[b-hk1xtj4wla] {
    position: absolute;
    background-color: white;
    top: 73px;
    right: 200px;
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.08);
    border: 1px solid var(--Border-Containers, #E5E7EB);
    z-index: 2337;
}

.new-nav-menu-item:hover[b-hk1xtj4wla] {
    background-color: lightgray;
}

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

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

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

/* Tablet Landscape (5 colunas usando grid) */
@media (min-width: 769px) and (max-width: 1024px) {
    .main-menu-grid[b-hk1xtj4wla] {
        display: flex !important;
        flex-wrap: wrap;
        gap: 16px;
        justify-content: center;
        /*        box-shadow: 0 2px 8px rgba(0,0,0,0.04);*/
    }

    [b-hk1xtj4wla] .main-menu-grid .item-main-menu {
        flex: 0 0 calc((100% - (16px * 4)) / 5) !important;
        max-width: calc((100% - (16px * 4)) / 5) !important;
    }
}

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

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

@media(max-width: 769px) {
    [b-hk1xtj4wla] .header-container,
    .main-menu-container[b-hk1xtj4wla] {
        display: none !important;
    }
    
}
/* _content/InfoMarcas2.Server/Components/MainMenuResponsive.razor.rz.scp.css */
@media(max-width: 769px) {

    [b-4e22ag4zv1] .main-menu-responsive .main-menu-grid {
        display: flex;
    }

    [b-4e22ag4zv1] .header-container,
    [b-4e22ag4zv1]  .main-menu-container {
        display: flex !important;
    }
}
/* _content/InfoMarcas2.Server/Components/MarketerCard.razor.rz.scp.css */
.consultant-card[b-te5zd0nv33] {
    min-width: 280px;
    max-width: 358px;
    height: auto;
    border-radius: 8px !important;
    border: 1px solid #e0e0e0;
    padding: 12px;
    box-shadow: none !important;
    transition: box-shadow 0.2s, border-color 0.2s;
}
@media(max-width: 769px) {
    .consultant-card[b-te5zd0nv33] {
        min-width: 100%;
    }
}
.contact-icons .icones[b-te5zd0nv33] {
    font-size: 20px;
}

.card-inner-content[b-te5zd0nv33] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
}

.marketer-info[b-te5zd0nv33] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.photo-container .photo-container-item[b-te5zd0nv33] {
    width: 64px !important;
    height: 64px !important;
    border: solid 1px #E5E7EB;
    border-radius: 8px;
    background-color: #e6f7f2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 500;
    color: #000
}

.icones[b-te5zd0nv33] {
    width: 19.5px !important;
    height: 19.5px !important;
}

.favorite-icon[b-te5zd0nv33] {
    color: #000;
    font-size: 1.5rem;
    cursor: pointer;
    border: none;
    outline: none;
}

.favorite-icon-active[b-te5zd0nv33] {
    color: #32E696;
}

.contact-icons[b-te5zd0nv33] {
    margin-top: 2px;
    margin-left: 52px;
    margin-bottom: 4px;
    display: flex;
    gap: 16px;
    font-size: 1.3rem;
    color: #757575;
}

.photo-container[b-te5zd0nv33] {
    padding: 1rem 0;
}
/* _content/InfoMarcas2.Server/Components/NewAlert.razor.rz.scp.css */
.new-alert-container[b-bpd7t4nmhl] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    max-width: 41.5rem;
    border-radius: 4px;
    border: 1px solid var(--color-feedback-info-500);
    background: var(--color-feedback-info-100);
    padding: 1.5rem 1rem;
    font-family: var(--font-primary);
    font-size: var(--font-size-body);
    color: var(--color-base-black);
    font-weight: var(--font-weight-regular);
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.08);
}

.alert-img[b-bpd7t4nmhl] {
    width: 1.5rem;
    height: 1.5rem;
}

.alert-content-title[b-bpd7t4nmhl] {
    font-weight: var(--font-weight-bold);
    margin-bottom: .75rem;
}

.alert-content-item[b-bpd7t4nmhl] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: .5rem;
}

    .alert-content-item p[b-bpd7t4nmhl] {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
/* _content/InfoMarcas2.Server/Components/Pages/Account/CompletaTuRegistro.razor.rz.scp.css */
.register-container[b-gbx7n1a4l3] {
    max-width: 720px;
    margin: 0 auto;
    padding-inline: 16px;
}

.title-container[b-gbx7n1a4l3] {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-regular);
    color: var(--color-base-black);
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.title-container h3[b-gbx7n1a4l3] {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-body-lg);
    line-height: var(--line-height-display);
    margin-bottom: .5rem;
}

.title-container p[b-gbx7n1a4l3] {
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
}

.info-container label[b-gbx7n1a4l3] {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-body);
    line-height: 20px;
    color: var(--color-neutral-700);
}

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

.email-container[b-gbx7n1a4l3] {
    margin-bottom: 1rem;
}

.email-container[b-gbx7n1a4l3]  input {
    max-width: 100%;
}

.alert-container[b-gbx7n1a4l3] {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    max-width: 452px;
    margin-top: 0.5rem;
}

.alert-container img[b-gbx7n1a4l3] {
    width: 13px;
    height: 13px;
    margin-top: 0.25rem;
}

.send-container[b-gbx7n1a4l3] {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
}

.send-container[b-gbx7n1a4l3]  button {
    flex: 1 1 auto;
    width: 100%;
    display: block;
}


/*Breakpoints*/

/*Mobile é padrão*/

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

    .register-container[b-gbx7n1a4l3] {
        max-width: 720px;
    }

    .name-container[b-gbx7n1a4l3],
    .password-container[b-gbx7n1a4l3] {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }

    .email-container[b-gbx7n1a4l3] {
        width: calc(50% - 12px);
    }

    .send-container[b-gbx7n1a4l3] {
        justify-content: flex-end;
    }

    .send-container[b-gbx7n1a4l3]  button {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

}

/* Tablet Landscape */
@media (min-width: 769px) and (max-width: 1024px) {

    .register-container[b-gbx7n1a4l3] {
        max-width: 780px;
    }

    .name-container[b-gbx7n1a4l3],
    .password-container[b-gbx7n1a4l3] {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }

    .email-container[b-gbx7n1a4l3] {
        width: calc(50% - 12px);
    }

    .send-container[b-gbx7n1a4l3] {
        justify-content: flex-end;
    }

    .send-container[b-gbx7n1a4l3]  button {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

}

/* Desktop */
@media (min-width: 1025px) {

    .register-container[b-gbx7n1a4l3] {
        max-width: 920px;
    }

    .name-container[b-gbx7n1a4l3],
    .password-container[b-gbx7n1a4l3] {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }

    .email-container[b-gbx7n1a4l3] {
        width: calc(50% - 12px);
    }

    .send-container[b-gbx7n1a4l3] {
        justify-content: flex-end;
    }

    .send-container[b-gbx7n1a4l3]  button {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/Account/MiPerfil/MiPerfilDialog.razor.rz.scp.css */
.custom-dialog-text[b-cw1kc3t8d4] {
    font-weight: 400;
    font-size: 16px;
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
}

.custom-dialog-buttons[b-cw1kc3t8d4] {
    display: inline-flex;
    gap: 1rem;
}
/* _content/InfoMarcas2.Server/Components/Pages/Account/MyAccount.razor.rz.scp.css */
.mi-perfil-panel[b-utscw8l0ts] {
    display: flex;
    gap: 1rem;
}

label[b-utscw8l0ts] {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-semibold);
    font-style: normal;
    font-size: var(--font-size-body);
    line-height: 20px;
    color: var(--gray-color-neutral-700);
    margin: 0;
}


.perfil-container[b-utscw8l0ts] {
    max-width: 656px;
    margin: 0 auto;
}

.title-container[b-utscw8l0ts] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid var(--color-border-container);
}

    .title-container h3[b-utscw8l0ts] {
        font-family: Poppins;
        font-weight: 600;
        font-style: normal;
        font-size: 1.25rem;
        line-height: 1.5rem;
        margin-bottom: 0;
    }

.caret-button-container[b-utscw8l0ts] {
    border: 1px solid #000;
    border-radius: .25rem;
    padding: .5rem;
    cursor: pointer;
}

.photo-container[b-utscw8l0ts] {
    padding: 1rem 0;
    width: 920px;
}

.photo-container-item[b-utscw8l0ts] {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 156px;
    height: 156px;
    border: 1px solid var(--color-border-container);
    border-radius: .5rem;
    background-color: var(--color-brand-primary-100);
    position: relative;
}

    .photo-container-item span[b-utscw8l0ts] {
        font-family: Poppins;
        font-weight: 600;
        font-style: normal;
        font-size: 1.5rem;
    }

.edit-photo-button[b-utscw8l0ts] {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 10px;
    right: 10px;
    border: 1px solid #000000;
    border-radius: .25rem;
    padding: .5rem;
    cursor: pointer;
    position: absolute;
}

    .edit-photo-button img[b-utscw8l0ts] {
        width: 18px;
        height: 18px;
    }

.user-info-container[b-utscw8l0ts] {
    padding-bottom: 1rem;
}



.name-container[b-utscw8l0ts] {
    display: flex;
    align-items: start;
    gap: 1rem;
}

.name-container-item[b-utscw8l0ts], .apellido-container[b-utscw8l0ts] {
    width: 100%;
}

.ocultar-apellido[b-utscw8l0ts] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: .5rem;
}

    .ocultar-apellido input[b-utscw8l0ts] {
        width: 18px;
        height: 18px;
        margin-left:.5rem;
    }

    .ocultar-apellido span[b-utscw8l0ts] {
        font-family: Nunito Sans;
        font-weight: 400;
        font-style: normal;
        font-size: 1rem;
        color: var(--color.base.black);
    }

.birthday-and-gender-container[b-utscw8l0ts] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin: 1rem 0;
}

.birthday-container-item[b-utscw8l0ts],
.gender-container-item[b-utscw8l0ts] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.gender-options-container[b-utscw8l0ts] {
    display: flex;
    gap: .5rem;
    margin-top: 0.5rem;
    align-items: center;
}


.gender-option-item[b-utscw8l0ts] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.gender-container-item label:first-child[b-utscw8l0ts] {
    margin-bottom: 0.5rem;
}

.gender-option-item label[b-utscw8l0ts] {
    font-family: Nunito Sans;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
}

.gender-radio[b-utscw8l0ts] {
    cursor: pointer;
    width: 18px;
    height: 18px;
    accent-color: var(--color-base-black);
}

.gender-label[b-utscw8l0ts] {
    font-family: Poppins, sans-serif;
    font-size: 0.875rem;
    color: #333;
    cursor: pointer;
}

.input-container input[b-utscw8l0ts] {
    padding-right: 10px !important;
}

.card-config[b-utscw8l0ts] {
    margin-block: 20px;
}

.input-container[b-utscw8l0ts] {
    position: relative;
    display: flex;
    align-items: center;
}

    .input-container input[b-utscw8l0ts] {
        width: 100%;
        padding-right: 2.5rem; /* A�ade espacio para el icono */
    }

.phone-and-email-container[b-utscw8l0ts] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.phone-container[b-utscw8l0ts], .email-container[b-utscw8l0ts] {
    width: 100%;
}

    .phone-container[b-utscw8l0ts]  .select-box {
        width: 100% !important;
        margin-right: 0 !important;
        margin-top: .5rem;
    }

    .phone-container[b-utscw8l0ts]  .input-container {
        margin-bottom: .5rem;
    }

    .email-container[b-utscw8l0ts]  .sf-field {
        width: 100%;
    }

.edit-button[b-utscw8l0ts] {
    position: absolute;
    right: -14px;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    top: 18px;
}

.options-container[b-utscw8l0ts] {
    padding: 1rem 0;
    border-bottom: 1px solid var(--color-border-container);
}

    .options-container img[b-utscw8l0ts] {
        width: 13px;
    }

    .options-container span[b-utscw8l0ts] {
        font-family: Poppins;
        font-weight: 600;
        font-style: normal;
        font-size: .875rem;
        line-height: 20px;
        color: var(--color.base.black)
    }

        .options-container span:hover[b-utscw8l0ts], img:hover[b-utscw8l0ts] {
            cursor: pointer;
        }

.cerrar-session-container[b-utscw8l0ts],
.cambiar-contrasena-container[b-utscw8l0ts],
.eliminar-cuenta-container[b-utscw8l0ts] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .75rem 0;
}

.eliminar-cuenta-container[b-utscw8l0ts] {
    color: #852221;
}

    .eliminar-cuenta-container span[b-utscw8l0ts] {
        text-decoration: underline;
    }

.password-change-container[b-utscw8l0ts] {
    border-top: 1px solid var(--color-border-container);
}

    .password-change-container h4[b-utscw8l0ts] {
        font-family: var(--font-primary);
        font-weight: var(--font-weight-bold);
        font-size: var(--font-size-body);
        line-height: 24px;
        margin: 1rem 0;
    }

.password-form[b-utscw8l0ts] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.form-group[b-utscw8l0ts] {
    width: 100%;
}

.password-buttons[b-utscw8l0ts] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 1rem;
}

.nueva-contrasena-container[b-utscw8l0ts] {
    width: 100%;
}

.password-hint-container[b-utscw8l0ts] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    margin-top: .5rem;
}

    .password-hint-container img[b-utscw8l0ts] {
        margin-top: .15rem;
    }

    .password-hint-container span[b-utscw8l0ts] {
        font-family: var(--font-primary);
        font-weight: var(--font-weight-regular);
        font-size: .875rem;
        line-height: 20px;
        color: var(--color-feedback-info-700)
    }

.btn-cancel[b-utscw8l0ts] {
    border: 1px solid var(--color.base.black);
}

.btn-confirm[b-utscw8l0ts] {
    background-color: var(--color-brand-primary-400);
    border: 1px solid var(--color-brand-primary-400);
}

.btn-config img[b-utscw8l0ts] {
    width: 18px;
    height: auto;
}

.edit-button img[b-utscw8l0ts] {
    width: 18px;
    height: auto;
}

/*.form-control.custom {
    width: calc(100% - 24px);
}*/
form[b-utscw8l0ts] {
    width: 100%;
}

@media (max-width: 767px) {

    .page-container[b-utscw8l0ts] {
        width: 100%;
        padding: 16px 16px 4px 16px;
    }
    .perfil-container[b-utscw8l0ts] {
        margin: 0 0.5rem 0 0.5rem;
        width: 100%;
        max-width: 100%;
    }

    .name-container[b-utscw8l0ts],
    .birthday-and-gender-container[b-utscw8l0ts],
    .phone-and-email-container[b-utscw8l0ts],
    .password-form[b-utscw8l0ts] {
        flex-direction: column;
        align-items: stretch; 
    }

    .password-buttons[b-utscw8l0ts] {
        flex-direction: column;
        align-items: stretch; 
    }

    .photo-container[b-utscw8l0ts] {
        width: auto;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/Account/Registro.razor.rz.scp.css */
.register-container[b-xa92ay8nul]{
    max-width:480px;
    margin:0 auto;
}

.register-title[b-xa92ay8nul] {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-bold);
    font-style: normal;
    font-size: var(--font-size-body-lg);
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.content-container[b-xa92ay8nul] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.phone-container[b-xa92ay8nul] {
    width: 100%;
}

.phone-container > *[b-xa92ay8nul] {
    width: 100%;
}

.terms-container[b-xa92ay8nul] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    padding:.5rem;
}

#check[b-xa92ay8nul] {
    width: 18.5px;
    height: 18.5px;
    border: 1px solid var(--color-border-input);
    margin-bottom: .25rem;
}

.terms-container[b-xa92ay8nul]  input {
    margin-top: 6px;
}

.terms-container span[b-xa92ay8nul] {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-regular);
    font-style: normal;
    font-size: var(--font-size-body);
    line-height: 24px;
    letter-spacing: 0%;
    word-break: break-word;
}

.terms-container a[b-xa92ay8nul] {
    color: var(--color-feedback-info-700);
    text-decoration: underline;
}

.button.btn.btn-primary[b-xa92ay8nul] {
    width: 173px;
    height: 41px;
}

.send-button-container[b-xa92ay8nul] {
    display: flex;
    justify-content: end;
}

.send-button-container[b-xa92ay8nul]  button {
    margin: 1rem 0 10rem 0;
}

#sendCodeButton[b-xa92ay8nul] {
    width: 100%;
}

.text-center[b-xa92ay8nul] {
    margin-top: 1rem;
}

/*Breakpoints*/

@media (min-width: 1025px) {

    .send-button-container[b-xa92ay8nul]  button {
        width: auto;
        margin: 1rem 0 5rem 0;
    }

}

/* Tablet Landscape */
@media (min-width: 769px) and (max-width: 1024px) {
    
    .send-button-container[b-xa92ay8nul]  button {
        width: auto;
        margin: 1rem 0 10rem 0;
    }

}

/* Tablet Portrait */
@media (min-width: 391px) and (max-width: 768px) {
    
    .register-container[b-xa92ay8nul] {
        max-width: 520px;
    }

    .send-button-container[b-xa92ay8nul]  button {
        width: auto;
        margin: 1rem 0 15rem 0;
    }

}

/* Mobile */
@media (max-width: 390px) {
   
    .send-button-container[b-xa92ay8nul]  .button.btn.btn-primary,
    .send-button-container[b-xa92ay8nul]  button {
        width: 100%;
    }

}

/* _content/InfoMarcas2.Server/Components/Pages/AddOrEditBenefitsWheelPage.razor.rz.scp.css */
[b-ls87kmq4de] .edit-button {
    right: 20px;
    top: 40px;
}

[b-ls87kmq4de] .beneficio-content {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    align-content: center;
    align-items: center;
}

    [b-ls87kmq4de] .beneficio-content:first-of-type span {
        color: var(--color-base-black, #000);
        /* Body/Regular/16 */
        font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
        font-size: 16px;
        font-style: normal;
        font-weight: var(--font-weight-semibold);
        line-height: 130%; /* 20.8px */
    }

    [b-ls87kmq4de] .beneficio-content span {
        color: var(--gray-color-neutral-800, #262626);
        /* Input/Label */
        font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
        font-size: 16px;
        font-style: normal;
        font-weight: var(--font-weight-regular);
        line-height: 20px; /* 125% */
    }

[b-ls87kmq4de] .beneficio-body {
}

    [b-ls87kmq4de] .beneficio-body label {
        color: var(--gray-color-neutral-800, #262626);
        /* Input/Label */
        font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
        font-size: 16px;
        font-style: normal;
        font-weight: var(--font-weight-regular);
        line-height: 20px; /* 125% */
    }

.probabilidades-premios[b-ls87kmq4de] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}
/* _content/InfoMarcas2.Server/Components/Pages/BenefitsWheelPage.razor.rz.scp.css */
/* RuletasBeneficios.razor.css */

.ruleta-container[b-ml67u9qh49] {
    background-color: var(--color-background);
    color: var(--color-body-text);
    border-radius: var(--default-border-radius);
}

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

.ruleta-title[b-ml67u9qh49] {
    font-size: var(--font-size-display);
    font-weight: var(--font-weight-bold);
    margin: 0;
}

.ruleta-new-button[b-ml67u9qh49] {
    padding: 0.5rem 1rem;
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-semibold);
    background-color: var(--color-primary);
    color: var(--color-body-text-light);
    border: none;
    border-radius: var(--default-border-radius);
    cursor: pointer;
}

.ruleta-search[b-ml67u9qh49] {
    position: relative;
    margin-bottom: 1rem;
}

.ruleta-search-input[b-ml67u9qh49] {
    width: 100%;
    padding: 0.5rem 2.5rem 0.5rem 1rem;
    font-size: var(--font-size-body);
    color: var(--color-body-text);
    background-color: var(--color-surface);
    border: 1px solid var(--color-divider);
    border-radius: var(--default-border-radius);
}

.ruleta-search-icon[b-ml67u9qh49] {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    color: var(--color-disabled);
}

.ruleta-list[b-ml67u9qh49] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ruleta-item[b-ml67u9qh49] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border: 1px solid var(--color-divider);
    border-radius: var(--default-border-radius);
}

    .ruleta-item:hover[b-ml67u9qh49] {
        cursor: pointer;
        opacity: .7;
        background-color: var(--primary-green-300);
    }

.ruleta-item-title[b-ml67u9qh49] {
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-regular);
    overflow: hidden;
    color: var(--gray-color-neutral-800, #262626);
    text-overflow: ellipsis;
    /* Subtitle/Bold/18 */
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 18px;
    font-style: normal;
    font-weight: var(--font-weight-bold, 700);
    line-height: 130%; /* 23.4px */
}

.roulet-3dots-container[b-ml67u9qh49] {
    /*d-flex flex-column gap-2 justify-center align-center margin-sm*/
    gap: 8px;
    margin: 5px;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    display: flex;
}

.ruleta-item-menu[b-ml67u9qh49] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: 1rem;
    color: var(--color-body-text);
}

    .ruleta-item-menu:hover[b-ml67u9qh49] {
        color: var(--color-primary);
    }

/* Caso queira estilizar o estado �sem resultados� */
.ruleta-no-results[b-ml67u9qh49] {
    font-size: var(--font-size-body);
    color: var(--color-disabled);
    text-align: center;
    padding: 1rem 0;
}
/* _content/InfoMarcas2.Server/Components/Pages/Branchs/BranchContactInfoPage.razor.rz.scp.css */
.textbox[b-v6ukz8spww] {
    border-radius: 4px;
    border: 1px solid var(--Border-inputs, #7B7B7B);
    background: var(--color-base-white, #FFF);
}
/* _content/InfoMarcas2.Server/Components/Pages/Carteleria/CarteleriaPage.razor.rz.scp.css */
/* Carteleria.razor.css */

/* Container principal */
.carteleria-container[b-h0hjutij9e] {
    background-color: var(--color-background);
    color: var(--color-body-text);
    border-radius: var(--default-border-radius);
}

/* Passos (Steps) */
.carteleria-steps[b-h0hjutij9e] {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 20px;
    border-radius: 12px;
    background-color: white !important;
    border: 1px solid var(--Border-Containers, #E5E7EB);
}

    .carteleria-steps .step[b-h0hjutij9e] {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
    }

    .carteleria-steps .step-icon[b-h0hjutij9e] {
        flex-shrink: 0;
        width: 2rem;
        height: 2rem;
        background-color: var(--color-primary);
        color: var(--color-body-text-light);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
    }

    .carteleria-steps .step-content .step-title[b-h0hjutij9e] {
        font-weight: var(--font-weight-semibold);
        font-size: 1rem;
    }

    .carteleria-steps .step-content .step-description[b-h0hjutij9e] {
        font-size: 0.875rem;
        color: var(--color-body-text);
    }

/* �rea de bot�es de a��o */
.carteleria-actions[b-h0hjutij9e] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

[b-h0hjutij9e] .carteleria-actions .action-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    color: var(--color-body-text);
    border: 1px solid var(--color-divider);
    border-radius: var(--default-border-radius);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
    font-weight: var(--font-weight-semibold);
    font-size: 0.875rem;
    max-width: 400px;
    height: 75px;
}

    [b-h0hjutij9e] .carteleria-actions .action-button:hover img {
        color: white !important;
        filter: invert(86%) sepia(89%) saturate(3%) hue-rotate(151deg) brightness(105%) contrast(100%);
    }

.action-format[b-h0hjutij9e] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}


[b-h0hjutij9e] .carteleria-actions button {
}
/* _content/InfoMarcas2.Server/Components/Pages/Carteleria/CarteleriaPage3.razor.rz.scp.css */
/* CarteleriaConQr.razor.css */

/* Container principal */
.carteleria-qr-container[b-ogkdqb3k1n] {
    background-color: var(--color-background);
    color: var(--color-body-text);
    border-radius: var(--default-border-radius);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* T�tulo e subt�tulo */
.carteleria-qr-title[b-ogkdqb3k1n] {
    font-size: var(--font-size-display);
    font-weight: var(--font-weight-bold);
    margin-bottom: 0.5rem;
}

.carteleria-qr-subtitle[b-ogkdqb3k1n] {
    font-size: var(--font-size-body);
    margin-bottom: 1.5rem;
}

/* Formul�rio de sele��o */
.carteleria-qr-form-group[b-ogkdqb3k1n] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.carteleria-qr-label[b-ogkdqb3k1n] {
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-semibold);
    color: var(--color-body-text);
}

.carteleria-qr-select[b-ogkdqb3k1n] {
    padding: 0.5rem;
    font-size: var(--font-size-body);
    color: var(--color-body-text);
    background-color: var(--color-background);
    border: 1px solid var(--color-divider);
    border-radius: var(--default-border-radius);
}

/* Lista de cards */
.carteleria-qr-list[b-ogkdqb3k1n] {
    display: grid;
    grid-template-columns: 1fr;
}

/* Card individual */
.carteleria-qr-card[b-ogkdqb3k1n] {
    display: flex;
    border: 1px solid var(--color-divider);
    border-radius: var(--default-border-radius);
    overflow: hidden;
}

/* �rea da imagem no card */
.carteleria-qr-card-image[b-ogkdqb3k1n] {
    flex-shrink: 0;
    padding: 32px 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-neutral-1);
    border-radius: 4px;
    border: 1px solid var(--Border-Containers, #E5E7EB);
    background: var(--Primary-color-brand-primary-50, #EFFEF7);
    width: 220px;
    height: 215px;
}

    .carteleria-qr-card-image i[b-ogkdqb3k1n] {
        font-size: 2rem;
        color: var(--color-accent-500);
    }

/* Conte�do do card */
.carteleria-qr-card-content[b-ogkdqb3k1n] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
}

.carteleria-qr-card-title[b-ogkdqb3k1n] {
    color: var(--negro, #000);
    /* Body/Bold/16 */
    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%; /* 20.8px */
}

.carteleria-qr-card-text[b-ogkdqb3k1n] {
    color: var(--negro, #000);
    /* Body/Regular/16 */
    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%; /* 20.8px */
}

/* Bot�o de a��o do card */
[b-ogkdqb3k1n] .carteleria-qr-action-button {
    align-self: start;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-semibold);
    background-color: transparent;
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
    border-radius: var(--default-border-radius);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

    .carteleria-qr-action-button:hover[b-ogkdqb3k1n] {
        background-color: var(--color-primary);
        color: var(--color-body-text-light);
        border-color: var(--color-primary);
    }
/* _content/InfoMarcas2.Server/Components/Pages/ConsultantsPages/Campanas.razor.rz.scp.css */
.main-menu-container[b-mo39dgzk4p] {
    justify-items: center;
}

.page-content-container[b-mo39dgzk4p] {
    margin: auto;
    padding: 4px 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.directory-header[b-mo39dgzk4p] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.directory-description-item[b-mo39dgzk4p] {
    display: flex;
    align-items: center;
    gap: 12px;
}

    .directory-description-item img[b-mo39dgzk4p] {
        width: 24px;
        height: 24px;
    }

.filters-container[b-mo39dgzk4p] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.search-box[b-mo39dgzk4p] {
    width: 400px;
    position: relative;
}

.search-icon[b-mo39dgzk4p] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
}

.search-box .e-input-group[b-mo39dgzk4p] {
    padding-left: 36px;
}

.icon-button[b-mo39dgzk4p] {
    border: none;
    background-color: #fafafa;
    cursor: pointer;
}

    .icon-button .ph[b-mo39dgzk4p] {
        font-size: 1.6rem;
    }

.country-dropdown[b-mo39dgzk4p] {
    min-width: 208px;
}

.consultants-grid[b-mo39dgzk4p] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}
[b-mo39dgzk4p] .consultants-grid .consultant-card{
    
}

.card-placeholder[b-mo39dgzk4p] {
    width: 100%;
    height: 114px;
    border: 1px dashed #ccc;
    border-radius: 8px;
    background-color: #f9f9f9;
}

.feature-icon-wrapper[b-mo39dgzk4p] {
    display: flex;
    padding: 12px;
    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: #000;
    font-size: 1.5rem;
}

.icon-button.active-filter .ph-heart[b-mo39dgzk4p] {
    color: #32E696;
}

.feature-icon-wrapper[b-mo39dgzk4p] {
    display: flex;
    padding: 12px;
    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: #000;
    font-size: 1.5rem;
}

.video-container[b-mo39dgzk4p] {
    display: flex;
    padding-left: 72px;
    flex-direction: row;
    align-items: flex-start;
    gap: var(--1, 4px);
    align-self: stretch;
    max-width: 205px;
    width: 100%;
    height: 364px;
}
.video-gallery[b-mo39dgzk4p] {
    display: flex; 
    gap: 16px;
}
/* _content/InfoMarcas2.Server/Components/Pages/ConsultantsPages/CampanasCard.razor.rz.scp.css */
.consultant-card[b-v9nu2czw9c] {
    min-width: 280px;
    max-width: 358px;

}

.contact-icons .icones[b-v9nu2czw9c] {
    font-size: 20px;
}

.card-inner-content[b-v9nu2czw9c] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
}

.consultant-info[b-v9nu2czw9c] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.photo-container .photo-container-item[b-v9nu2czw9c] {
    width: 64px !important;
    height: 64px !important;
    border: solid 1px #E5E7EB;
    border-radius: 8px;
    background-color: #e6f7f2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 500;
    color: #000
}

.icones[b-v9nu2czw9c] {
}

.favorite-icon[b-v9nu2czw9c] {
    color: #000;
    font-size: 1.5rem;
    cursor: pointer;
    border: none;
    outline: none;
}

.favorite-icon-active[b-v9nu2czw9c] {
    color: #32E696;
}

.contact-icons[b-v9nu2czw9c] {
    display: flex;
    gap: 16px;
    font-size: 1.3rem;
    color: #757575;
}

.photo-container[b-v9nu2czw9c] {
    padding: 1rem 0;
}

.container-indication[b-v9nu2czw9c] {
    display: flex;
    min-width: 280px;
    padding: var(--4, 16px);
    align-items: flex-start;
    gap: var(--2, 8px);
    align-self: stretch;
    border-radius: var(--2, 8px);
    border: 1px solid var(--Border-color-border-container, #E5E7EB);
    /* Shadow/shadow.surface.lg */
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.08);
    max-width: 648px;
    flex-direction:column;
}

.img-container[b-v9nu2czw9c] {
    width: 64px;
    height: 64px;
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: var(--md, 8px);
    border: 1px solid var(--Border-Containers, #E5E7EB);
    background: var(--color-base-white, #FFF);
}


    .img-container span[b-v9nu2czw9c] {
        color: #000;
        /* Title/Semibold/24 */
        font-family: var(--font-family-Poppins, Poppins);
        font-size: 24px;
        font-style: normal;
        font-weight: var(--font-weight-semibold, 600);
        line-height: 130%; /* 31.2px */
    }

.recomended-name[b-v9nu2czw9c] {
    color: var(--gray-color-neutral-800, #262626);
    /* Subtitle/Bold/18 */
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 18px;
    font-style: normal;
    font-weight: var(--font-weight-bold, 700);
    line-height: 130%; /* 23.4px */
}

.icons-container[b-v9nu2czw9c]{
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

[b-v9nu2czw9c] .icons-container button {
    display: flex;
    width: 32px !important;
    height: 32px !important;
    padding: 8px !important;
    align-items: center;
    gap: 8px;
    aspect-ratio: 1/1;
    border-radius: 4px;
    border: 1px solid var(--color-base-black, #000);
}

    [b-v9nu2czw9c] .icons-container button:hover {
        cursor: pointer;
        background-color: var(--color-secondary);
        color: white;
    }

.sf-card[b-v9nu2czw9c] {
}

.flag[b-v9nu2czw9c]{
    width: 24px;
    height: 24px;
    border-radius: 16px;
}

.social-icons[b-v9nu2czw9c] {
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 8px;
    margin-top: 5px;
    margin-bottom: 20px;
}

.social-icons a[b-v9nu2czw9c] {
    font-weight: 600;
    text-decoration: underline;
}

    .social-icons .feature-social-wrapper:nth-child(5)[b-v9nu2czw9c] {
        grid-column: span 4;
        justify-self: left;
        margin-top: 1px;
    }

.influencer-information p[b-v9nu2czw9c] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

/* _content/InfoMarcas2.Server/Components/Pages/ConsultantsPages/ConsultantCard.razor.rz.scp.css */
.consultant-card[b-obz9o51w5u] {
    min-width: 280px;
    max-width: 358px;

}
@media(max-width: 769px) {
    .consultant-card[b-obz9o51w5u] {
        min-width: 100%;
    }
}
.contact-icons .icones[b-obz9o51w5u] {
    font-size: 20px;
}

.card-inner-content[b-obz9o51w5u] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
}

.consultant-info[b-obz9o51w5u] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.photo-container .photo-container-item[b-obz9o51w5u] {
    width: 64px !important;
    height: 64px !important;
    border: solid 1px #E5E7EB;
    border-radius: 8px;
    background-color: #e6f7f2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 500;
    color: #000
}

.icones[b-obz9o51w5u] {
}

.favorite-icon[b-obz9o51w5u] {
    color: #000;
    font-size: 1.5rem;
    cursor: pointer;
    border: none;
    outline: none;
}

.favorite-icon-active[b-obz9o51w5u] {
    color: #32E696;
}

.contact-icons[b-obz9o51w5u] {
    display: flex;
    gap: 16px;
    font-size: 1.3rem;
    color: #757575;
}

.photo-container[b-obz9o51w5u] {
    padding: 1rem 0;
}

.container-indication[b-obz9o51w5u] {
    display: flex;
    min-width: 280px;
    padding: var(--4, 16px);
    align-items: flex-start;
    gap: var(--2, 12px);
    align-self: stretch;
    border-radius: var(--2, 8px);
    border: 1px solid var(--Border-color-border-container, #E5E7EB);
    /* Shadow/shadow.surface.lg */
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.08);
    max-width: 648px;
}

.img-container[b-obz9o51w5u] {
    width: 64px;
    height: 64px;
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: var(--md, 8px);
    border: 1px solid var(--Border-Containers, #E5E7EB);
    background: var(--color-base-white, #FFF);
}


    .img-container span[b-obz9o51w5u] {
        color: #000;
        /* Title/Semibold/24 */
        font-family: var(--font-family-Poppins, Poppins);
        font-size: 24px;
        font-style: normal;
        font-weight: var(--font-weight-semibold, 600);
        line-height: 130%; /* 31.2px */
    }

.recomended-name[b-obz9o51w5u] {
    color: var(--gray-color-neutral-800, #262626);
    /* Subtitle/Bold/18 */
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 18px;
    font-style: normal;
    font-weight: var(--font-weight-bold, 700);
    line-height: 130%; /* 23.4px */
}

[b-obz9o51w5u] .icons-container button {
    display: flex;
    width: 32px !important;
    height: 32px !important;
    padding: 8px !important;
    justify-content: center !important;
    align-items: center;
    gap: 8px;
    aspect-ratio: 1/1;
    border-radius: 4px;
    border: 1px solid var(--color-base-black, #000);
}

    [b-obz9o51w5u] .icons-container button:hover {
        cursor: pointer;
        background-color: var(--color-secondary);
        color: white;
    }

.sf-card[b-obz9o51w5u] {
}

.recommendation-card[b-obz9o51w5u] {
    width: 648px;
    max-width: 100%;
    height: auto;
    border-radius: 8px !important;
    background-color: #DAFEED !important;
    border: 1px solid #000 !important;
    box-shadow: none !important;
}

    .recommendation-card:hover[b-obz9o51w5u] {
        background-color: #DAFEED !important;
        border-color: #000 !important;
        box-shadow: none !important;
    }
/* _content/InfoMarcas2.Server/Components/Pages/ConsultantsPages/CXConsultantsPage.razor.rz.scp.css */
.main-menu-container[b-q7zr5j4z8x] {
    justify-items: center;
}

.page-content-container[b-q7zr5j4z8x] {
    margin: auto;
    padding: 4px 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.directory-header[b-q7zr5j4z8x] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.directory-description-item[b-q7zr5j4z8x] {
    display: flex;
    align-items: center;
    gap: 12px;
}

    .directory-description-item img[b-q7zr5j4z8x] {
        width: 40px;
        height: 40px;
    }

.filters-container[b-q7zr5j4z8x] {
    max-width: 654px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.search-box[b-q7zr5j4z8x] {
    width: 400px;
    position: relative;
}

.search-icon[b-q7zr5j4z8x] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
}

.search-box .e-input-group[b-q7zr5j4z8x] {
    padding-left: 36px;
}

.icon-button[b-q7zr5j4z8x] {
    border: none;
    background-color: #fafafa;
    cursor: pointer;
}

    .icon-button .ph[b-q7zr5j4z8x] {
        font-size: 1.6rem;
    }

.country-dropdown[b-q7zr5j4z8x] {
    min-width: 208px;
}

.consultants-grid[b-q7zr5j4z8x] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}
[b-q7zr5j4z8x] .consultants-grid .consultant-card{
    
}

.card-placeholder[b-q7zr5j4z8x] {
    width: 100%;
    height: 114px;
    border: 1px dashed #ccc;
    border-radius: 8px;
    background-color: #f9f9f9;
}

.feature-icon-wrapper[b-q7zr5j4z8x] {
    display: flex;
    padding: 12px;
    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: #000;
    font-size: 1.5rem;
}

.icon-button.active-filter .ph-heart[b-q7zr5j4z8x] {
    color: #32E696;
}
/* _content/InfoMarcas2.Server/Components/Pages/ConsultantsPages/HrConsultantsPage.razor.rz.scp.css */
.main-menu-container[b-34djehqwt9] {
    justify-items: center;
}

.page-content-container[b-34djehqwt9] {
    margin: auto; 
    padding: 4px 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.directory-header[b-34djehqwt9] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.directory-description-item[b-34djehqwt9] {
    display: flex;
    align-items: center;
    gap: 12px;
}

    .directory-description-item img[b-34djehqwt9] {
        width: 40px; 
        height: 40px;
    }

.filters-container[b-34djehqwt9] {
    max-width: 654px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.search-box[b-34djehqwt9] {
    width: 400px;
    position: relative;
}

.search-icon[b-34djehqwt9] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
}

.search-box .e-input-group[b-34djehqwt9] {
    padding-left: 36px;
}

.icon-button[b-34djehqwt9] {
    border: none;
    background-color: #fafafa;
    cursor: pointer;
}

    .icon-button .ph[b-34djehqwt9] {
        font-size: 1.6rem;
    }

.country-dropdown[b-34djehqwt9] {
    min-width: 208px; 
}

.consultants-grid[b-34djehqwt9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}

.card-placeholder[b-34djehqwt9] {
    width: 100%;
    height: 114px;
    border: 1px dashed #ccc;
    border-radius: 8px;
    background-color: #f9f9f9;
}
.feature-icon-wrapper[b-34djehqwt9] {
    display: flex;
    padding: 12px;
    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: #000;
    font-size: 1.5rem;
}
.icon-button.active-filter .ph-heart[b-34djehqwt9] {
    color: #32E696; 
}
/* _content/InfoMarcas2.Server/Components/Pages/ConsultantsPages/Marketers.razor.rz.scp.css */
.main-menu-container[b-r1s3x11s9l] {
    justify-items: center;
}

.page-content-container[b-r1s3x11s9l] {
    margin: auto;
    padding: 4px 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.directory-header[b-r1s3x11s9l] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.directory-description-item[b-r1s3x11s9l] {
    display: flex;
    align-items: center;
    gap: 12px;
}

    .directory-description-item img[b-r1s3x11s9l] {
        width: 24px;
        height: 24px;
    }

.filters-container[b-r1s3x11s9l] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.search-box[b-r1s3x11s9l] {
    width: 400px;
    position: relative;
}

.search-icon[b-r1s3x11s9l] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
}

.search-box .e-input-group[b-r1s3x11s9l] {
    padding-left: 36px;
}

.icon-button[b-r1s3x11s9l] {
    border: none;
    background-color: #fafafa;
    cursor: pointer;
}

    .icon-button .ph[b-r1s3x11s9l] {
        font-size: 1.6rem;
    }

.country-dropdown[b-r1s3x11s9l] {
    min-width: 208px;
}

.consultants-grid[b-r1s3x11s9l] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}
[b-r1s3x11s9l] .consultants-grid .consultant-card{
    
}

.card-placeholder[b-r1s3x11s9l] {
    width: 100%;
    height: 114px;
    border: 1px dashed #ccc;
    border-radius: 8px;
    background-color: #f9f9f9;
}

.feature-icon-wrapper[b-r1s3x11s9l] {
    display: flex;
    padding: 12px;
    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: #000;
    font-size: 1.5rem;
}

.icon-button.active-filter .ph-heart[b-r1s3x11s9l] {
    color: #32E696;
}

.feature-icon-wrapper[b-r1s3x11s9l] {
    display: flex;
    padding: 12px;
    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: #000;
    font-size: 1.5rem;
}

.video-container[b-r1s3x11s9l] {
    display: flex;
    padding-left: 72px;
    flex-direction: row;
    align-items: flex-start;
    gap: var(--1, 4px);
    align-self: stretch;
    max-width: 205px;
    width: 100%;
    height: 364px;
}
.video-gallery[b-r1s3x11s9l] {
    display: flex; 
    gap: 16px;
}
/* _content/InfoMarcas2.Server/Components/Pages/ConsultantsPages/MarketersCard.razor.rz.scp.css */
.consultant-card[b-8lkggkfsbz] {
    min-width: 280px;
    max-width: 358px;

}
@media(max-width: 769px) {
    .consultant-card[b-8lkggkfsbz] {
        min-width: 100%;
    }
}
.contact-icons .icones[b-8lkggkfsbz] {
    font-size: 20px;
}

.card-inner-content[b-8lkggkfsbz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
}

.consultant-info[b-8lkggkfsbz] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.photo-container .photo-container-item[b-8lkggkfsbz] {
    width: 64px !important;
    height: 64px !important;
    border: solid 1px #E5E7EB;
    border-radius: 8px;
    background-color: #e6f7f2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 500;
    color: #000
}

.icones[b-8lkggkfsbz] {
}

.favorite-icon[b-8lkggkfsbz] {
    color: #000;
    font-size: 1.5rem;
    cursor: pointer;
    border: none;
    outline: none;
}

.favorite-icon-active[b-8lkggkfsbz] {
    color: #32E696;
}

.contact-icons[b-8lkggkfsbz] {
    display: flex;
    gap: 16px;
    font-size: 1.3rem;
    color: #757575;
}

.photo-container[b-8lkggkfsbz] {
    padding: 1rem 0;
}

.container-indication[b-8lkggkfsbz] {
    display: flex;
    min-width: 280px;
    padding: var(--4, 16px);
    align-items: flex-start;
    gap: var(--2, 8px);
    align-self: stretch;
    border-radius: var(--2, 8px);
    border: 1px solid var(--Border-color-border-container, #E5E7EB);
    /* Shadow/shadow.surface.lg */
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.08);
    max-width: 648px;
    flex-direction:column;
}

.img-container[b-8lkggkfsbz] {
    width: 64px;
    height: 64px;
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: var(--md, 8px);
    border: 1px solid var(--Border-Containers, #E5E7EB);
    background: var(--color-base-white, #FFF);
}


    .img-container span[b-8lkggkfsbz] {
        color: #000;
        /* Title/Semibold/24 */
        font-family: var(--font-family-Poppins, Poppins);
        font-size: 24px;
        font-style: normal;
        font-weight: var(--font-weight-semibold, 600);
        line-height: 130%; /* 31.2px */
    }

.recomended-name[b-8lkggkfsbz] {
    color: var(--gray-color-neutral-800, #262626);
    /* Subtitle/Bold/18 */
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 18px;
    font-style: normal;
    font-weight: var(--font-weight-bold, 700);
    line-height: 130%; /* 23.4px */
}

.icons-container[b-8lkggkfsbz]{
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

[b-8lkggkfsbz] .icons-container button {
    display: flex;
    width: 32px !important;
    height: 32px !important;
    padding: 8px !important;
    align-items: center;
    gap: 8px;
    aspect-ratio: 1/1;
    border-radius: 4px;
    border: 1px solid var(--color-base-black, #000);
}

    [b-8lkggkfsbz] .icons-container button:hover {
        cursor: pointer;
        background-color: var(--color-secondary);
        color: white;
    }

.sf-card[b-8lkggkfsbz] {
}

.flag[b-8lkggkfsbz]{
    width: 24px;
    height: 24px;
    border-radius: 16px;
}

.prices-container p[b-8lkggkfsbz] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin-bottom: 8px;
    margin-top: 16px;
}
.button-container[b-8lkggkfsbz] {
    margin-top: 8px;
    display: inline-flex;
    align-items: center;
    padding: 12px 24px;
    border: 2px solid #000;
    border-radius: 4px;
    background-color: #fff;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.3s ease, border-color 0.3s ease;
    white-space: nowrap;
}

    .button-container:hover[b-8lkggkfsbz] {
        background-color: #f0f0f0;
    }

    .button-container .button-icon[b-8lkggkfsbz] {
        font-size: 16px;
        line-height: 1;
        margin-right: 8px;
    }
/* _content/InfoMarcas2.Server/Components/Pages/ConsultantsPages/MiCuenta.razor.rz.scp.css */
.buttons-container-responsive[b-s2pqqghxs4]{
    display: none;
}
.my-account-container[b-s2pqqghxs4] {
    display: flex;
    flex-direction: column;
    max-width: 41.5rem;
    gap: 24px;
}

.buttons-container[b-s2pqqghxs4] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 20px;
}

.info-rating-company-container[b-s2pqqghxs4] {
    background-color: var(--light-gray);
    border-radius: 16px;
    display: flex;
    justify-content: center;
}

.form-control.custom[b-s2pqqghxs4] {
    width: calc(100% - 24px);
}

form[b-s2pqqghxs4] {
    width: 100%;
}

@media only screen and (max-width: 390px) {
    .util-container[b-s2pqqghxs4] {
        display: flex;
        flex-direction: column-reverse;
    }

    .wrapper-container[b-s2pqqghxs4] {
        display: flex;
        flex-direction: column;
    }

    hr[b-s2pqqghxs4] {
        width: 100%;
    }

    [b-s2pqqghxs4] .alert {
        margin: 1rem 0 0 0;
    }

    .buttons-container[b-s2pqqghxs4] {
        display: flex;
        flex-direction: column-reverse;
    }

    [b-s2pqqghxs4] .upload-card {
        margin: 0 auto !important;
    }

    .buttons-container[b-s2pqqghxs4]{
    }

    [b-s2pqqghxs4] .util-container .buttons-container button {
        width: 100% !important;
        max-width: 100% !important;
    }

    .buttons-container-responsive[b-s2pqqghxs4]{
    }
}

[b-s2pqqghxs4] .top-row, 
[b-s2pqqghxs4] article {
    padding: 0 1.5rem !important;
}
/* _content/InfoMarcas2.Server/Components/Pages/ConsultantsPages/Subscription.razor.rz.scp.css */
.layout-page[b-yjrjjpmpsk] {
    display: flex;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    padding: 16px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.go-back[b-yjrjjpmpsk] {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 16px;
    align-self: stretch;
    flex-wrap: wrap;
}

.accordion-container[b-yjrjjpmpsk] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--2, 8px);
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--Border-Containers, #E5E7EB);
    background: var(--color-base-white, #FFF);
    /* Shadow/shadow.surface.lg */
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.08);
}

.container-content[b-yjrjjpmpsk] {
    display: flex;
    width: 100%;
    max-width: 480px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--8, 32px);
    align-self: stretch;
}

.resumen-container[b-yjrjjpmpsk] {
    display: flex;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--8, 32px);
    align-self: stretch;
}

.resumen-content[b-yjrjjpmpsk] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--2, 8px);
    align-self: stretch;
}

.table-row[b-yjrjjpmpsk] {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
}

.resumen-left[b-yjrjjpmpsk] {
    display: flex;
    height: 52px;
    min-width: 104px;
    padding: var(--spacing-4, 16px) var(--2, 8px);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--1, 4px);
    flex: 1 0 0;
    border-bottom: 1px solid var(--Gray-color-neutral-400, #9D9D9D);
}

.resumen-right[b-yjrjjpmpsk] {
    display: flex;
    width: 104px;
    height: 52px;
    min-width: 104px;
    padding: var(--spacing-4, 16px) var(--1, 4px);
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: var(--1, 4px);
    border-bottom: 1px solid var(--Gray-color-neutral-400, #9D9D9D);
}

.partner-container[b-yjrjjpmpsk] {
    display: flex;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--4, 16px);
    align-self: stretch;
}

.partner-item[b-yjrjjpmpsk] {
    display: flex;
    width: 100%;
    max-width: 480px;
    padding: 12px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--Border-Containers, #E5E7EB);
    background: var(--color-base-white, #FFF);
    /* Shadow/shadow.surface.lg */
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.08);
}

.partner-header[b-yjrjjpmpsk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.partner-details[b-yjrjjpmpsk] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
}

.detail-row[b-yjrjjpmpsk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.total-row[b-yjrjjpmpsk] {
    margin-top: 8px;
    padding-top: 8px;
}

.nombre-partner[b-yjrjjpmpsk] {
    color: var(--gray-color-neutral-800, #262626);
    /* Subtitle/Bold/18 */
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 18px;
    font-style: normal;
    font-weight: var(--font-weight-bold, 700);
    line-height: 130%; /* 23.4px */
}

.date-partner[b-yjrjjpmpsk] {
    color: var(--gray-color-neutral-800, #262626);
    text-align: right;
    /* Subtitle/Bold/18 */
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 18px;
    font-style: normal;
    font-weight: var(--font-weight-bold, 700);
    line-height: 130%; /* 23.4px */
}

.text-marcas[b-yjrjjpmpsk] {
    color: var(--gray-color-neutral-800, #262626);
    /* Body/Regular/16 */
    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%; /* 20.8px */
}

.value-marcas[b-yjrjjpmpsk] {
    color: var(--gray-color-neutral-800, #262626);
    text-align: right;
    /* Body/Regular/16 */
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 16px;
    font-style: normal;
    font-weight: var(--font-weight-regular, 700);
    line-height: 130%; /* 20.8px */
}

.total-partner[b-yjrjjpmpsk] {
    color: var(--color-base-black, #000);
    /* Body/Bold/16 */
    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%; /* 20.8px */
}

.value-total-partner[b-yjrjjpmpsk] {
    color: var(--color-base-black, #000);
    /* Body/Bold/16 */
    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%; /* 20.8px */
    text-align: right;
}

.medio-container[b-yjrjjpmpsk] {
    margin-top: 10px;
    display: flex;
    width: 100%;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--2, 8px);
    align-self: stretch;
}

.medio-title[b-yjrjjpmpsk] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 0;
    align-self: stretch;
    overflow: hidden;
    color: var(--gray-color-neutral-800, #262626);
    text-overflow: ellipsis;
    white-space: nowrap;
    /* Subtitle/Bold/18 */
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 18px;
    font-style: normal;
    font-weight: var(--font-weight-bold, 700);
    line-height: 130%; /* 23.4px */
}

.medio-row[b-yjrjjpmpsk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.medio-button[b-yjrjjpmpsk] {
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.medio-buttom-typo[b-yjrjjpmpsk] {
    color: var(--color-base-black, #000);
    text-align: center;
    /* Button/Label Large */
    font-family: var(--font-family-Poppins, Poppins);
    font-size: 16px;
    font-style: normal;
    font-weight: var(--font-weight-medium, 500);
    line-height: 24px; /* 150% */
}

.tarjeta-container[b-yjrjjpmpsk] {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    border-radius: 8px;
    border: 1px solid var(--Border-inputs, #7B7B7B);
    background: var(--primary-color-brand-primary-300, #7FF6C1);
}

h3[b-yjrjjpmpsk], h4[b-yjrjjpmpsk] {
    width: 100%;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}

hr[b-yjrjjpmpsk] {
    width: 100%;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}
/* _content/InfoMarcas2.Server/Components/Pages/ConsultantsPages/SubscriptionCard.razor.rz.scp.css */
.consultant-card[b-zvuh34pwgy] {
    min-width: 280px;
    max-width: 358px;

}

@media(max-width: 769px){
    .consultant-card[b-zvuh34pwgy] {
        min-width: 100%;
    }
}

.contact-icons .icones[b-zvuh34pwgy] {
    font-size: 20px;
}

.card-inner-content[b-zvuh34pwgy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
}

.consultant-info[b-zvuh34pwgy] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.photo-container .photo-container-item[b-zvuh34pwgy] {
    width: 64px !important;
    height: 64px !important;
    border: solid 1px #E5E7EB;
    border-radius: 8px;
    background-color: #e6f7f2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 500;
    color: #000
}

.icones[b-zvuh34pwgy] {
}

.favorite-icon[b-zvuh34pwgy] {
    color: #000;
    font-size: 1.5rem;
    cursor: pointer;
    border: none;
    outline: none;
}

.favorite-icon-active[b-zvuh34pwgy] {
    color: #32E696;
}

.contact-icons[b-zvuh34pwgy] {
    display: flex;
    gap: 16px;
    font-size: 1.3rem;
    color: #757575;
}

.photo-container[b-zvuh34pwgy] {
    padding: 1rem 0;
}

.container-indication[b-zvuh34pwgy] {
    display: flex;
    min-width: 280px;
    padding: var(--4, 16px);
    align-items: flex-start;
    gap: var(--2, 8px);
    align-self: stretch;
    border-radius: var(--2, 8px);
    border: 1px solid var(--Border-color-border-container, #E5E7EB);
    /* Shadow/shadow.surface.lg */
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.08);
    max-width: 648px;
    flex-direction:column;
}

.img-container[b-zvuh34pwgy] {
    width: 64px;
    height: 64px;
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: var(--md, 8px);
    border: 1px solid var(--Border-Containers, #E5E7EB);
    background: var(--color-base-white, #FFF);
}


    .img-container span[b-zvuh34pwgy] {
        color: #000;
        /* Title/Semibold/24 */
        font-family: var(--font-family-Poppins, Poppins);
        font-size: 24px;
        font-style: normal;
        font-weight: var(--font-weight-semibold, 600);
        line-height: 130%; /* 31.2px */
    }

.recomended-name[b-zvuh34pwgy] {
    color: var(--gray-color-neutral-800, #262626);
    /* Subtitle/Bold/18 */
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 18px;
    font-style: normal;
    font-weight: var(--font-weight-bold, 700);
    line-height: 130%; /* 23.4px */
}

.icons-container[b-zvuh34pwgy]{
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

[b-zvuh34pwgy] .icons-container button {
    display: flex;
    width: 32px !important;
    height: 32px !important;
    padding: 8px !important;
    align-items: center;
    gap: 8px;
    aspect-ratio: 1/1;
    border-radius: 4px;
    border: 1px solid var(--color-base-black, #000);
}

    [b-zvuh34pwgy] .icons-container button:hover {
        cursor: pointer;
        background-color: var(--color-secondary);
        color: white;
    }

.sf-card[b-zvuh34pwgy] {
}

.flag[b-zvuh34pwgy]{
    width: 24px;
    height: 24px;
    border-radius: 16px;
}

.social-icons[b-zvuh34pwgy] {
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 8px;
    margin-top: 5px;
    margin-bottom: 20px;
}

.social-icons a[b-zvuh34pwgy] {
    font-weight: 600;
    text-decoration: underline;
}

    .social-icons .feature-social-wrapper:nth-child(5)[b-zvuh34pwgy] {
        grid-column: span 4;
        justify-self: left;
        margin-top: 1px;
    }

.influencer-information p[b-zvuh34pwgy] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

/* _content/InfoMarcas2.Server/Components/Pages/ConsultantsPages/UsuariosYPermisosPage.razor.rz.scp.css */
.usuarios-y-permisos[b-9f0pu5vcmp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* _content/InfoMarcas2.Server/Components/Pages/ContenidoCompartir/CompartirCard.razor.rz.scp.css */
.card-container[b-8jhjvo3weh] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.5rem; 
}

.text-content[b-8jhjvo3weh] {
    flex-grow: 1; 
}

.titulo-card[b-8jhjvo3weh] {
    font-family: 'Nunito Sans', sans-serif; 
    font-weight: 700;
    font-size: 16px;
    color: #333;
    margin: 0 0 0.5rem 0; 
}

.description[b-8jhjvo3weh] {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400; 
    font-size: 14px;
    color: #555;
    margin: 0;
    line-height: 1.5;
}

.card-placeholder[b-8jhjvo3weh] {
    width: 96px;
    height: 96px;
    flex-shrink: 0;
    background-color: #EFFEF7;
    border: 1px solid #E5E7EB;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* _content/InfoMarcas2.Server/Components/Pages/ContenidoCompartir/CompartirThreeDotsPopup.razor.rz.scp.css */
.trigger-button[b-fb26mmvn53] {
    background-color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1; 
}

    .trigger-button:hover[b-fb26mmvn53] {
        background-color: #f5f5f5;
    }

    .trigger-button i[b-fb26mmvn53] {
        font-size: 24px;
        color: #374151;
    }

.popup-menu-container[b-fb26mmvn53] {
    background-color: white;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px; 
    min-width: 160px; 
}

.popup-menu-item[b-fb26mmvn53] {
    display: flex;
    align-items: center;
    gap: 12px; 
    width: 100%;
    padding: 8px 12px;
    border: none;
    background-color: transparent;
    border-radius: 4px;
    text-align: left;
    font-size: 14px;
    color: #374151;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

    .popup-menu-item:hover[b-fb26mmvn53] {
        background-color: #f3f4f6;
    }

    .popup-menu-item i[b-fb26mmvn53] {
        font-size: 18px;
    }
/* _content/InfoMarcas2.Server/Components/Pages/ContenidoCompartir/ContenidoParaCompartir.razor.rz.scp.css */
.banner-container[b-zosw2x6ri5] {
    width: 100%;
    position: relative;
}
    .banner-container .banner-image[b-zosw2x6ri5] {
        width: 100%;
        height: auto;
    }
    .banner-container img[b-zosw2x6ri5] {
        width: 100%;
        vertical-align: middle;
    }

.page-container[b-zosw2x6ri5] {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 0.25rem 0.25rem 2rem 0.25rem;
    background-color: #f8f9fa;
    max-width: 992px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.flags-container[b-zosw2x6ri5] {
    height: auto !important;
    width: 100% !important;
    flex-wrap: wrap !important;
    gap: 8px;
    width: 100%;
    height: 24px;
    padding: 0 8px;
    margin-bottom: 3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

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

.flag-img[b-zosw2x6ri5] {
    height: 100%;
    width: auto;
    border-radius: 4px;
}

.content-section[b-zosw2x6ri5] {
    width: 100%;
    margin-bottom: 1.5rem;
}

.section-title[b-zosw2x6ri5] {
    font-size: 1.75rem; 
    font-weight: 600;
    margin-bottom: 1rem;
    color: #333;
}

.sub-title[b-zosw2x6ri5] {
    font-size: 1.5rem; 
    font-weight: 600;
    margin-bottom: 1rem;
    color: #333;
}

.areas-list[b-zosw2x6ri5] {
    display: flex;
    flex-direction:column;
    align-items:flex-start;
    gap: 0.75rem;
}

.area-link[b-zosw2x6ri5] {
    color: #1952A6;
    text-decoration: underline;
    font-size: 1rem;
    cursor: pointer;
    font-weight: 700;
    font-size: 1rem;
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
}

.section-divider[b-zosw2x6ri5] {
    width: 100%;
    border: 0;
    border-top: 1px solid #dee2e6;
    margin: 1rem 0;
    
}

.image-placeholder[b-zosw2x6ri5] {
    position: relative;
    width: 100%;
    max-height: 264px;
    height: 264px;
    flex-shrink: 0;
    background-color: #EFFEF7;
    border: 1px solid #E5E7EB;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
}

.placeholder-icon[b-zosw2x6ri5] {
    font-size: 4rem; 
}

.placeholder-menu-btn[b-zosw2x6ri5] {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #6c757d;
}

.text-content p[b-zosw2x6ri5] {
    font-size: 1rem;
    line-height: 1.6;
    color: #495057;
    margin-bottom: 1rem;
}

.card-grid[b-zosw2x6ri5] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

@media (max-width: 767px) {

    .page-container[b-zosw2x6ri5] {
        align-items: stretch;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .section-title[b-zosw2x6ri5] {
        font-size: 1.5rem; 
    }

    .sub-title[b-zosw2x6ri5] {
        font-size: 1.25rem; 
    }

    .card-grid[b-zosw2x6ri5] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1024px) {

    .page-container[b-zosw2x6ri5] {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/FotosAprobacion.razor.rz.scp.css */
body[b-ysbvosgi4z] {
    margin: 0;
    font-family: system-ui,Arial,Helvetica,sans-serif
}

.title[b-ysbvosgi4z] {
    margin: 1rem 0
}

.filter-bar[b-ysbvosgi4z] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    align-items: flex-end
}

.filter-field[b-ysbvosgi4z] {
    display: flex;
    flex-direction: column;
    min-width: 0
}

    .filter-field.search[b-ysbvosgi4z] {
        flex: 2
    }

    .filter-field label[b-ysbvosgi4z] {
        margin-bottom: .25rem;
        font-weight: 600
    }

    .filter-field .select-input[b-ysbvosgi4z],
    .filter-field input[b-ysbvosgi4z],
    .filter-field select[b-ysbvosgi4z] {
        width: 100%;
        padding: .5rem;
        border: 1px solid #ccc;
        border-radius: 4px
    }

.spinner[b-ysbvosgi4z] {
    width: 48px;
    height: 48px;
    border: 5px solid #ccc;
    border-top-color: #0077cc;
    border-radius: 50%;
    animation: spin-b-ysbvosgi4z 1s linear infinite;
    margin: 2rem auto
}

@keyframes spin-b-ysbvosgi4z {
    to {
        transform: rotate(360deg)
    }
}

.status-msg[b-ysbvosgi4z] {
    text-align: center;
    margin: 2rem 0;
    color: #555
}

.card-grid[b-ysbvosgi4z] {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(280px,1fr));
    gap: 1rem
}

.card[b-ysbvosgi4z] {
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
    background: #fff
}

    .card img[b-ysbvosgi4z] {
        width: 200px;
        height: 200px;
        margin: 0 auto;
        margin-top:10px;
        object-fit: cover
    }

.card-info[b-ysbvosgi4z] {
    padding: .75rem;
    display: flex;
    flex-direction: column;
    gap: .25rem
}

.client[b-ysbvosgi4z] {
    font-weight: 600
}

.small[b-ysbvosgi4z] {
    font-size: .85rem;
    color: #555
}

.badge[b-ysbvosgi4z] {
    background: #6c757d;
    color: #fff;
    padding: .2rem .5rem;
    border-radius: 4px;
    font-size: .75rem;
    width: max-content
}

.btn[b-ysbvosgi4z] {
    margin: .25rem .75rem;
    padding: .5rem;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: calc(100% - 1.5rem)
}
.btn-restore[b-ysbvosgi4z] {
    background: #007bff;
    color: #fff
}

.btn-approve[b-ysbvosgi4z] {
    background: #28a745;
    color: #fff
}
.btn-unapprove[b-ysbvosgi4z]{
    background-color:grey;
}
.btn-reject[b-ysbvosgi4z] {
    background: #dc3545;
    color: #fff
}

.reject-menu[b-ysbvosgi4z] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin: 0 .75rem
}

.menu-item[b-ysbvosgi4z] {
    padding: .4rem;
    border: 1px solid #dc3545;
    background: #fff;
    color: #dc3545;
    border-radius: 4px;
    cursor: pointer;
    font-size: .85rem
}

    .menu-item:hover[b-ysbvosgi4z] {
        background: #dc3545;
        color: #fff
    }

.motivo[b-ysbvosgi4z] {
    margin: .5rem .75rem;
    padding: .5rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical
}

.confirm[b-ysbvosgi4z] {
    margin-bottom: .75rem
}

.grow[b-ysbvosgi4z]{
    width:50%;
}

[b-ysbvosgi4z] .grow .form  {
    width: 100%;
    max-width: 100%;
}

.pagination-controls[b-ysbvosgi4z] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-top: 2rem;
}

    .pagination-controls span[b-ysbvosgi4z] {
        font-size: 1rem;
        font-weight: 500;
    }

    .pagination-controls button[b-ysbvosgi4z] {
        padding: 0.5rem 1rem;
        border: 1px solid #ccc;
        background-color: #f0f0f0;
        cursor: pointer;
        border-radius: 4px;
        width:50px;
    }

        .pagination-controls button:disabled[b-ysbvosgi4z] {
            cursor: not-allowed;
            opacity: 0.5;
        }
.pagination-controls[b-ysbvosgi4z] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    margin-top: 2rem;
    padding-bottom: 2rem; /* Adiciona espa�o no final */
}

    .pagination-controls .btn[b-ysbvosgi4z] {
        min-width: 40px;
        padding: 0.5rem 0.75rem;
        border: 1px solid #ccc;
        background-color: #f0f0f0;
        cursor: pointer;
        border-radius: 4px;
        font-size: 0.9rem;
        text-align: center;
        transition: background-color 0.2s;
    }

        .pagination-controls .btn:disabled[b-ysbvosgi4z] {
            cursor: not-allowed;
            opacity: 0.5;
        }

        .pagination-controls .btn.active[b-ysbvosgi4z] {
            background-color: #007bff;
            color: white;
            border-color: #007bff;
        }

        .pagination-controls .btn:hover:not(.active):not(:disabled)[b-ysbvosgi4z] {
            background-color: #ddd;
        }
.filter-field[b-ysbvosgi4z] {
    border-left: 5px solid transparent;
    padding-left: 10px;
    border-radius: 5px;
    transition: border-color 0.3s ease-in-out;
}

    /* Estilos APRIMORADOS para os filtros: Borda + Cor do Texto */
    .filter-field.filter-approved[b-ysbvosgi4z] {
        color: #28a745;
    }

        .filter-field.filter-approved[b-ysbvosgi4z], .filter-field.filter-approved label[b-ysbvosgi4z], .filter-field.filter-approved input[b-ysbvosgi4z] {
            color: #28a745;
            font-weight: 500;
        }

    .filter-field.filter-rejected[b-ysbvosgi4z] {
        color: #dc3545;
    }

        .filter-field.filter-rejected[b-ysbvosgi4z], .filter-field.filter-rejected label[b-ysbvosgi4z], .filter-field.filter-rejected input[b-ysbvosgi4z] {
            color: #dc3545;
            font-weight: 500;
        }

    .filter-field.filter-pending[b-ysbvosgi4z] {
        color: #007bff;
    }

        .filter-field.filter-pending[b-ysbvosgi4z], .filter-field.filter-pending label[b-ysbvosgi4z], .filter-field.filter-pending input[b-ysbvosgi4z] {
            color: #007bff;
            font-weight: 500;
        }

    .filter-field.filter-all[b-ysbvosgi4z] {
        color: #6c757d;
    }

        .filter-field.filter-all[b-ysbvosgi4z], .filter-field.filter-all label[b-ysbvosgi4z], .filter-field.filter-all input[b-ysbvosgi4z] {
            color: #6c757d;
            font-weight: 500;
        }

    .filter-field.filter-promotion[b-ysbvosgi4z] {
        color: #6f42c1;
    }

        .filter-field.filter-promotion[b-ysbvosgi4z], .filter-field.filter-promotion label[b-ysbvosgi4z], .filter-field.filter-promotion input[b-ysbvosgi4z] {
            color: #6f42c1;
            font-weight: 500;
        }

    .filter-field.filter-sorteo[b-ysbvosgi4z] {
        color: #fd7e14;
    }

        .filter-field.filter-sorteo[b-ysbvosgi4z], .filter-field.filter-sorteo label[b-ysbvosgi4z], .filter-field.filter-sorteo input[b-ysbvosgi4z] {
            color: #fd7e14;
            font-weight: 500;
        }

    .filter-field.filter-other[b-ysbvosgi4z] {
        color: #20c997;
    }

        .filter-field.filter-other[b-ysbvosgi4z], .filter-field.filter-other label[b-ysbvosgi4z], .filter-field.filter-other input[b-ysbvosgi4z] {
            color: #20c997;
            font-weight: 500;
        }

/* Estilos para as ETIQUETAS (BADGES) nos cards */
.card-info[b-ysbvosgi4z] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.badge-container[b-ysbvosgi4z] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.badge[b-ysbvosgi4z] {
    padding: 0.25em 0.6em;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.375rem;
    color: #fff;
}

.badge-approved[b-ysbvosgi4z] {
    background-color: #28a745;
}

.badge-rejected[b-ysbvosgi4z] {
    background-color: #dc3545;
}

.badge-pending[b-ysbvosgi4z] {
    background-color: #007bff;
}

.badge-promotion[b-ysbvosgi4z] {
    background-color: #6f42c1;
}

.badge-sorteo[b-ysbvosgi4z] {
    background-color: #fd7e14;
}

.badge-other[b-ysbvosgi4z] {
    background-color: #20c997;
}

.badge-all[b-ysbvosgi4z] {
    background-color: #6c757d;
}

/* Estilos da Pagina��o */
.pagination-controls[b-ysbvosgi4z] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    margin-top: 2rem;
    padding-bottom: 2rem;
}

    .pagination-controls .btn[b-ysbvosgi4z] {
        min-width: 40px;
        padding: 0.5rem 0.75rem;
        border: 1px solid #ccc;
        background-color: #f0f0f0;
        cursor: pointer;
        border-radius: 4px;
        font-size: 0.9rem;
        text-align: center;
        transition: background-color 0.2s;
    }

        .pagination-controls .btn:disabled[b-ysbvosgi4z] {
            cursor: not-allowed;
            opacity: 0.5;
        }

        .pagination-controls .btn.active[b-ysbvosgi4z] {
            background-color: #007bff;
            color: white;
            border-color: #007bff;
        }

        .pagination-controls .btn:hover:not(.active):not(:disabled)[b-ysbvosgi4z] {
            background-color: #ddd;
        }

.rejection-info[b-ysbvosgi4z]{
    color:red;
    text-align:center;
    margin:10px 0;
}
/* _content/InfoMarcas2.Server/Components/Pages/GenerarIngresosPartnes.razor.rz.scp.css */
.partner-role[b-dbb8ng2f34] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 12px;
    border-radius: 999px;
    background: #0A7287;
    color: var(--secondary-white-50);
    height: 64px;
    font-weight: 500;
    width: 100%;
}

.partner-role__icon[b-dbb8ng2f34] {
    font-size: 18px;
    line-height: 1;
    color: inherit;
}
/* _content/InfoMarcas2.Server/Components/Pages/GiveAwayAndPromotinosPage.razor.rz.scp.css */
.tab-selector-wrapper[b-yp4sgk2eth] {
    display: flex;
    flex: 1 0 0;
    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;
}

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

.sub-menu-container .menu-item-active .menu-item-text[b-yp4sgk2eth] {
    font-weight: bold;
}


.promociones-page-container[b-yp4sgk2eth] {
}
/* _content/InfoMarcas2.Server/Components/Pages/HistorialDeAtencion.razor.rz.scp.css */
.info-rating-company-container[b-cste00qbdx] {
    background-color: var(--light-gray);
    border-radius: 16px;
    display: flex;
    justify-content: center;
}
/* _content/InfoMarcas2.Server/Components/Pages/Home.razor.rz.scp.css */
.home-container[b-ugqmy5de4b] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 1rem;
    padding-bottom: 9rem;
}

.header-banner[b-ugqmy5de4b] {
    width: 100%;
    min-height: 320px;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 0 32px 0;
    position: relative;
}

.banner-content[b-ugqmy5de4b] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 72px;
    width: 100%;
    max-width: 1200px;
    flex-direction: row-reverse;
}

.banner-text[b-ugqmy5de4b] {
    display: flex;
    flex-direction: column;
    align-items: center; 
    justify-content: center;
    text-align: center;
}

.banner-title[b-ugqmy5de4b] {
    font-size: 2rem;
    color: #111;
    line-height: 1.2;
    font-weight: 400;
}

.text-strong[b-ugqmy5de4b] {
    font-weight: 700;
}

.banner-image[b-ugqmy5de4b] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 280px;
    max-width: 460px;
    position: relative;
}

    .banner-image img[b-ugqmy5de4b] {
        width: 100%;
        max-width: 420px;
        height: auto;
        display: block;
        z-index: 2;
    }

@media (min-width: 631px) {
    .banner-title[b-ugqmy5de4b] {
        font-size: 2.8rem;
        font-weight: 400;
        color: #111;
        line-height: 1.1;
        margin-bottom: 0.5rem;
    }

    .text-strong[b-ugqmy5de4b] {
        font-size: 2.4rem;
        font-weight: 900;
        color: #111;
        line-height: 1.1;
        margin-bottom: 0.5rem;
    }

    .banner-image img[b-ugqmy5de4b] {
        max-width: 520px;
        min-width: 280px;
        width: 100%;
        height: auto;
    }

    .banner-content[b-ugqmy5de4b] {
        gap: 96px;
    }
}

@media (max-width: 630px) {
    .banner-content[b-ugqmy5de4b] {
        flex-direction: column;
        gap: 32px;
        text-align: center;
    }
    .banner-text[b-ugqmy5de4b] {
        justify-content: center;
        align-items: center;
        margin-bottom: 0.5rem;
    }
    .banner-title[b-ugqmy5de4b] {
        font-size: 2.8rem;
        color: #111;
        text-align: center;
    }

    .banner-text .text-strong[b-ugqmy5de4b] {
        font-size: 2.4rem;
        color: #111;
        text-align: center;
        font-weight: 900;
        line-height: 1.2;
    }

    .banner-image img[b-ugqmy5de4b] {
        max-width: 100%;
        margin: 0 auto;
    }
}


@media (min-width: 631px) and (max-width: 1080px) {

    .banner-content[b-ugqmy5de4b] {
        gap: 70px;
        justify-content: space-between;
    }

    .banner-title[b-ugqmy5de4b] {
        font-size: 2.2rem; 
        line-height: 1.15;
        margin-bottom: 0.5rem;
    }

    .text-strong[b-ugqmy5de4b] {
        font-size: 1.8rem; 
        font-weight: 800;
        line-height: 1.15;
        margin-bottom: 0.5rem;
    }
}


.content-container[b-ugqmy5de4b] {
    margin: 3rem 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    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);
}

.content-title[b-ugqmy5de4b] {
    font-family: var(--font-primary);
    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);
}



.calificar-container[b-ugqmy5de4b] {
    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-ugqmy5de4b] {
    display: flex;
    flex-direction: column;
    max-width: 616px;
    align-items: flex-start;
}

    .calificar-texto h3[b-ugqmy5de4b] {
        font-family: var(--font-secondary);
        font-weight: var(--font-weight-semibold);
        font-size: 3rem;
        line-height: 100%;
        letter-spacing: 0%;
        font-style: normal;
        letter-spacing: 0%;
        color: var(--color-base-black);
    }

    .calificar-texto span[b-ugqmy5de4b] {
        margin-top: .5rem;
        margin-bottom: 1rem;
        font-family: var(--font-primary);
        font-weight: var(--font-weight-regular);
        font-size: 2rem;
        line-height: 100%;
        letter-spacing: 0%;
        font-style: normal;
        letter-spacing: 0%;
        color: var(--color-base-black);
    }

.promotion-itens[b-ugqmy5de4b] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.promotion-img[b-ugqmy5de4b] {
    width: 15rem;
    height: 15rem;
    background: var(--color-brand-primary-400);
}

.promotion-text[b-ugqmy5de4b] {
    display: flex;
    flex-direction: column;
}

.agregar-negocio-container[b-ugqmy5de4b] {
    display: flex;
    border-radius: 1rem;
}

.agregar-texto[b-ugqmy5de4b] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 1.5rem;
    padding: 1.5rem 5.75rem;
    background: var(--color-brand-primary-400);
    border-radius: 1rem 0 0 1rem;
}

.agregar-info h3[b-ugqmy5de4b] {
    min-width: 252px;
    font-family: var(--font-secondary);
    font-weight: var(--font-weight-semibold);
    font-size: 2rem;
    letter-spacing: 0%;
    font-style: normal;
    letter-spacing: 0%;
    color: var(--color-base-black);
}

.agregar-info span[b-ugqmy5de4b] {
    margin-top: .5rem;
    font-family: var(--font-primary);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-body-lg);
    line-height: 130%;
    letter-spacing: 0%;
    font-style: normal;
    letter-spacing: 0%;
    color: var(--color-base-black);
}

.agregar-negocio-img img[b-ugqmy5de4b] {
    max-width: 36rem;
    border-radius: 0 1rem 1rem 0;
}


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

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

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

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

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

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

            .calificar-texto div h3[b-ugqmy5de4b] {
                font-size: 40px;
                font-style: normal;
                line-height: 100%;
            }

            .calificar-texto div span[b-ugqmy5de4b] {
                font-size: 24px;
                font-style: normal;
                line-height: 120%;
            }

            .calificar-texto div button[b-ugqmy5de4b] {
                display: flex;
                height: 56px;
                padding: 8px 16px;
                justify-content: center;
                align-items: center;
                gap: 8px;
            }
}

/* Roleta Tablet Landscape (769–1024px) */

@media (min-width: 769px) and (max-width: 1024px) {
    .calificar-container[b-ugqmy5de4b] {
        display: flex;
        height: 204px;
        padding: 2rem;
        justify-content: space-between;
        align-items: center;
        justify-content: center;
        flex: 1 0 0;
    }

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

    .roleta-img[b-ugqmy5de4b] {
        display: flex;
        max-width: 240px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex: 1 0 0;
    }

        .roleta-img img[b-ugqmy5de4b] {
            width: 100%;
            max-width: 240px;
            height: auto;
            filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.16));
        }

    .calificar-texto[b-ugqmy5de4b] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex: 1 0 0;
    }

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

            .calificar-texto div h3[b-ugqmy5de4b] {
                font-size: 24px;
                font-style: normal;
                line-height: 130%;
            }

            .calificar-texto div span[b-ugqmy5de4b] {
                font-size: 16px;
                font-style: normal;
                line-height: 130%;
            }

            .calificar-texto div button[b-ugqmy5de4b] {
                display: flex;
                padding: 8px 16px;
                justify-content: center;
                align-items: center;
                gap: 8px;
            }
}

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

    .calificar-container[b-ugqmy5de4b] {
        display: flex;
        height: 204px;
        padding: 4rem;
        justify-content: space-between;
        align-items: center;
        flex: 1 0 0;
    }

    .calificar-content[b-ugqmy5de4b] {
        display: flex;
        max-width: 632px;
        align-items: center;
        gap: 2rem;
        flex: 1 0 0;
    }

    .roleta-img[b-ugqmy5de4b] {
        display: flex;
        max-width: 240px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex: 1 0 0;
    }

        .roleta-img img[b-ugqmy5de4b] {
            max-width: 240px;
            height: auto;
            filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.16));
        }

    .calificar-texto[b-ugqmy5de4b] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex: 1 0 0;
    }

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

            .calificar-texto div h3[b-ugqmy5de4b] {
                font-size: 24px;
                font-style: normal;
                line-height: 130%;
            }

            .calificar-texto div span[b-ugqmy5de4b] {
                font-size: 16px;
                font-style: normal;
                line-height: 130%;
            }

            .calificar-texto div button[b-ugqmy5de4b] {
                display: flex;
                padding: 8px 16px;
                justify-content: center;
                align-items: center;
                gap: 8px;
            }
}

/* Mobile Roleta */
@media (max-width: 630px) {
    .calificar-container[b-ugqmy5de4b] {
        flex-direction: column;
        height: auto;
        padding: 1.5rem 1.5rem;
        align-items: center;
        justify-content: flex-start;
        text-align: left;
        position: relative;
        margin: 8.5rem 0 0;
    }

    .roleta-img[b-ugqmy5de4b] {
        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-ugqmy5de4b] {
            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-ugqmy5de4b] {
        align-items: flex-start;
        max-width: 100%;
        padding: 6.5rem 0.7rem 0.7rem 0.7rem;
        text-align: left;
    }

        .calificar-texto div[b-ugqmy5de4b] {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 10px;
            align-self: stretch;
        }

        .calificar-texto h3[b-ugqmy5de4b] {
            font-size: 28px;
            font-style: normal;
            line-height: 32px;
        }

        .calificar-texto span[b-ugqmy5de4b] {
            font-size: 20px;
            font-style: normal;
            font-weight: var(--font-weight-regular, 400);
            line-height: 24px;
        }

        .calificar-texto button[b-ugqmy5de4b] {
            font-size: 1.1em;
            box-shadow: none;
        }
}


/* Estrelas - Estilos base (Mobile-first) */
.sumas-estrellas-container[b-ugqmy5de4b] {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--color-brand-primary-400);
    border-radius: 16px;
    overflow: hidden;
    margin-top: 16px;
}

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

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

.estrella-icon[b-ugqmy5de4b] {
    width: 55px;
    height: auto;
    flex-shrink: 0;
}

.estrella-valor[b-ugqmy5de4b] {
    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-ugqmy5de4b] {
    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-ugqmy5de4b] (.btn-regular-secondary) {
    width: 100%;
    display: block;
}

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

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

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

    .estrella-icon[b-ugqmy5de4b] {
        width: 150px;
    }

    .estrella-valor[b-ugqmy5de4b] {
        font-size: 3em;
        margin-bottom: 36px;
    }

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

    .estrellas-info h3[b-ugqmy5de4b] {
        font-size: 32px;
        line-height: 36px;
    }

    .estrellas-info span[b-ugqmy5de4b] {
        font-size: var(--font-size-body-lg);
        line-height: var(--line-height-body);
    }

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

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

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

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

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

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

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

    .estrella-icon[b-ugqmy5de4b] {
        width: 143px;
    }

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

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

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

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

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

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

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

/* Tablet Portrait (631px - 768px) */
@media (min-width: 631px) and (max-width: 768px) {
    .sumas-estrellas-container[b-ugqmy5de4b] {
        flex-direction: row;
        align-items: center;
        min-height: 200px;
    }

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

    .wave-bg[b-ugqmy5de4b] {
        min-height: 210px;
        /*height: 0;*/
    }

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

    .estrella-icon[b-ugqmy5de4b] {
        width: 143px;
    }

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

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

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

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

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

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

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

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

/* Mobile (≤630px) */
@media (max-width: 630px) {
    .estrellas-img[b-ugqmy5de4b] {
        min-height: 160px;
    }

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

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

    .estrella-icon[b-ugqmy5de4b] {
        width: 180px;
    }

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

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

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

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

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

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

    .agregar-negocio-container[b-ugqmy5de4b] {
        flex-direction: column-reverse;
    }

    .agregar-texto[b-ugqmy5de4b] {
        border-radius: 0 0 1rem 1rem;
        padding: 1.5rem;
    }

    .agregar-negocio-img img[b-ugqmy5de4b] {
        width: 100%;
        border-radius: 1rem 1rem 0 1rem;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/HomePromocionesPage.razor.rz.scp.css */

/* ========================================================================
   Layout do Grid de Promo��es
   ======================================================================== */
.promo-grid[b-dnahf5e9y1] {
    display: grid;
    /* Cria colunas responsivas. Cada card ter� no m�nimo 280px. */
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--gap);
    padding-top: 1rem;
}

/* ========================================================================
   Estilo do Card de Promo��o
   ======================================================================== */
.promo-card[b-dnahf5e9y1] {
    padding:15px;
    background: #fff;
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    overflow: hidden; /* Garante que a imagem n�o ultrapasse as bordas arredondadas */
    display: flex;
    width: 100%;
    border: dashed 1px #ccc; /* Borda pontilhada para destacar o card */
    flex-direction: column;
    height: fit-content;
    text-decoration: none; /* Remove o sublinhado do link */
    color: inherit; /* Herda a cor do texto padr�o */
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

    .promo-card:hover[b-dnahf5e9y1] {
        transform: translateY(-5px); /* Efeito de eleva��o ao passar o mouse */
        box-shadow: var(--shadow-hover);
    }

/* Imagem do Card */
.card-img[b-dnahf5e9y1] {
    width: 100%;
    height: 200px; /* Altura fixa para todas as imagens de card */
    object-fit: contain; /* Garante que a imagem cubra o espa�o sem distorcer */
}

/* Corpo do Card (conte�do de texto) */
.card-body[b-dnahf5e9y1] {
    padding: 5px;
    flex-grow: 1; /* Faz com que o corpo ocupe o espa�o restante */
    display: flex;
    flex-direction: column;
}

    .card-body h2[b-dnahf5e9y1] {
        margin: 0 0 8px 0;
        font-size: 1.25rem;
    }

    .card-body p[b-dnahf5e9y1] {
        margin: 0;
        font-size: 0.9rem;
        color: #555;
        line-height: 1.4;
    }

/* Container do Status (para alinhar ao fundo) */
.card-status[b-dnahf5e9y1] {
    margin-top: auto;
    padding-top: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* ========================================================================
   Etiquetas (Badges) e Motivos
   ======================================================================== */
.badge[b-dnahf5e9y1] {
    display: inline-block;
    padding: 5px 10px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #fff;
    border-radius: var(--radius);
    width: max-content; /* A largura se ajusta ao conte�do */
    text-transform: uppercase;
}

    .badge.approved[b-dnahf5e9y1] {
        background: var(--color-approved);
    }

    .badge.pending[b-dnahf5e9y1] {
        background: var(--color-pending);
        color: var(--color-pending-text);
    }

    .badge.rejected[b-dnahf5e9y1] {
        background: var(--color-rejected);
    }

.card-body .motivo[b-dnahf5e9y1] {
    font-size: 0.85rem;
    color: var(--color-rejected);
    margin: 8px 0 0 0;
}
/* _content/InfoMarcas2.Server/Components/Pages/HomeSorteosPage.razor.rz.scp.css */
/* ========================================================================
   Layout do Grid de Sorteos
   ======================================================================== */
.promo-grid[b-cuqn9w1s9a] {
    display: grid;
    /* Cria colunas responsivas. Cada card ter� no m�nimo 280px. */
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--gap, 20px); /* Use a vari�vel do seu app ou um valor padr�o */
    padding-top: 1rem;
}

/* ========================================================================
   Estilo do Card de Sorteo
   ======================================================================== */
.promo-card[b-cuqn9w1s9a] {
    padding: 15px;
    background: #fff;
    border-radius: var(--radius, 8px);
    box-shadow: var(--shadow, 0 4px 6px rgba(0,0,0,0.1));
    overflow: hidden; /* Garante que a imagem n�o ultrapasse as bordas arredondadas */
    display: flex;
    width: 100%;
    border: dashed 1px #ccc; /* Borda pontilhada para destacar o card */
    flex-direction: column;
    height: 100%; /* Garante que todos os cards na mesma linha tenham a mesma altura */
    text-decoration: none; /* Remove o sublinhado do link */
    color: inherit; /* Herda a cor do texto padr�o */
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

    .promo-card:hover[b-cuqn9w1s9a] {
        transform: translateY(-5px); /* Efeito de eleva��o ao passar o mouse */
        box-shadow: var(--shadow-hover, 0 8px 12px rgba(0,0,0,0.15));
    }

/* Imagem do Card */
.card-img[b-cuqn9w1s9a] {
    width: 100%;
    height: 200px; /* Altura fixa para todas as imagens de card */
    object-fit: contain; /* Garante que a imagem caiba no espa�o sem distorcer */
    margin-bottom: 10px;
}

/* Corpo do Card (conte�do de texto) */
.card-body[b-cuqn9w1s9a] {
    padding: 5px;
    flex-grow: 1; /* Faz com que o corpo ocupe o espa�o restante */
    display: flex;
    flex-direction: column;
}

    .card-body h2[b-cuqn9w1s9a] {
        margin: 0 0 8px 0;
        font-size: 1.25rem;
        color: #333;
    }

    .card-body p[b-cuqn9w1s9a] {
        margin: 0 0 4px 0;
        font-size: 0.9rem;
        color: #555;
        line-height: 1.4;
    }

/* Container do Status (para alinhar ao fundo) */
.card-status[b-cuqn9w1s9a] {
    margin-top: auto; /* Empurra este bloco para o fundo do card */
    padding-top: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* ========================================================================
   Etiquetas (Badges) e Motivos
   ======================================================================== */
.badge[b-cuqn9w1s9a] {
    display: inline-block;
    padding: 5px 10px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #fff;
    border-radius: var(--radius, 8px);
    width: max-content; /* A largura se ajusta ao conte�do */
    text-transform: uppercase;
}

    .badge.approved[b-cuqn9w1s9a] {
        background: var(--color-approved, #28a745);
    }

    .badge.pending[b-cuqn9w1s9a] {
        background: var(--color-pending, #ffc107);
        color: var(--color-pending-text, #212529);
    }

    .badge.rejected[b-cuqn9w1s9a] {
        background: var(--color-rejected, #dc3545);
    }

.card-body .motivo[b-cuqn9w1s9a] {
    font-size: 0.85rem;
    color: var(--color-rejected, #dc3545);
    margin: 8px 0 0 0;
}
/* _content/InfoMarcas2.Server/Components/Pages/InvitarCalificar/InvitarCalificarBanner.razor.rz.scp.css */
[b-78ve7s3jyy] .sf-field {
    flex-direction: row;
    gap:20px;
}

@media (max-width: 390px) {
    #invitarPantallaTexto[b-78ve7s3jyy] {
        display: none !important;
    }

    [b-78ve7s3jyy] .superficeDiv {
        max-width: 390px !important;
        width: 100% !important;
    }

    .botoesInvitarPantalla[b-78ve7s3jyy] {
        flex-direction: column-reverse;
        gap: 8px;
    }

        .botoesInvitarPantalla[b-78ve7s3jyy]  .btnInvitarRespons {
            width: 100% !important;
            min-width: 100% !important;
        }
}

.icones[b-78ve7s3jyy] {
    font-size: 1.2em;
}
/* _content/InfoMarcas2.Server/Components/Pages/InvitarCalificar/InvitarCalificarLink.razor.rz.scp.css */
[b-1rzmv6g025] .sf-field {
    flex-direction: row;
    gap:20px;
}

.select-box[b-1rzmv6g025] {
    width: 100%;
}

.celular-content[b-1rzmv6g025] {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    justify-content: flex-start;
}

    .selected-option[b-1rzmv6g025],
    .celular-content button[b-1rzmv6g025] {
        height: 50px;
    }
/* _content/InfoMarcas2.Server/Components/Pages/InvitarCalificar/InvitarCalificarMessage.razor.rz.scp.css */
[b-huot6ee51u] .sf-field {
    flex-direction: row;
    gap:20px;
}

.boxCelularBotao[b-huot6ee51u] {
    display: flex;
    flex-direction: row;
}

@media (max-width: 390px) {
    .boxCelularBotao[b-huot6ee51u] {
        flex-direction: column !important;
        display: flex;
        align-items: stretch;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/InvitarCalificar/InvitarCalificarNFC.razor.rz.scp.css */
.timer-container[b-7g82vbm6b1] {
    position: relative;
    width: 200px;
    height: 200px;
}

.timer-ring[b-7g82vbm6b1] {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
}

.ring-bg[b-7g82vbm6b1] {
    fill: none;
    stroke: #eee;
    stroke-width: 10;
}

.ring[b-7g82vbm6b1] {
    fill: none;
    stroke: #333;
    stroke-width: 10;
    transition: stroke-dashoffset 1s linear;
}

.timer-text[b-7g82vbm6b1] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 2rem;
}

.inv-calificar-nfc-page[b-7g82vbm6b1] {
    display: flex;
    padding-bottom: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}

/*@media (min-width: 1024px) {
    .inv-calificar-nfc-page {
        max-width: 78% !important;
        margin: auto auto 25px !important;
    }
}*/

    .inv-calificar-nfc-page img[b-7g82vbm6b1] {
        width: 350px;
        height: 350px;
    }
/* _content/InfoMarcas2.Server/Components/Pages/InvitarCalificar/InvitarCalificarPantalla.razor.rz.scp.css */
[b-nxldv5ennx] .sf-field {
    flex-direction: row;
    gap:20px;
}

@media (max-width: 390px) {
    #invitarPantallaTexto[b-nxldv5ennx] {
        display: none !important;
    }

    [b-nxldv5ennx] .superficeDiv {
        max-width: 390px !important;
        width: 100% !important;
    }

    .botoesInvitarPantalla[b-nxldv5ennx] {
        flex-direction: column-reverse;
        gap: 8px;
    }

        .botoesInvitarPantalla[b-nxldv5ennx]  .btnInvitarRespons {
            width: 100% !important;
            min-width: 100% !important;
        } 

}

[b-nxldv5ennx] .superficeDiv > div {
    max-width: 400px !important;
    width: 100% !important;
}

[b-nxldv5ennx] .superficeDiv > div > img {
    width: 100% !important;
}

.botoesInvitarPantalla[b-nxldv5ennx] {
    width: 100%;
    max-width: 675px;
}

.btnInvitarRespons[b-nxldv5ennx] {
    display: flex;
    align-items: center;
}

.icones[b-nxldv5ennx] {
    font-size: 1.2em;
}
/* _content/InfoMarcas2.Server/Components/Pages/LandingPage.razor.rz.scp.css */
.page-container[b-bmkydf0i5k] {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 2rem 1rem; 
    background-color: #f8f9fa;
}

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

.flags-container[b-bmkydf0i5k] {
    height: auto !important;
    width: 100% !important;
    flex-wrap: wrap !important;
    gap: 8px;
    padding: 0 8px;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    padding: 0 8px;
    display: flex;
    justify-content: flex-end;
}

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

.flag-img[b-bmkydf0i5k] {
    height: 100%;
    width: auto;
    border-radius: 4px;
}

.video-placeholder[b-bmkydf0i5k] {
    width: 560px;
    height: 400px;
    max-width: 100%; 
    border-radius: 4px;
    border: 1px solid #dee2e6;
    background-color: #e6f7f2; 
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.accordion-text p[b-bmkydf0i5k] {
    color: #262626 !important;
}
/* _content/InfoMarcas2.Server/Components/Pages/MarketersPage.razor.rz.scp.css */
.feature-icon-wrapper[b-457o4c869b] {
    display: flex;
    padding: 12px;
    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;
}
.main-menu-container[b-457o4c869b] {
    justify-items: center;
}

.page-content-container[b-457o4c869b] {
    max-width: 992px;
    margin: auto;
    padding: 4px 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.directory-header[b-457o4c869b] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.directory-description-item[b-457o4c869b] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.filters-container[b-457o4c869b] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.search-box[b-457o4c869b] {
    width: 400px;
    position: relative;
}

.search-icon[b-457o4c869b] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
}

.search-box .e-input-group[b-457o4c869b] {
    padding-left: 36px;
}

.icon-button[b-457o4c869b] {
    border: none;
    background-color: #fafafa;
    cursor: pointer;
}

    .icon-button .ph[b-457o4c869b] {
        font-size: 1.6rem;
    }

.country-dropdown[b-457o4c869b] {
    min-width: 208px;
}

.marketers-grid[b-457o4c869b] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}

.card-placeholder[b-457o4c869b] {
    width: 100%;
    height: 114px;
    border: 1px dashed #ccc;
    border-radius: 8px;
    background-color: #f9f9f9;
}

.icon-button.active-filter .ph-heart[b-457o4c869b] {
    color: #32E696;
}

.filter-button[b-457o4c869b] {
    border: none;
    background-color: transparent;
}

.title-content[b-457o4c869b] {
    justify-content: space-between;
    margin-bottom: -1rem; 
    margin-top: -1rem;
}

.close-button[b-457o4c869b] {
    font-size: 1.3rem;
}

.close-button-style[b-457o4c869b]{
    background-color:transparent;
    border:none;
}
/* _content/InfoMarcas2.Server/Components/Pages/MyExperiences.razor.rz.scp.css */
.title-container[b-twxjbpewgy] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid var(--color-border-container);
}

    .title-container h3[b-twxjbpewgy] {
        font-family: Poppins;
        font-weight: 600;
        font-style: normal;
        font-size: 1.25rem;
        line-height: 1.5rem;
        margin-bottom: 0;
    }

.card-config[b-twxjbpewgy] {
    min-width: fit-content;
    width: 100%;
    margin: 24px auto;
}

    .card-config .company-img[b-twxjbpewgy] {
        width: auto;
        height: 100px;
        margin-right: 20px;
        border-radius: 4px;
    }
/* _content/InfoMarcas2.Server/Components/Pages/PaginaDeBusqueda.razor.rz.scp.css */
/* ===== GRID ===== */
.results-wrapper[b-8ud04uohe0] {
    margin-top: 16px;
}

.results-grid[b-8ud04uohe0] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

    .results-grid a[b-8ud04uohe0] {
        text-decoration: none;
    }

/* ===== CARD ===== */
.brand-card[b-8ud04uohe0] {
    display: block;
    background: var(--u-color-neutral-50);
    color: var(--color-body-text);
    border: 1px solid var(--color-divider);
    border-radius: 16px;
    padding: 16px;
    box-shadow: 0 2px 10px rgba(0,0,0,.06);
    transition: box-shadow .2s ease, transform .2s ease;
}

    .brand-card:hover[b-8ud04uohe0] {
        box-shadow: 0 6px 18px rgba(0,0,0,.10);
        transform: translateY(-1px);
    }

/* Linha de topo */
.card-row[b-8ud04uohe0] {
    display: grid;
    grid-template-columns: 72px 1fr 40px;
    gap: 12px;
    align-items: center;
}

.brand-logo[b-8ud04uohe0] {
    width: 72px;
    height: 72px;
    border-radius: 12px;
    background: var(--secondary-white-100, #F7F7F7);
    display: grid;
    place-items: center;
    border: 1px solid var(--color-divider);
}

    .brand-logo img[b-8ud04uohe0] {
        width: 48px;
        height: 48px;
        object-fit: contain;
    }

.brand-head[b-8ud04uohe0] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.brand-name[b-8ud04uohe0] {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.1;
    margin: 0;
    color: var(--color-body-text);
}

.brand-sub[b-8ud04uohe0] {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    color: var(--color-neutral-600, #6b7280);
}

/* Bloco de meta */
.brand-meta[b-8ud04uohe0] {
    margin-top: 12px;
    display: grid;
    gap: 10px;
}

.rating-pack[b-8ud04uohe0] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.meta-strong[b-8ud04uohe0] {
    font-weight: 700;
}

.person-ico[b-8ud04uohe0] {
    font-size: 20px;
}

/* Telefones */
.phones[b-8ud04uohe0] {
    display: grid;
    grid-auto-rows: minmax(20px, auto);
    gap: 6px;
}

.phone[b-8ud04uohe0] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
}

    .phone .material-symbols-outlined[b-8ud04uohe0] {
        font-size: 20px;
    }

/* Endereço */
.addr[b-8ud04uohe0] {
    margin: 0;
    font-size: 18px;
    color: var(--color-body-text);
}

/* Status + desconto */
.status-row[b-8ud04uohe0] {
    display: grid;
    grid-template-columns: auto auto 1fr auto;
    gap: 10px;
    align-items: center;
}

.status-open[b-8ud04uohe0] {
    color: var(--color-success, var(--success-color, #08CC8B));
    font-weight: 700;
    font-size: 18px;
}

.status-closed[b-8ud04uohe0] {
    color: var(--color-danger, var(--error-color, #FF3333));
    font-weight: 700;
    font-size: 18px;
}

.close-time[b-8ud04uohe0] {
    color: var(--color-neutral-600, #6b7280);
    font-size: 18px;
}

.discount[b-8ud04uohe0] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.badge-star[b-8ud04uohe0] {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: var(--color-success, #08CC8B);
    box-shadow: 0 2px 0 rgba(0,0,0,.10) inset;
}

    .badge-star .material-symbols-outlined[b-8ud04uohe0] {
        color: #fff;
    }

.discount-val[b-8ud04uohe0] {
    font-weight: 700;
    font-size: 20px;
}

/* ===== BREAKPOINTS ===== */

/* Mobile até 390px — já é default (1 col) */

/* Tablet Portrait: 391–768px */
@media (min-width:391px) and (max-width:768px) {
    .results-grid[b-8ud04uohe0] {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .brand-name[b-8ud04uohe0] {
        font-size: 20px;
    }
}

/* Tablet Landscape: 769–1024px */
@media (min-width:769px){
    .results-grid[b-8ud04uohe0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }
}








/* ===== GRID de Promoções (mobile-first) ===== */
.promos-grid[b-8ud04uohe0] {
    display: grid;
    grid-template-columns: 1fr; /* Mobile (≤390px): 1 col */
    gap: 16px;
}

/* ===== Card base (compartilhado) ===== */
.promo-card[b-8ud04uohe0] {
    display: grid;
    grid-template-columns: 1fr; /* empilhado no mobile */
    gap: 16px;
    background: var(--u-color-neutral-50);
    color: var(--u-color-body-text);
    border: 1px solid var(--u-color-divider);
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(0,0,0,.06);
    text-decoration: none;
    padding: 16px;
    transition: box-shadow .2s ease, transform .2s ease;
}

    .promo-card:hover[b-8ud04uohe0] {
        box-shadow: 0 6px 18px rgba(0,0,0,.10);
        transform: translateY(-1px);
    }

.promo-partner[b-8ud04uohe0] {
    margin: 0 0 6px 0;
    font-weight: 700;
    font-size: 18px;
    color: var(--color-body-text);
}

.promo-desc[b-8ud04uohe0] {
    margin: 0;
    font-size: 14px;
    color: var(--color-neutral-600, #6b7280);
}

.promo-col[b-8ud04uohe0] {
    display: block;
}

.col-left[b-8ud04uohe0] {
}

.col-right[b-8ud04uohe0] {
}

/* Mídia (imagem do card) */
.promo-media[b-8ud04uohe0] {
    position: relative;
    width: 100%;
    height: 180px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--color-divider);
    background: var(--color-neutral-1);
}

    .promo-media img[b-8ud04uohe0] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

/* Selo circular "CO" (overlay) */
.promo-code[b-8ud04uohe0] {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-weight: 800;
    font-size: 13px;
    color: var(--color-neutral-900);
    background: var(--color-neutral-1);
    border: 2px solid var(--color-divider);
}

/* ===== Variação: Percentual ===== */
.promo--percent[b-8ud04uohe0] {
    grid-template-columns: 112px 1fr; /* mesmo grid do sorteio/valor, mas a esquerda é o logo */
    align-items: center;
}

.promo-logo[b-8ud04uohe0] {
    width: 112px;
    height: 112px;
    border-radius: 16px;
    border: 1px solid var(--color-divider);
    background: var(--color-neutral-1);
    display: grid;
    place-items: center;
}

    .promo-logo img[b-8ud04uohe0] {
        width: 84px;
        height: auto;
        object-fit: contain;
    }

.promo-off[b-8ud04uohe0] {
    display: grid;
    gap: 8px;
}

.off-val[b-8ud04uohe0] {
    font-weight: 800;
    line-height: 1;
    font-size: 56px; /* destaque como no print */
    color: var(--color-success);
}

.off-note[b-8ud04uohe0] {
    font-size: 14px;
    color: var(--color-neutral-600, #6b7280);
}

/* ===== Variação: Sorteo ===== */
.promo--raffle[b-8ud04uohe0] {
    grid-template-columns: 240px 1fr; /* imagem grande à esquerda */
    align-items: center;
}

.raffle-wrap[b-8ud04uohe0] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 8px;
}

.raffle-chip[b-8ud04uohe0] {
    display: inline-block;
    padding: 10px 14px;
    border-radius: 12px;
    font-weight: 900;
    font-size: 28px;
    letter-spacing: .5px;
    background: var(--color-success);
    color: var(--color-body-text-light);
}

.raffle-date[b-8ud04uohe0] {
    display: inline-block;
    padding: 8px 12px;
    border-radius: 10px;
    background: var(--color-card-background);
    border: 1px solid var(--color-divider);
    font-weight: 800;
    color: var(--color-neutral-800);
}

/* ===== Variação: Valor + Estrelas ===== */
.promo--value[b-8ud04uohe0] {
    grid-template-columns: 240px 1fr;
    align-items: center;
}

.price-row[b-8ud04uohe0] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 10px;
}

.price[b-8ud04uohe0] {
    color: var(--color-success);
    font-weight: 800;
    font-size: 28px;
}

.plus[b-8ud04uohe0] {
    font-weight: 700;
    color: var(--color-neutral-700);
}

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

.badge-star[b-8ud04uohe0] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    background: var(--color-success);
    box-shadow: 0 2px 0 rgba(0,0,0,.10) inset;
}

    .badge-star .material-symbols-outlined[b-8ud04uohe0] {
        color: #fff;
        font-size: 20px;
        line-height: 1;
    }

.points-val[b-8ud04uohe0] {
    font-weight: 700;
    color: var(--color-neutral-900);
}

/* ===== Breakpoints do seu DS ===== */

/* Tablet Portrait: 391–768px (continua 1 coluna) */
@media (min-width:391px) and (max-width:768px) {
    .promos-grid[b-8ud04uohe0] {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .promo--raffle[b-8ud04uohe0], .promo--value[b-8ud04uohe0] {
        grid-template-columns: 220px 1fr;
    }
}

/* Tablet Landscape: 769–1024px → 2 colunas */
@media (min-width:769px) and (max-width:1024px) {
    .promos-grid[b-8ud04uohe0] {
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 20px;
    }
}

/* Desktop: 1025px+ → mantém 2 colunas (como no print) */
@media (min-width:1025px) {
    .promos-grid[b-8ud04uohe0] {
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 22px;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/PanelEmpresa.razor.rz.scp.css */
.cropper-container[b-gzqu186bv0] {
    max-height: 650px;
}
/* _content/InfoMarcas2.Server/Components/Pages/Partners/ConsultorCX/MenuCX.razor.rz.scp.css */
.dashboard-options[b-b2ptnthdko] {
    max-width: 720px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1rem auto;
}

.marketer-panel-container[b-b2ptnthdko] {
    width: 100%;
    max-width: 992px;
    margin: 0 auto;
    padding: 1rem;
}

.content-area[b-b2ptnthdko] {
    margin-top: 1.5rem;
}

@media (max-width: 767px) {

    .marketer-panel-container[b-b2ptnthdko] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .saldo-card[b-b2ptnthdko] {
        flex-direction: column;
        gap: 1.5rem;
    }

    .saldo-info[b-b2ptnthdko] {
        text-align: center;
    }

    .saldo-actions[b-b2ptnthdko] {
        width: 100%;
        max-width: 342px;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/Partners/ConsultorCX/PerfilCX.razor.rz.scp.css */
.page-container[b-m44xh146zf] {
    width: 100%;
    padding: 16px 16px 4px 16px;
}

.consultor-perfil-container[b-m44xh146zf] {
    max-width: 656px;
    margin: 0 auto;
}

.photo-container[b-m44xh146zf] {
    padding: 1rem 0;
}

.photo-container-item[b-m44xh146zf] {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 156px;
    height: 156px;
    border: 1px solid var(--color-border-container);
    border-radius: .5rem;
    background-color: var(--color-brand-primary-100);
    position: relative;
}

    .photo-container-item span[b-m44xh146zf] {
        font-family: Poppins;
        font-weight: 600;
        font-style: normal;
        font-size: 1.5rem;
    }

.password-buttons[b-m44xh146zf] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 1rem;
}

.edit-photo-button[b-m44xh146zf] {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000000;
    border-radius: .25rem;
    cursor: pointer;
}

    .edit-photo-button img[b-m44xh146zf] {
        width: 18px;
        height: 18px;
    }

.user-info-container[b-m44xh146zf] {
    padding-bottom: 1rem;
}

.cellphone-email-container[b-m44xh146zf]{
    display: flex;
    align-items: start;
    gap: 1rem;
}

.cellphone-email-item[b-m44xh146zf] {
    width: 100%;
}

@media (max-width: 767px) {

    .consultor-perfil-container[b-m44xh146zf] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .cellphone-email-container[b-m44xh146zf] {
        flex-direction: column;
        align-items: stretch; 
        gap: 1.5rem; 
    }

    .password-buttons[b-m44xh146zf] {
        flex-direction: column;
        align-items: stretch; 
        gap: 1rem;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/Partners/ConsultorCX/PostulacionConVideoCX.razor.rz.scp.css */
/* --------- LAYOUT BASE --------- */
.container[b-7mkq6cvnus] {
    max-width: 1120px;
    margin-inline: auto;
    padding-inline: 16px;
}

/* HERO */
.hero[b-7mkq6cvnus] {
    padding: 0;
    background: #fff;
}

.hero__image[b-7mkq6cvnus] {
    width: 100%;
    display: block;
}

/* FLAGS */
.flags.flags--below[b-7mkq6cvnus] {
    display: flex;
    justify-content: center;
    margin: 8px auto 20px;
}

    .flags.flags--below img[b-7mkq6cvnus] {
        max-height: 18px;
        margin: 0 3px;
    }

/* --------- BLOCO TEXTO + V�DEO --------- */
.videos[b-7mkq6cvnus] {
    background: #fff;
    padding: 12px 0 8px;
    margin: 64px 0 64px;
}

.videos__head[b-7mkq6cvnus] {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
    gap: 56px;
}

.videos__copy[b-7mkq6cvnus] {
    margin-top: 4px;
}

.videos__title[b-7mkq6cvnus] {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--color-neutral-900, #191918);
    margin: 0 0 12px 0;
    /* visual da imagem (t�tulo grande) */
    font-size: 28px;
    line-height: 1.15;
}

/* features com �cones ao lado do texto */
.videos__features[b-7mkq6cvnus] {
    display: grid;
    gap: 18px;
    margin-top: 10px;
}

.feature[b-7mkq6cvnus] {
    display: grid;
    grid-template-columns: 44px 1fr;
    align-items: start;
    gap: 12px;
}

.feature__icon[b-7mkq6cvnus] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #32E696;
    border: 1px solid #E7E7E7;
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    color: black;
    font-size: 22px;
}

.feature__text[b-7mkq6cvnus] {
    margin: 0;
    font-size: 14.5px;
    line-height: 1.45;
    color: #222;
}

/* Card do v�deo: igual ao mock */
.videos__wrap.one[b-7mkq6cvnus] {
    width: 100%;
}

.video-card[b-7mkq6cvnus] {
    width: 100%;
    aspect-ratio: 16/9;
    background: rgba(10,114,135,0.07); /* verde bem claro */
    border: 3px solid #0A7287; /* teal da borda */
    border-radius: 6px;
    display: grid;
    place-items: center;
    position: relative;
    box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

.videos__icon[b-7mkq6cvnus] {
    font-size: 46px;
    color: #0A7287;
    filter: drop-shadow(0 0 0 rgba(0,0,0,0));
}

/* --------- FAIXA TEAL DOS ACORDEONS --------- */
.band-teal[b-7mkq6cvnus] {
    position: relative;
    padding: 40px 16px;
}

    .band-teal[b-7mkq6cvnus]::before {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        top: 0;
        bottom: 0;
        background: #0A7287;
        z-index: 0;
    }

.accordions__container[b-7mkq6cvnus] {
    position: relative;
    z-index: 1;
    max-width: 720px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* --------- FORM --------- */
.apply[b-7mkq6cvnus] {
    padding: 56px 16px 88px;
    background: #fff;
    display: grid;
    place-items: center;
}

.apply__title[b-7mkq6cvnus] {
    text-align: center;
    max-width: 600px;
    margin-bottom: 24px;
}

.form-container[b-7mkq6cvnus] {
    padding: 16px 16px 0;
}

.hint[b-7mkq6cvnus] {
    margin-top: .5rem;
    font-size: 14px;
    color: #4C4C4C;
}

.button-container[b-7mkq6cvnus] {
    padding: 8px 16px 16px;
}

/* --------- SOBRE --------- */
.about[b-7mkq6cvnus] {
    background: #0A7287;
    color: #fff;
    padding: 48px 16px;
}

.about__inner[b-7mkq6cvnus] {
    max-width: 992px;
    margin: auto;
}

    .about__inner h2[b-7mkq6cvnus] {
        font-size: 32px;
        color: #fff;
        margin-bottom: 12px;
    }

/* --------- RESPONSIVO --------- */
@media (max-width: 1100px) {
    .videos__head[b-7mkq6cvnus] {
        gap: 40px;
    }
}

@media (max-width: 992px) {
    .videos__head[b-7mkq6cvnus] {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .videos__title[b-7mkq6cvnus] {
        font-size: 24px;
    }

    .accordions__container[b-7mkq6cvnus] {
        max-width: 92%;
    }

    .feature[b-7mkq6cvnus] {
        grid-template-columns: 40px 1fr;
    }

    .feature__icon[b-7mkq6cvnus] {
        width: 40px;
        height: 40px;
        font-size: 20px;
        background: #32E696;
    }
}

@media (max-width: 520px) {
    .videos__title[b-7mkq6cvnus] {
        font-size: 22px;
        line-height: 1.2;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/Partners/ConsultorRRHH/MenuRRHH.razor.rz.scp.css */
.dashboard-options[b-ofscnxvjnt] {
    max-width: 720px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1rem auto;
}

.marketer-panel-container[b-ofscnxvjnt] {
    width: 100%;
    max-width: 992px;
    margin: 0 auto;
    padding: 1rem;
}

.content-area[b-ofscnxvjnt] {
    margin-top: 1.5rem;
}

@media (max-width: 767px) {

    .marketer-panel-container[b-ofscnxvjnt] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .saldo-card[b-ofscnxvjnt] {
        flex-direction: column;
        gap: 1.5rem;
    }

    .saldo-info[b-ofscnxvjnt] {
        text-align: center;
    }

    .saldo-actions[b-ofscnxvjnt] {
        width: 100%;
        max-width: 342px;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/Partners/ConsultorRRHH/PerfilRRHH.razor.rz.scp.css */
.page-container[b-xrsirz0ul5] {
    width: 100%;
    padding: 16px 16px 4px 16px;
}

.consultor-perfil-container[b-xrsirz0ul5] {
    max-width: 656px;
    margin: 0 auto;
}

.photo-container[b-xrsirz0ul5] {
    padding: 1rem 0;
}

.photo-container-item[b-xrsirz0ul5] {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 156px;
    height: 156px;
    border: 1px solid var(--color-border-container);
    border-radius: .5rem;
    background-color: var(--color-brand-primary-100);
    position: relative;
}

    .photo-container-item span[b-xrsirz0ul5] {
        font-family: Poppins;
        font-weight: 600;
        font-style: normal;
        font-size: 1.5rem;
    }

.password-buttons[b-xrsirz0ul5] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 1rem;
}


.edit-photo-button[b-xrsirz0ul5] {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000000;
    border-radius: .25rem;
    cursor: pointer;
}


    .edit-photo-button img[b-xrsirz0ul5] {
        width: 25px;
        height: 25px;
        top: 5px;
        right: 5px;
        position: absolute;
        border: 1px solid #000000;
        padding: 2px;
    }

.user-info-container[b-xrsirz0ul5] {
    padding-bottom: 1rem;
}

.cellphone-email-container[b-xrsirz0ul5]{
    display: flex;
    align-items: start;
    gap: 1rem;
}

.cellphone-email-item[b-xrsirz0ul5] {
    width: 100%;
}

@media (max-width: 767px) {

    .consultor-perfil-container[b-xrsirz0ul5] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .cellphone-email-container[b-xrsirz0ul5] {
        flex-direction: column;
        align-items: stretch; 
        gap: 1.5rem; 
    }

    .password-buttons[b-xrsirz0ul5] {
        flex-direction: column;
        align-items: stretch; 
        gap: 1rem;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/Partners/ConsultorRRHH/PostulacionConVideoRRHH.razor.rz.scp.css */
.hero[b-30vh6nrh7v] {
    padding: 0;
    background: #fff;
}

.hero__image[b-30vh6nrh7v] {
    width: 100%;
    height: auto;
    display: block;
}

.flags.flags--below[b-30vh6nrh7v] {
    display: flex;
    justify-content: center;
    margin: 8px auto 20px;
}

    .flags.flags--below img[b-30vh6nrh7v] {
        max-height: 18px;
        margin: 0 3px;
    }

.videos[b-30vh6nrh7v] {
    padding: 24px 16px 8px;
    background: #fff;
    margin-top: 120px;
    margin-bottom: 120px;
}

.videos__head[b-30vh6nrh7v] {
    max-width: 1112px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 24px;
    align-items: start;
}

.videos__title[b-30vh6nrh7v] {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 32px;
    margin: 60px 0 6px 0;
}

.videos__desc[b-30vh6nrh7v] {
    font-size: 20px;
    margin: 0;
}

.videos__wrap[b-30vh6nrh7v] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 16px;
}

.video-card[b-30vh6nrh7v] {
    border: 1px solid #E7E7E7;
    border-radius: 12px;
    background: #F5FFFC;
    height: 264px;
    display: grid;
    place-items: center;
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
}

.videos__icon[b-30vh6nrh7v] {
    font-size: 28px;
}

.reasons[b-30vh6nrh7v] {
    background: #0A7287;
    padding: 48px 16px 60px;
    color: #fff;
}

.reasons__title[b-30vh6nrh7v] {
    text-align: center;
    font-size: 24px;
    margin: 0 0 24px;
    color: #fff;
}

.reasons__grid[b-30vh6nrh7v] {
    max-width: 1112px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 16px;
}

.reason-card[b-30vh6nrh7v] {
    position: relative;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    padding-top: 8px;
}

.reason-card__icon[b-30vh6nrh7v] {
    position: absolute;
    top: -10px;
    left: 4px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #32E696;
    border: 4px solid #FAFAFA;
    display: grid;
    place-items: center;
    color: #0a5543;
    font-size: 20px;
}

.reason-card__body[b-30vh6nrh7v] {
    margin-top: 16px;
    padding: 12px 8px 8px 8px;
}

.reason-card__title[b-30vh6nrh7v] {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #0E1B20;
    margin: 4px 0 6px 0;
}

.reason-card__text[b-30vh6nrh7v] {
    font-size: 14px;
    color: #3B4950;
}

.apply[b-30vh6nrh7v] {
    padding: 56px 16px 88px;
    background: #fff;
    display: grid;
    place-items: center;
}

.apply__title[b-30vh6nrh7v] {
    text-align: center;
    max-width: 600px;
    margin-bottom: 24px;
}

.form-container[b-30vh6nrh7v] {
    padding: 16px 16px 0 16px;
}

.label[b-30vh6nrh7v] {
    margin-top: .5rem;
    display: block;
    font-family: var(--font-nunito, Nunito Sans), sans-serif;
    font-weight: 600;
    font-size: 16px;
}

.hint[b-30vh6nrh7v] {
    margin-top: .5rem;
    font-size: 14px;
    color: #4C4C4C;
}

.button-container[b-30vh6nrh7v] {
    padding: 8px 16px 16px;
}

.about[b-30vh6nrh7v] {
    background: #0A7287;
    color: #fff;
    padding: 48px 16px;
}

.about__inner[b-30vh6nrh7v] {
    max-width: 992px;
    margin: 0 auto;
}

    .about__inner h2[b-30vh6nrh7v] {
        font-size: 32px;
        color: #fff;
        margin: 0 0 12px 0;
    }

@media (max-width: 992px) {
    .videos__head[b-30vh6nrh7v] {
        grid-template-columns: 1fr;
    }

    .reasons__grid[b-30vh6nrh7v] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .videos__wrap[b-30vh6nrh7v] {
        grid-template-columns: 1fr;
    }

    .reasons__grid[b-30vh6nrh7v] {
        grid-template-columns: 1fr;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/Partners/DesarolloNegocios/MenuDesarolloNegocios.razor.rz.scp.css */
.dashboard-options[b-lbn59r6og2] {
    max-width: 720px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1rem auto;
}

.marketer-panel-container[b-lbn59r6og2] {
    width: 100%;
    max-width: 992px;
    margin: 0 auto;
    padding: 1rem;
}

.content-area[b-lbn59r6og2] {
    margin-top: 1.5rem;
}

@media (max-width: 767px) {

    .marketer-panel-container[b-lbn59r6og2] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .saldo-card[b-lbn59r6og2] {
        flex-direction: column;
        gap: 1.5rem;
    }

    .saldo-info[b-lbn59r6og2] {
        text-align: center;
    }

    .saldo-actions[b-lbn59r6og2] {
        width: 100%;
        max-width: 342px;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/Partners/DesarolloNegocios/PostulacionConDesarolloNegocios.razor.rz.scp.css */
.hero[b-icfkv3pafb] {
    padding: 0;
    background: #fff;
}

.hero__image[b-icfkv3pafb] {
    width: 100%;
    height: auto;
    display: block;
}

.flags.flags--below[b-icfkv3pafb] {
    display: flex;
    justify-content: center;
    margin: 8px auto 20px;
}

    .flags.flags--below img[b-icfkv3pafb] {
        max-height: 18px;
        margin: 0 3px;
    }

.videos[b-icfkv3pafb] {
    padding: 24px 16px 8px;
    background: #fff;
    margin-top: 120px;
    margin-bottom: 120px;
}

.videos__head[b-icfkv3pafb] {
    max-width: 1112px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 24px;
    align-items: start;
}

.videos__title[b-icfkv3pafb] {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 32px;
    margin: 60px 0 6px 0;
}

.videos__desc[b-icfkv3pafb] {
    font-size: 20px;
    margin: 0;
}

.videos__wrap[b-icfkv3pafb] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 16px;
}

.video-card[b-icfkv3pafb] {
    border: 1px solid #E7E7E7;
    border-radius: 12px;
    background: #F5FFFC;
    height: 264px;
    display: grid;
    place-items: center;
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
}

.videos__icon[b-icfkv3pafb] {
    font-size: 28px;
}

.reasons[b-icfkv3pafb] {
    background: #0A7287;
    padding: 48px 16px 60px;
    color: #fff;
}

.reasons__title[b-icfkv3pafb] {
    text-align: center;
    font-size: 24px;
    margin: 0 0 24px;
    color: #fff;
}

.reasons__grid[b-icfkv3pafb] {
    max-width: 1112px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 16px;
}

.reason-card[b-icfkv3pafb] {
    position: relative;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    padding-top: 8px;
}

.reason-card__icon[b-icfkv3pafb] {
    position: absolute;
    top: -10px;
    left: 4px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #32E696;
    border: 4px solid #FAFAFA;
    display: grid;
    place-items: center;
    color: #0a5543;
    font-size: 20px;
}

.reason-card__body[b-icfkv3pafb] {
    margin-top: 16px;
    padding: 12px 8px 8px 8px;
}

.reason-card__title[b-icfkv3pafb] {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #0E1B20;
    margin: 4px 0 6px 0;
}

.reason-card__text[b-icfkv3pafb] {
    font-size: 14px;
    color: #3B4950;
}

.apply[b-icfkv3pafb] {
    padding: 56px 16px 88px;
    background: #fff;
    display: grid;
    place-items: center;
}

.apply__title[b-icfkv3pafb] {
    text-align: center;
    max-width: 600px;
    margin-bottom: 24px;
}

.form-container[b-icfkv3pafb] {
    padding: 16px 16px 0 16px;
}

.label[b-icfkv3pafb] {
    margin-top: .5rem;
    display: block;
    font-family: var(--font-nunito, Nunito Sans), sans-serif;
    font-weight: 600;
    font-size: 16px;
}

.hint[b-icfkv3pafb] {
    margin-top: .5rem;
    font-size: 14px;
    color: #4C4C4C;
}

.button-container[b-icfkv3pafb] {
    padding: 8px 16px 16px;
}

.about[b-icfkv3pafb] {
    background: #0A7287;
    color: #fff;
    padding: 48px 16px;
}

.about__inner[b-icfkv3pafb] {
    max-width: 992px;
    margin: 0 auto;
}

    .about__inner h2[b-icfkv3pafb] {
        font-size: 32px;
        color: #fff;
        margin: 0 0 12px 0;
    }

@media (max-width: 992px) {
    .videos__head[b-icfkv3pafb] {
        grid-template-columns: 1fr;
    }

    .reasons__grid[b-icfkv3pafb] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .videos__wrap[b-icfkv3pafb] {
        grid-template-columns: 1fr;
    }

    .reasons__grid[b-icfkv3pafb] {
        grid-template-columns: 1fr;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/Partners/ForSharing.razor.rz.scp.css */
/* usa apenas tokens do design-system/app.css */
:root[b-mle7as7d1j] {
    --gap: var(--gap, 24px);
    --radius: var(--default-border-radius, 12px);
}

/* layout base */
.landing[b-mle7as7d1j] {
}   

    .landing .section-title[b-mle7as7d1j] {
        margin-bottom: 12px;
    }

/* HERO */
.hero[b-mle7as7d1j] {
}

    .hero img[b-mle7as7d1j] {
        width: 100%;
        height: 770px;
        object-fit: cover;
    }

.hero-title[b-mle7as7d1j] {
    color: var(--color-body-text-light);
    margin-bottom: 8px;
}

    .hero-title .accent[b-mle7as7d1j] {
        color: var(--color-secondary);
    }

.hero-content .e-text[b-mle7as7d1j] {
    color: var(--color-body-text-light);
}
/* BodyRegularText dentro do hero */

.hero-cta[b-mle7as7d1j] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 12px;
}

/* visual do hero (celular placeholder) */
.hero-visual[b-mle7as7d1j] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.device[b-mle7as7d1j] {
    width: 220px;
    height: 420px;
    border-radius: 28px;
    background: linear-gradient(180deg, #ffffff 0%, #f4f7ff 100%);
    border: 6px solid rgba(255,255,255,.75);
    box-shadow: 0 12px 28px rgba(0,0,0,.18);
}

/* �REAS / LINKS */
.areas[b-mle7as7d1j] {
    max-width: 900px;
    width:100%;
    margin: 0 auto 32px;
}

.areas-links[b-mle7as7d1j] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    padding: 0;
    margin: 8px 0 16px;
    list-style: none;
}

    .areas-links a[b-mle7as7d1j] {
        color: var(--Feedback-Information-color-feedback-info-700, #1952A6);
        /* Subtitle/Bold/16 */
        font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
        font-size: 16px;
        font-style: normal;
        font-weight: var(--font-weight-bold, 700);
        line-height: 24px; /* 150% */
        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;
    }

.areas .wide-card[b-mle7as7d1j] {
    padding: 0;
    border-radius: var(--radius);
}

.wide-card-placeholder[b-mle7as7d1j] {
    height: 180px;
    border-radius: var(--radius);
    background: var(--color-neutral-1);
    border: 1.5px dashed var(--color-neutral-2);
}

/* TEND�NCIAS / GRID DE FEATURES */
.trends[b-mle7as7d1j] {
    max-width: var(--container-max);
    margin: 0 auto 40px;
}

.section-lead[b-mle7as7d1j] {
    margin-bottom: 16px;
}

.features-grid[b-mle7as7d1j] {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
}

.feature-card[b-mle7as7d1j] {
    padding: 14px;
    border-radius: var(--radius);
    background: var(--color-card-background);
}

.feature-icon[b-mle7as7d1j] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: var(--color-primary-light, #E8F0FF);
    margin-bottom: 8px;
}

.feature-title[b-mle7as7d1j] {
    margin-bottom: 6px;
}

.feature-text[b-mle7as7d1j] {
    color: var(--color-neutral-600, #424242);
}

/* FOOTER */
.site-footer[b-mle7as7d1j] {
    max-width: var(--container-max);
    margin: 0 auto 32px;
    padding: 24px 0 8px;
    border-top: 1px solid var(--color-divider);
    text-align: center;
}

    .site-footer .brand[b-mle7as7d1j] {
        font-family: "Poppins", sans-serif;
        font-weight: 700;
        text-transform: lowercase;
        margin-bottom: 8px;
    }

.stores[b-mle7as7d1j] {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-bottom: 12px;
}

    .stores .badge[b-mle7as7d1j] {
        width: 140px;
        height: 42px;
        border-radius: 8px;
        background: var(--color-neutral-1);
        border: 1px solid var(--color-neutral-2);
    }

.footer-links[b-mle7as7d1j] {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 6px;
}

    .footer-links a[b-mle7as7d1j] {
        color: var(--color-link);
        text-decoration: none;
    }

/* RESPONSIVO */
@media (min-width: 640px) {
    .hero[b-mle7as7d1j] {
        grid-template-columns: 1.1fr .9fr;
    }

    .wide-card-placeholder[b-mle7as7d1j] {
        height: 210px;
    }

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

@media (min-width: 1024px) {
    .landing[b-mle7as7d1j] {
    }

    .hero[b-mle7as7d1j] {
        grid-template-columns: 1.2fr .8fr;
    }

    .wide-card-placeholder[b-mle7as7d1j] {
        height: 240px;
    }

    .features-grid[b-mle7as7d1j] {
        grid-template-columns: repeat(3, 1fr);
    }
}


[b-mle7as7d1j] .content{
    padding: 0 !important;
}
/* _content/InfoMarcas2.Server/Components/Pages/Partners/InfluencerNegocios/MenuInfluencerNegocios.razor.rz.scp.css */
.dashboard-options[b-5yj2ffxd8e] {
    max-width: 720px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1rem auto;
}

.marketer-panel-container[b-5yj2ffxd8e] {
    width: 100%;
    max-width: 992px;
    margin: 0 auto;
    padding: 1rem;
}

.content-area[b-5yj2ffxd8e] {
    margin-top: 1.5rem;
}

@media (max-width: 767px) {

    .marketer-panel-container[b-5yj2ffxd8e] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .saldo-card[b-5yj2ffxd8e] {
        flex-direction: column;
        gap: 1.5rem;
    }

    .saldo-info[b-5yj2ffxd8e] {
        text-align: center;
    }

    .saldo-actions[b-5yj2ffxd8e] {
        width: 100%;
        max-width: 342px;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/Partners/InfluencerNegocios/PostulacionSinVideoInfluencerNegocios.razor.rz.scp.css */
.banner-container[b-npsl1mq046] {
    width: 100%;
    position: relative;
}

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

.content-wrapper[b-npsl1mq046] {
    margin-bottom: 2rem;
}

.page-container[b-npsl1mq046] {
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: #fafafa;
    padding-top: 8px !important;
}

.flags-container[b-npsl1mq046] {
    width: 100%;
    height: 24px;
    padding: 0 8px;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: flex-end;
}

.cards-page[b-npsl1mq046] {
    width: 992px;
    margin-top: 16px;
    margin-bottom: 48px;
}

.form-container[b-npsl1mq046] {
    padding-top: 2rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    padding-right: 4rem;
}

.button-container[b-npsl1mq046] {
    padding-left: 1.5rem;
    padding-bottom: 2rem;
    padding-right: 1.5rem;
}

.feature-icon-wrapper[b-npsl1mq046] {
    display: flex;
    padding: 12px;
    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);
    font-size: 1.5rem;
}

.icon-container[b-npsl1mq046] {
    max-width: 56px;
    max-height: 56px;
}
/* _content/InfoMarcas2.Server/Components/Pages/Partners/InfluencerSocial/MenuInfluencerSocial.razor.rz.scp.css */
.dashboard-options[b-eyjtzxtp9r] {
    max-width: 720px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1rem auto;
}

.marketer-panel-container[b-eyjtzxtp9r] {
    width: 100%;
    max-width: 992px;
    margin: 0 auto;
    padding: 1rem;
}

.content-area[b-eyjtzxtp9r] {
    margin-top: 1.5rem;
}

@media (max-width: 767px) {

    .marketer-panel-container[b-eyjtzxtp9r] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .saldo-card[b-eyjtzxtp9r] {
        flex-direction: column;
        gap: 1.5rem;
    }

    .saldo-info[b-eyjtzxtp9r] {
        text-align: center;
    }

    .saldo-actions[b-eyjtzxtp9r] {
        width: 100%;
        max-width: 342px;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/Partners/InfluencerSocial/PerfilInfluencer.razor.rz.scp.css */
.page-container[b-l86m5ngvyq] {
    width: 100%;
    padding: 16px 16px 4px 16px;
}

.influencer-perfil-container[b-l86m5ngvyq] {
    max-width: 656px;
    margin: 0 auto;
}

.photo-container[b-l86m5ngvyq] {
    padding: 1rem 0;
}

.photo-container-item[b-l86m5ngvyq] {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 156px;
    height: 156px;
    border: 1px solid var(--color-border-container);
    border-radius: .5rem;
    background-color: var(--color-brand-primary-100);
    position: relative;
}

    .photo-container-item span[b-l86m5ngvyq] {
        font-family: Poppins;
        font-weight: 600;
        font-style: normal;
        font-size: 1.5rem;
    }

.password-buttons[b-l86m5ngvyq] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 1rem;
}

.edit-photo-button[b-l86m5ngvyq] {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000000;
    border-radius: .25rem;
    cursor: pointer;
}

    .edit-photo-button img[b-l86m5ngvyq] {
        width: 25px;
        height: 25px;
        top: 5px;
        right: 5px;
        position: absolute;
        border: 1px solid #000000;
        padding: 2px;
    }

.user-info-container[b-l86m5ngvyq] {
    padding-bottom: 1rem;
}

    .user-info-container .d-flex[b-l86m5ngvyq] {
        gap: 2rem;
    }

.cellphone-email-container[b-l86m5ngvyq] {
    display: flex;
    align-items: start;
    gap: 1rem;
}

.cellphone-email-item[b-l86m5ngvyq] {
    width: 100%;
}

.form-detalhado-container[b-l86m5ngvyq] {
    margin-top: 1rem; 
}

.form-group[b-l86m5ngvyq] {
    margin-bottom: 2rem;
}

.form-label[b-l86m5ngvyq] {
    font-weight: bold;
    font-size: 1rem;
    display: block;
    margin-bottom: 0.5rem;
}

.form-label-secondary[b-l86m5ngvyq] {
    font-weight: bold;
    font-size: 1rem;
    display: block;
    margin-top: 1.5rem;
}

.sub-label[b-l86m5ngvyq] {
    font-size: 0.875rem;
    color: #6c757d;
    display: block;
    margin-bottom: 1rem;
}

.checkbox-grid[b-l86m5ngvyq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem 2rem;
}

.checkbox-grid-redes[b-l86m5ngvyq] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem 2rem;
}

.form-row[b-l86m5ngvyq] {
    display: flex;
    gap: 2rem;
    margin-top: 1rem;
}

.form-row-forma-pago[b-l86m5ngvyq] {
    display: flex;
    gap: 2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.form-row-align-center[b-l86m5ngvyq] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
}

.form-field-pago[b-l86m5ngvyq] {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-items:flex-start;
}
.form-field[b-l86m5ngvyq] {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
}

.form-field-inline[b-l86m5ngvyq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.form-field label[b-l86m5ngvyq] {
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

.checkbox-group-horizontal[b-l86m5ngvyq] {
    display: flex;
    gap: 1.5rem;
    padding-bottom: 0.5rem; 

}

.form-control[b-l86m5ngvyq] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    height: 40px;
}

.form-control-small[b-l86m5ngvyq] {
    width: 100px;
    padding: 0.5rem;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    text-align: center;
}

.custom-input-size[b-l86m5ngvyq]{
    max-width: 154px;
}

.custom-input-size-followers[b-l86m5ngvyq] {
    max-width: 180px;
}

.custom-input-size-edade[b-l86m5ngvyq] {
    max-width: 280px;
}

.custom-input-size[b-l86m5ngvyq] {
    max-width: 320px;
}

@media (max-width: 767px) {

    .influencer-perfil-container[b-l86m5ngvyq] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .checkbox-grid[b-l86m5ngvyq],
    .checkbox-grid-redes[b-l86m5ngvyq] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .cellphone-email-container[b-l86m5ngvyq],
    .form-row[b-l86m5ngvyq],
    .form-row-forma-pago[b-l86m5ngvyq] {
        flex-direction: column;
        align-items: stretch; 
        gap: 1.5rem;
    }

    .form-field-pago[b-l86m5ngvyq] {
        align-items: flex-start;
    }

    .checkbox-group-horizontal[b-l86m5ngvyq] {
        padding-bottom: 0;
    }
    .password-buttons[b-l86m5ngvyq] {
        flex-direction: column;
        align-items: stretch; 
        gap: 1rem; 
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/Partners/InfluencerSocial/PostulacionConVideoInfluencerSocial.razor.rz.scp.css */
.hero[b-b0qmzlax10] {
    padding: 0;
    background: #fff;
}

.hero__image[b-b0qmzlax10] {
    width: 100%;
    height: auto;
    display: block;
}

.flags.flags--below[b-b0qmzlax10] {
    display: flex;
    justify-content: center;
    margin: 8px auto 20px;
}

    .flags.flags--below img[b-b0qmzlax10] {
        max-height: 18px;
        margin: 0 3px;
    }

.videos[b-b0qmzlax10] {
    padding: 24px 16px 8px;
    background: #fff;
    margin-top: 120px;
    margin-bottom: 120px;
}

.videos__head[b-b0qmzlax10] {
    max-width: 1112px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 24px;
    align-items: start;
}

.videos__title[b-b0qmzlax10] {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 32px;
    margin: 60px 0 6px 0;
}

.videos__desc[b-b0qmzlax10] {
    font-size: 20px;
    margin: 0;
}

.videos__wrap[b-b0qmzlax10] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 16px;
}

.video-card[b-b0qmzlax10] {
    border: 1px solid #E7E7E7;
    border-radius: 12px;
    background: #F5FFFC;
    height: 264px;
    display: grid;
    place-items: center;
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
}

.videos__icon[b-b0qmzlax10] {
    font-size: 28px;
}

.reasons[b-b0qmzlax10] {
    background: #0A7287;
    padding: 48px 16px 60px;
    color: #fff;
}

.reasons__title[b-b0qmzlax10] {
    text-align: center;
    font-size: 24px;
    margin: 0 0 24px;
    color: #fff;
}

.reasons__grid[b-b0qmzlax10] {
    max-width: 1112px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 16px;
}

.reason-card[b-b0qmzlax10] {
    position: relative;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    padding-top: 8px;
}

.reason-card__icon[b-b0qmzlax10] {
    position: absolute;
    top: -10px;
    left: 4px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #32E696;
    border: 4px solid #FAFAFA; 
    display: grid;
    place-items: center;
    color: #0a5543;
    font-size: 20px;
}

.reason-card__body[b-b0qmzlax10] {
    margin-top: 16px;
    padding: 12px 8px 8px 8px;
}

.reason-card__title[b-b0qmzlax10] {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #0E1B20;
    margin: 4px 0 6px 0;
}

.reason-card__text[b-b0qmzlax10] {
    font-size: 14px;
    color: #3B4950;
}

.apply[b-b0qmzlax10] {
    padding: 56px 16px 88px;
    background: #fff;
    display: grid;
    place-items: center;
}

.apply__title[b-b0qmzlax10] {
    text-align: center;
    max-width: 600px;
    margin-bottom: 24px;
}

.form-container[b-b0qmzlax10] {
    padding: 16px 16px 0 16px;
}

.label[b-b0qmzlax10] {
    margin-top: .5rem;
    display: block;
    font-family: var(--font-nunito, Nunito Sans), sans-serif;
    font-weight: 600;
    font-size: 16px;
}

.hint[b-b0qmzlax10] {
    margin-top: .5rem;
    font-size: 14px;
    color: #4C4C4C;
}

.button-container[b-b0qmzlax10] {
    padding: 8px 16px 16px;
}

.about[b-b0qmzlax10] {
    background: #0A7287;
    color: #fff;
    padding: 48px 16px;
}

.about__inner[b-b0qmzlax10] {
    max-width: 992px;
    margin: 0 auto;
}

    .about__inner h2[b-b0qmzlax10] {
        font-size: 32px;
        color: #fff;
        margin: 0 0 12px 0;
    }

@media (max-width: 992px) {
    .videos__head[b-b0qmzlax10] {
        grid-template-columns: 1fr;
    }

    .reasons__grid[b-b0qmzlax10] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .videos__wrap[b-b0qmzlax10] {
        grid-template-columns: 1fr;
    }

    .reasons__grid[b-b0qmzlax10] {
        grid-template-columns: 1fr;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/Partners/Marketers/MenuMarketer.razor.rz.scp.css */
.dashboard-options[b-wyqrna52vz] {
    max-width: 720px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1rem auto;
}

.marketer-panel-container[b-wyqrna52vz] {
    width: 100%; 
    max-width: 992px; 
    margin: 0 auto;
    padding: 1rem;
}

.content-area[b-wyqrna52vz] {
    margin-top: 1.5rem;
}

@media (max-width: 767px) {

    .marketer-panel-container[b-wyqrna52vz] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .saldo-card[b-wyqrna52vz] {
        flex-direction: column; 
        gap: 1.5rem; 
    }

    .saldo-info[b-wyqrna52vz] {
        text-align: center;
    }

    .saldo-actions[b-wyqrna52vz] {
        width: 100%; 
        max-width: 342px; 
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/Partners/Marketers/PerfilMarketers.razor.rz.scp.css */
.page-container[b-ueaph8wegn] {
    width: 100%;
    padding: 16px 16px 4px 16px;
}

.consultor-perfil-container[b-ueaph8wegn] {
    max-width: 656px;
    margin: 0 auto;
}

.photo-container[b-ueaph8wegn] {
    padding: 1rem 0;
}

.photo-container-item[b-ueaph8wegn] {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 156px;
    height: 156px;
    border: 1px solid var(--color-border-container);
    border-radius: .5rem;
    background-color: var(--color-brand-primary-100);
    position: relative;
}

    .photo-container-item span[b-ueaph8wegn] {
        font-family: Poppins;
        font-weight: 600;
        font-style: normal;
        font-size: 1.5rem;
    }

.password-buttons[b-ueaph8wegn] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 1rem;
}


.edit-photo-button[b-ueaph8wegn] {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000000;
    border-radius: .25rem;
    cursor: pointer;
}


    .edit-photo-button img[b-ueaph8wegn] {
        top: 5px;
        right: 5px;
        position: absolute;
        border: 1px solid #000000;
        padding: .5rem;
        border-radius: .25rem;
    }


.user-info-container[b-ueaph8wegn] {
    padding-bottom: 1rem;
}

    .user-info-container .d-flex[b-ueaph8wegn] {
        gap: 2rem;
    }

    .user-info-container > div > .precios-item[b-ueaph8wegn] {
        max-width: calc(50% - 1rem);
    }

.cellphone-email-container[b-ueaph8wegn] {
    display: flex;
    align-items: start;
    gap: 1rem;
}

.cellphone-email-item[b-ueaph8wegn] {
    width: 100%;
}

.precios-item[b-ueaph8wegn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
    width: 100%;
}

    .precios-item label[b-ueaph8wegn] {
        flex-shrink: 1;
        width: 170px;
    }

.form-field-full[b-ueaph8wegn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
}

    .form-field-full label[b-ueaph8wegn] {
        flex-shrink: 1;
        width: 170px;
    }

    .form-field-full > *:last-child[b-ueaph8wegn] {
        flex-grow: 1;
    }

.input-text-size[b-ueaph8wegn] {
    max-width: 172px;
    width: 100%;
    flex-shrink: 0;
}

.custom-width-dropdown[b-ueaph8wegn] {
    max-width: 320px;
}

@media (max-width: 767px) {

    .form-field-full label[b-ueaph8wegn],
    .precios-item label[b-ueaph8wegn],
    .precios-item label[b-ueaph8wegn] {
        max-width: 200px;
        width:100%;
    }

    .consultor-perfil-container[b-ueaph8wegn] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .cellphone-email-container[b-ueaph8wegn],
    .user-info-container .d-flex[b-ueaph8wegn] {
        flex-direction: column;
        align-items: stretch;
        gap: 1.5rem;
    }

    .password-buttons[b-ueaph8wegn] {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }

    .precios-item:last-child[b-ueaph8wegn] {
        margin-top: 0;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/Partners/Marketers/PostulacionConVideoMarketer.razor.rz.scp.css */
.hero[b-w9256c1dpv] {
    padding: 0;
    background: #fff;
}

.hero__image[b-w9256c1dpv] {
    width: 100%;
    height: auto;
    display: block;
}

.flags.flags--below[b-w9256c1dpv] {
    display: flex;
    justify-content: center;
    margin: 8px auto 20px;
}

    .flags.flags--below img[b-w9256c1dpv] {
        max-height: 18px;
        margin: 0 3px;
    }

.videos[b-w9256c1dpv] {
    padding: 24px 16px 8px;
    background: #fff;
    margin-top: 120px;
    margin-bottom: 120px;
}

.videos__head[b-w9256c1dpv] {
    max-width: 1112px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 24px;
    align-items: start;
}

.videos__title[b-w9256c1dpv] {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 32px;
    margin: 60px 0 6px 0;
}

.videos__desc[b-w9256c1dpv] {
    font-size: 20px;
    margin: 0;
}

.videos__wrap[b-w9256c1dpv] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 16px;
}

.video-card[b-w9256c1dpv] {
    border: 1px solid #E7E7E7;
    border-radius: 12px;
    background: #F5FFFC;
    height: 264px;
    display: grid;
    place-items: center;
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
}

.videos__icon[b-w9256c1dpv] {
    font-size: 28px;
}

.reasons[b-w9256c1dpv] {
    background: #0A7287;
    padding: 48px 16px 60px;
    color: #fff;
}

.reasons__title[b-w9256c1dpv] {
    text-align: center;
    font-size: 24px;
    margin: 0 0 24px;
    color: #fff;
}

.reasons__grid[b-w9256c1dpv] {
    max-width: 1112px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 16px;
}

.reason-card[b-w9256c1dpv] {
    position: relative;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    padding-top: 8px;
}

.reason-card__icon[b-w9256c1dpv] {
    position: absolute;
    top: -10px;
    left: 4px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #32E696;
    border: 4px solid #FAFAFA;
    display: grid;
    place-items: center;
    color: #0a5543;
    font-size: 20px;
}

.reason-card__body[b-w9256c1dpv] {
    margin-top: 16px;
    padding: 12px 8px 8px 8px;
}

.reason-card__title[b-w9256c1dpv] {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #0E1B20;
    margin: 4px 0 6px 0;
}

.reason-card__text[b-w9256c1dpv] {
    font-size: 14px;
    color: #3B4950;
}

.apply[b-w9256c1dpv] {
    padding: 56px 16px 88px;
    background: #fff;
    display: grid;
    place-items: center;
}

.apply__title[b-w9256c1dpv] {
    text-align: center;
    max-width: 600px;
    margin-bottom: 24px;
}

.form-container[b-w9256c1dpv] {
    padding: 16px 16px 0 16px;
}

.label[b-w9256c1dpv] {
    margin-top: .5rem;
    display: block;
    font-family: var(--font-nunito, Nunito Sans), sans-serif;
    font-weight: 600;
    font-size: 16px;
}

.hint[b-w9256c1dpv] {
    margin-top: .5rem;
    font-size: 14px;
    color: #4C4C4C;
}

.button-container[b-w9256c1dpv] {
    padding: 8px 16px 16px;
}

.about[b-w9256c1dpv] {
    background: #0A7287;
    color: #fff;
    padding: 48px 16px;
}

.about__inner[b-w9256c1dpv] {
    max-width: 992px;
    margin: 0 auto;
}

    .about__inner h2[b-w9256c1dpv] {
        font-size: 32px;
        color: #fff;
        margin: 0 0 12px 0;
    }

@media (max-width: 992px) {
    .videos__head[b-w9256c1dpv] {
        grid-template-columns: 1fr;
    }

    .reasons__grid[b-w9256c1dpv] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .videos__wrap[b-w9256c1dpv] {
        grid-template-columns: 1fr;
    }

    .reasons__grid[b-w9256c1dpv] {
        grid-template-columns: 1fr;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/Partners/MediaPartner/MenuInfluencer.razor.rz.scp.css */
.dashboard-options[b-d6n90yb1zh] {
    max-width: 720px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1rem auto;
}

.marketer-panel-container[b-d6n90yb1zh] {
    width: 100%;
    max-width: 992px;
    margin: 0 auto;
    padding: 1rem;
}

.content-area[b-d6n90yb1zh] {
    margin-top: 1.5rem;
}

@media (max-width: 767px) {

    .marketer-panel-container[b-d6n90yb1zh] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .saldo-card[b-d6n90yb1zh] {
        flex-direction: column;
        gap: 1.5rem;
    }

    .saldo-info[b-d6n90yb1zh] {
        text-align: center;
    }

    .saldo-actions[b-d6n90yb1zh] {
        width: 100%;
        max-width: 342px;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/Partners/MenuPartners/LinkOption.razor.rz.scp.css */
.link-options-list[b-f477j53jdc] {
    display: flex;
    flex-direction: column;
    padding: 8px; 
}

.link-option[b-f477j53jdc] {
    display: flex;
    align-items: center;
    gap: 12px; 
    padding: 12px 16px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 1rem;
    color: #333;
    transition: background-color 0.2s ease-in-out; 
}

    .link-option:hover[b-f477j53jdc] {
        background-color: #DAFEED;
    }

    .link-option.active[b-f477j53jdc] {
        background-color: #DAFEED;
        font-weight: 700;
    }

    .link-option i[b-f477j53jdc] {
        font-size: 1.25rem;
    }
/* _content/InfoMarcas2.Server/Components/Pages/Partners/MenuPartners/MenuAlianzasEstrategicas.razor.rz.scp.css */
.dashboard-options[b-7i659jzu8y] {
    max-width: 720px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1rem auto;
}

.marketer-panel-container[b-7i659jzu8y] {
    width: 100%;
    max-width: 992px;
    margin: 0 auto;
    padding: 1rem;
}

.content-area[b-7i659jzu8y] {
    margin-top: 1.5rem;
}

@media (max-width: 767px) {

    .marketer-panel-container[b-7i659jzu8y] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .saldo-card[b-7i659jzu8y] {
        flex-direction: column;
        gap: 1.5rem;
    }

    .saldo-info[b-7i659jzu8y] {
        text-align: center;
    }

    .saldo-actions[b-7i659jzu8y] {
        width: 100%;
        max-width: 342px;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/Partners/MenuPartners/PostulacionSinVideoMediaPartner.razor.rz.scp.css */
.banner-container[b-2scti28x95] {
    width: 100%;
    position: relative;
}

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

.content-wrapper[b-2scti28x95] {
    margin-bottom: 2rem;
}

.page-container[b-2scti28x95] {
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: #fafafa;
    padding-top: 8px !important;
}

.flags-container[b-2scti28x95] {
    width: 100%;
    height: 24px;
    padding: 0 8px;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: flex-end;
}

.cards-page[b-2scti28x95] {
    width: 992px;
    margin-top: 16px;
    margin-bottom: 48px;
}

.form-container[b-2scti28x95] {
    padding-top: 2rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    padding-right: 4rem;
}

.button-container[b-2scti28x95] {
    padding-left: 1.5rem;
    padding-bottom: 2rem;
    padding-right: 1.5rem;
}

.feature-icon-wrapper[b-2scti28x95] {
    display: flex;
    padding: 12px;
    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);
    font-size: 1.5rem;
}

.icon-container[b-2scti28x95] {
    max-width: 56px;
    max-height: 56px;
}
/* _content/InfoMarcas2.Server/Components/Pages/Partners/MenuPartners/SaldoCard.razor.rz.scp.css */

.saldo-card[b-tjq6yas2ft] {
    background-color: #DAFEED !important;
    border: 1px solid #7B7B7B;
    padding: 24px;
}

.card-container-box[b-tjq6yas2ft] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 1rem;
}

.button-content[b-tjq6yas2ft] {
    display: flex;
    font-size: 14px;
    font-weight: 700;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.saldo-info .saldo-label[b-tjq6yas2ft] {
    font-size: 1rem;
    display: block;
    font-weight: 700;
}

.saldo-info .saldo-valor[b-tjq6yas2ft] {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2rem;
}

.saldo-actions[b-tjq6yas2ft] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 205px; 
}

@media (max-width: 768px) {
    .card-container-box[b-tjq6yas2ft] {
        flex-direction: column;
        align-items: center;
        gap: 1.5rem;
    }

    .saldo-info[b-tjq6yas2ft] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .saldo-actions[b-tjq6yas2ft] {
        width: 100%;
        max-width: none;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/PerfisRoles/PerfilRrhhCx.razor.rz.scp.css */
.page-container[b-u2tptk12gc] {
    width: 100%;
    padding: 16px 16px 4px 16px;
}

.consultor-perfil-container[b-u2tptk12gc] {
    max-width: 656px;
    margin: 0 auto;
}

.photo-container[b-u2tptk12gc] {
    padding: 1rem 0;
}

.photo-container-item[b-u2tptk12gc] {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 156px;
    height: 156px;
    border: 1px solid var(--color-border-container);
    border-radius: .5rem;
    background-color: var(--color-brand-primary-100);
    position: relative;
}

    .photo-container-item span[b-u2tptk12gc] {
        font-family: Poppins;
        font-weight: 600;
        font-style: normal;
        font-size: 1.5rem;
    }

.password-buttons[b-u2tptk12gc] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 1rem;
}



.edit-photo-button[b-u2tptk12gc] {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000000;
    border-radius: .25rem;
    cursor: pointer;
}
    .edit-photo-button img[b-u2tptk12gc] {
        width: 18px;
        height: 18px;
    }

.user-info-container[b-u2tptk12gc] {
    padding-bottom: 1rem;
}

.cellphone-email-container[b-u2tptk12gc]{
    display: flex;
    align-items: start;
    gap: 1rem;
}

.cellphone-email-item[b-u2tptk12gc] {
    width: 100%;
}

@media (max-width: 767px) {

    .consultor-perfil-container[b-u2tptk12gc] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .cellphone-email-container[b-u2tptk12gc] {
        flex-direction: column;
        align-items: stretch; 
        gap: 1.5rem; 
    }

    .password-buttons[b-u2tptk12gc] {
        flex-direction: column;
        align-items: stretch; 
        gap: 1rem;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/PrevisualizacionCards/PromotionsEspecificaPrevisualizacionCard.razor.rz.scp.css */
.visualizacion-container-espefico[b-4pbgdum0ox] {
    display: flex;
    max-width: 732px;
    width: 100%;
    height: 244px;
    border-radius: 8px;
    background: #F9F9F9;
    font-family: var(--font-secondary);
}

.container-img-especifica[b-4pbgdum0ox] {
    position: relative;
    width: 45%;
    height: 100%;
}

.background-img[b-4pbgdum0ox] {
    max-width: 200px;
    height: 100%;
    object-fit: cover;
    border-radius: 8px 0 0 8px;
}

.logo-container[b-4pbgdum0ox] {
    position: absolute;
    top: 16px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 16px;
    width: 48px;
    height: 48px;
    border-radius: 8px;
}

.logo-img[b-4pbgdum0ox] {
    width: 100%;
    height: 100%;
    object-fit: fill;
    border-radius: 6px;
}

.container-text-especifico[b-4pbgdum0ox] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
}

.header-card[b-4pbgdum0ox] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.brand-name[b-4pbgdum0ox] {
    font-size: var(--font-size-display);
    font-weight: var(--font-weight-semibold);
    line-height: var(--font-size-display);
    color: #494848;
    margin: 0;
    margin-bottom: 8px;
}

.download-button-container .button-download[b-4pbgdum0ox] {
    background-color: white;
    border: 1px solid #D0D0D0;
    border-radius: 4px;
    cursor: pointer;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.description-text[b-4pbgdum0ox] {
    color: #494848;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.value-field[b-4pbgdum0ox] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: 2rem;
    margin-top: 1rem;
}

    .value-field span[b-4pbgdum0ox] {
        font-size: 2rem;
        font-weight: var(--font-weight-semibold);
        color: #494848;
    }

.price-text[b-4pbgdum0ox] {
    font-weight: var(--font-weight-bold);
    color: var(--color-brand-primary-400);
    font-size: 2.375rem;
    margin: 0;
}

.plus-icon[b-4pbgdum0ox] {
    font-size: 16px;
    margin: 0 6px;
    color: #7B7B7B;
}

.text-stars-container[b-4pbgdum0ox] {
    display: flex;
    align-items: center;
    color: white;
    padding: 8px 12px;
    border-radius: 6px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

    .text-stars-container img[b-4pbgdum0ox] {
        width: 30px;
        margin-right: 8px;
    }

.stars-value[b-4pbgdum0ox] {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}

.icon-container[b-4pbgdum0ox] {
    position: relative;
    display: inline-block;
    font-size: 48px;
    width: 1em;
    height: 1em;
}

@media(max-width: 769px) {
    .background-img[b-4pbgdum0ox] {
        width: 150px;
        height: 240px;
        object-fit: cover;
    }
}

@media(max-width: 380px) {
    .description-text[b-4pbgdum0ox] {
        max-width: 195px;
    }
}

@media(max-width: 475px) {
    .background-img[b-4pbgdum0ox] {
        width: 100px;
        height: 190px;
        object-fit: cover;
    }
}

@media(max-width: 435px) {
    .price-text[b-4pbgdum0ox] {
        font-size: 22px;
    }

    .plus-sign[b-4pbgdum0ox] {
        font-size: 22px;
    }

    .icon-container[b-4pbgdum0ox] {
        font-size: 30px;
    }

    .stars-value[b-4pbgdum0ox] {
        font-size: 18px;
    }

    .description-text[b-4pbgdum0ox] {
        font-size: 16px;
    }
}

.star-background[b-4pbgdum0ox],
.dollar-foreground[b-4pbgdum0ox] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1;
}


.star-background[b-4pbgdum0ox] {
    color: #32E696;
    z-index: 1;
}

.dollar-foreground[b-4pbgdum0ox] {
    color: white !important;
    font-size: 0.5em;
    font-weight: bold;
    z-index: 2;
}

@media (min-width: 320px) and (max-width: 366px) {
    .description-text[b-4pbgdum0ox] {
        max-width: 140px;
        font-size: 14px;
    }

    .brand-name[b-4pbgdum0ox] {
        font-size: 20px;
    }

    .price-text[b-4pbgdum0ox] {
        font-size: 16px;
    }

    .icon-container[b-4pbgdum0ox] {
        font-size: 22px;
    }

    .stars-value[b-4pbgdum0ox] {
        font-size: 12px;
    }

    .text-stars-container[b-4pbgdum0ox] {
        padding: 4px 6px;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/PrevisualizacionCards/PromotionsGeneralPrevisualizacionCard.razor.rz.scp.css */
.visualizacion-container[b-a2w0jk1vb2] {
    display: flex;
    align-items: center;
    gap: 3.75rem;
    max-width: 488px;
    width: 100%;
    margin: 0 auto;
    border-radius: 8px;
    background: #F9F9F9;
    box-sizing: border-box;
}

@media(max-width: 769px) {

    .visualizacion-container[b-a2w0jk1vb2] {
        align-items: center;
        max-width: 100%;
        gap: 1.5rem;
        justify-content: center;
    }

    .company-name[b-a2w0jk1vb2] {
        font-size: 12px;
    }
}

.brand-img-container[b-a2w0jk1vb2] {
    width: 150px;
    height: 150px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .brand-img-container img[b-a2w0jk1vb2] {
        max-width: 11.25rem;
        max-height: 11.25rem;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        border-radius: 1.125rem;
    }

.text-container[b-a2w0jk1vb2] {
    max-width: 16.5rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.company-name[b-a2w0jk1vb2] {
    font-family: var(--font-secondary);
    font-size: var(--font-size-display);
    font-weight: var(--font-weight-bold);
    color: #494848;
    color: #494848;
    font-family: Poppins;
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.percentage-discount[b-a2w0jk1vb2] {
    font-family: var(--font-secondary);
    font-size: 6.25rem;
    font-weight: var(--font-weight-bold);
    color: var(--color-brand-primary-400);
    line-height: 100%;
    color: #32E696;
    font-family: Poppins;
    font-size: 100px;
    font-style: normal;
    font-weight: 700;
}

@media(max-width: 769px) {
    .percentage-discount[b-a2w0jk1vb2] {
        font-size: 80px;
    }
}

.description[b-a2w0jk1vb2] {
    font-family: var(--font-secondary);
    font-size: var(--font-size-body-lg);
    font-weight: var(--font-weight-bold);
    color: #494848;
    color: #494848;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.upload-icon[b-a2w0jk1vb2] {
    width: 100%;
    height: 100%;
    object-fit: fill;
    border-radius: 8px;
}

@media (max-width: 366px) {
    .brand-img-container[b-a2w0jk1vb2] {
        width: 90px;
        height: 90px;
    }

    .description[b-a2w0jk1vb2] {
        font-size: 16px;
    }

    .promotions-grid[b-a2w0jk1vb2] {
        gap: 20px;
    }

    .percentage-discount[b-a2w0jk1vb2] {
        font-size: 60px;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/PrevisualizacionCards/SorteosPrevisualizacionCard.razor.rz.scp.css */
.sorteo-card-container[b-vilqtlc8ka] {
    display: flex;
    width: 100%;
    border-radius: 8px;
    padding: 4px;
    margin: 0 auto;
    gap: 1rem;
    font-family: var(--font-secondary);
    background: #F9F9F9;
    overflow: hidden;
}

.image-container[b-vilqtlc8ka] {
    position: relative;
}

.background-image[b-vilqtlc8ka] {
    width: 200px;
    height: 310px;
    object-fit: cover;
}

@media(max-width: 769px) {
    .background-image[b-vilqtlc8ka] {
        width: 150px;
        height: 280px;
        object-fit: cover;
    }
}

@media(max-width: 420px) {
    .date-box span[b-vilqtlc8ka] {
        font-size: 16px !important;
    }

    .description[b-vilqtlc8ka] {
        font-size: 16px;
    }
}

.logo-overlay[b-vilqtlc8ka] {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.text-container[b-vilqtlc8ka] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 16px;
    justify-content: center;
}

.logo-img[b-vilqtlc8ka] {
    width: 100%;
    height: 100%;
    object-fit: fill;
    border-radius: 6px;
}

.info-bottom[b-vilqtlc8ka] {
    margin-top: .5rem;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}

.brand-name[b-vilqtlc8ka] {
    font-size: var(--font-size-display);
    font-weight: var(--font-weight-semibold);
    line-height: var(--font-size-display);
    color: #494848;
    margin: 0;
    color: #494848;
    font-family: Poppins;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    line-height: 23px; /* 100% */
}

.description[b-vilqtlc8ka] {
    display: flex;
    flex-direction: column;
    font-weight: var(--font-weight-regular);
    margin: 0;
    margin-top: .75rem;
    color: #494848;
    font-size: 18px;
    font-style: normal;
    font-family: "Nunito Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sorteo-text[b-vilqtlc8ka] {
    font-size: 3.125rem;
    font-weight: var(--font-weight-bold);
    color: var(--color-brand-primary-400);
    color: #32E696;
    text-align: center;
    font-family: Poppins;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 80px; /* 160% */
}

@media(max-width:768px) {

    .sorteo-text[b-vilqtlc8ka] {
        font-size: 2rem;
    }
}

.date-box[b-vilqtlc8ka] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    font-weight: bold;
    padding: 8px 24px;
    border-radius: 6px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    color: #494848;
    text-align: center;
    font-family: Poppins;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
}

    .date-box span[b-vilqtlc8ka] {
        font-size: 1.5rem;
        font-weight: var(--font-weight-semibold);
        color: #494848;
    }

@media(max-width: 380px) {
    .description[b-vilqtlc8ka] {
        max-width: 195px;
    }
}

@media(max-width: 424px) {
    .description[b-vilqtlc8ka] {
        font-size: 16px;
    }
}

@media (max-width: 769px) {
    .background-image[b-vilqtlc8ka] {
        width: 150px;
        height: 240px;
        object-fit: cover;
    }
}

@media (max-width: 475px) {
    .background-image[b-vilqtlc8ka] {
        width: 100px;
        height: 190px;
        object-fit: cover;
    }
}

@media(max-width: 769px) {
    .background-img[b-vilqtlc8ka] {
        width: 150px;
        height: 240px;
        object-fit: cover;
    }
}

@media(max-width: 380px) {
    .description[b-vilqtlc8ka] {
        max-width: 195px;
    }
}

@media(max-width: 475px) {
    .background-img[b-vilqtlc8ka] {
        width: 100px;
        height: 190px;
        object-fit: cover;
    }
}

@media(max-width: 435px) {
    .sorteo-text[b-vilqtlc8ka] {
        font-size: 22px;
    }

    .description[b-vilqtlc8ka] {
        font-size: 16px;
    }
}

@media(max-width: 435px) {
    .sorteo-text[b-vilqtlc8ka] {
        line-height: 20px;
    }
}

@media (min-width: 320px) and (max-width: 366px) {
    .description[b-vilqtlc8ka] {
        max-width: 120px;
        font-size: 14px;
    }

    .brand-name[b-vilqtlc8ka] {
        font-size: 20px;
    }

    .sorteo-text[b-vilqtlc8ka] {
        font-size: 16px;
    }

    .icon-container[b-vilqtlc8ka] {
        font-size: 22px;
    }

    .text-stars-container[b-vilqtlc8ka] {
        padding: 4px 6px;
    }

    .date-box[b-vilqtlc8ka] {
        padding: 6px 14px;
    }
}
/* _content/InfoMarcas2.Server/Components/Pages/PromocionesBrowser.razor.rz.scp.css */
.ph[b-dtv7ddsoml] {
    color: black !important;
}

.feature-icon-wrapper[b-dtv7ddsoml] {
    display: flex;
    padding: 12px;
    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;
}
/* _content/InfoMarcas2.Server/Components/Pages/PromocionesCrear.razor.rz.scp.css */
.content-area[b-pu07xwtcc0]  .content.expanded {
    padding: 0 24px;
}
/* _content/InfoMarcas2.Server/Components/Pages/PromocionesVaziasPage.razor.rz.scp.css */
.ph[b-zme1nv0wru] {
    color: black !important;
}

.feature-icon-wrapper[b-zme1nv0wru] {
    display: flex;
    padding: 12px;
    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;
}

.text-title[b-zme1nv0wru] {
    color: var(--color-base-black, #000);
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 18px;
    font-style: normal;
    font-weight: var(--font-weight-bold, 700);
    line-height: 130%;
}

.equal-height-cards .col-lg-6[b-zme1nv0wru] {
    display: flex;
}

.equal-height-cards .e-card[b-zme1nv0wru] {
    flex: 1;
}
/* _content/InfoMarcas2.Server/Components/Pages/RecentExperiencesCard.razor.rz.scp.css */
.img-container[b-eoleuzfl6o], .cliente-img[b-eoleuzfl6o] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border: 1px solid var(--color-border-container);
    border-radius: .5rem;
    background-color: var(--color-brand-primary-50);
}

    .img-container img[b-eoleuzfl6o] {
        width: 36px;
        height: 36px;
    }


@media (max-width: 1024px) {
    .experience-container[b-eoleuzfl6o] {
        max-width: 100% !important;
    }
}

    .experience-container[b-eoleuzfl6o] {
        max-width: 358px;
        margin: .25rem .5rem;
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
        padding: .75rem !important;
        border: 1px solid var(--color-border-container);
        border-radius: .5rem;
        box-shadow: 0px 2px 4px -2px #00000014;
    }

    .title-content[b-eoleuzfl6o] {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .title h3[b-eoleuzfl6o] {
        font-family: var(--font-primary);
        font-weight: var(--font-weight-bold);
        font-style: normal;
        font-size: var(--font-size-body-lg);
        letter-spacing: 0%;
        color: var(--color-neutral-800);
    }

    .cliente-content[b-eoleuzfl6o] {
        display: flex;
        align-items: center;
        gap: 1rem;
        width: max-content;
    }

    .cliente-img[b-eoleuzfl6o] {
        background-color: var(--color-brand-primary-100);
    }

        .cliente-img span[b-eoleuzfl6o] {
            font-family: var(--font-secondary);
            font-weight: var(--font-weight-semibold);
            font-style: normal;
            font-size: var(--font-size-body-display);
            line-height: 130%;
        }

    .cliente-info[b-eoleuzfl6o] {
        display: flex;
        flex-direction: column;
        gap: .25rem;
        font-family: var(--font-primary);
        font-weight: var(--font-weight-regular);
        font-style: normal;
        font-size: .875rem;
        line-height: 20px;
        color: var(--color-neutral-800);
    }

    .cliente-name[b-eoleuzfl6o] {
        width: max-content;
        font-weight: var(--font-weight-bold);
        font-size: var(--font-size-body-lg);
    }

    .experiencias-avaliacao[b-eoleuzfl6o] {
        display: flex;
        flex-direction: column;
        gap: .5rem;
    }

    .experiencias-item[b-eoleuzfl6o] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        font-family: var(--font-primary);
        font-weight: var(--font-weight-regular);
        font-style: normal;
        font-size: var(--font-size-body);
        color: var(--color-neutral-800);
    }

    .experiencias-item-container[b-eoleuzfl6o] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
/* _content/InfoMarcas2.Server/Components/Pages/ResenasConfiablesCard.razor.rz.scp.css */
.confiable-container[b-hwpvy6rox6] {
    max-width: 358px;
    max-height: 400px;
    margin: .25rem .5rem;
    display: flex !important;
    flex-direction: column !important;
    align-items: center;
    padding: 1.5rem !important;
    border: 1px solid var(--color-border-container);
    border-radius: .5rem;
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.08);
}

.card-image[b-hwpvy6rox6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    height: 240px;
    border-radius: .25rem;
    border: 1px solid var(--color-border-container);
    background-color: var(--color-brand-primary-50);
}

    .card-image img[b-hwpvy6rox6] {
        width: 60px;
        height: 60px;
        margin: 0;
        border: none;
    }

.card-content[b-hwpvy6rox6] {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0;
}

    .card-content h3[b-hwpvy6rox6] {
        font-family: var(--font-primary);
        font-weight: var(--font-weight-bold);
        font-style: normal;
        font-size: var(--font-size-body-lg);
        line-height: 130%;
        color: var(--color-neutral-800);
        margin: 0;
    }

    .card-content p[b-hwpvy6rox6] {
        font-family: var(--font-primary);
        font-weight: var(--font-weight-regular);
        font-style: normal;
        font-size: var(--font-size-body);
        line-height: 130%;
        color: var(--color-neutral-800);
        margin: 0;
    }

.location[b-hwpvy6rox6] {
    margin-top: .25rem !important;
    font-size: .875rem !important;
}
/* _content/InfoMarcas2.Server/Components/Pages/SorteosCrear.razor.rz.scp.css */

/* _content/InfoMarcas2.Server/Components/Pages/SorteosVaziosPage.razor.rz.scp.css */
.feature-icon-wrapper[b-ojv6wm5ue0] {
    display: flex;
    padding: 12px;
    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;
}

.text-description[b-ojv6wm5ue0] {
    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%;
}

.text-title[b-ojv6wm5ue0] {
    color: var(--color-base-black, #000);
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 18px;
    font-style: normal;
    font-weight: var(--font-weight-bold, 700);
    line-height: 130%;
}

.ph[b-ojv6wm5ue0] {
    color: black !important;
}

.equal-height-cards .col-lg-6[b-ojv6wm5ue0] {
    display: flex;
}

.equal-height-cards .e-card[b-ojv6wm5ue0] {
    flex: 1;
}
/* _content/InfoMarcas2.Server/Components/Pages/Sucursales.razor.rz.scp.css */

:root[b-95orqmrugi] {
    --gap: 16px;
    --radius: 12px;
    --color-divider: var(--color-neutral-2, #e0e0e0);
    --color-card-background: var(--color-surface, #fff);
}

.sucursales-header[b-95orqmrugi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.panel-main-content[b-95orqmrugi] {
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}

.header[b-95orqmrugi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.branches-list[b-95orqmrugi] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* --- Card promocional --- */
.branch-promo[b-95orqmrugi] {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius);
}

    .branch-promo .promo-img[b-95orqmrugi] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.promo-overlay2[b-95orqmrugi] {
    inset: 0;
    color: var(--color-body-text-light,#fff);
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 8px;
    background-image: url('/images/sucursales-img.png');
    background-repeat: no-repeat;
    background-position: center center;
    max-width: 440px;
    height: 330px;
    background-size: 100% 100%;
}

/* --- Card Premium --- */
.premium-card[b-95orqmrugi] {
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: var(--md, 8px);
    border: 1px solid var(--Border-color-border-container, #E5E7EB);
    background: #FFF;
    /* Shadow/shadow.surface.sm */
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08) inset;
}

    .premium-card .title[b-95orqmrugi] {
        color: #000;
        /* Title/Semibold/24 */
        font-family: var(--font-family-Poppins, Poppins);
        font-size: 24px;
        font-style: normal;
        font-weight: var(--font-weight-semibold, 600);
        line-height: 130%; /* 31.2px */
    }

    .premium-card .subtitle[b-95orqmrugi] {
        color: var(--color-base-black, #000);
        /* Body/Regular/16 */
        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%; /* 20.8px */
    }

.promo-card-content[b-95orqmrugi] {
    max-width: 440px;
}

@media(max-width:500px) {
    .promo-card-content[b-95orqmrugi] {
    }

    .promo-card-content[b-95orqmrugi],
    .promo-overlay2[b-95orqmrugi] {
        max-width: 100%;
    }
}

.price[b-95orqmrugi] {
    color: #000;
    font-family: var(--font-family-Poppins, Poppins);
    font-size: 40px;
    font-style: normal;
    font-weight: var(--font-weight-semibold, 600);
    line-height: 32px; /* 80% */
}

.price2[b-95orqmrugi] {
    color: #000;
    /* Input/Label */
    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; /* 125% */
}

.divider[b-95orqmrugi] {
    border: none;
    border-top: 1px solid var(--color-divider);
    margin-block: 16px;
}

.benefits[b-95orqmrugi] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .benefits li[b-95orqmrugi] {
        display: flex;
        align-items: flex-start;
        gap: 8px;
    }

.benefit-icon[b-95orqmrugi] {
    margin-top: 2px;
}


.ruleta-search[b-95orqmrugi] {
    position: relative;
    margin-bottom: 1rem;
}

.ruleta-search-input[b-95orqmrugi] {
    width: 100%;
    padding: 0.5rem 2.5rem 0.5rem 1rem;
    font-size: var(--font-size-body);
    color: var(--color-body-text);
    background-color: var(--color-surface);
    border: 1px solid var(--color-divider);
    border-radius: var(--default-border-radius);
}

.ruleta-search-icon[b-95orqmrugi] {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    color: var(--color-disabled);
}

.ruleta-list[b-95orqmrugi] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ruleta-item[b-95orqmrugi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border: 1px solid var(--color-divider);
    border-radius: var(--default-border-radius);
}


.ruleta-item-title[b-95orqmrugi] {
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-regular);
    overflow: hidden;
    color: var(--gray-color-neutral-800, #262626);
    text-overflow: ellipsis;
    /* Subtitle/Bold/18 */
    font-family: var(--font-family-Nunito-Sans, "Nunito Sans");
    font-size: 18px;
    font-style: normal;
    font-weight: var(--font-weight-bold, 700);
    line-height: 130%; /* 23.4px */
}

.roulet-3dots-container[b-95orqmrugi] {
    /*d-flex flex-column gap-2 justify-center align-center margin-sm*/
    gap: 8px;
    margin: 5px;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    display: flex;
}

.ruleta-item-menu[b-95orqmrugi] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: 1rem;
    color: var(--color-body-text);
}

    .ruleta-item-menu:hover[b-95orqmrugi] {
        color: var(--color-primary);
    }

/* Caso queira estilizar o estado �sem resultados� */
.ruleta-no-results[b-95orqmrugi] {
    font-size: var(--font-size-body);
    color: var(--color-disabled);
    text-align: center;
    padding: 1rem 0;
}



.ruleta-header[b-95orqmrugi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.ruleta-title[b-95orqmrugi] {
    font-size: var(--font-size-display);
    font-weight: var(--font-weight-bold);
    margin: 0;
}

.ruleta-new-button[b-95orqmrugi] {
    padding: 0.5rem 1rem;
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-semibold);
    background-color: var(--color-primary);
    color: var(--color-body-text-light);
    border: none;
    border-radius: var(--default-border-radius);
    cursor: pointer;
}

.ruleta-search[b-95orqmrugi] {
    position: relative;
    margin-bottom: 1rem;
}

.ruleta-search-input[b-95orqmrugi] {
    width: 100%;
    padding: 0.5rem 2.5rem 0.5rem 1rem;
    font-size: var(--font-size-body);
    color: var(--color-body-text);
    background-color: var(--color-surface);
    border: 1px solid var(--color-divider);
    border-radius: var(--default-border-radius);
}

.ruleta-search-icon[b-95orqmrugi] {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    color: var(--color-disabled);
}


[b-95orqmrugi] .popup-info {
    color: var(--feedback-information-color-feedback-info-700, #1952A6);
    /* Button/Medium */
    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; /* 142.857% */
}

[b-95orqmrugi] .agregar-text {
    color: var(--gray-color-neutral-800, #262626);
    /* Input/Label */
    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; /* 125% */
}
/* _content/InfoMarcas2.Server/Components/Pages/ThreeDotsPopup.razor.rz.scp.css */
.popup-container[b-1ww717tivg] {
    display: flex;
    width: 180px;
    padding: 12px;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid #E5E7EB;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.popup-button-item[b-1ww717tivg] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    border-radius: 8px;
    transition: background-color 0.2s ease;
}

.popup-button-item:hover[b-1ww717tivg] {
    background-color: #F9FAFB;
}

.popup-icon[b-1ww717tivg] {
    font-size: 16px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
}

.popup-button[b-1ww717tivg] {
    background: none;
    border: none;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    padding: 0;
    text-align: left;
    flex: 1;
    transition: color 0.2s ease;
    color: #000000;
}

.edit-button[b-1ww717tivg] {
    color: #000000;
}

.duplicate-button[b-1ww717tivg] {
    color: #000000;
}

.delete-button[b-1ww717tivg] {
    color: #000000;
}

.popup-button:hover[b-1ww717tivg] {
    opacity: 0.8;
}

.popup-button:focus[b-1ww717tivg] {
    outline: none;
}

/* Legacy styles for compatibility */
.container-buttons[b-1ww717tivg] {
    display: flex;
    width: 200px;
    padding: 8px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--2, 8px);
    border: 1px solid var(--Border-Containers, #E5E7EB);
    background: var(--color-base-white, #FFF);
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.08);
}

/* _content/InfoMarcas2.Server/Components/Steps.razor.rz.scp.css */
.steps[b-afjzunxj6s] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    padding: 32px 24px;
    position: relative;
    background-color: #ffffff;
    border-radius: 8px;
    border: 1px solid;
    border-color: #e5e7eb;
    box-shadow: var(--shadow-shadow-surface-lg);
}

    .steps .line[b-afjzunxj6s] {
        position: absolute;
        width: 4px;
        height: 216px;
        top: 100px;
        left: 51px;
        background: linear-gradient( 0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100% ), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%);
    }

    .steps .header[b-afjzunxj6s] {
        display: flex;
        align-items: center;
        gap: 16px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        background-color: transparent;
    }

    .steps .text-wrapper[b-afjzunxj6s] {
        position: relative;
        width: fit-content;
        margin-top: -1.00px;
        font-family: var(--title-small-font-family);
        font-weight: var(--title-small-font-weight);
        color: #262626;
        font-size: var(--title-small-font-size);
        letter-spacing: var(--title-small-letter-spacing);
        line-height: var(--title-small-line-height);
        white-space: nowrap;
        font-style: var(--title-small-font-style);
    }

    .steps .frame[b-afjzunxj6s] {
        display: flex;
        align-items: center;
        gap: 16px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
    }

    .steps .number[b-afjzunxj6s] {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 14px 20px;
        position: relative;
        flex: 0 0 auto;
        background-color: #32e696;
        border-radius: 40px;
        border: 4px solid;
        border-color: #fafafa;
        box-shadow: var(--shadow-shadow-surface-lg);
    }

    .steps .div[b-afjzunxj6s] {
        position: relative;
        align-self: stretch;
        margin-top: -4.00px;
        font-family: var(--subtitle-large-font-family);
        font-weight: var(--subtitle-large-font-weight);
        font-size: var(--subtitle-large-font-size);
        letter-spacing: var(--subtitle-large-letter-spacing);
        line-height: var(--subtitle-large-line-height);
        font-style: var(--subtitle-large-font-style);
    }

    .steps .step[b-afjzunxj6s] {
        display: flex;
        align-items: center;
        gap: 8px;
        position: relative;
        flex: 1;
        flex-grow: 1;
    }

    .steps .img[b-afjzunxj6s] {
        position: relative;
        width: 40px;
        height: 40px;
    }

    .steps .p[b-afjzunxj6s] {
        position: relative;
        flex: 1;
        font-family: var(--body-large-font-family);
        font-weight: var(--body-large-font-weight);
        color: black;
        font-size: var(--body-large-font-size);
        letter-spacing: var(--body-large-letter-spacing);
        line-height: var(--body-large-line-height);
        font-style: var(--body-large-font-style);
    }

    .steps .text-wrapper-2[b-afjzunxj6s] {
        position: relative;
        flex: 1;
        margin-top: -1.00px;
        font-family: var(--body-large-font-family);
        font-weight: var(--body-large-font-weight);
        color: black;
        font-size: var(--body-large-font-size);
        letter-spacing: var(--body-large-letter-spacing);
        line-height: var(--body-large-line-height);
        font-style: var(--body-large-font-style);
    }

    .number .div[b-afjzunxj6s]{
        color: black;
        top: 2px;
    }
/* _content/InfoMarcas2.Server/Components/SubMenuResponsive.razor.rz.scp.css */
.new-nav-menu-item[b-jdrvtzvff0] {
    display: flex;
    gap: 8px;
    margin-block: 8px;
    padding-inline: 16px;
    padding-block: 12px;
    cursor: pointer;
}

.new-nav-menu-container[b-jdrvtzvff0] {
    position: absolute;
    background-color: white;
    top: 73px;
    right: 200px;
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.08);
    border: 1px solid var(--Border-Containers, #E5E7EB);
    z-index: 2337;
}

.new-nav-menu-item:hover[b-jdrvtzvff0] {
    background-color: lightgray;
}

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

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

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

/* Tablet Landscape (5 colunas usando grid) */
@media (min-width: 769px) and (max-width: 1024px) {
    .main-menu-grid[b-jdrvtzvff0] {
        display: flex !important;
        flex-wrap: wrap;
        gap: 16px;
        justify-content: center;
        /*        box-shadow: 0 2px 8px rgba(0,0,0,0.04);*/
    }

    [b-jdrvtzvff0] .main-menu-grid .item-main-menu {
        flex: 0 0 calc((100% - (16px * 4)) / 5) !important;
        max-width: calc((100% - (16px * 4)) / 5) !important;
    }
}

/* Tablet Portrait (2 colunas) */
@media (min-width: 391px) and (max-width: 768px) {
    .main-menu-grid[b-jdrvtzvff0] {
        display: grid !important;
    }
}

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

@media(max-width: 769px) {
    [b-jdrvtzvff0] .header-container,
    .main-menu-container[b-jdrvtzvff0] {
    }
}
/* _content/InfoMarcas2.Server/Components/SubMenuResponsivePage.razor.rz.scp.css */

@media(max-width: 769px) {
    [b-197c80frhq] .main-menu-container {
        display: flex !important;
    }

    [b-197c80frhq] .main-menu-container,
    [b-197c80frhq] .back-container {
        display: flex !important;
    }
}