.MudNavLink-icono span {
    font-size: 19px;
    margin-left: 2px;
    margin-right: 4px;
    text-align: center;
}
.icono-punto {
    font-size: 5px;
    margin-left: 0px;
    margin-right: 4px;
    text-align: center;
    vertical-align: middle;
}
/*.MudNavLink-icono svg {
    font-size: 24px;
}*/


/*@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 300 700;*/ /* Rango de pesos disponibles */
    /*font-stretch: 75% 125%;*/ /* Rango de anchura opcional */
/*}
@font-face {
    font-family: 'Roboto';
    src: url('/assets/fonts/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900;*/ /* Rango de pesos */
    /*font-stretch: 75% 100%;*/ /* Opcional: Rango de anchura si es soportado */
/*}*/


.contenido {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.contenido-titulo {
    font-size: 1.2rem;
    margin: 0px;
}
.contenido-fila {
    display: flex; /* Configurar el contenedor con Flexbox */
    align-items: center;
    justify-content: flex-start; /* Alinear los elementos hacia la izquierda inicialmente */
    gap: 0.6rem; /* 1.1 Espaciado entre elementos */
    flex-wrap: wrap; /* Permite que los elementos bajen a la siguiente línea */
}
.contenido-fila2 {
    justify-content: flex-start; /* Alinear los elementos hacia la izquierda inicialmente */
    /*gap: 1.1rem; */  /* Espaciado entre elementos */
    flex-wrap: wrap; /* Permite que los elementos bajen a la siguiente línea */
    margin: 12px 0px 0px 0px;
}
.contenido-fila-izq {
    display: flex; /* Mantén los elementos en un grupo flexible si necesitas más control */
}
.contenido-fila-der {
    margin-left: auto; /* Empuja este elemento hacia el extremo derecho */
    text-align: right; /* Alinea el contenido internamente si es necesario */
}
.contenido-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    align-items: center;
    padding: 4px;
}

.mi-tabla-simple {
    width: 100%;
    border-collapse: collapse;
}
.mi-tabla-simple-encabezado {
    background-color: var(--mud-palette-MiBackgroundTableHeader);
    border-left: 1px solid var(--mud-palette-table-lines); /* Borde izquierdo */
    border-right: 1px solid var(--mud-palette-table-lines); /* Borde derecho */
}
.mi-tabla-simple-pie {
    background-color: var(--mud-palette-MiBackgroundTableFooter);
    border-top: 1px solid var(--mud-palette-table-lines); /* Borde superior */
}
.mi-tabla-simple th:first-child {
    border-left: none; /* Elimina el borde izquierdo del primer encabezado */
}
.mi-tabla-simple th:last-child {
    border-right: none; /* Elimina el borde derecho del último encabezado */
}
.mi-tabla-simple th:hover {
    cursor: pointer;
    background-color: var(--mud-palette-gray-light);
}
.mi-tabla-simple tbody td:hover {
    cursor: pointer;
}
.mi-tabla-simple-pie-select {
    /*font-size: 0.85rem !important;*/
    background-color: var(--mud-palette-background);
}

.mi-dialog-contenido {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0px 20px; /* 0 24 */
    margin: 12px 0px 2px 0px; /* 8 0 */
}
.mi-dialog-titulo-nada {
    padding: 4px !important;
    margin: 0px !important;
}
.mi-dialog-actions {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    /*align-items: center;*/
    padding: 16px;
}
.mi-dialog-boton-cerrar {
    gap: 0px;
    margin:0px;
    padding: 0px;
}
.mud-dialog-content {
    margin: 0px !important;
    padding: 0px !important;
}
.mi-separacion-validacion p + p {
    margin-top: 0.7em; /* Espaciado entre párrafos */
}

.mi-tab-header {
    background-color: var(--mud-palette-MiBackgroundTableHeader) !important;
}

.mi-button-text-condensado {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}


/* Logica para que las validaciones de los input no desplacen el contenido */
.mi-input-control {
    min-height: 62px; /* Mantiene espacio para errores */
    margin-top: 3px !important;
    padding-top: 0px;
}

.mi-input-control-multiline {
    min-height: 62px; /* Mantiene espacio para errores */
    margin-top: 3px !important;
    margin-bottom: 20px !important;
    padding-top: 1px;
}

/* Forzamos a que el contenedor del mensaje de error no ocupe espacio real en el flujo */
.mi-input-control-multiline .mud-input-control-helper-container {
    position: absolute;
    bottom: -20px; /* Lo posiciona justo debajo del borde del control */
    left: 0;
    width: 100%;
}

.mud-input > textarea.mud-input-root-outlined {
    margin-top: 4px !important; /* sobreescribo este valor porque por defecto es 18.5px */
}



.mi-input-control-fecha {
    min-height: 74px; /* Mantiene espacio para errores */
    margin-top: -5px !important;
    padding-top: 0px !important;
}
input.mud-input-root[readonly] {
    color: #808080 !important; /* Color de texto */
}
.mi-div-contenido {
    padding-top: 10px;
    display: flex;
    flex-direction: column;
}
.mi-button-acompana-campo {
    align-items: flex-start;
    height: 40px;
    margin: 3px;
}

.mi-tab-compacta {
    min-width: 120px !important;
}


/*.mud-input-input-control {
    min-height: 72px;*/ /* Ajusta la altura para incluir espacio para errores */
    /*overflow: hidden;
}*/

/*
.mi-dialog-titulo-normal {
    background-color: #FFF9F0;
    color: var(--mud-palette-warning-darken);
}
.mi-dialog-titulo-info {
    background-color: #FFF9F0;
    color: var(--mud-palette-warning-darken);
}
.mi-dialog-titulo-success {
    background-color: #FFF9F0;
    color: var(--mud-palette-warning-darken);
}
.mi-dialog-titulo-warning {
    background-color: var(--mud-alert-text-warning);
    color: var(--mud-palette-warning-darken);
}
.mi-dialog-titulo-error {
    background-color: #FEF4F3;
    color: var(--mud-palette-error-darken);
}*/