/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* ====== GF Form 1 – Rating 10 estrellas (modern markup) ====== */

#gform_wrapper_1 .gf-stars-10 .gfield_radio{
  display: inline-flex;
  gap: 4px;
  align-items: center;
}

/* En modern markup suelen ser div.gchoice */
#gform_wrapper_1 .gf-stars-10 .gfield_radio .gchoice{
  margin: 0;
  padding: 0;
}

/* Oculta el radio real */
#gform_wrapper_1 .gf-stars-10 input[type="radio"]{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Label como estrella */
#gform_wrapper_1 .gf-stars-10 label{
  cursor: pointer;
  font-size: 0;           /* ocultamos el texto 1–10 */
  line-height: 1;
  margin: 0 !important;
  padding: 0 !important;
  user-select: none;
}

#gform_wrapper_1 .gf-stars-10 label::before{
  content: "★";
  font-size: 28px;
  color: #cfcfcf;         /* apagada */
  transition: color .15s ease-in-out;
}

/* Encendida (la pondrá JS) */
#gform_wrapper_1 .gf-stars-10 label.is-on::before{
  color: #f5b301;
}

/* Forzar estrellas en horizontal (modern markup) */
#gform_wrapper_1 .gf-stars-10 .gfield_radio{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
}

#gform_wrapper_1 .gf-stars-10 .gfield_radio .gchoice{
  display: inline-flex;
  width: auto !important;
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 0 !important;
}

/* El contenedor real en modern markup */
#gform_wrapper_1 .gf-stars-10 .ginput_container_radio{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 4px !important;
}

/* Cada opción */
#gform_wrapper_1 .gf-stars-10 .ginput_container_radio .gchoice{
  display: inline-flex !important;
  width: auto !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Por si hay algún <ul><li> en tu output */
#gform_wrapper_1 .gf-stars-10 ul.gfield_radio{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 4px !important;
  padding: 0 !important;
  margin: 0 !important;
}
#gform_wrapper_1 .gf-stars-10 ul.gfield_radio > li{
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* contenedor de opciones */
#gform_wrapper_1 .gf-stars-10 .ginput_container_radio{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 4px !important;
}

/* cada opción NO debe ocupar 100% */
#gform_wrapper_1 .gf-stars-10 .ginput_container_radio .gchoice{
  display: inline-flex !important;
  width: auto !important;
  flex: 0 0 auto !important;
}

/* el label tampoco debe comportarse como bloque a ancho completo */
#gform_wrapper_1 .gf-stars-10 .ginput_container_radio .gchoice label{
  display: inline-flex !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* por si el markup fuera UL/LI en tu instalación */
#gform_wrapper_1 .gf-stars-10 .gfield_radio{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 4px !important;
  justify-content: flex-start !important;
  align-items: center !important;
}
#gform_wrapper_1 .gf-stars-10 .gfield_radio li{
  width: auto !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
.gform-theme--foundation .gform_fields {
  
    column-gap: 15px;
    row-gap: 15px;
}

#gform_fields_1  legend.gfield_label.gform-field-label {
    font-family: "Ubuntu";
    font-weight: 300;
    font-size: 16px;
}

#gform_fields_1  legend.gfield_label.gform-field-label {
    margin: 0;
}

.separador_encuesta h3 {
    color: #FF9F00;
    font-size: 17px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 0;
    margin-top:30px;
    padding: 0 18px;
}

.separador_encuesta {
    border-bottom: 3px solid #FF9F00 !important;
}
input#gform_submit_button_1:hover {
    background-color: var(--e-global-color-accent);
}
input#gform_submit_button_1 {
    background-color: #FF9F00;
}