/* ===== Contenedor principal ===== */

.uts-test{

    max-width:900px;

    margin:40px auto;

    padding:20px;

}

/* ===== Cabecera ===== */

#uts-header{

    position:sticky;

    top:10px;

    background:#ffffff;

    border:1px solid #dde3ea;

    border-radius:10px;

    padding:10px 16px;

    margin-bottom:20px;

    box-shadow:0 2px 8px rgba(0,0,0,.06);

    z-index:999;

}

#uts-header h2{

    display:none;

}

#uts-header p{

    margin:0;

    font-size:15px;

    font-weight:600;

    color:#243447;

}

/* ===== Tarjetas ===== */

.uts-question-card{

    background:#fff;

    border:1px solid #dbe4ee;

    border-radius:12px;

    padding:24px;

    margin-bottom:30px;

    box-shadow:0 3px 8px rgba(0,0,0,.05);
}
.uts-header-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:10px;

    font-size:15px;

    font-weight:600;

}

.uts-progress-bar{

    width:100%;

    height:8px;

    background:#e7edf3;

    border-radius:20px;

    overflow:hidden;

}

#uts-progress-fill{

    width:0%;

    height:100%;

    background:#1d7dfa;

    transition:width .25s ease;

}
/* Destacar botón Corregir */

.uts-destacar{

    transform:scale(1.05);

    transition:all .3s ease;

    box-shadow:0 0 18px rgba(29,125,250,.45);

}
/* Estado de las preguntas */
/* Opciones de respuesta */

.uts-opcion{

    display:flex;

    align-items:center;

    gap:12px;

    width:100%;

    padding:14px 16px;

    margin-bottom:12px;

    border:1px solid #d7dde5;

    border-radius:12px;

    background:#fff;

    cursor:pointer;

    transition:all .18s ease;

    user-select:none;

}

.uts-opcion:hover{

    border-color:#1d7dfa;

    background:#f7faff;

    transform:translateY(-1px);

    box-shadow:0 3px 8px rgba(0,0,0,.06);

}

.uts-opcion input{

    display:none;

}

.uts-letra{

    font-weight:700;

    color:#1f2937;

    min-width:18px;

}

.uts-texto{

    flex:1;

    color:#1f2937;

}

.uts-opcion-correcta{

    background:#e8f7ea;

    border:2px solid #28a745;

}

.uts-opcion-incorrecta{

    background:#fdeaea;

    border:2px solid #dc3545;

}

.uts-pregunta-sin-responder{

    border-left:4px solid #ff9800;

}
.uts-pendiente{

    display:inline-block;

    padding:6px 12px;

    border-left:5px solid #ff9800;

    background:#fff8ea;

    border-radius:6px;

}
.uts-opcion:hover{

    border-color:#0d6efd;

    background:#f8fbff;

    transform:translateY(-1px);

}
.uts-opcion.uts-seleccionada{

    background:#0d6efd;

    border-color:#0d6efd;

}

.uts-opcion.uts-seleccionada .uts-letra,

.uts-opcion.uts-seleccionada .uts-texto{

    color:#ffffff;

}