@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');


:root {
    /* Colores */
    --color-primario: #167e68; /* Color verde */
    --color-info: #01498e; /* Color azul */
    --color-borde-azul: #01498e; /* Color azul oscuro */
    --color-borde-amarillo: #EF7506; /* Color amarillo */
}
.textoNombresEvaluacion {
    color: #757575 !important;
    font-size: 13px !import
}
.sie-tabs .mud-tab-active .mud-tab-text {
    font-weight: 700;
}
.mud-primary-text-asamblea{
    color:#4a4a4a !important
}

.tag-asamblea{
    display: inline-block;
    background: rgba(22,126,104,0.1);
    color: #167e68;
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 8px
}

.sie-buscador {
    width: 50% !important;
}

#tablaResultadosTecnicos{
    max-width:100% !important;
}


.validadorConstancias {
    font-size: 18px;
    font-weight: lighter;
}

.validadorConstanciasInstrucciones {
    color: #fff;
}

.informacionExtra {
    font-size: var(--mud-typography-body2-size);
    font-family: var(--mud-typography-body2-family);
    font-weight: var(--mud-typography-body2-weight);
    line-height: var(--mud-typography-body2-lineheight);
    letter-spacing: var(--mud-typography-body2-letterspacing);
    text-transform: var(--mud-typography-body2-text-transform);
    color: #4c4c4c;
}
.texto-tabla-desglose {
    font-size: 0.95rem !important; /* Más pequeño que body2 */
    line-height: 1.2; /* Opcional: ajusta el interlineado */
}



    div#anything-llm-embed-chat-button-container {
        width: 70px;
        margin: 10px;
        margin-bottom: 75px;
    }

        div#anything-llm-embed-chat-button-container > button {
            width: 70px;
            aspect-ratio: 1;
        }

            div#anything-llm-embed-chat-button-container > button > svg {
                font-size: 30px;
            }

    div#anything-llm-embed-chat-container {
        width: 0px;
    }

        div#anything-llm-embed-chat-container > div {
            margin: 0;
            margin-bottom: 60px;
            height: 75%;
        }

    .columna-estrecha {
        max-width: 3rem;
    }

    .custom-autocomplete .mud-input-label-outlined {
        background-color: #F2F4F8 !important;
    }

    .hide-piechart-legend .mud-chart-legend {
        display: none !important;
    }

    .mud-table-page-number-information {
        color: #767676 !important;
        font-size: 15px !important;
    }

    .leyendasInformacion {
        color: #01498e !important;
    }

    .EstiloSecundarioPequeno:hover {
        color: #fff !important;
    }

    .chipAgregado {
        background: #E2E6ED !important;
        border: 1px solid #D0D4E0 !important;
    }

    .btn-swal-confirmacion {
        color: white !important;
        background-color: var(--color-primario) !important;
        border-radius: 2px !important;
    }

    .btn-ovalado-confirmacion {
        border-radius: 20px !important;
        background-color: var(--color-primario) !important;
        color: white !important;
    }

    .btn-swal-cancelar {
        color: #167E68 !important;
        background-color: var(--color-secundary) !important;
        border-radius: 2px !important;
        border: 1px solid #167E68 !important;
    }

    .btn-ovaladoindex {
        padding: 0px 14px !important;
        border-radius: 20px !important;
        transition: background-color 0.3s ease !important;
    }

    .btn-ovalado {
        border-radius: 20px !important;
        transition: background-color 0.3s ease !important;
    }

    .btn-ovalado-cancelar {
        border-radius: 20px !important;
        background-color: #E7E7E7 !important;
        color: black !important;
    }
    .btn-ovalado-eliminar {
        border-radius: 20px !important;
        background-color: red !important;
        color: white !important;
    }

    .p-dialog {
        padding: 16px 12px !important;
    }

    .mud-button .mud-button-label {
        text-transform: none !important;
    }

    /* Ajustes globales para pestañas de contenedor */
    .mud-tabs-toolbar {
        display: flex !important;
    }

        .mud-tabs-toolbar .mud-tabs-toolbar-inner {
            width: 100% !important;
        }

    .mud-tabs-toolbar-content {
        display: flex !important;
    }

    /* Ajustes globales para chips */
    .mud-chip.mud-chip-size-medium {
        height: max-content !important;
        padding: 6px 12px !important;
    }

    .mud-chip > .mud-chip-content {
        white-space: normal !important;
    }

    .mud-chip .mud-chip-close-button .mud-icon-size-small {
        color: var(--mud-palette-error) !important;
    }

    /* Ajustes globales para paginación en tablas */
    /*.mud-table.mud-table-square {
    display: flex;
    flex-direction: column-reverse;
}*/

    .mud-table-pagination-toolbar {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        padding: 10px 0 !important;
        border-top: none !important;
        column-gap: 8px !important;
        height: fit-content !important;
    }

    .mud-table-pagination-spacer {
        display: none !important;
    }

    .mud-table-pagination-caption {
        flex: 0 0 450px !important;
        max-width: fit-content !important;
        padding: 0 !important;
    }

    .mud-table-pagination-actions {
        margin-left: 0 !important;
        order: 2 !important;
    }

    .mud-table-page-number-information {
        white-space: initial !important;
        overflow-wrap: anywhere !important;
        font-size: 16px !important;
    }

    .fondoComponentesPersonalizados {
        background-color: #F2F4F8 !important;
    }

    .tituloSIE {
        font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
        font-size: 33px !important;
    }

    .swal2-container {
        z-index: 1700 !important;
    }

    .mud-button .mud-button-label {
        text-transform: none !important;
    }

    html, body {
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        background-color: #ECF0F5;
    }

    .fondoGeneral {
        background-color: #ECF0F5 !important;
    }

    h1:focus {
        outline: none;
    }

    a, .btn-link {
        color: #0071c1;
    }

    p {
        margin: 0;
    }

    .btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
        box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
    }

    .content {
        padding-top: 1.1rem;
    }

    .valid.modified:not([type=checkbox]) {
        outline: 1px solid #26b050;
    }

    .invalid {
        outline: 1px solid red;
    }

    .validation-message {
        color: red;
    }

    #blazor-error-ui {
        background: lightyellow;
        bottom: 0;
        box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
        display: none;
        left: 0;
        padding: 0.6rem 1.25rem 0.7rem 1.25rem;
        position: fixed;
        width: 100%;
        z-index: 1000;
    }

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

    .blazor-error-boundary {
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
        padding: 1rem 1rem 1rem 3.7rem;
        color: white;
    }

        .blazor-error-boundary::after {
            content: "An error has occurred."
        }

    .loading-progress {
        position: relative;
        display: block;
        width: 8rem;
        height: 8rem;
        margin: 20vh auto 1rem auto;
    }

        .loading-progress circle {
            fill: none;
            stroke: #e0e0e0;
            stroke-width: 0.6rem;
            transform-origin: 50% 50%;
            transform: rotate(-90deg);
        }

            .loading-progress circle:last-child {
                stroke: #167e68;
                stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
                transition: stroke-dasharray 0.05s ease-in-out;
            }

    .loading-progress-text {
        position: absolute;
        text-align: center;
        font-weight: bold;
        inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
    }

        .loading-progress-text:after {
            content: var(--blazor-load-percentage-text, "Cargando...");
        }

    .border-box {
        border: 1px solid var(--mud-palette-lines-inputs) !important;
    }

    .main-paper-encabezado-con-borde {
        padding: 20px 40px 20px 32px;
        border-color: #e7eaec !important;
    }

    .main-paper-encabezado-sin-borde {
        padding: 20px 40px;
    }

    .main-paper-listado-titulo {
        margin: 20px auto;
    }

    .main-paper-listado-contenido {
        margin: 16px 24px;
    }

    .padding-componentes {
        padding: 20px;
    }

    .paper-encabezado, padding-componentes {
        margin-top: 24px;
        margin-bottom: 16px;
        border-color: #e7eaec !important;
    }

    .paper-contenido {
        margin: 40px;
    }

    /* Resolución para dispositivos tabletas o teléfonos */
    .texto-encabezado {
        font-size: 28px !important;
    }

    .texto-titulo {
        font-size: 20px !important;
    }

    .texto-subtitulo {
        font-size: 16px !important;
    }

    .texto-contenido {
        font-size: 14px !important;
    }

    .instrucciones-internas {
        font-size: 15px !important;
    }

    /* Resolución para dispositivos como monitores o laptops */
    @media (min-width: 1280px) {

        .texto-encabezado {
            font-size: 32px !important;
        }

        .texto-titulo {
            font-size: 24px !important;
        }

        .texto-subtitulo {
            font-size: 18px !important;
        }

        .texto-contenido {
            font-size: 16px !important;
        }

        .padding-componentes {
            padding: 20px 40px;
        }
    }

    @media (max-width: 599px) {
        #contenedor-botones-responsivos-ancho-movil button {
            width: 100%;
        }
    }

    .gap-0 {
        gap: 0px !important;
    }

    .gap-1 {
        gap: 4px !important;
    }

    .gap-2 {
        gap: 8px !important;
    }

    .gap-3 {
        gap: 12px !important;
    }

    .gap-4 {
        gap: 16px !important;
    }

    .gap-5 {
        gap: 20px !important;
    }

    .mud-breadcrumb-separator {
        padding: 0 5px !important;
    }



    /* Estilos para inputs a los que se les agrega un icono al final (addon) */
    div.input-sie-with-addon fieldset.mud-input-outlined-border {
        border-radius: 4px 0 0 4px !important;
    }

    svg.addon-input-sie {
        width: 40px;
        height: 40px;
        padding: 10px;
        margin-top: 4px;
        border: solid 1px #bdbdbd;
        border-left: none;
        border-radius: 0 4px 4px 0;
    }

        svg.addon-input-sie.sie-text-area {
            height: 116px;
        }
    /* === = === = === = === = === = === = === = === = === = === = === = === = === */



    .active-item-productos {
        background-color: white !important;
    }

        .active-item-productos:hover {
            background-color: rgba(22,126,104,1) !important;
        }

        .active-item-productos.no-set-back-hover:hover {
            background-color: white !important;
        }

    .card-proyectos-servicios {
        display: flex !important;
    }

    @media (max-width: 1600px) and (min-width: 1280px) {
        .card-proyectos-servicios {
            display: block !important;
        }
    }


    .tooltip-verde {
        background-color: rgba(22,126,104,1) !important;
        color: #fff !important; /* verde más oscuro */
    }


    /*
	Test
*/