@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Outfit:wght@300;400;500;600&display=swap');

:root {
  --ng: #0a0a08;
  --cream: #f5f0e8;
  --white: #ffffff;
  --gold: #b8922a;
  --gold-pale: #e8d48a;
  --gold-dim: rgba(184,146,42,0.1);
  --border: rgba(184,146,42,0.18);
  --grey: #7a7a6e;
  --serif: 'Cormorant Garamond',Georgia,serif;
  --sans: 'Outfit',sans-serif;
  --rad: 6px;
}

/* ── RESET TOTAL dentro del widget para anular el tema ── */
#nenc-wrap,
#nenc-wrap * {
  box-sizing: border-box;
  font-family: var(--sans);
  color: inherit;
}

/* Anular colores del tema de Nexum que aplican azul marino */
#nenc-wrap { background: transparent !important; color: var(--ng) !important; }
#nenc-wrap a { color: var(--gold) !important; }
#nenc-wrap h1, #nenc-wrap h2, #nenc-wrap h3 { color: var(--ng) !important; }

/* Anular cualquier background azul que venga del tema */
#nenc-wrap .nenc-seg-btn,
#nenc-wrap .nenc-opt,
#nenc-wrap .nenc-scale-num,
#nenc-wrap .nenc-textarea,
#nenc-wrap .nenc-select {
  background-color: var(--white) !important;
  background-image: none !important;
  color: var(--ng) !important;
  border-color: rgba(184,146,42,0.2) !important;
}

#nenc-wrap .nenc-seg-label { color: var(--ng) !important; font-weight: 600 !important; }
#nenc-wrap .nenc-seg-desc  { color: var(--grey) !important; }
#nenc-wrap .nenc-seg-arrow { color: var(--gold) !important; }
#nenc-wrap .nenc-seg-icon  { background-color: rgba(184,146,42,0.1) !important; }

#nenc-wrap .nenc-opt-lbl { color: #3a3a30 !important; }

/* ── LAYOUT ── */
*{ margin:0; padding:0; }

#nenc-wrap {
  max-width:660px; margin:40px auto;
  font-size:15px; line-height:1.7;
}

.nenc-screen{display:none}
.nenc-screen.active{display:block}

/* ── HERO ── */
.nenc-hero{text-align:center;margin-bottom:40px;padding:40px 24px 0}
.nenc-brand{
  font-family:var(--serif); font-size:13px; font-weight:600;
  letter-spacing:.12em; color:var(--gold) !important; margin-bottom:20px;
  text-transform:uppercase; display:block;
}
.nenc-badge{
  display:inline-block; font-size:9px; font-weight:700;
  letter-spacing:.32em; text-transform:uppercase; color:var(--gold) !important;
  border-top:1.5px solid var(--gold); padding-top:5px; margin-bottom:6px;
}
.nenc-version{
  display:inline-block; font-size:10px; color:rgba(184,146,42,0.45) !important;
  letter-spacing:.1em; margin-bottom:16px;
}
.nenc-title{
  font-family:var(--serif) !important; font-size:clamp(40px,7vw,62px) !important;
  font-weight:600 !important; line-height:1.05 !important;
  color:var(--ng) !important; margin-bottom:14px !important;
  background:none !important;
}
.nenc-title em{font-style:italic !important;color:var(--gold) !important}
.nenc-subtitle{
  font-size:14px !important; color:var(--grey) !important; max-width:480px;
  margin:0 auto; line-height:1.85 !important;
}

/* ── SEGMENT SELECTOR ── */
.nenc-seg-section{padding:0 0 24px}
.nenc-seg-heading{
  font-size:11px !important; font-weight:600 !important; letter-spacing:.22em;
  text-transform:uppercase; color:var(--gold) !important;
  text-align:center; margin:32px 0 16px;
}
.nenc-seg-grid{display:flex;flex-direction:column;gap:10px}

.nenc-seg-btn{
  width:100% !important; background:var(--white) !important;
  border:1px solid rgba(0,0,0,0.1) !important;
  padding:16px 20px !important; cursor:pointer !important;
  display:grid !important;
  grid-template-columns:44px 1fr 24px !important;
  align-items:center !important; gap:14px !important;
  text-align:left !important;
  border-radius:var(--rad) !important;
  transition:border-color .15s, background .15s, transform .1s !important;
  box-shadow:0 1px 4px rgba(0,0,0,0.06) !important;
}
.nenc-seg-btn:hover{
  border-color:var(--gold) !important;
  background:var(--gold-dim) !important;
  transform:translateX(3px) !important;
}
.nenc-seg-icon{
  width:40px !important; height:40px !important; border-radius:50% !important;
  background:rgba(184,146,42,0.1) !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  font-size:18px !important;
}
.nenc-seg-body{display:flex !important;flex-direction:column !important;gap:2px !important}
.nenc-seg-label{font-size:14px !important;font-weight:600 !important;color:var(--ng) !important;line-height:1.3 !important}
.nenc-seg-desc{font-size:12px !important;color:var(--grey) !important;line-height:1.45 !important}
.nenc-seg-arrow{font-size:16px !important;color:var(--gold) !important;text-align:right !important}

/* ── PROGRESS ── */
.nenc-prog{height:3px;background:rgba(184,146,42,0.12);margin-bottom:36px;border-radius:2px;overflow:hidden}
.nenc-prog-fill{height:100%;background:var(--gold);transition:width .4s ease;border-radius:2px}

/* ── STEP LABEL ── */
.nenc-step-lbl{
  font-size:10px !important; font-weight:700 !important; letter-spacing:.28em;
  text-transform:uppercase; color:var(--gold) !important; margin-bottom:24px;
}

/* ── QUESTIONS ── */
.nenc-qs{display:flex;flex-direction:column;gap:28px}

.nenc-q-text{
  display:block !important; font-family:var(--serif) !important;
  font-size:19px !important; font-weight:600 !important; color:var(--ng) !important;
  line-height:1.35 !important; margin-bottom:14px !important; cursor:default !important;
  background:none !important;
}

.nenc-cond-field{display:none !important}
.nenc-cond-field.visible{display:block !important}

/* ── OPTS ── */
.nenc-opts{display:flex;flex-direction:column;gap:8px}

.nenc-opt{
  display:grid !important; grid-template-columns:22px 1fr !important;
  align-items:flex-start !important; gap:12px !important;
  padding:11px 16px !important;
  border:1px solid rgba(0,0,0,0.08) !important;
  background:var(--cream) !important;
  cursor:pointer !important; border-radius:var(--rad) !important;
  transition:border-color .12s, background .12s !important;
  user-select:none !important;
}
.nenc-opt:hover{border-color:var(--gold) !important;background:var(--gold-dim) !important}
.nenc-opt.sel{border-color:var(--gold) !important;background:var(--gold-dim) !important}

.nenc-mark{
  width:18px !important; height:18px !important; flex-shrink:0 !important; margin-top:1px !important;
  border:1.5px solid rgba(184,146,42,.35) !important;
  background:var(--white) !important; transition:all .12s !important;
  display:inline-block !important;
}
.nenc-mark-radio{border-radius:50% !important}
.nenc-mark-check{border-radius:3px !important}

.nenc-opt.sel .nenc-mark{background:var(--gold) !important;border-color:var(--gold) !important}
.nenc-opt.sel .nenc-mark-radio::after{
  content:'' !important; display:block !important; width:6px !important; height:6px !important;
  background:white !important; border-radius:50% !important; margin:4px auto !important;
}
.nenc-opt.sel .nenc-mark-check::after{
  content:'✓' !important; display:block !important; font-size:11px !important;
  color:white !important; text-align:center !important; line-height:16px !important;
}
.nenc-opt-lbl{font-size:13px !important;color:#3a3a30 !important;line-height:1.5 !important;padding-top:1px !important}

/* ── SCALE ── */
.nenc-scale{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.nenc-scale-item{cursor:pointer;user-select:none;transition:transform .1s}
.nenc-scale-num{
  width:46px !important; height:46px !important; border-radius:var(--rad) !important;
  border:2px solid rgba(184,146,42,.25) !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  font-family:var(--serif) !important; font-size:20px !important; font-weight:600 !important;
  color:var(--grey) !important; background:var(--cream) !important; transition:all .15s !important;
}
/* Hover y seleccionado — doble selector para máxima especificidad */
#nenc-wrap .nenc-scale-item:hover .nenc-scale-num,
#nenc-wrap .nenc-scale-item.sel .nenc-scale-num {
  background: #b8922a !important;
  border-color: #b8922a !important;
  color: #ffffff !important;
  transform: scale(1.12);
  box-shadow: 0 2px 10px rgba(184,146,42,0.45) !important;
}
.nenc-scale-lbl-row{
  display:flex; justify-content:space-between;
  font-size:11px !important; color:var(--grey) !important; margin-top:6px;
}

/* ── TEXTAREA ── */
.nenc-textarea{
  width:100% !important; padding:13px 16px !important; margin-top:4px !important;
  border:1px solid rgba(184,146,42,.2) !important; background:var(--cream) !important;
  font-family:var(--sans) !important; font-size:14px !important; color:var(--ng) !important;
  resize:vertical !important; min-height:96px !important; border-radius:var(--rad) !important;
  transition:border-color .12s !important; box-shadow:none !important;
}
.nenc-textarea:focus{outline:none !important;border-color:var(--gold) !important;background:white !important}

/* ── SELECT ── */
.nenc-select{
  width:100% !important; padding:11px 16px !important; margin-top:4px !important;
  border:1px solid rgba(184,146,42,.2) !important; background:var(--cream) !important;
  font-family:var(--sans) !important; font-size:14px !important; color:var(--ng) !important;
  appearance:none !important; border-radius:var(--rad) !important; cursor:pointer !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath fill='%23b8922a' d='M5 7L0 0h10z'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important; background-position:right 14px center !important;
  box-shadow:none !important;
}
.nenc-select:focus{outline:none !important;border-color:var(--gold) !important}

/* ── NAV ── */
.nenc-nav{
  display:flex; justify-content:space-between; align-items:center;
  margin-top:36px; padding-top:20px;
  border-top:1px solid var(--border);
}
.nenc-btn-primary{
  background:var(--ng) !important; color:white !important; border:none !important;
  padding:13px 30px !important; font-family:var(--sans) !important; font-size:14px !important;
  font-weight:600 !important; cursor:pointer !important; border-radius:var(--rad) !important;
  letter-spacing:.04em !important; transition:background .18s !important;
  text-decoration:none !important; display:inline-block !important;
}
.nenc-btn-primary:hover{background:var(--gold) !important;color:white !important}
.nenc-btn-primary:disabled{background:#aaa !important;cursor:not-allowed !important}
.nenc-btn-ghost{
  background:none !important; border:none !important; color:var(--grey) !important;
  font-family:var(--sans) !important; font-size:13px !important; cursor:pointer !important;
  padding:0 !important; transition:color .15s !important; text-decoration:none !important;
}
.nenc-btn-ghost:hover{color:var(--gold) !important}

/* ── FIN ── */
.nenc-fin{text-align:center;padding:64px 20px}
.nenc-fin-star{font-size:40px;color:var(--gold);margin-bottom:20px}
.nenc-fin h2{font-family:var(--serif) !important;font-size:42px !important;font-weight:600 !important;margin-bottom:12px !important;color:var(--ng) !important;background:none !important}
.nenc-fin p{font-size:15px !important;color:var(--grey) !important;max-width:420px;margin:0 auto;line-height:1.85 !important}

@media(max-width:540px){
  #nenc-wrap{margin:16px 12px}
  .nenc-seg-btn{grid-template-columns:36px 1fr 20px !important;padding:13px 14px !important}
  .nenc-nav{flex-direction:column-reverse;gap:10px}
  .nenc-btn-primary{width:100% !important}
}

.nenc-wrap {
  max-width:660px; margin:40px auto;
  font-family:var(--sans); font-size:15px;
  color:var(--ng); line-height:1.7;
}

.nenc-screen{display:none}
.nenc-screen.active{display:block}

/* ── HERO ── */
.nenc-hero{text-align:center;margin-bottom:40px;padding:40px 24px 0}
.nenc-brand{
  font-family:var(--serif); font-size:13px; font-weight:600;
  letter-spacing:.12em; color:var(--gold); margin-bottom:20px;
  text-transform:uppercase;
}
.nenc-badge{
  display:inline-block; font-size:9px; font-weight:700;
  letter-spacing:.32em; text-transform:uppercase; color:var(--gold);
  border-top:1.5px solid var(--gold); padding-top:5px; margin-bottom:18px;
}
.nenc-title{
  font-family:var(--serif); font-size:clamp(40px,7vw,62px);
  font-weight:600; line-height:1.05; color:var(--ng); margin-bottom:14px;
}
.nenc-title em{font-style:italic;color:var(--gold)}
.nenc-subtitle{
  font-size:14px; color:var(--grey); max-width:480px;
  margin:0 auto; line-height:1.85;
}

/* ── SEGMENT SELECTOR ── */
.nenc-seg-section{padding:0 0 24px}
.nenc-seg-heading{
  font-size:11px; font-weight:600; letter-spacing:.22em;
  text-transform:uppercase; color:var(--gold);
  text-align:center; margin:32px 0 16px;
}
.nenc-seg-grid{display:flex;flex-direction:column;gap:10px}

.nenc-seg-btn{
  width:100%; background:var(--white);
  border:1px solid rgba(0,0,0,0.08);
  padding:16px 20px; cursor:pointer;
  display:grid;
  grid-template-columns:44px 1fr 24px;
  align-items:center; gap:14px;
  font-family:var(--sans); text-align:left;
  border-radius:var(--rad);
  transition:border-color .15s, background .15s, transform .1s;
  box-shadow:0 1px 4px rgba(0,0,0,0.04);
}
.nenc-seg-btn:hover{
  border-color:var(--gold);
  background:var(--gold-dim);
  transform:translateX(3px);
}
.nenc-seg-icon{
  width:40px; height:40px; border-radius:50%;
  background:rgba(184,146,42,0.1);
  display:flex; align-items:center; justify-content:center;
  font-size:18px;
}
.nenc-seg-body{display:flex;flex-direction:column;gap:2px}
.nenc-seg-label{font-size:14px;font-weight:600;color:var(--ng);line-height:1.3}
.nenc-seg-desc{font-size:12px;color:var(--grey);line-height:1.45}
.nenc-seg-arrow{font-size:16px;color:var(--gold);text-align:right}

/* ── PROGRESS ── */
.nenc-prog{height:3px;background:rgba(184,146,42,0.12);margin-bottom:36px;border-radius:2px;overflow:hidden}
.nenc-prog-fill{height:100%;background:var(--gold);transition:width .4s ease;border-radius:2px}

/* ── STEP LABEL ── */
.nenc-step-lbl{
  font-size:10px; font-weight:700; letter-spacing:.28em;
  text-transform:uppercase; color:var(--gold); margin-bottom:24px;
}

/* ── QUESTIONS ── */
.nenc-qs{display:flex;flex-direction:column;gap:28px}

.nenc-q{}
.nenc-q-text{
  display:block; font-family:var(--serif);
  font-size:19px; font-weight:600; color:var(--ng);
  line-height:1.35; margin-bottom:14px; cursor:default;
}

/* Conditional fields */
.nenc-cond-field{display:none}
.nenc-cond-field.visible{display:block}

/* ── OPTS ── */
.nenc-opts{display:flex;flex-direction:column;gap:8px}

.nenc-opt{
  display:grid; grid-template-columns:22px 1fr;
  align-items:flex-start; gap:12px;
  padding:11px 16px;
  border:1px solid rgba(0,0,0,0.07);
  background:var(--cream);
  cursor:pointer; border-radius:var(--rad);
  transition:border-color .12s, background .12s;
  user-select:none;
}
.nenc-opt:hover{border-color:var(--gold);background:var(--gold-dim)}
.nenc-opt.sel{border-color:var(--gold);background:var(--gold-dim)}

.nenc-mark{
  width:18px; height:18px; flex-shrink:0; margin-top:1px;
  border:1.5px solid rgba(184,146,42,.35);
  background:var(--white); transition:all .12s;
}
.nenc-mark-radio{border-radius:50%}
.nenc-mark-check{border-radius:3px}

.nenc-opt.sel .nenc-mark{background:var(--gold);border-color:var(--gold)}
.nenc-opt.sel .nenc-mark-radio::after{
  content:''; display:block; width:6px; height:6px;
  background:white; border-radius:50%; margin:4px auto;
}
.nenc-opt.sel .nenc-mark-check::after{
  content:'✓'; display:block; font-size:11px;
  color:white; text-align:center; line-height:16px;
}
.nenc-opt-lbl{font-size:13px;color:#3a3a30;line-height:1.5;padding-top:1px}

/* ── SCALE ── */
.nenc-scale{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.nenc-scale-item{cursor:pointer;user-select:none}
.nenc-scale-num{
  width:46px; height:46px; border-radius:var(--rad);
  border:1px solid rgba(184,146,42,.2);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--serif); font-size:20px; font-weight:600;
  color:var(--grey); background:var(--cream); transition:all .12s;
}
.nenc-scale-item:hover .nenc-scale-num,
.nenc-scale-item.sel .nenc-scale-num{background:var(--gold);border-color:var(--gold);color:white}
.nenc-scale-lbl-row{
  display:flex; justify-content:space-between;
  font-size:11px; color:var(--grey); margin-top:6px;
}

/* ── TEXTAREA ── */
.nenc-textarea{
  width:100%; padding:13px 16px; margin-top:4px;
  border:1px solid rgba(184,146,42,.2); background:var(--cream);
  font-family:var(--sans); font-size:14px; color:var(--ng);
  resize:vertical; min-height:96px; border-radius:var(--rad);
  transition:border-color .12s;
}
.nenc-textarea:focus{outline:none;border-color:var(--gold);background:white}

/* ── SELECT ── */
.nenc-select{
  width:100%; padding:11px 16px; margin-top:4px;
  border:1px solid rgba(184,146,42,.2); background:var(--cream);
  font-family:var(--sans); font-size:14px; color:var(--ng);
  appearance:none; border-radius:var(--rad); cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath fill='%23b8922a' d='M5 7L0 0h10z'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 14px center;
}
.nenc-select:focus{outline:none;border-color:var(--gold)}

/* ── NAV ── */
.nenc-nav{
  display:flex; justify-content:space-between; align-items:center;
  margin-top:36px; padding-top:20px;
  border-top:1px solid var(--border);
}
.nenc-btn-primary{
  background:var(--ng); color:white; border:none;
  padding:13px 30px; font-family:var(--sans); font-size:14px;
  font-weight:600; cursor:pointer; border-radius:var(--rad);
  letter-spacing:.04em; transition:background .18s;
}
.nenc-btn-primary:hover{background:var(--gold)}
.nenc-btn-primary:disabled{background:#aaa;cursor:not-allowed}
.nenc-btn-ghost{
  background:none; border:none; color:var(--grey);
  font-family:var(--sans); font-size:13px; cursor:pointer; padding:0;
  transition:color .15s;
}
.nenc-btn-ghost:hover{color:var(--gold)}

/* ── FIN ── */
.nenc-fin{text-align:center;padding:64px 20px}
.nenc-fin-star{font-size:40px;color:var(--gold);margin-bottom:20px}
.nenc-fin h2{font-family:var(--serif);font-size:42px;font-weight:600;margin-bottom:12px}
.nenc-fin p{font-size:15px;color:var(--grey);max-width:420px;margin:0 auto;line-height:1.85}

@media(max-width:540px){
  .nenc-wrap{margin:16px 12px}
  .nenc-seg-btn{grid-template-columns:36px 1fr 20px;padding:13px 14px}
  .nenc-nav{flex-direction:column-reverse;gap:10px}
  .nenc-btn-primary{width:100%}
}

/* ── SUBTITLE VARIANTES ── */
.nenc-subtitle-mt  { margin-top: 14px !important; }
.nenc-subtitle-dim { margin-top: 14px !important; opacity: 0.65 !important; font-size: 13px !important; }
.nenc-subtitle-thanks {
  margin-top: 18px !important;
  font-family: var(--serif) !important;
  font-size: 16px !important;
  color: var(--gold) !important;
  opacity: 1 !important;
  font-style: italic !important;
}