@import '_content/LucaPoc.ComponentsWeb/LucaPoc.ComponentsWeb.gaff47kkcq.bundle.scp.css';

/* _content/LucaPoc.Web.ServerClient/Components/Layout/MainLayout.razor.rz.scp.css */
.header[b-bjrre8mcme] {
    display: flex;
    justify-content: space-between;
    background-color: #FFFFFF;
    padding: 16px;
    max-height: 80px;
}

.header__left[b-bjrre8mcme] {
    display: flex;
    flex: 1;
    gap: 100px;
    align-items: center;
}

.brand-logo[b-bjrre8mcme] {
    min-width: 158px;
}

.header__right[b-bjrre8mcme] {
    display: flex;
    flex: 1;
    gap: 65px;
    align-items: center;
    justify-content: end;
}

main[b-bjrre8mcme] {
    display: flex;
    background-color: #F0F3F7;
    height: calc(-80px + 100vh); /* Max height del header */
}

.page-content[b-bjrre8mcme] {
    padding: 16px;
    width: 100%;
    background-color: #F0F3F7;
    overflow: hidden auto;
    scroll-behavior: smooth;
}


/* Versionado */

.footer-version[b-bjrre8mcme] {
    background-color: #FFFFFF;
    position: fixed;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #282A2D;
    font-family: "Inter", sans-serif;
    font-size: 10px;
    font-weight: 400;
    gap: 20px;
    padding: 4px 8px;
}

.footer-version__brand[b-bjrre8mcme] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.footer-version__brand-img[b-bjrre8mcme] {
    width: 40px;
}
.footer-version__brand-text[b-bjrre8mcme], 
.footer-version__version-num[b-bjrre8mcme] {
    margin: 0;
}
/* _content/LucaPoc.Web.ServerClient/Components/Pages/CrearNuevaPlantilla.razor.rz.scp.css */
.template-form[b-prbvq668fm] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    border-radius: 4px;
    background-color: #F0F0F1;
}

.template-form-fieldset[b-prbvq668fm] {
    padding: 16px;
    background-color: #FFFFFF;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.template-form-fieldset__title[b-prbvq668fm] {
    color: #282A2D;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

    .template-form-fieldset__title span[b-prbvq668fm] {
        color: #FFC200;
        vertical-align: text-top;
    }

.template-form-fieldset__fields[b-prbvq668fm] {
    display: flex;
    align-items: center;
    gap: 40px;
}

.template-form-fieldset__upload-input[b-prbvq668fm]::-webkit-file-upload-button {
    visibility: hidden;
}

.upload-container[b-prbvq668fm] {
    display: flex;
    align-items: center;
    gap: 24px;
    border: 1px solid #B8BAC0;
    border-radius: 4px;
    padding: 16px;
    min-width: 332px;
    max-width: fit-content;
    background-color: #F4F4F4;
}

.upload-button[b-prbvq668fm] {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    margin: 0;
    padding: 4px 16px;
    border: none;
    background-color: #282A2D;
    font-size: 12px;
    font-weight: 700;
    color: #FFFFFF;
    border-radius: 32px;
}

.upload-text[b-prbvq668fm],
.upload-text__file-name[b-prbvq668fm] {
    color: #727682;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
}

.upload-text__file-name[b-prbvq668fm] {
    font-weight: 600;
}

table .image-table[b-prbvq668fm] {
    width: 100%;
    border-collapse: collapse;
}

table .image-row[b-prbvq668fm] {
    cursor: pointer;
    transition: background-color 0.3s ease;
}

table .image-row:hover[b-prbvq668fm] {
    background-color: #f0f0f0;
}

table .thumbnail[b-prbvq668fm] {
    max-height: 50px;
    max-width: 50px;
}

table .image-cell[b-prbvq668fm] {
    padding: 10px;
    text-align: left;
}
/* _content/LucaPoc.Web.ServerClient/Components/Pages/Dashboard.razor.rz.scp.css */
.offers[b-3wc0tbufqo] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.offers__items-header[b-3wc0tbufqo] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    padding-top: 8px;
    padding-bottom: 16px;
}

.offers__items-header-info[b-3wc0tbufqo] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.offers__items-header-actions[b-3wc0tbufqo] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.offers__count[b-3wc0tbufqo] {
    color: #727682;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
}

.offers__filters[b-3wc0tbufqo] {
    padding-bottom: 16px;
}

.offers__items[b-3wc0tbufqo] {
    background-color: #FFFFFF;
    border-radius: 4px;
    height: fit-content;
    background-color: #FFFFFF;
    padding: 16px;
    padding-top: 8px;
}

.offers__items-list[b-3wc0tbufqo] {
}

.tabs[b-3wc0tbufqo] {
    display: flex;
}


.offers__items-list img[b-3wc0tbufqo] {
    width: -webkit-fill-available;
}

.dsh-carteleria[b-3wc0tbufqo], .dsh-incidencias[b-3wc0tbufqo] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    padding: 16px;
    background-color: #F0F0F1;
}

.dsh-carteleria__section[b-3wc0tbufqo],
.dsh-incidencias__section[b-3wc0tbufqo] {
    border-radius: 4px;
    background-color: #FFFFFF;
}

.dsh-incidencias__section--map[b-3wc0tbufqo] {
    grid-column: 1 / 3;
}

.map-container[b-3wc0tbufqo] {
    display: flex;
}

.dsh-graph[b-3wc0tbufqo] {
    padding: 16px;
}

.dashboard-wraper[b-3wc0tbufqo] {
    display: flex;
    width: 100%;
    gap: 16px;
}


/* Filters */
.right-bar[b-3wc0tbufqo] {
    flex: 0.3;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background-color: transparent;
    padding-top: 65px;
}

.right-bar__elem[b-3wc0tbufqo] {
    display: flex;
    flex-direction: column;
}

.dropdown[b-3wc0tbufqo] {
    border: none;
    outline: none;
    width: inherit;
    display: flex;
    justify-content: space-between;
    background-color: #FFFFFF;
    padding: 8px 16px;
    border-radius: 4px;
}

.dropdown__title[b-3wc0tbufqo] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dropdown__icon[b-3wc0tbufqo] {
    width: 16px;
}

.dropdown__text[b-3wc0tbufqo] {
    color: #282A2D;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

.dropdown__chevron[b-3wc0tbufqo] {
    width: 12px;
    transition: all 100ms ease-in;
}

.elem-content[b-3wc0tbufqo] {
    width: 100%;
    max-height: 0;
    background: #FFFFFF;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
    transition: all 200ms ease-in;
}

.elem-content__section[b-3wc0tbufqo] {
    padding: 16px;
    width: inherit;
}

.right-bar__elem.open .elem-content[b-3wc0tbufqo] {
    max-height: 100%;
}

.right-bar__elem.open .dropdown__chevron[b-3wc0tbufqo] {
    transform: rotate(180deg);
}

.filters[b-3wc0tbufqo] {
    width: 100%;
}
/* _content/LucaPoc.Web.ServerClient/Components/Pages/Home.razor.rz.scp.css */
.header[b-l3gsycnn04] {
    position: sticky;
    display: flex;
    justify-content: space-between;
    background-color: #FFFFFF;
    padding: 16px;
}

.header__left[b-l3gsycnn04] {
    display: flex;
    gap: 110px;
    align-items: center;
}

.header__right[b-l3gsycnn04] {
    display: flex;
    gap: 65px;
    align-items: center;
}

.home[b-l3gsycnn04] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 100%;
}

.news[b-l3gsycnn04] {
    display: flex;
    gap: 16px;
    justify-content: center;
}

.footer[b-l3gsycnn04] {
    display: flex;
    padding: 56px 0;
    padding-left: 300px;
}

.footer__content[b-l3gsycnn04] {
    display: flex;
    gap: 88px;
}

.footer__main[b-l3gsycnn04] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 360px;
}

.footer__main-info[b-l3gsycnn04],
.footer__main-copy[b-l3gsycnn04],
.footer__main-contact[b-l3gsycnn04],
.footer__link[b-l3gsycnn04] {
    font-size: 14px;
    color: #727682;
    margin: 0;
}

.footer__main-links[b-l3gsycnn04] {
    display: flex;
    gap: 4px;
}

.footer__link[b-l3gsycnn04] {
    color: #B8BAC0;
    border-right: 1px solid #B8BAC0;
    text-decoration: none;
    padding-right: 4px;
}

    .footer__link:last-of-type[b-l3gsycnn04] {
        border: none;
        padding: 0;
    }
/* _content/LucaPoc.Web.ServerClient/Components/Pages/OfferValidation.razor.rz.scp.css */
.offers-page[b-k1upnrmdl3] {
    display: flex;
    justify-content: end;
    gap: 16px;
}

.offers[b-k1upnrmdl3] {
    display: flex;
    flex-direction: column;
    flex: 1;
    border-radius: 4px;
    height: fit-content;
}

.offers__items-header[b-k1upnrmdl3] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    padding-top: 8px;
    padding-bottom: 16px;
}

.offers__items-header-info[b-k1upnrmdl3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.offers__items-header-actions[b-k1upnrmdl3] {
    display: flex;
    align-items: center;
    gap: 24px;
}

.offers__count[b-k1upnrmdl3] {
    color: #727682;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
}

.offers__filters[b-k1upnrmdl3] {
    padding-bottom: 16px;
}

.offers__items[b-k1upnrmdl3] {
    background-color: #FFFFFF;
    border-radius: 4px;
    height: fit-content;
    background-color: #FFFFFF;
    padding: 16px;
    padding-top: 8px;
}

.offers__items-list[b-k1upnrmdl3] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    background-color: #F0F0F1;
    padding: 8px;
    border-radius: 4px;
}

@media (max-width: 1440px) {
    .offers__items-list[b-k1upnrmdl3] {
        grid-template-columns: repeat(3, 1fr);
    }
}

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

.right-bar[b-k1upnrmdl3] {
    flex: 0.2;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background-color: transparent;
    padding-top: 65px;
}

.right-bar__elem[b-k1upnrmdl3] {
    display: flex;
    flex-direction: column;
}

.dropdown[b-k1upnrmdl3] {
    border: none;
    outline: none;
    width: inherit;
    display: flex;
    justify-content: space-between;
    background-color: #FFFFFF;
    padding: 8px 16px;
    border-radius: 4px;
}

.dropdown__title[b-k1upnrmdl3] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dropdown__icon[b-k1upnrmdl3] {
    width: 16px;
}

.dropdown__text[b-k1upnrmdl3] {
    color: #282A2D;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

.dropdown__chevron[b-k1upnrmdl3] {
    width: 12px;
    transition: height opacity 200ms ease;
}

.elem-content[b-k1upnrmdl3] {
    width: 100%;
    opacity: 0.25;
    max-height: 0;
    background: #FFFFFF;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
    transition: all 200ms ease-in;
}

.elem-content__section[b-k1upnrmdl3] {
    padding: 16px;
    width: inherit;
    background-color: #FFFFFF;
}

.right-bar__elem.open .elem-content[b-k1upnrmdl3] {
    max-height: 100%;
    overflow: visible;
    opacity: 1;
}

.right-bar__elem.open .dropdown__chevron[b-k1upnrmdl3] {
    transform: rotate(180deg);
}

.right-bar__elem.open .dropdown[b-k1upnrmdl3] {
    border-radius: 4px 4px 0 0;
}


/* Printing Options Dropdown */


.total-elements[b-k1upnrmdl3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.total-elements__text[b-k1upnrmdl3] {
    color: #727682;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.del-btn[b-k1upnrmdl3] {
    border: none;
    outline: none;
    background: transparent;
}

.del-btn__icon[b-k1upnrmdl3] {
    width: 16px;
}

.categoria-header[b-k1upnrmdl3] {
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
}

.radio-label[b-k1upnrmdl3] {
    font-size: 12px;
    display: block;
    margin-left: 15px;
}

.rotate-180[b-k1upnrmdl3] {
    transform: rotate(180deg);
}

input[type="radio"]:checked[b-k1upnrmdl3] {
    accent-color: yellow;
}

/* Filtros */

.filter-section[b-k1upnrmdl3] {
    display: flex;
    flex-direction: column;
}

.filter-dropdown[b-k1upnrmdl3] {
    border: none;
    outline: none;
    width: inherit;
    display: flex;
    justify-content: space-between;
    background-color: #FFFFFF;
    padding: 8px 16px;
    transition: all 200ms ease;
}

.filter-dropdown__title[b-k1upnrmdl3] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.filter-dropdown__text[b-k1upnrmdl3] {
    color: #727682;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}

.filter-dropdown__chevron[b-k1upnrmdl3] {
    width: 12px;
}

.filter-dropdown.open .filter-dropdown__chevron[b-k1upnrmdl3] {
    transform: rotate(180deg);
}

.filter-section__content[b-k1upnrmdl3] {
    width: 100%;
    opacity: 0.25;
    max-height: 0;
    background: #FFFFFF;
    overflow: hidden;
    transition: all 200ms ease-in;
    padding: 0 24px;
}

.filter-section__content--format[b-k1upnrmdl3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 32px;
}

.filter-section__content.open[b-k1upnrmdl3] {
    opacity: 1;
    max-height: 100%;
}
/* _content/LucaPoc.Web.ServerClient/Components/Pages/PrintHistory.razor.rz.scp.css */
.print-history__header[b-asugdalk3s] {
    display: flex;
    justify-content: space-between;
    padding-bottom: 16px;
    border-bottom: 1px solid #F0F0F1;
}

[b-asugdalk3s].print-history__header .menu-action-btn {
    padding: 4px 16px;
}

.print-history__title[b-asugdalk3s] {
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    margin: 0;
}

/* Table */
.history-table-wraper[b-asugdalk3s] {
    max-height: 0px;
    overflow: hidden;
    transition: all 200ms ease;
    opacity: 0.25;
}

    .history-table-wraper.visible[b-asugdalk3s] {
        max-height: 30000px;
        overflow: visible;
        opacity: 1;
    }

.history-table[b-asugdalk3s] {
    width: 100%;
}

    .history-table th[b-asugdalk3s] {
        padding: 16px;
    }

.history-table__head[b-asugdalk3s], .history-table__list-elem[b-asugdalk3s] {
    border-bottom: 1px solid #F0F0F1;
}

.history-table__head-col[b-asugdalk3s] {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #727682;
}

.history-table__list-elem[b-asugdalk3s] {
    font-size: 12px;
    font-weight: 400;
}

    .history-table__list-elem td[b-asugdalk3s] {
        padding: 8px 16px;
        padding: 8px 16px;
    }

.history-table__elem-name[b-asugdalk3s] {
    font-weight: 600;
}

.history-table__elem-btn[b-asugdalk3s] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #282A2D;
    transition: all 200ms ease;
    padding: 4px;
    outline: none;
    border: none;
    border-radius: 4px;
    background: transparent;
    width: 24px;
    height: 24px;
}

    .history-table__elem-btn:hover[b-asugdalk3s] {
        color: #727682;
        background-color: #F0F0F1;
    }

/* Current tasks */

.current-tasks[b-asugdalk3s] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.current-tasks__breadcrumbs[b-asugdalk3s] {
    padding-bottom: 16px;
    padding-top: 8px;
    border-bottom: 1px solid #F0F0F1;
}

.current-tasks__header[b-asugdalk3s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.current-tasks__title[b-asugdalk3s] {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}

.curren-tasks__actions[b-asugdalk3s] {
    display: flex;
    align-items: center;
    gap: 16px;
}

[b-asugdalk3s].curren-tasks__actions .menu-action-btn {
    padding: 4px 16px;
}

.current-tasks__list[b-asugdalk3s] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 200ms ease;
}

    .current-tasks__list.open[b-asugdalk3s] {
        max-height: 280px;
        overflow: hidden scroll;
        opacity: 1;
    }
/* _content/LucaPoc.Web.ServerClient/Components/Pages/Surtido.razor.rz.scp.css */
.surtido[b-mck0apfvus] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-radius: 4px;
    padding: 8px;
    gap: 8px;
    background-color: #F0F0F1;
}

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

@media (max-width: 1340px) {
    .surtido[b-mck0apfvus] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* _content/LucaPoc.Web.ServerClient/Components/Pages/TemplatesList.razor.rz.scp.css */
.template-list[b-dnba8ynst5] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 24px;
    row-gap: 16px;
}

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