/* Tarjeta de la pregunta (Color Principal #172332) */
.wpProQuiz_content{
    background-color: #172332;
    border-radius: 12px;
    padding: 15px 30px 30px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid #23344a;
    margin-bottom: 25px;
    margin-top: 0;

    color: #e2e8f0 !important;
    display: flex;
    flex-direction: column;
}
.wpProQuiz_content .wpProQuiz_list .wpProQuiz_listItem .subcontent_question{
    width:100%;
}

/* Encabezado personalizado (Badge + Categoría + Marcador) */
.ld-custom-header {
    display: flex;
    align-items: center;
    margin-bottom: 25px !important;
    width: fit-content;
}

/* Número de pregunta badge */
.learndash-wrapper .wpProQuiz_content li > h5.wpProQuiz_header{
    font-size:0;
    position: absolute; 
}
.ld-q-badge {
    background-color: #03b7dd52;
    color: #03B7DD !important;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-weight: 700;
    font-size: 15px !important;
}

/* Categoría badge */
.ld-q-category {
    background-color: #1e2d3f;
    color: #94a3b8 !important;
    padding: 5px 7px;
    border-radius: 8px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 1px solid #283c54;
    display: inline;
    font-weight: 400;
    line-height: 1.5;
    margin-right: calc(100px + 20px);
}
.ld-q-category span{
    color: #94a3b8 !important;
}

/* Texto de la pregunta */
fieldset.wpProQuiz_question{
    margin: 0 0 0 50px !important;
    
}
.wpProQuiz_question_text {
    font-size: 1.15rem !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    color: #f8fafc !important;
    margin-bottom: 0 !important;
    border: none !important;
}

/* Reset lista de opciones */
.wpProQuiz_questionList {
    list-style: none !important;
    padding: 0 !important;
    margin-top: 20px !important;
}
.wpProQuiz_questionListItem {
    margin-bottom: 12px !important;
}

/* Diseño del bloque de respuesta (Label) */
.wpProQuiz_questionListItem > label {
    display: flex !important;
    align-items: center !important;
    background-color: #111b27 !important;
    border: 1px solid #203146 !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    font-size: 16px !important;
    color: #cbd5e1 !important;
    line-height: 1.5;
}
.wpProQuiz_questionListItem label:hover {
    background-color: #152231 !important;
    border-color: #2e4663 !important;
}

/* Estado Seleccionado (Borde #03B7DD) */
.wpProQuiz_questionListItem label.is-selected {
    border-color: #03B7DD !important;
    background-color: #102d3d !important; /* Mezcla oscura de fondo activo */
}

/* Letras A, B, C, D */
.ld-opt-letter {
    background-color: #1b2838;
    color: #03B7DD;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    margin-right: 15px !important;
    font-weight: 600;
    font-size: 13px;
    flex-shrink: 0;
    border: 1px solid #253950;
    transition: all 0.2s;
}
/* Letra cuando está seleccionada */
.wpProQuiz_questionListItem label.is-selected .ld-opt-letter {
    background-color: #03B7DD;
    color: #172332; /* El texto de la letra toma el color oscuro principal */
    border-color: #03B7DD;
}

/* Ocultar el Input Radio nativo */
.wpProQuiz_questionInput[type="radio"],
.wpProQuiz_questionInput[type="checkbox"]{
    display: none !important;
}

/* Botón "Verificar Respuesta" (#03B7DD) */
.wpProQuiz_button.wpProQuiz_QuestionButton {
    background-color: #03B7DD !important;
    color: #172332 !important; /* Texto oscuro para máxima legibilidad sobre cyan */
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    margin-top: 15px !important;
}
.wpProQuiz_button.wpProQuiz_QuestionButton:hover {
    background-color: #029bbb !important;
    transform: translateY(-1px);
}

/* Botones inferiores (Anterior / Siguiente) */
.learndash-wrapper .wpProQuiz_content .wpProQuiz_QuestionButton {
    color: #000 !important;
    padding: 0.7em 1em !important;
    letter-spacing: 0;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-align: center;
    margin-left: 50px !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_QuestionButton[name="check"]{
    /*display: block !important;*/
    float: none !important;
}
/*Boton pista*/
.learndash-wrapper .wpProQuiz_content .wpProQuiz_QuestionButton[name="tip"]{
    display: block !important;
    float: none !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_button:focus {
    outline: 3px solid #235af3 !important;
    outline-offset: 3px;
}
/*contenedor de pista*/
.learndash-wrapper .wpProQuiz_content .wpProQuiz_tipp>div,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_tipp>div:before{
    background-color: #153966;
}

/* Contenedor del botón "Revisar Pregunta" */
.ld-review-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* El botón con tus colores #172332 y #03B7DD */
.learndash-wrapper .wpProQuiz_content .ld-review-btn-wrapper .wpProQuiz_button2:not([disabled]).wpProQuiz_button2[name="review"] {
    background-color: transparent !important; /* Fondo azul oscuro */
    color: #03B7DD !important;            /* Texto cyan */
    border: 1px solid #EB7100 !important;
    padding: 25px !important; /* Espacio extra a la izquierda para el icono */
    border-radius: 100px !important;
    font-weight: 700 !important;
    font-size: 0 !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
    float: none !important; /* El float ahora lo controla el contenedor wrapper */
    display: block !important;
    min-width: auto;
}
/* Estado Normal del botón (ajusta según tu diseño actual) */
.learndash-wrapper .wpProQuiz_content input[name="review"] {
    transition: all 0.3s ease;
}

/* Estado Marcado/Activo */
.learndash-wrapper .wpProQuiz_content .ld-review-btn-wrapper .wpProQuiz_button2:not([disabled]).wpProQuiz_button2[name="review"]:focus {
    background-color: #eb7100 !important;
    color: #ffffff !important;
    border-color: #eb7100 !important;
    opacity: 1 !important;
}
.learndash-wrapper .wpProQuiz_content input[name="review"]:focus+span svg{
    fill: #fff !important;
    stroke: #fff !important;

}
/* Hover del botón */
.ld-review-btn-wrapper .wpProQuiz_button2[name="review"]:not(.boton-marcado):hover {
    background-color: #1c2b3e !important;
    border-color: #eb7100 !important;
    box-shadow: 0 4px 15px #eb710040 !important;
}

/* El icono de Bookmark posicionado encima */
.ld-btn-bookmark-icon {
    position: absolute !important;
    color: #03B7DD !important;
    display: flex !important;
    align-items: center !important;
    pointer-events: none !important; /* CRUCIAL: El clic pasa a través del icono directo al input */
    transition: all 0.2s ease !important;
}
.ld-btn-bookmark-icon svg{
    stroke: #EB7100;
}

/* Contenedor relativo forzoso para cualquier elemento con tooltip */
[data-tooltip] {
    position: relative !important;
}

/* La burbuja de texto */
[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute !important;
    bottom: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(0px) !important;
    background-color: #0b1119 !important;
    color: #03B7DD !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.2s ease-in-out !important;
    border: 1px solid #24354a !important;
    pointer-events: none !important;
    z-index: 9999 !important; /* Z-index altísimo para que pase por encima de todo */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4) !important;
}

/* La flecha */
[data-tooltip]::before {
    content: '' !important;
    position: absolute !important;
    bottom: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(10px) !important;
    border-width: 6px !important;
    border-style: solid !important;
    border-color: #24354a transparent transparent transparent !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.2s ease-in-out !important;
    pointer-events: none !important;
    z-index: 10000 !important;
}

/* Animación Hover */
[data-tooltip]:hover::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(-14px) !important
}

[data-tooltip]:hover::before {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(-4px) !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionTarget:not(.wpProQuiz_reviewQuestionReview){
    box-shadow: 0 0 2px 2px #03b7dda1;
    border-color: #0f1a27 !important;  
    outline: 2px solid #3259eb !important;
    outline-offset: 2px;
    color: #fff !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewQuestion li.learndash-quiz-review__item{
    background-color: #0f1a27 !important;
    transition: all .3s ease-in-out;
    border: 2px solid transparent !important;
    color: #959596 !important;
    font-weight: normal !important;
    border-radius: 10px !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_quiz{
    order:14;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv{
    border: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    order: 15;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0;
    border-top: 1px solid #23344a;
    padding-top: 20px;
    padding-bottom: 0;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv li.wpProQuiz_reviewQuestionSolved{
    background-color: #034365 !important;
    color: #03B7DD !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv li.wpProQuiz_reviewQuestionReview{
    box-shadow: 0 0 2px 2px #eb7100 !important;
    border-color: #0f1a27 !important;
    outline: 2px solid #eb7100 !important;
    outline-offset: 2px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv li.wpProQuiz_reviewQuestionTarget.wpProQuiz_reviewQuestionReview,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv li.wpProQuiz_reviewQuestionReview{
    background-color:#eb7100 !important;
    color: #0f1a27 !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSolvedCorrect{
    background-color: var(--ld-color-semantic-success) !important;
    border-color: var(--ld-color-semantic-success) !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSolvedIncorrect{
    background-color: var(--ld-color-semantic-error) !important;
    border-color: var(--ld-color-semantic-error) !important;
    color: var(--ld-color-system-white) !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv li .wpProQuiz_reviewButtons{
    position: absolute;
    top: 25px;
    right: 25px;
}

/*CSS ANTERIOR AL UPDATE*/
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewLegend{
    display: flex;
    justify-content: center;
    margin-top: 20px;
    width: 100%;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewLegend .wpProQuiz_reviewColor{
    border-radius: 4px;
    border:none !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewLegend .learndash-quiz-review-legend-item-answered .wpProQuiz_reviewColor_Answer{
    background-color:#a1b6c9!important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion.learndash-quiz-review{
    padding: 20px 15px 10px;
    -webkit-mask-image: linear-gradient(to bottom, transparent, black 2%, black 98%, transparent);
    mask-image: linear-gradient(to left, transparent, black 2%, black 98%, transparent);
    max-width: 90%;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion.learndash-quiz-review ol{
    display:flex;
    padding:0 10px;
    width: fit-content;
}

/*SCROOL BAR */
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion::-webkit-scrollbar {
    height: 10px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion::-webkit-scrollbar-track {
    background: #0f1a27;
    border-radius: 0 8px 8px 0;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion::-webkit-scrollbar-thumb {
    background-color: #03B7DD;
    border: 3px solid transparent;
    background-clip: padding-box;
    border-radius: 9999px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion::-webkit-scrollbar-thumb:hover {
    background-color: #94a3b8;
}

/*CUESTIONARIOS/EXAMEN/QUIZ*/
.single-sfwd-quiz .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content{
        padding:4em 3em;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv li.wpProQuiz_reviewQuestionTarget{
        background-color:transparent!important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv li.wpProQuiz_reviewQuestionSolved{
        color: #000 !important;
        background-color:#a1b6c9!important;
}
.wpProQuiz_question h2+p em{
        background: #ededed;
        padding: 5px 10px;
        color: #797979;
        font-size:13px;
        font-style: normal;
    border-radius: 8px;
}
/*botn finalizar*/
.wpProQuiz_listItem input[value*="Finalizar"]{
    outline-offset: 0px;
    transition:outline-offset .2s linear !important;
    outline-width: 0px;
    outline-style: solid;
    outline-color: #03B7DDaa;
}
.wpProQuiz_listItem input[value*="Finalizar"]:hover,
.wpProQuiz_listItem input[value*="Finalizar"]:focus{
        outline: #03b7dd 2px solid !important;
        outline-offset: 8px !important;
}

/* =========================================
   TIMER / CRONÓMETRO LEARNDASH
========================================= */

.wpProQuiz_time_limit::before,
.wpProQuiz_time_limit::after,
.wpProQuiz_time_limit .wpProQuiz_progress{
    display: none;
}

/* Tarjeta del tiempo */
.learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit .time {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0px;
    line-height: 1.2;
    background-color: #1e2d3f;
    padding: 5px 7px;
    border-radius: 8px;
    text-transform: uppercase;
    border: 1px solid #283c54;
    width: fit-content;
    min-width: 110px;
    position: absolute;
    bottom: -48px;
    margin-left: calc(120px + 20px);
}

/* Ícono de reloj */
.learndash-wrapper .wpProQuiz_time_limit .time::before {
    content: "⏱";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /*width: 10px;
    height: 10px;*/
    color: #94a3b8 !important;
    font-size: 12px;
    margin: 0 7px;
}

/* Tiempo en una segunda línea */
.learndash-wrapper .wpProQuiz_time_limit .time > span {
    width: 100%;
    margin: 0;
    color: #94a3b8 !important;
    font-size: 12px !important;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    letter-spacing: 2px;
}

/* Limpiar estilos generales del contenedor LearnDash */
.learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit{
    padding: 0;
    background-color: transparent;
    border: 0;
    margin: 0;
}



/*pregunta opcional ins-cal-01*/
.wpProQuiz_listItem[data-question-meta*="15851"] ul.wpProQuiz_questionList textarea + p,.wpProQuiz_listItem[data-question-meta*="15851"] .wpProQuiz_response{
        display:none !important;
}
/*quiz custom field*/.wpProQuiz_content .wpProQuiz_forms td{
        display: table-row;
}
/*mensajes*/
.learndash-wrapper .wpProQuiz_content .wpProQuiz_response{
        background-color: transparent;
        border-width:0;
        padding:0;
        margin-left: 50px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_response>div{
        padding:25px;
        min-height: 85px;
}
.learndash-wrapper .wpProQuiz_response>div{
    border: 1px solid;
    border-radius: 12px;
}
.wpProQuiz_incorrect{
    color: var(--ld-color-semantic-error);
    background: #ff00000d;
}
.wpProQuiz_correct{
    color: var(--ld-color-semantic-success);
    background: #00800014;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) .ld-quiz-question-item__status {
    top: 4px;
    right: 7px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) .ld-quiz-question-item__status span{
    background: #fff;
    border-radius: 50px;
    padding: 1px 4px;
    font-weight: 400;
    font-size: 0.7rem;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) .ld-quiz-question-item__status span.ld-quiz-question-item__status--correct,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) .ld-quiz-question-item__status span.ld-quiz-question-item__status--missed{
    color: var(--ld-color-semantic-success);
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) .ld-quiz-question-item__status span.ld-quiz-question-item__status--incorrect{
    color: var(--ld-color-semantic-error);
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_answerCorrect label,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_answerCorrectIncomplete label{
    background: #00800014 !important;
    border-color: var(--ld-color-semantic-success) !important;
 }
 .learndash-wrapper .wpProQuiz_content .wpProQuiz_answerIncorrect label{
    background: #ff00000d !important;
    border-color: var(--ld-color-semantic-error) !important;
 }
/*pregunta: subir archivo*/
.learndash-wrapper .wpProQuiz_content form[name=uploadEssay]{
        background-color: #0f1a27 !important;
}
.learndash-wrapper .wpProQuiz_content form[name=uploadEssay] input[type=file]{
        background: #172332 !important;
        border: 2px dashed #585858;
        transition:border-color .3s ease-in;
}
.learndash-wrapper .wpProQuiz_content form[name=uploadEssay] input[type=file]:hover{
        cursor:pointer;
        border-color:#989898;
}
.learndash-wrapper .wpProQuiz_content form[name=uploadEssay]{
        flex-wrap: wrap;
        gap:10px;
}
.learndash-wrapper .wpProQuiz_content form[name=uploadEssay] .uploadEssayFile+p{
        overflow-wrap: anywhere;
}
/*pregunta tipo fill in the blank*/
.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text .content-fill_in_the_blank{
    font-size: 16px;
    font-weight: normal;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text .content-fill_in_the_blank u{
        text-decoration:underline !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text .content-fill_in_the_blank ul{
        list-style-type: disc;
        list-style-position: inside;
    margin-bottom: 20px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text .content-fill_in_the_blank ul ul{
        list-style-type: circle;
        margin-left:1em;
}
.wpProQuiz_list div[data-type="cloze_answer"] .wpProQuiz_questionListItem>fieldset{
        padding: 20px;
    border: none;
}
.wpProQuiz_list div[data-type="cloze_answer"] .wpProQuiz_questionListItem>fieldset section .elementor-column{
        justify-content: center !important;
}
.wpProQuiz_list li.wpProQuiz_listItem{
    overflow: visible;
    padding-bottom:1em;
    margin-top: 1em !important;
}
.wpProQuiz_list div[data-type="cloze_answer"] .wpProQuiz_questionListItem>fieldset table{
    text-align: center;
        border-collapse: collapse;
}
.wpProQuiz_list div[data-type="cloze_answer"] .wpProQuiz_questionListItem>fieldset table td{
        background: #0f1a27;
        padding:5px;
        border: 1px solid;
}
.wpProQuiz_list div[data-type="cloze_answer"] .wpProQuiz_questionListItem>fieldset table td.border-none{
        border:none;
        background: transparent;
}
.wpProQuiz_list div[data-type="cloze_answer"] .wpProQuiz_questionListItem>fieldset table td input{
        background:#fff;
        width:80px;
}

/*Mensaje resultados*/
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_graded_points{
        background-color: #0b1420 !important;
}
.msj_alert_red{
        background: #ffa4a4;
    padding: 20px;
    border-left: 5px solid red;
}
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_certificate .ld-cvss-social-buttons{
        display:none;
}
/*ocultar btn certificado en practicas*/
.single-sfwd-quiz .learndash-wrapper--quiz p.wpProQuiz_certificate{
        display:none !important;
}



/* =====================================================
   VARIABLES DE DISEÑO PLUGIN LD - Dashboard Quizzes Pre-Start  
===================================================== */

:root {
    --gt-quiz-primary: #03b7dd;
    --gt-quiz-background: #0F1A27;
    --gt-quiz-card: #172332;
    --gt-quiz-stat: rgba(5, 10, 17, 0.72);
    --gt-quiz-text: #ffffff;
    --gt-quiz-muted: #9baabd;
    --gt-quiz-border: rgba(255, 255, 255, 0.10);
    --ld-color-semantic-error:#ff637e;
    --ld-color-semantic-success: #00d492;
}


/* =====================================================
   CONTENEDOR GENERAL DEL CUESTIONARIO
===================================================== */

.learndash-wrapper .wpProQuiz_content {
    box-sizing: border-box;
}


/*
 * Pantalla introductoria.
 * Esta regla convierte la introducción completa en la tarjeta,
 * incluyendo el botón "Iniciar cuestionario".
 */
.learndash-wrapper .gt-quiz-information.gt-quiz-information--ready {
    width: 100%;
    padding: 26px 24px 24px;
    text-align: center;
}


/* Evita márgenes inesperados del contenido de LearnDash */
.learndash-wrapper .wpProQuiz_content .wpProQuiz_text::after {
    content: "";
    display: table;
    clear: both;
}


/* =====================================================
   TARJETA DE INFORMACIÓN
===================================================== */

.gt-quiz-information {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: center;
}

.gt-quiz-information[hidden] {
    display: none !important;
}


/* =====================================================
   ÍCONO SUPERIOR
===================================================== */

.gt-quiz-information::before {
    content: "";
    display: block;

    width: 60px;
    height: 60px;
    margin: 0 auto 19px;

    border-radius: 50%;
    background-color: rgba(3, 183, 221, 0.12);

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%2303b7dd' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H11V5H6.5A2.5 2.5 0 0 0 4 7.5z'/%3E%3Cpath d='M20 19.5a2.5 2.5 0 0 0-2.5-2.5H13V5h4.5A2.5 2.5 0 0 1 20 7.5z'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;

    box-shadow: 0 8px 24px rgba(3, 183, 221, 0.08);
}


/* =====================================================
   ENCABEZADO
===================================================== */

.gt-quiz-information__header {
    margin: 0 0 10px;
    padding: 0;
}

.gt-quiz-information__header h3 {
    margin: 30px 0;
    padding: 0;

    color: var(--gt-quiz-text);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.25px;
    text-align: center;
}


/*
 * Oculta el texto:
 * "Revisa las condiciones de este cuestionario."
 */
.gt-quiz-information__header p {
    display: none;
}


/* =====================================================
   CUADRÍCULA DE DATOS
===================================================== */

.gt-quiz-information__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;

    margin: 0 0 23px;
    padding: 0;
}


/* Cada bloque: preguntas, tiempo, porcentaje, etc. */
.gt-quiz-information__item {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    gap: 5px;

    min-height: 64px;
    padding: 10px 8px;
    box-sizing: border-box;

    background: var(--gt-quiz-stat);
    border: 1px solid rgba(255, 255, 255, 0.025);
    border-radius: 10px;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.015);
}


/* Etiqueta: PREGUNTAS, TIEMPO LÍMITE, ETC. */
.gt-quiz-information__label {
    display: block;

    color: var(--gt-quiz-muted) !important;
    font-size: 9px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.25px;
    text-transform: uppercase;
}


/* Valor principal: 5, ∞, 80%, etc. */
.gt-quiz-information__value {
    display: block;

    color: var(--gt-quiz-text);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.1;
}

/* =====================================================
   COMPRAR INTENTO ADICIONAL CUESTIONARIO
===================================================== */

.testek-qa-purchase-box{
    text-align:left;
}


/* =====================================================
   BOTÓN INICIAR CUESTIONARIO
===================================================== */

.learndash-wrapper
.wpProQuiz_content
.wpProQuiz_text
input.wpProQuiz_button[name="startQuiz"],
.learndash-wrapper
.wpProQuiz_content
.wpProQuiz_text
button[name="startQuiz"],
.learndash-wrapper
.wpProQuiz_content
.wpProQuiz_text
.wpProQuiz_button {
    display: block;
    float: none;

    width: 100%;
    min-height: 43px;
    margin: 0;
    padding: 11px 18px;

    box-sizing: border-box;
    border: 0;
    border-radius: 12px;

    background: var(--gt-quiz-primary);
    color: #ffffff;

    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-transform: none;
    letter-spacing: 0;

    cursor: pointer;

    box-shadow:
        0 9px 22px rgba(3, 183, 221, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.16);

    transition:
        transform 0.18s ease,
        background-color 0.18s ease,
        box-shadow 0.18s ease;
}


/* Ícono de rayo antes del texto */
.learndash-wrapper
.wpProQuiz_content
.wpProQuiz_text
.wpProQuiz_button[name="startQuiz"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 3 14h9l-1 8 10-12h-9z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: calc(40% - 75px) center !important;
    background-size: 16px !important;
    border-radius:12px !important;
    color:#fff !important;
    max-width:none !important;
}


/* Hover */
.learndash-wrapper
.wpProQuiz_content
.wpProQuiz_text
.wpProQuiz_button[name="startQuiz"]:hover {
    background-color: #02a7ca;
    color: #ffffff;

    transform: translateY(-1px);

    box-shadow:
        0 12px 26px rgba(3, 183, 221, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
}


/* Al hacer clic */
.learndash-wrapper
.wpProQuiz_content
.wpProQuiz_text
.wpProQuiz_button[name="startQuiz"]:active {
    transform: translateY(0);
    box-shadow:
        0 5px 14px rgba(3, 183, 221, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}


/* Accesibilidad con teclado */
.learndash-wrapper
.wpProQuiz_content
.wpProQuiz_text
.wpProQuiz_button[name="startQuiz"]:focus-visible {
    outline: 3px solid rgba(3, 183, 221, 0.35);
    outline-offset: 3px;
}


/* =====================================================
   PÁRRAFOS NATIVOS DE LA INTRODUCCIÓN
===================================================== */

/*
 * Estiliza cualquier descripción configurada directamente
 * dentro del cuestionario.
 */
.learndash-wrapper
.wpProQuiz_content
.wpProQuiz_text > p {
    margin: 0 0 18px;
    color: var(--gt-quiz-muted);
    font-size: 13px;
    line-height: 1.6;
}


/* =====================================================
   VERSIÓN MÓVIL
===================================================== */

@media (max-width: 600px) {

    .gt-quiz-information::before {
        width: 56px;
        height: 56px;
        margin-bottom: 17px;
        background-size: 28px;
    }

    .gt-quiz-information__header h3 {
        font-size: 18px;
    }

    .gt-quiz-information__grid {
        gap: 9px;
        margin-bottom: 19px;
    }

    .gt-quiz-information__item {
        min-height: 62px;
        padding: 9px 6px;
    }

    .gt-quiz-information__value {
        font-size: 16px;
    }

    .learndash-wrapper
    .wpProQuiz_content
    .wpProQuiz_text
    .wpProQuiz_button[name="startQuiz"] {
        background-position: calc(50% - 72px) center;
    }
}

/* =====================================================
   BARRA DE PROGRESO DEL CUESTIONARIO
===================================================== */

/*
 * El template learndash_quiz_messages puede agregar
 * elementos internos con sus propios márgenes.
 */
.gt-quiz-progress__counter > * {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: inherit !important;
}

/* Fondo de la barra */
.gt-quiz-progress__track, .gt-native-progress {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 8px;
    background: #0F1A27;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 999px;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.22);
}


/* Progreso */
.gt-native-progress__fill {
    display: block;
    width: 0;
    height: 100%;
    background: #03b7dd;
    border-radius: inherit;
    box-shadow:
        0 0 10px rgba(3, 183, 221, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.20);
    transition: width 0.3s ease;
    background: #0084D1;
    background: linear-gradient(90deg, rgba(0, 132, 209, 1) 0%, rgba(0, 188, 125, 1) 92%);
}
.gt-native-progress-block {
    width: 100%;
    margin-bottom: 24px;
}

.gt-native-progress__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 8px;
}

.gt-native-progress__percentage {
    flex: 0 0 auto;
    color: #03b7dd;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}


/* =====================================================
   PAGINA DE RESULTADOS QUIZ / CUESTIONARIO
===================================================== */

.wpProQuiz_content.ld-quiz-result-passed .gt-quiz-progress,
.wpProQuiz_content.ld-quiz-result-passed .wpProQuiz_reviewButtons{
    display:none;
}
.wpProQuiz_content.ld-quiz-result-passed .wpProQuiz_questionListItem span.ld-opt-letter{
    visibility:hidden;
}
.wpProQuiz_content.ld-quiz-result-passed .wpProQuiz_questionListItem[class*="wpProQuiz_answer"] label:before{
    width: 28px;
    height: 28px;
    background: var(--ld-color-semantic-success);
    border-radius: 8px;
    padding-left: 2px;
    padding-top: 4px;
    color: #fff !important;
    
}
.wpProQuiz_content.ld-quiz-result-passed .wpProQuiz_questionListItem:not(.ld-sortable__item).wpProQuiz_answerCorrect label:before{
    background: var(--ld-color-semantic-success);
}
.wpProQuiz_content.ld-quiz-result-passed .wpProQuiz_questionListItem:not(.ld-sortable__item).wpProQuiz_answerIncorrect label:before{
    background: var(--ld-color-semantic-error);
}
.learndash-wrapper .wpProQuiz_content.ld-quiz-result-passed .wpProQuiz_reviewDiv{
    order: 14;
}
.learndash-wrapper .wpProQuiz_content.ld-quiz-result-passed .wpProQuiz_reviewDiv{
    margin-bottom: 0;
    padding-bottom: 0;
}


/* =====================================================
   DISPOSITIVOS MÓVILES / MOBILE
===================================================== */

@media only screen and (max-width: 640px) {

    .gt-quiz-progress {
        margin-bottom: 20px;
        padding: 14px 15px;
        border-radius: 10px;
    }

    .gt-quiz-progress__counter,
    .gt-quiz-progress__percentage {
        font-size: 12px;
    }

    .gt-quiz-progress__track {
        height: 8px;
    }
    .wpProQuiz_content{
        padding: 10px 15px;
    }
    .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv {
        flex-direction: column;
    }
      .learndash-wrapper .wpProQuiz_content .wpProQuiz_QuestionButton[name="back"]{
        float: left !important;
    }
      .learndash-wrapper .wpProQuiz_content .wpProQuiz_QuestionButton[name="next"]{
        float: right !important;
    }
      .learndash-wrapper .wpProQuiz_content .wpProQuiz_QuestionButton[value="Finalizar Cuestionario"],
      .learndash-wrapper .wpProQuiz_content .wpProQuiz_QuestionButton[name="next"]{
        margin-left: 2px !important;
    }
      .learndash-wrapper .wpProQuiz_content .wpProQuiz_QuestionButton[name="check"]{
        margin-left: 0 !important;
    }
      .learndash-wrapper .wpProQuiz_content .wpProQuiz_QuestionButton{
        min-width: 90px;
    }
      .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion.learndash-quiz-review{
        padding-top: 40px !important;
    }
}