/* ===== Variables y base compacta ===== */
:root{
  --vr-xxs: 4px; --vr-xs: 6px; --vr-s: 8px; --vr-m: 12px; --vr-l: 16px;
  --c-text:#2a3440; --c-sub:#7a8694; --c-line:#e3e8ee; --c-emph:#2a5160; --c-accent:#d4145a;
}
.valuacion-form{ max-width:980px; margin:0 auto; padding:0 16px 180px; color:var(--c-text);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; text-align:center; }

/* Topbar */
.vf-topbar{ display:flex; justify-content:space-between; align-items:center; margin:var(--vr-s) 0 var(--vr-m); }
.vf-steps{ display:flex; gap:10px; list-style:none; padding:0; margin:0; font-size:14px; color:#9aa2ab; }
.vf-steps li.is-active{ color:var(--c-text); font-weight:700; }
.vf-pin{ display:flex; gap:6px; align-items:center; color:#5c6670; font-weight:600; max-width:420px; }
.vf-pin-text{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* Título & ayuda */
h2{ font-size:26px; line-height:1.2; margin:0 0 var(--vr-s); font-weight:800; letter-spacing:-.02em; }
.vf-subtle{ color:var(--c-sub); font-size:13px; }
.vf-inline-help{ display:flex; align-items:center; gap:8px; justify-content:center; margin:0 0 var(--vr-m); }

/* Tooltip “i” centrado */
.vf-help{ width:18px;height:18px;border-radius:50%; background:#f1f4f7;border:1px solid #dbe3ea;
  display:inline-grid; place-items:center; cursor:pointer; line-height:18px; font-size:12px; }
.vf-help[data-tooltip]{ position:relative; }
.vf-help[data-tooltip]:hover::after{ content:attr(data-tooltip); position:absolute; left:50%; transform:translateX(-50%);
  bottom:24px; width:min(56ch, 320px); background:#fff; color:var(--c-text); border:1px solid #e5ebf1; border-radius:10px;
  box-shadow:0 10px 24px rgba(0,0,0,.08); padding:8px 10px; font-size:12.5px; line-height:1.35; z-index:10; }

/* Campos */
label{ display:block; font-size:12px; color:#6a7582; text-align:left; margin-bottom:var(--vr-xs); width:100%; }
input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="url"], textarea, select{
  width:100%; height:40px; padding:8px 10px; border:1.5px solid var(--c-line); border-radius:10px; background:#fff; }
input:focus, select:focus{ outline:none; border-color:#9db6c7; box-shadow:0 0 0 3px rgba(157,182,199,.22); }

/* ===== GRID GENERAL ===== */
.vf-row{ display:grid; grid-template-columns:repeat(12,1fr); gap:var(--vr-s); margin:var(--vr-s) 0; }
.vf-row > label{ grid-column: span 6; margin:0; }
.vf-row-3 > label{ grid-column: span 4; }  /* 3 por fila */

/* —— Layout Paso 0 —— */
.vf-row--loc-1 > label[for="vfDir"]{ grid-column: span 9; }     /* Dirección 75% */
.vf-row--loc-1 > label[for="vfCiudad"]{ grid-column: span 3; }  /* Ciudad 25% */

.vf-row--loc-2 > label[for="vfCP"]{ grid-column: span 2; }
.vf-row--loc-2 > label[for="vfNum"]{ grid-column: span 2; }
.vf-row--loc-2 > label[for="vfEsc"]{ grid-column: span 2; }
.vf-row--loc-2 > label[for="vfPiso"]{ grid-column: span 2; }
.vf-row--loc-2 > label[for="vfPuerta"]{ grid-column: span 2; }

@media (max-width:768px){
  .vf-row{ grid-template-columns:1fr; }
  .vf-row > label, .vf-row-3 > label,
  .vf-row--loc-1 > label, .vf-row--loc-2 > label{ grid-column:1 / -1; }
}

/* Mapa & sugerencias */
.vf-mapa{ height:210px; margin:var(--vr-s) 0; border-radius:10px; overflow:hidden; background:#eef4f8; }
.vf-sugerencias{ position:fixed; display:none; background:#fff; border:1px solid #e9edf2; box-shadow:0 8px 20px rgba(0,0,0,.08);
  border-radius:10px; max-height:220px; overflow:auto; padding:6px 0; z-index:9999; list-style:none; margin:0; }
.vf-sugerencias li{ padding:9px 12px; cursor:pointer; font-size:14px; }
.vf-sugerencias li:hover{ background:#f7f9fb; }

/* Pantallas & subpantallas */
.vf-screens{ position:relative; min-height:360px; }
.vf-screen[aria-hidden="true"]{ display:none; }
.vf-subflow[aria-hidden]{ display:none; }
@keyframes inL{from{transform:translateX(60px);opacity:0}to{transform:none;opacity:1}}
@keyframes outL{from{transform:none;opacity:1}to{transform:translateX(-60px);opacity:0}}
@keyframes inR{from{transform:translateX(-60px);opacity:0}to{transform:none;opacity:1}}
@keyframes outR{from{transform:none;opacity:1}to{transform:translateX(60px);opacity:0}}
.vf-anim-in-left{animation:inL .32s ease both}.vf-anim-out-left{animation:outL .28s ease both}
.vf-anim-in-right{animation:inR .32s ease both}.vf-anim-out-right{animation:outR .28s ease both}

/* Dots */
.vf-substeps-dots{ display:flex; gap:6px; justify-content:center; margin:var(--vr-s) 0 var(--vr-m); }
.vf-substeps-dots span{ width:7px;height:7px;border-radius:999px;background:#d8e1e9;display:inline-block; }
.vf-substeps-dots span.is-active{ background:var(--c-emph); }

/* Cards blancas */
.vf-icons-grid{ display:flex; justify-content:center; gap:22px; flex-wrap:wrap; margin-top:2px; }
.vf-icon-card{ width:170px; height:140px; border:1.5px solid #d8dde3; border-radius:16px; background:#fff; display:flex; flex-direction:column;
  justify-content:center; align-items:center; gap:8px; cursor:pointer; transition:.16s ease; font-weight:700; color:var(--c-text); }
.vf-icon-card img{ width:68px;height:68px; }
.vf-icon-card:hover{ transform:translateY(-2px); box-shadow:0 8px 22px rgba(0,0,0,.08); }
.vf-icon-card.is-selected{ border-color:var(--c-emph); box-shadow:0 10px 26px rgba(42,81,96,.16); background:#f7fbfd; }

/* Controles */
.vf-toggle{ display:flex; align-items:center; justify-content:center; gap:10px; }
.vf-check{ appearance:none; width:18px; height:18px; border-radius:6px; border:2px solid #cdd6df; position:relative; display:inline-block; }
.vf-check:checked{ border-color:#2a5160; background:#e7f1f5; }
.vf-check:checked::after{ content:""; position:absolute; inset:2px; background:var(--c-emph);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='white' d='M6.5 11.2L2.9 7.6l1.4-1.4 2.2 2.2L11.7 3.2l1.4 1.4z'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='white' d='M6.5 11.2L2.9 7.6l1.4-1.4 2.2 2.2L11.7 3.2l1.4 1.4z'/></svg>") center/contain no-repeat; }

.vf-slider{ max-width:480px; margin:var(--vr-s) auto; text-align:center; }
.vf-slider-value{ font-size:28px; font-weight:800; margin-bottom:4px; }
.vf-slider input[type="range"]{ width:100%; accent-color:var(--c-emph); }
.vf-slider-scale{ display:flex; justify-content:space-between; color:#94a0ab; margin-top:2px; }
.vf-counters{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
@media (max-width:920px){ .vf-counters{ grid-template-columns:repeat(2,1fr); } }
.vf-counter{ background:#fff; border-radius:14px; box-shadow:0 8px 18px rgba(0,0,0,.06); padding:12px; text-align:center; }
.vf-counter img{ width:46px;height:46px;margin-bottom:6px; }
.vf-counter-ctrl{ display:flex; align-items:center; justify-content:center; gap:8px; margin:4px 0; }
.vf-counter-ctrl input{ width:58px; height:36px; text-align:center; font-weight:700; border-radius:9px; }
.vf-minus,.vf-plus{ width:32px;height:32px;border-radius:9px;background:#f0f3f6;border:0;font-size:18px;cursor:pointer; }

/* Navegación */
.vf-actions{ display:flex; gap:10px; justify-content:center; margin:var(--vr-m) 0 var(--vr-s); }
.vf-prev,.vf-next,.vf-prev-sub,.vf-next-sub,.vf-submit{
  appearance:none;border:0;border-radius:10px;padding:10px 16px;background:var(--c-emph);color:#fff;cursor:pointer;
  box-shadow:0 6px 12px rgba(0,0,0,.10);transition:.12s ease;font-weight:600; }
.vf-next[disabled],.vf-next-sub[disabled]{ opacity:.45; cursor:not-allowed; box-shadow:none; }
.vf-prev,.vf-prev-sub{ background:#98a7b5; }

/* Progreso */
.vf-progressbar{ position:fixed; left:50%; bottom:18px; transform:translateX(-50%); width:min(520px, 92vw); height:120px; pointer-events:none; z-index:50; }
.vf-progressbar svg{ width:100%; height:100%; }
.vf-progress-bg{ fill:none; stroke:#e4e9ef; stroke-width:6; }
.vf-progress-fg{ fill:none; stroke:url(#vf-stripes); stroke-width:6; stroke-dasharray:100; stroke-dashoffset:100; transition:stroke-dashoffset .5s ease; }
.vf-progress-label{ position:absolute; left:50%; bottom:10px; transform:translateX(-50%); font-weight:800; font-size:15px; color:var(--c-text); }

/* Modal */
.vf-modal-overlay{ position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:70; }
.vf-modal{ position:fixed; inset:0; display:grid; place-items:center; z-index:80; }
.vf-modal[hidden], .vf-modal-overlay[hidden]{ display:none; }
.vf-modal > *{ background:#fff; border-radius:14px; box-shadow:0 16px 40px rgba(0,0,0,.18); width:min(620px,92vw); padding:20px; }
.vf-modal-header{ display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
.vf-modal-close{ appearance:none; border:0; background:#f3f5f7; width:28px; height:28px; border-radius:8px; cursor:pointer; font-size:18px; }
.vf-consent{ text-align:left; font-size:12.5px; color:#60707f; margin:6px 0; }
.vf-consent a{ color:var(--c-emph); text-decoration:none; }
.vf-phone{ display:grid; grid-template-columns: 1fr 80px 1fr; gap:6px; }
.vf-phone select, .vf-phone input{ height:40px; border:1.5px solid var(--c-line); border-radius:10px; padding:6px 8px; }
.vf-phone input[readonly]{ background:#f5f7fa; }

/* Paso 0: mostrar solo buscador */
.vf-screen[data-step="0"] .vf-row--loc-1 > label[for="vfCiudad"],
.vf-screen[data-step="0"] .vf-row--loc-2,
.vf-screen[data-step="0"] .vf-row label[for="vfLink"],
.vf-screen[data-step="0"] #vfMapa{ display:none; }
.vf-addr-review{ margin:8px auto 14px; max-width:820px; }

/* —— Pequeños ajustes comunes —— */
#vfProg.vf-progress-fg{ opacity:0; }
.vf-modal-close{ display:grid; place-items:center; line-height:1; }
.vf-phone{ grid-template-columns:140px 1fr; }
.vf-topbar{ justify-content:center; gap:14px; } /* centrado por defecto */

/* =========================================================
   OVERRIDES FINALES (BLANCO + TÍTULO GRANDE + CENTRADO)
   ========================================================= */

/* Centrado duro del bloque (por si el tema mete offsets) */
html body #valuacion-root{ display:grid !important; }
html body #valuacion-root .valuacion-form{
  justify-self:center !important;
  width:min(980px,92vw) !important; max-width:980px !important;
  margin:0 auto !important; left:auto !important; right:auto !important; transform:none !important;
}

/* Texto BLANCO en TODOS los pasos */
html body #valuacion-root .valuacion-form h2{
  color:#fff !important;
  font-size:clamp(34px, 2.6vw + 10px, 46px) !important;
  line-height:1.2 !important; font-weight:800 !important;
  text-shadow:0 1px 3px rgba(0,0,0,.28) !important; margin:0 0 10px !important;
}
html body #valuacion-root .valuacion-form :where(p,small,span,li,th,td,label,.vf-steps,.vf-subtle,.vf-pin,.vf-inline-help,.vf-progress-label){
  color:rgba(255,255,255,.92) !important;
}
html body #valuacion-root .valuacion-form .vf-steps li.is-active{ color:#fff !important; }
html body #valuacion-root .valuacion-form label{ color:#fff !important; }

/* Tooltip “i” visible */
html body #valuacion-root .valuacion-form .vf-help{
  background:rgba(255,255,255,.16) !important; border-color:rgba(255,255,255,.35) !important; color:#fff !important;
}

/* EXCEPCIONES (fondos blancos = texto oscuro) */
html body #valuacion-root .valuacion-form .vf-icon-card,
html body #valuacion-root .valuacion-form .vf-counter,
html body #valuacion-root .valuacion-form .vf-modal > *,
html body #valuacion-root .valuacion-form .vf-slider,
html body #valuacion-root .valuacion-form .vf-phone{ color:#2a3440 !important; }
html body #valuacion-root .valuacion-form input,
html body #valuacion-root .valuacion-form select,
html body #valuacion-root .valuacion-form textarea{ color:#2a3440 !important; background:#fff !important; }


.elementor-kit-1589 h2 {
    color: #FFFFFF !important;
  font-weight: bold;
}
.vf-steps, .vf-pin, .vf-steps li, .valuacion-form label{
  color: #FFFFFF !important;
}
.vf-steps, .vf-pin, .vf-steps li{
  font-size: 18px;
}
 .valuacion-form label{
 font-size: 16px;
 }
 input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="url"], textarea, select{
   color:#000000 !important;
 }

 /* ====== OVERRIDES FINALES ESTABLES (no dependen de Elementor) ====== */

/* Centrado sólido del contenedor */
#valuacion-root{ display:grid !important; }
#valuacion-root .valuacion-form{
  justify-self:center !important;
  width:min(980px,92vw) !important;
  margin:0 auto !important;
  left:auto !important; right:auto !important; transform:none !important;
}

/* Topbar centrada (evita la sensación de “a la izquierda”) */
#valuacion-root .valuacion-form .vf-topbar{
  justify-content:center !important;
  gap:14px !important;
}

/* Título más grande y blanco, legible sobre el fondo */
#valuacion-root .valuacion-form h2{
  color:#fff !important;
  font-size:clamp(34px, 2.6vw + 10px, 46px) !important;
  line-height:1.2 !important; font-weight:800 !important;
  text-shadow:0 1px 3px rgba(0,0,0,.28) !important;
  margin:0 0 10px !important;
}

/* Texto BLANCO en todo lo que está sobre la foto (todos los pasos) */
#valuacion-root .valuacion-form :where(p,small,span,li,th,td,label,.vf-steps,.vf-subtle,.vf-pin,.vf-inline-help,.vf-progress-label){
  color:#fff !important;
}

/* Tamaños de tipografía que has pedido */
#valuacion-root .valuacion-form .vf-steps,
#valuacion-root .valuacion-form .vf-pin,
#valuacion-root .valuacion-form .vf-steps li{ font-size:20px !important; }
#valuacion-root .valuacion-form label{ font-size:18px !important; }

/* “Paso activo” también en blanco */
#valuacion-root .valuacion-form .vf-steps li.is-active{ color:#fff !important; }

/* Tooltip “i” visible */
#valuacion-root .valuacion-form .vf-help{
  background:rgba(255,255,255,.16) !important;
  border-color:rgba(255,255,255,.35) !important;
  color:#fff !important;
}

/* EXCEPCIONES: en cajas blancas, el texto va oscuro (inputs, cards, etc.) */
#valuacion-root .valuacion-form .vf-icon-card,
#valuacion-root .valuacion-form .vf-counter,
#valuacion-root .valuacion-form .vf-modal > *,
#valuacion-root .valuacion-form .vf-slider,
#valuacion-root .valuacion-form .vf-phone{ color:#2a3440 !important; }

#valuacion-root .valuacion-form input,
#valuacion-root .valuacion-form select,
#valuacion-root .valuacion-form textarea{
  color:#000 !important;           /* tu preferencia: texto negro en campos */
  background:#fff !important;
}
/* Paso 1 (Dirección): Ciudad 75% + CP 25% en la misma fila */
.vf-screen[data-step="1"] .vf-row--loc-1{
  display:grid !important;
  grid-template-columns: 3fr 1fr !important;
  gap:8px !important;
  margin:8px 0 !important;
}
/* Paso 1: Nº, Esc., Piso, Puerta (25% cada uno) */
.vf-screen[data-step="1"] .vf-row--loc-2{
  display:grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap:8px !important;
  margin:8px 0 !important;
}
@media (max-width:768px){
  .vf-screen[data-step="1"] .vf-row--loc-1{ grid-template-columns:1fr !important; }
  .vf-screen[data-step="1"] .vf-row--loc-2{ grid-template-columns:1fr 1fr !important; }
}
/* Crumb arriba a la derecha, fino y legible */
#valuacion-root .valuacion-form .vf-pin{
  position: fixed !important;
  top: 86px !important;  /* margen con la cabecera rosa */
  right: clamp(12px, (100vw - 1100px)/2, 32px) !important;
  background: rgba(12,20,28,.42) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  font: 500 13px/1 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
  color: rgba(255,255,255,.9) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.22) !important;
  z-index: 5 !important;
}
#valuacion-root .valuacion-form .vf-pin img{ display:none !important; }


.vf-icons-grid .vf-icon-card span {
    color: #000000 !important;
}

/* ===== Mejoras de visibilidad del paso activo y título ===== */

/* Título grande y consistente en todas las pantallas */
#valuacion-root .valuacion-form h2{
  font-size: clamp(34px, 2.8vw + 10px, 48px) !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: #fff !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.28) !important;
  margin: 6px 0 12px !important;
}

/* Píldoras de pasos: activo MUY claro */
#valuacion-root .valuacion-form .vf-steps{
  gap: 8px !important;
}
#valuacion-root .valuacion-form .vf-steps li{
  background: rgba(12,20,28,.55);
  color: rgba(255,255,255,.85);
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
  padding: 6px 10px;
  font-weight: 600;
}
#valuacion-root .valuacion-form .vf-steps li.is-active{
  background: #ffffff !important;
  color: #2a3440 !important;
  border-color: #ffffff !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.18);
}

/* Tooltip “i”: centrado y con ancho cómodo */
#valuacion-root .valuacion-form .vf-help{
  width: 20px; height: 20px;
  display: grid; place-items: center;
  line-height: 1; font-weight: 700;
  background: rgba(255,255,255,.16);
  border: 1px solid rgba(255,255,255,.35);
  color: #fff;
}
#valuacion-root .valuacion-form .vf-help[data-tooltip]:hover::after{
  width: min(60ch, 360px);
  text-align: center;
}


/* ====== OVERRIDES SEGURAS (añadir al final) ====== */

/* Crumb/pin con la dirección: arriba-dcha con margen */
#valuacion-root .valuacion-form .vf-pin{
  position: fixed;
  top: 86px;
  right: clamp(16px, (100vw - 1200px)/2, 28px);
  background: rgba(12,20,28,.42);
  border: 1px solid rgba(255,255,255,.18);
  padding: 6px 10px;
  border-radius: 999px;
  color: rgba(255,255,255,.9);
  font: 500 13px/1.1 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  box-shadow: 0 8px 20px rgba(0,0,0,.22);
  z-index: 5;
}
#valuacion-root .valuacion-form .vf-pin img{ display:none !important; }

/* Título más grande y claro (se actualiza por JS según el subpaso) */
#valuacion-root .valuacion-form h2{
  color:#fff !important;
  font-size:clamp(34px, 2.6vw + 10px, 46px) !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  text-shadow:0 1px 3px rgba(0,0,0,.28) !important;
  margin:0 0 10px !important;
}

/* Tooltip “i”: legible sobre la foto */
#valuacion-root .valuacion-form .vf-help{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.35);
  color:#fff;
}

/* Slider: mínimos/máximos y valor visibles */
#valuacion-root .valuacion-form .vf-slider-value{
  color:#fff !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}
#valuacion-root .valuacion-form .vf-slider-scale span{
  color:#fff !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}
#valuacion-root .valuacion-form .vf-slider input[type="range"]{
  accent-color:#2a5160;      /* ya lo tenías parecido */
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.25));
}

/* Progreso inferior: barra + % bien visibles */
#valuacion-root .valuacion-form .vf-progressbar{ bottom: 20px; z-index: 3; }
#valuacion-root .valuacion-form .vf-progressbar::before{
  content:""; position:absolute; inset:auto 0 6px 0; margin:auto; width:min(520px,92vw); height:62px;
  background: rgba(12,20,28,.65);
  border:1px solid rgba(255,255,255,.18);
  border-radius: 18px;
  box-shadow: 0 8px 26px rgba(0,0,0,.38);
}
#valuacion-root .valuacion-form .vf-progress-bg{
  stroke: rgba(255,255,255,.45); stroke-width:8;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.35));
}
#valuacion-root .valuacion-form .vf-progress-fg{
  stroke: url(#vf-stripes); stroke-width:8; stroke-linecap: round;
}
#valuacion-root .valuacion-form .vf-progress-label{
  color:#fff !important; font-weight:800; text-shadow:0 1px 2px rgba(0,0,0,.5);
}

/* Paso 1 (Dirección): Ciudad 75% + CP 25% y la segunda fila 4x25% */
.vf-screen[data-step="1"] .vf-row--loc-1{
  display:grid; grid-template-columns: 3fr 1fr; gap:8px; margin:8px 0;
}
.vf-screen[data-step="1"] .vf-row--loc-2{
  display:grid; grid-template-columns: repeat(4, 1fr); gap:8px; margin:8px 0;
}
@media (max-width:768px){
  .vf-screen[data-step="1"] .vf-row--loc-1{ grid-template-columns:1fr; }
  .vf-screen[data-step="1"] .vf-row--loc-2{ grid-template-columns:1fr 1fr; }
}

/* Texto general sobre la foto en blanco (sin tocar las cajas blancas) */
#valuacion-root .valuacion-form :where(.vf-steps,.vf-steps li,.vf-subtle,.vf-inline-help, label){
  color:#fff !important;
}
#valuacion-root .valuacion-form .vf-steps li.is-active{ color:#fff !important; }

/* En elementos con fondo blanco, el texto oscuro */
#valuacion-root .valuacion-form .vf-icon-card,
#valuacion-root .valuacion-form .vf-counter,
#valuacion-root .valuacion-form .vf-modal > *,
#valuacion-root .valuacion-form .vf-slider,
#valuacion-root .valuacion-form .vf-phone{
  color:#2a3440 !important;
}
#valuacion-root .valuacion-form input,
#valuacion-root .valuacion-form select,
#valuacion-root .valuacion-form textarea{
  background:#fff !important; color:#000 !important;
}



.vf-slider-scale {
    color: #CBFFEC;
    font-size: 18px;
}

.vf-progressbar {
    background: rgba(255, 255, 255, .6);
    border-radius: 50px;
}
div#vfModal label {
    color: #2d2d2d !important;
}

ul#vfSug li {
    color: #000 !important;
}