/*
Theme Name: Ulimarc
Description: Plantilla para Ulimarc
Theme URI:   https://ulimarc.es
Author: Crearts
Author URI:  https://crearts.es
Template: salient
Version: 1.0
*/

.qmn_radio_answers {
    display: flex;
    justify-content: space-evenly; /* Espaciado uniforme entre las opciones */
    align-items: center;
    padding: 20px 0;
}

.mlw_horizontal_choice {
    display: flex;
    flex-direction: column; /* Alinea el texto debajo del círculo */
    align-items: center;
    text-align: center;
    gap: 8px; /* Espacio entre el círculo y el texto */
}

.qmn_quiz_radio {
    display: none; /* Oculta los botones de radio originales */
}

.qmn_quiz_radio + .qsm-input-label {
    width: 60px; /* Ajusta el tamaño del círculo */
    height: 60px;
    border: 2px solid #42cb4f;
    border-radius: 50%; /* Hace los botones circulares */
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    font-size: 18px; /* Tamaño consistente del texto */
    font-weight: bold;
    color: #42cb4f;
    cursor: pointer;
    transition: all 0.3s ease;
    line-height: normal; /* Asegura que el contenido no se desplace */
    text-align: center; /* Textos bien centrados */
    box-sizing: border-box; /* Incluye borde en las dimensiones */
}

.qmn_quiz_radio:checked + .qsm-input-label {
    background-color: #42cb4f; /* Color del círculo seleccionado */
    color: white;
    border-color: #42cb4f;
}

.qmn_quiz_radio + .qsm-input-label:hover {
    background-color: #42cb4f; /* Hover para círculos */
    color: white;
}

.qsm-input-label {
    margin-bottom: 0; /* Quita cualquier margen adicional */
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    line-height: 1; /* Fija el contenido en el centro */
}

.mlw_horizontal_choice p {
    font-size: 14px; /* Tamaño del texto debajo del círculo */
    color: #434274;
    margin: 0; /* Asegura que no haya márgenes adicionales */
}

/* Ajusta el contenedor si es necesario */
.qmn_radio_answers > .mlw_horizontal_choice {
    flex: 1; /* Uniforma el tamaño de las opciones */
}

.qmn_quiz_radio + .qsm-input-label {
    position: relative;
    display: inline-flex !important;
}