/*---------------------------------------------------------------------------------------------------------------
   AUTOR          : DIEGO BUSTOS PEÑA
   FECHA CREACIÓN : 09-06-2026
   DESCRIPCIÓN    : CSS DE LAS ALERTAS Y MENSAJES
----------------------------------------------------------------------------------------------------------------*/

/* ALERTA INFO */
.alert-info-uct {
    background-color : var(--uct-info-bg);
    border           : 1.5px solid var(--uct-info-border);
    border-radius    : 12px;
    display          : flex;
    align-items      : center;
    justify-content  : center;
    gap              : 1rem;
    padding          : 1rem 1.25rem;
    text-align       : center;
}

.alert-info-uct .info-icon {
    font-size   : 1.6rem;
    color       : var(--uct-gold);
    flex-shrink : 0;
}

.alert-info-uct p {
    margin    : 0;
    font-size : .92rem;
    color     : #444;
}

.alert-info-uct strong {
    color : #c0392b;
}

/* ALERTA DETALLE */
.alert-detalle-uct {
    background-color : var(--uct-info2-bg);
    border           : 2px solid var(--uct-info2-border);
    border-radius    : 18px;
    display          : flex;
    align-items      : center;
    justify-content  : center;
    text-align       : center;
    gap              : 1rem;
    padding          : 1.2rem 1.8rem;
    min-height       : 90px;
    box-shadow       : 0 6px 18px rgba(0,0,0,.08);
}

.alert-detalle-uct .info-icon {
    font-size   : 2rem;
    color       : var(--uct-info2-border);
    flex-shrink : 0;
}

.alert-detalle-uct p {
    margin      : 0;
    font-size   : 1.15rem;
    line-height : 1.5;
    color       : var(--uct-info2-text);
    font-weight : 500;
}

/* ALERTA DETALLE SMALL */
.alert-detalle2-uct {
    background-color : var(--uct-info2-bg);
    border           : 2px solid var(--uct-info2-border);
    border-radius    : 12px;
    display          : flex;
    align-items      : center;
    justify-content  : center;
    text-align       : center;
    gap              : 1rem;
    padding          : 1rem 1.25rem;
}

.alert-detalle2-uct .info-icon {
    font-size   : 1.6rem;
    color       : var(--uct-info2-border);
    flex-shrink : 0;
}

/* ALERTA PROGRAMA */
.programa-alerta {
    display        : flex;
    flex-direction : column;
    gap            : .25rem;
}

/* TITULO */
.programa-titulo {
    font-size   : 1rem;
    font-weight : 700;
    color       : var(--uct-navy);
}

/* MODALIDAD */
.programa-modalidad {
    display          : inline-flex;
    align-items      : center;
    width            : fit-content;
    padding          : .25rem .7rem;
    border-radius    : 50px;
    background-color : rgba(13,43,94,.08);
    color            : var(--uct-blue);
    font-size        : .72rem;
    font-weight      : 700;
    letter-spacing   : .04em;
    text-transform   : uppercase;
}