/*---------------------------------------------------------------------------------------------------------------
   AUTOR          : DIEGO BUSTOS PEÑA
   FECHA CREACIÓN : 09-06-2026
   DESCRIPCIÓN    : CSS DE LAS CARACTERÍSTICAS DEL FORMULARIO
----------------------------------------------------------------------------------------------------------------*/

/* RADIO CARD WRAPPER */
.radio-card-wrapper {
    display   : flex;
    gap       : 1rem;
    flex-wrap : wrap;
}

/* CARD */
.radio-card {
    flex          : 1;
    min-width     : 280px;
    border        : 2px solid var(--uct-border);
    border-radius : 18px;
    padding       : 1.35rem;
    cursor        : pointer;
    display       : flex;
    align-items   : center;
    gap           : 1rem;
    transition    : all .25s ease;
    position      : relative;
    user-select   : none;
}

.radio-card {
    border-color : var(--uct-blue);
    transform    : translateY(-2px);
    box-shadow   : 0 8px 20px rgba(13,43,94,.08);
}

.radio-card.selected {
    border-color     : var(--uct-navy);
    background-color : #f4f8fd;
    box-shadow       : 0 10px 24px rgba(13,43,94,.10);
}

/* INPUT */
.radio-card input[type="radio"] {
    accent-color : var(--uct-navy);
    width        : 18px;
    height       : 18px;
    cursor       : pointer;
    flex-shrink  : 0;
}

/* ICON */
.radio-card-icon {
    width            : 52px;
    height           : 52px;
    border-radius    : 14px;
    display          : flex;
    align-items      : center;
    justify-content  : center;
    font-size        : 1.5rem;
    flex-shrink      : 0;
    background-color : #e8ecf1;
    color            : var(--uct-navy);
}

.radio-card.selected .radio-card-icon {
    background-color : var(--uct-navy);
    color            : #fff;
}

/* TEXT  */
.radio-card-text strong {
    font-size : .95rem;
    color     : #1a202c;
    display   : block;
}

.radio-card-text small {
    font-size : .78rem;
    color     : #778;
}