.elementor-6145 .elementor-element.elementor-element-43f20d25{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}#elementor-popup-modal-6145 .dialog-widget-content{animation-duration:1.2s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-6145{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-6145 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-6145 .dialog-close-button{display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-2db56a06 *//* --- ESTILO GLOBAL PARA TODOS LOS QUIZ --- */

/* Contenedor de radios */
body .gform_wrapper .gfield_radio {
  display: flex;
  justify-content: left; /* centrado horizontal */
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 0px;
}

/* Ocultar radios nativos */
body .gform_wrapper .gfield_radio input[type="radio"] {
  display: none !important;
}

/* Labels como botones */
body .gform_wrapper .gfield_radio label {
  display: block;
  width: 280px; /* todos los botones tendrán ancho mínimo */
  padding: 16px 24px;
  border: 2px solid #ddd;
  border-radius: 8px;
  background: #f9f9f9;
  color: #333;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Hover */
body .gform_wrapper .gfield_radio label:hover {
  background: #f0f0f0;
  border-color: #bbb;
}

/* Seleccionado */
body .gform_wrapper .gfield_radio input[type="radio"]:checked + label {
  background: #6A3DA3;
  border-color: #6A3DA3;
  color: #fff;
  box-shadow: 0 4px 10px rgba(106,61,163,0.3);
}


/* --- AJUSTE SOLO PARA LA PRIMERA PREGUNTA (quiz1) --- */
body .gform_wrapper .gfield_radio.quiz1 label {
  min-width: 100%; /* aquí decides si quieres 100% o 50% */
}/* End custom CSS */