/*---------------------------------------------------------------------------------------------------------------
   AUTOR          : DIEGO BUSTOS PEÑA
   FECHA CREACIÓN : 09-06-2026
   DESCRIPCIÓN    : CSS DE LA ESTRUCTURA DEL CAPTCHA Y CONFIRMACIÓN FINAL
----------------------------------------------------------------------------------------------------------------*/

/* CONFIRMACIÓN DOCUMENTOS */
.confirmacion-card {
    margin-top    : 1rem;
    margin-bottom : 1.5rem;
}

/* CHECK PERSONALIZADO */
.check-confirmacion {
    display     : flex;
    align-items : flex-start;
    gap         : .9rem;
    cursor      : pointer;
}

.check-confirmacion input {
    display : none;
}

/* CUADRO CHECK */
.check-custom {
    width            : 22px;
    height           : 22px;
    border-radius    : 7px;
    border           : 2px solid var(--uct-blue);
    background-color : #fff;
    position         : relative;
    flex-shrink      : 0;
    transition       : all .2s ease;
}

.check-confirmacion input:checked + .check-custom {
    background-color : #28a745;
    border-color     : #28a745;
}

.check-confirmacion input:checked + .check-custom::after {
    content      : '';
    position     : absolute;
    left         : 6px;
    top          : 2px;
    width        : 6px;
    height       : 11px;
    border       : solid #fff;
    border-width : 0 2px 2px 0;
    transform    : rotate(45deg);
}

/* TEXTO */
.check-texto {
    color       : #dc2626;
    font-size   : .96rem;
    font-weight : 700;
    line-height : 1.5;
}

/* CAPTCHA CARD */
.captcha-card {
    background    : #ffffff;
    border        : 1px solid #e2e8f0;
    border-radius : 22px;
    padding       : 1.5rem;
    box-shadow    : 0 8px 24px rgba(15,23,42,.05);
}

/* HEADER */
.captcha-header {
    margin-bottom : 1rem;
}

.captcha-header h6 {
    margin      : 0;
    font-size   : 1rem;
    font-weight : 700;
    color       : var(--uct-navy);
}

.captcha-header small {
    color     : #64748b;
    font-size : .82rem;
}

/* BODY */
.captcha-body {
    display     : flex;
    align-items : center;
    gap         : 1rem;
    flex-wrap   : wrap;
}

/* CAPTCHA IMAGE */
.captcha-image-box {
    background    : #f8fafc;
    border        : 1px solid #e2e8f0;
    border-radius : 14px;
    padding       : .6rem .8rem;
}

.captcha-image-box img {
    display : block;
    height  : 58px;
}

/* INPUT */
.captcha-input-group {
    flex      : 1;
    min-width : 220px;
}

/* ACTIONS */
.captcha-actions {
    display     : flex;
    align-items : center;
    gap         : .7rem;
}

/* REFRESH */
.btn-captcha-refresh {
    width            : 46px;
    height           : 46px;
    border           : none;
    border-radius    : 12px;
    background-color : #64748b;
    color            : #fff;
    transition       : all .2s ease;
}

.btn-captcha-refresh:hover {
    background-color : #475569;
    transform        : translateY(-1px);
}

/* VALIDAR */
.btn-captcha-validar {
    border        : none;
    border-radius : 12px;
    background    : linear-gradient(
        135deg,
        #3b82f6 0%,
        #2563eb 100%
    );
    color         : #fff;
    font-weight   : 700;
    padding       : .8rem 1.4rem;
    transition    : all .2s ease;
    box-shadow    : 0 6px 16px rgba(37,99,235,.20);
}

.btn-captcha-validar:hover {
    transform : translateY(-1px);
    filter    : brightness(1.05);
}

.btn-captcha-validar:disabled {
    opacity : .6;
    cursor  : not-allowed;
    filter  : grayscale(.2);
}