.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1015 .elementor-element.elementor-element-5ecec5a img{width:15%;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1015 .elementor-element.elementor-element-8b346fe > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1015 .elementor-element.elementor-element-8b346fe{text-align:center;font-family:"Mulish", Sans-serif;font-weight:900;color:var( --e-global-color-secondary );}.elementor-1015 .elementor-element.elementor-element-17a796b > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1015 .elementor-element.elementor-element-17a796b{text-align:center;font-family:"Roboto", Sans-serif;font-weight:500;font-style:italic;}.elementor-1015 .elementor-element.elementor-element-a49a637 > .elementor-container{max-width:900px;}@media(max-width:767px){.elementor-1015 .elementor-element.elementor-element-6e4baee.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1015 .elementor-element.elementor-element-5ecec5a{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;text-align:center;}.elementor-1015 .elementor-element.elementor-element-5ecec5a img{width:100%;}.elementor-1015 .elementor-element.elementor-element-8b346fe > .elementor-widget-container{margin:0px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-1015 .elementor-element.elementor-element-8b346fe{text-align:center;font-size:16px;line-height:1.3em;letter-spacing:0px;word-spacing:0em;}.elementor-1015 .elementor-element.elementor-element-17a796b{width:100%;max-width:100%;text-align:center;font-size:16px;}.elementor-1015 .elementor-element.elementor-element-17a796b > .elementor-widget-container{margin:-10px 0px -20px 0px;padding:0px 20px 0px 20px;}.elementor-1015 .elementor-element.elementor-element-a49a637{margin-top:-30px;margin-bottom:0px;}}/* Start custom CSS for html, class: .elementor-element-dc7c419 *//* Contenedor general */
#quiz-wrap{
  max-width: 840px;
  margin: 40px auto;
  padding: 16px;
}
#quiz-wrap .lead{
  opacity: .8;
  margin-top: 8px;
}

/* Progreso */
.quiz-progress{
  position: relative; height: 10px; background: #f2f2f2;
  border-radius: 999px; overflow: hidden; margin: 16px 0 20px;
}
.quiz-progress__bar{
  height: 100%; width: 0%;
  background: #111; /* negro por defecto; si usas amarillo, cámbialo aquí */
  transition: width .25s ease;
}
.quiz-progress__label{
  margin-top: 8px; font-size: 12px; color: #666; text-align: right;
}

/* Navegación */
.quiz-actions{
  display: flex; gap: 10px; justify-content: space-between; margin-top: 12px;
}
.btn-primary, .btn-secondary{
  appearance: none; border: 0; padding: 10px 14px; border-radius: 10px;
  font-weight: 700; cursor: pointer;
}
.btn-primary{ background: #111; color: #fff; }
.btn-primary:disabled{ opacity:.4; cursor:not-allowed; }
.btn-secondary{ background: #e9e9e9; color: #111; }
.btn-secondary:disabled{ opacity:.4; cursor:not-allowed; }

/* Paso activo/oculto */
.quiz-card{ display: none; }
.quiz-card.is-active{ display: block; }

/* Ranges */
.range{ width: 100%; }
.range-labels{ display:flex; justify-content:space-between; font-size:12px; color:#666; }

/* Tarjetas de pregunta */
.quiz-card{
  background: #fff;
  border: 1px solid #eee;
  border-radius: 16px;
  padding: 20px;
  margin: 18px 0;
  box-shadow: 0 2px 10px rgba(0,0,0,.03);
}
.quiz-card h2{
  font-size: 20px;
  margin-bottom: 12px;
}
.opt{
  display: block;
  padding: 10px 12px;
  border: 1px solid #ededed;
  border-radius: 12px;
  margin: 8px 0;
  cursor: pointer;
  transition: transform .05s ease, background .2s ease, border-color .2s ease;
}
.opt:hover{ background: #fafafa; }
.opt input{ margin-right: 10px; }

/* Range + etiquetas */
.range{ width: 100%; }
.range-labels{
  display: flex; justify-content: space-between; font-size: 12px; opacity: .7; margin-top: 4px;
}

/* Acciones */
.quiz-actions{ text-align: center; margin: 24px 0 8px; }
.btn-primary{
  appearance: none; border: none; cursor: pointer;
  background: #FFD600; color: #111; font-weight: 700;
  padding: 14px 22px; border-radius: 12px; font-size: 16px;
  transition: filter .15s ease, transform .05s ease;
}
.btn-primary:hover{ filter: brightness(0.95); }
.btn-primary:active{ transform: translateY(1px); }

/* Resultado */
.result-card{
  background: #111; color: #fff;
  border-radius: 16px; padding: 24px; margin: 24px 0;
}
.result-card h2{ font-size: 22px; margin-bottom: 8px; color: #FFD600; }
.result-card p{ opacity: .95; line-height: 1.55; }

.result-actions{ margin-top: 16px; }
.btn-cta{
  display: inline-block; background: #FFD600; color: #111; font-weight: 800;
  padding: 14px 20px; border-radius: 12px; text-decoration: none;
}
.btn-cta:hover{ filter: brightness(0.95); }

/* Responsive */
@media (max-width: 768px){
  #quiz-wrap{ padding: 8px; }
  .quiz-card{ padding: 16px; }
  .event-note{
  background: #fff6bf; /* amarillo suave */
  border: 1px solid #ffe27a;
  color: #111;
  padding: 14px 16px;
  border-radius: 12px;
  line-height: 1.55;
  box-shadow: 0 2px 10px rgba(0,0,0,.03);
}
.event-note strong{ font-weight: 800; }
.event-note em{ font-style: normal; font-weight: 700; }
.event-note u{ text-underline-offset: 2px; }
}/* End custom CSS */