/*Color Rojo en Requerido*/
.ui-outputlabel-rfi {
    color: red;
    font-weight: bold;
}

/* Agregar sombra a los diálogos abiertos */
.ui-dialog {
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.4); /* Sombra para el diálogo */
    border-radius: 8px; /* Bordes redondeados para un diseño moderno */
}

/* Fondo más oscuro para resaltar que el diálogo está abierto */
.ui-widget-overlay {
    background: rgba(0, 0, 0, 0.6); /* Fondo oscuro translúcido */
}

/*!* Estilo del diálogo principal *!*/
/*.modern-dialog .ui-dialog-content {*/
/*    padding: 0;*/
/*    background: transparent;*/
/*    border: none;*/
/*    box-shadow: none;*/
/*}*/

/*!* Contenedor principal del contenido *!*/
/*.dialog-content {*/
/*    max-width: 380px;*/
/*    margin: auto;*/
/*    text-align: center;*/
/*    padding: 1rem;*/
/*    border-radius: 20px;*/
/*    background: #ffffff;*/
/*    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);*/
/*}*/

/*.p-button-secondary {*/
/*    background: #ff0000;*/
/*}*/

/*.p-button-secondary:hover {*/
/*    background: #860606;*/
/*}*/

/*!* Header del diálogo *!*/
/*.dialog-header {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    margin-bottom: 1rem;*/
/*}*/

/*!* Ícono del encabezado *!*/
/*.dialog-header .icon {*/
/*    font-size: 5rem;*/
/*    color: #2478f5;*/
/*    margin-bottom: 0.5rem;*/
/*}*/

/*!* Mensaje principal *!*/
/*.dialog-header .alert {*/
/*    font-size: 1.2rem;*/
/*    font-weight: bold;*/
/*    color: #333333;*/
/*}*/

/*!* Mensaje adicional *!*/
/*.dialog-message {*/
/*    font-size: 1rem;*/
/*    color: #666666;*/
/*    margin-top: 0.5rem;*/
/*    margin-bottom: 1rem;*/
/*}*/

/*!* Contenedor de botones *!*/
/*.dialog-actions {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    gap: 0.5rem;*/
/*}*/

/*!* Botones *!*/
/*.action-btn {*/
/*    flex: 1;*/
/*    padding: 0.75rem;*/
/*    border-radius: 8px;*/
/*    font-weight: bold;*/
/*    font-size: 0.9rem;*/
/*    text-align: center;*/
/*}*/


/*!*MODALES OPACOS*!*/

/*!* Ajustes específicos para diálogos *!*/
/*.ui-dialog-content {*/
/*    background: #ffffff; !* Fondo blanco limpio *!*/
/*    padding: 20px;*/
/*    border-radius: 10px;*/
/*}*/

/*!*LABEL*!*/
/*.input-label {*/
/*    font-size: 1em;*/
/*    color: #333;*/
/*    font-weight: bold;*/
/*    margin-bottom: 0.5em;*/
/*    display: block;*/
/*    text-align: left;*/
/*}*/

/*!* Para hacerlo destacar más *!*/
/*.input-label.destacado {*/
/*    color: #007bff; !* Un color primario *!*/
/*    font-size: 1.1em;*/
/*    text-transform: uppercase; !* Texto en mayúsculas *!*/
/*}*/

/*!* Para un estilo más sutil *!*/
/*.input-label.sutil {*/
/*    color: #666;*/
/*    align-items: center;*/
/*    font-style: italic; !* Texto en cursiva *!*/
/*    font-weight: normal; !* Texto normal *!*/
/*}*/

/*!* Para alinear a la derecha *!*/
/*.input-label.derecha {*/
/*    text-align: right;*/
/*}*/

/*!* Para un tamaño específico *!*/
/*.input-label.grande {*/
/*    font-size: 1.2em;*/
/*}*/

/*.input-label.pequeno {*/
/*    font-size: 0.9em;*/
/*}*/

/*!* Para cambiar la fuente *!*/
/*.input-label.otra-fuente {*/
/*    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;*/
/*}*/


/*!*INPUTS PASSWORD*!*/

/*.group {*/
/*    display: flex;*/
/*    line-height: 30px;*/
/*    align-items: center;*/
/*    position: relative;*/
/*    max-width: 100%;*/
/*    margin-bottom: 1rem;*/
/*}*/

/*.input {*/
/*    width: 100%;*/
/*    height: 2.6em;*/
/*    line-height: 30px;*/
/*    padding: 0 5rem;*/
/*    padding-left: 3rem;*/
/*    align-items: center;*/
/*    margin-right: 1rem;*/
/*    border: 1px solid transparent;*/
/*    border-radius: 6px;*/
/*    outline: none;*/
/*    margin-top: 10px;*/
/*    border-color: #a9a9a9;*/
/*    background-color: transparent;*/
/*    color: #0d0c22;*/
/*    transition: .5s ease;*/
/*}*/

/*.input-calendar {*/
/*    padding: 0 5rem;*/
/*    width: 100px;*/
/*    height: 2.6em;*/
/*    border: 1px solid transparent;*/
/*    border-radius: 6px;*/
/*    outline: none;*/
/*    border-color: #a9a9a9;*/
/*    background-color: transparent;*/
/*    color: #0d0c22;*/
/*    transition: .5s ease;*/
/*}*/

/*.input-calendar:focus,*/
/*.input-calendar:hover {*/
/*    outline: none;*/
/*    border-color: rgb(36, 120, 245);*/
/*    background-color: #fff;*/
/*    box-shadow: 0 0 0 5px rgb(129 140 248 / 10%);*/
/*}*/


/*.input::placeholder {*/
/*    color: #94a3b8;*/
/*}*/

/*.input:focus,*/
/*.input:hover {*/
/*    outline: none;*/
/*    border-color: rgb(36, 120, 245);*/
/*    background-color: #fff;*/
/*    box-shadow: 0 0 0 5px rgb(129 140 248 / 10%);*/
/*}*/

/*.group .icon {*/
/*    position: absolute;*/
/*    left: 1rem;*/
/*    fill: none;*/
/*    width: 1rem;*/
/*    height: 1rem;*/
/*}*/

/*!*BOTONES PERSONALIZADOS*!*/

/*!*Success*!*/

/*.ui-button.button-primary {*/
/*    --color: #038f0f;*/
/*    font-family: inherit;*/
/*    display: inline-block;*/
/*    width: auto;*/
/*    min-width: 6em;*/
/*    height: 2.6em;*/
/*    line-height: 0em;*/
/*    overflow: hidden;*/
/*    cursor: pointer;*/
/*    background-color: #FFFFFF;*/
/*    font-size: 17px;*/
/*    z-index: 1;*/
/*    color: var(--color);*/
/*    border: 2px solid var(--color);*/
/*    border-radius: 6px;*/
/*    position: relative;*/
/*}*/

/*.ui-button.button-primary::before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    background: var(--color);*/
/*    width: 150px;*/
/*    height: 200px;*/
/*    z-index: -1;*/
/*    border-radius: 50%;*/
/*}*/

/*.ui-button.button-primary:hover {*/
/*    color: white;*/
/*}*/

/*.ui-button.button-primary button:before {*/
/*    top: 100%;*/
/*    left: 100%;*/
/*    transition: 0.3s all;*/
/*}*/

/*.ui-button.button-primary:hover::before {*/
/*    top: -30px;*/
/*    left: -30px;*/
/*}*/

/*!*INFO*!*/
/*.ui-button.button-info {*/
/*    --color: #2478f5;*/
/*    font-family: inherit;*/
/*    display: inline-block;*/
/*    width: auto;*/
/*    height: 2.6em;*/
/*    line-height: 2.6em;*/
/*    overflow: hidden;*/
/*    cursor: pointer;*/
/*    margin: 20px;*/
/*    font-size: 17px;*/
/*    z-index: 1;*/
/*    background-color: #FFFFFF;*/
/*    color: var(--color);*/
/*    border: 2px solid var(--color);*/
/*    border-radius: 6px;*/
/*    position: relative;*/
/*    text-align: center;*/
/*}*/

/*.ui-button.button-info::before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    background: var(--color);*/
/*    width: 150px;*/
/*    height: 200px;*/
/*    z-index: -1;*/
/*    border-radius: 50%;*/
/*}*/

/*.ui-button.button-info:hover {*/
/*    color: white;*/
/*}*/

/*.ui-button.button-info button:before {*/
/*    top: 100%;*/
/*    left: 100%;*/
/*    transition: 0.3s all;*/
/*}*/

/*.ui-button.button-info:hover::before {*/
/*    top: -30px;*/
/*    left: -30px;*/
/*}*/

/*!*Secundario*!*/
/*.ui-button.button-secondary {*/
/*    --color: #860606;*/
/*    font-family: inherit;*/
/*    display: inline-block;*/
/*    width: auto;*/
/*    height: 2.6em;*/
/*    line-height: 2.6em;*/
/*    overflow: hidden;*/
/*    cursor: pointer;*/
/*    margin: 20px;*/
/*    font-size: 17px;*/
/*    z-index: 1;*/
/*    background-color: #FFFFFF;*/
/*    color: var(--color);*/
/*    border: 2px solid var(--color);*/
/*    border-radius: 6px;*/
/*    position: relative;*/
/*    text-align: center;*/
/*}*/

/*.ui-button.button-secondary::before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    background: var(--color);*/
/*    width: 150px;*/
/*    height: 200px;*/
/*    z-index: -1;*/
/*    border-radius: 50%;*/
/*}*/

/*.ui-button.button-secondary:hover {*/
/*    color: white;*/
/*}*/

/*.ui-button.button-secondary button:before {*/
/*    top: 100%;*/
/*    left: 100%;*/
/*    transition: 0.3s all;*/
/*}*/

/*.ui-button.button-secondary:hover::before {*/
/*    top: -30px;*/
/*    left: -30px;*/
/*}*/