/*---------------------------------------------------------------------------------------------------------------
   AUTOR          : DIEGO BUSTOS PEÑA
   FECHA CREACIÓN : 09-06-2026
   DESCRIPCIÓN    : CSS DE LA CONFIRMACIÓN DE LA POSTULACIÓN
----------------------------------------------------------------------------------------------------------------*/

/* CONTENEDOR GENERAL */
.postulacion-exito {
    max-width : 920px;
    margin    : 0 auto;
    padding   : 2rem 0;
}

/* HEADER */
.postulacion-exito-header {
    display       : flex;
    align-items   : center;
    gap           : 1.5rem;
    margin-bottom : 2rem;
}

.postulacion-exito-icon {
    width           : 84px;
    height          : 84px;
    border-radius   : 24px;
    background      : linear-gradient(
        135deg,
        #28a745,
        #218838
    );
    display         : flex;
    align-items     : center;
    justify-content : center;
    color           : #fff;
    font-size       : 2.3rem;
    box-shadow      : 0 12px 28px rgba(40,167,69,.22);
}

.postulacion-label {
    display        : inline-block;
    font-size      : .72rem;
    font-weight    : 800;
    letter-spacing : .12em;
    color          : #28a745;
    margin-bottom  : .4rem;
}

.postulacion-exito-header h2 {
    margin      : 0;
    font-size   : 2rem;
    font-weight : 800;
    color       : var(--uct-navy);
}

/* CARD PRINCIPAL */
.postulacion-card {
    background    : #fff;
    border-radius : 28px;
    padding       : 2.5rem;
    box-shadow    : 0 16px 40px rgba(15,23,42,.08);
    border        : 1px solid #e2e8f0;
}

.saludo {
    margin-bottom : .6rem;
    color         : #64748b;
}

.nombre-postulante {
    font-size     : 1.7rem;
    font-weight   : 800;
    color         : var(--uct-navy);
    margin-bottom : 1.5rem;
}

.mensaje-postulacion {
    font-size     : 1rem;
    line-height   : 1.8;
    color         : #334155;
    margin-bottom : 1rem;
}

/* ALERTA PLAZOS */
.alerta-plazos {
    display          : flex;
    align-items      : flex-start;
    gap              : 1rem;
    padding          : 1.2rem 1.4rem;
    margin-top       : 2rem;
    border-radius    : 18px;
    background-color : #f8fafc;
    border           : 1px solid #dbe7f3;
}

.alerta-plazos i {
    color       : var(--uct-blue);
    font-size   : 1.4rem;
    margin-top  : .2rem;
    flex-shrink : 0;
}

.alerta-plazos span {
    color       : #475569;
    line-height : 1.6;
}

/* FIRMA */
.firma-postulacion {
    margin-top     : 2.5rem;
    display        : flex;
    flex-direction : column;
    gap            : .3rem;
}

.firma-postulacion strong {
    color       : var(--uct-navy);
    font-size   : 1rem;
    font-weight : 800;
}

.firma-postulacion span {
    color : #64748b;
}

/* LOGO */
.logo-confirmacion {
    margin-top : 2rem;
}

.logo-confirmacion img {
    width     : 260px;
    max-width : 100%;
    opacity   : .75;
}

/* COMPROBANTE PDF  */
.comprobante-card {
    margin-top      : 1.8rem;
    background      : linear-gradient(
        135deg,
        #0d2b5e,
        #17478f
    );
    border-radius   : 24px;
    padding         : 1.5rem 1.8rem;
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    gap             : 1.5rem;
    color           : #fff;
    box-shadow      : 0 16px 36px rgba(13,43,94,.18);
}

.comprobante-info {
    display     : flex;
    align-items : center;
    gap         : 1rem;
}

.comprobante-info i {
    font-size : 2rem;
    color     : #ff4d4f;
}

.comprobante-info strong {
    display       : block;
    font-size     : 1rem;
    margin-bottom : .2rem;
}

.comprobante-info small {
    color : rgba(255,255,255,.75);
}

/* BOTÓN PDF */
.btn-descargar-comprobante {
    border           : none;
    background-color : #fff;
    color            : var(--uct-navy);
    border-radius    : 14px;
    padding          : .9rem 1.4rem;
    font-weight      : 700;
    display          : flex;
    align-items      : center;
    gap              : .7rem;
    transition       : all .2s ease;
}

.btn-descargar-comprobante:hover {
    transform  : translateY(-2px);
    box-shadow : 0 10px 22px rgba(255,255,255,.18);
}