/* Natural Care Line — Quiz embed. Todo namespaced bajo .ncl-quiz-embed para no chocar con el tema. */
.ncl-quiz-embed{
  --ncl-ink:#23281F;
  --ncl-ink-soft:#5B6152;
  --ncl-paper:#FBF7EE;
  --ncl-paper-2:#F1ECDC;
  --ncl-paper-line:rgba(35,40,31,0.12);
  --ncl-card-shadow:0 24px 60px -24px rgba(35,40,31,0.28), 0 2px 10px rgba(35,40,31,0.06);
  --ncl-accent:#3444D4;
  --ncl-accent-2:#B7D34A;
  --ncl-accent-soft:color-mix(in srgb, var(--ncl-accent) 14%, var(--ncl-paper));
  --ncl-accent-soft-strong:color-mix(in srgb, var(--ncl-accent) 26%, var(--ncl-paper));
  --ncl-radius-lg:28px;
  --ncl-radius-md:18px;
  --ncl-radius-sm:12px;
  --ncl-font-display:'Atma', cursive;
  --ncl-font-body:'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;

  all:initial;
  display:flex !important;
  align-items:center;
  justify-content:center;
  position:relative;
  width:100%;
  height:100%;
  min-height:100vh;
  min-height:100dvh;
  flex:1 1 auto;
  box-sizing:border-box;
  padding:2.5rem 1rem;
  background:var(--ncl-paper);
  color:var(--ncl-ink);
  font-family:var(--ncl-font-body);
  /* Sin overflow:hidden aquí a propósito: si una pantalla del quiz (ej. resultado con
     cupón + 2 productos + 3 botones) es más alta que el viewport, tiene que poder
     crecer y dejar que la página haga scroll, no recortarse. El único que necesita
     overflow:hidden es .ncl-blobs (ya lo tiene), para contener el blur decorativo. */
}

.ncl-quiz-embed, .ncl-quiz-embed *, .ncl-quiz-embed *::before, .ncl-quiz-embed *::after{
  box-sizing:border-box !important;
}

/* Full-bleed: neutraliza el padding/max-width que Elementor (u otro builder) le pone
   a sus wrappers de sección/columna/widget, para que nuestro fondo llegue borde a borde
   sin dejar franjas del fondo de la página alrededor. */
.elementor-widget-shortcode:has(.ncl-quiz-embed),
.elementor-widget-container:has(.ncl-quiz-embed),
.elementor-shortcode:has(.ncl-quiz-embed),
.elementor-column:has(.ncl-quiz-embed),
.elementor-container:has(.ncl-quiz-embed),
.elementor-section:has(.ncl-quiz-embed),
.e-con:has(.ncl-quiz-embed),
.e-con-inner:has(.ncl-quiz-embed){
  padding:0 !important;
  margin:0 !important;
  max-width:none !important;
  width:100% !important;
  background:transparent !important;
  justify-content:flex-start !important;
  align-items:stretch !important;
}

/* Los contenedores flex más nuevos de Elementor (.e-con) reparten el espacio sobrante
   alrededor del widget en vez de estirarlo (justify-content:space-around), dejando un
   hueco vacío debajo del quiz. Forzamos que TODA la cadena de wrappers crezca y se
   estire para ocupar el 100% del alto disponible, en vez de solo su contenido.
   Importante: NO forzamos min-height:0 aquí — eso permitía que el contenedor se
   encogiera por debajo del contenido real (ej. la pantalla de resultado, la más alta)
   y lo recortaba en vez de dejar que la página creciera y scrolleara normalmente. */
.elementor-element:has(> .elementor-widget-container .ncl-quiz-embed){
  flex:1 1 auto !important;
  align-self:stretch !important;
  display:flex !important;
}
.elementor-widget-container:has(.ncl-quiz-embed),
.elementor-shortcode:has(.ncl-quiz-embed){
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
}

.ncl-quiz-embed[data-track="pets"]{ --ncl-accent:#2FA7DF; --ncl-accent-2:#B7D34A; }
.ncl-quiz-embed[data-track="kids"]{ --ncl-accent:#9A258A; --ncl-accent-2:#FB9F1A; }
.ncl-quiz-embed[data-track="glow"]{ --ncl-accent:#C7169F; --ncl-accent-2:#3444D4; }

.ncl-quiz-embed .ncl-blobs{ position:absolute; inset:0; overflow:hidden; z-index:0; pointer-events:none; }
.ncl-quiz-embed .ncl-blob{ position:absolute; border-radius:50%; filter:blur(70px); opacity:.3; transition:background 1s ease; }
.ncl-quiz-embed .ncl-blob.b1{ width:340px; height:340px; top:-10%; left:-8%; background:var(--ncl-accent); animation:nclDrift1 26s ease-in-out infinite alternate; }
.ncl-quiz-embed .ncl-blob.b2{ width:300px; height:300px; bottom:-12%; right:-6%; background:var(--ncl-accent-2); animation:nclDrift2 22s ease-in-out infinite alternate; }
@keyframes nclDrift1{ from{ transform:translate(0,0) scale(1);} to{ transform:translate(4%,6%) scale(1.08);} }
@keyframes nclDrift2{ from{ transform:translate(0,0) scale(1);} to{ transform:translate(-5%,-4%) scale(1.1);} }
@media (prefers-reduced-motion: reduce){ .ncl-quiz-embed .ncl-blob{ animation:none !important; } }

.ncl-quiz-embed .ncl-card{
  position:relative; z-index:1; width:100%; max-width:560px; margin:0 auto;
  background:#fff; border:1px solid var(--ncl-paper-line); border-radius:var(--ncl-radius-lg);
  box-shadow:var(--ncl-card-shadow); padding:clamp(1.75rem,4vw,2.75rem);
}

.ncl-quiz-embed .ncl-brandrow{ display:flex; align-items:center; gap:.5rem; margin-bottom:1.25rem; }
.ncl-quiz-embed .ncl-dot{ width:9px; height:9px; border-radius:50%; background:var(--ncl-accent); flex:none; }
.ncl-quiz-embed .ncl-brandrow span{ font-weight:800; font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; color:var(--ncl-ink-soft); }

.ncl-quiz-embed .ncl-back{
  display:inline-flex !important; align-items:center; gap:.3rem; background:var(--ncl-paper) !important; box-shadow:none !important;
  border:2px solid var(--ncl-accent) !important; border-radius:10px !important; padding:.5rem .9rem !important;
  margin:0 0 1rem !important; cursor:pointer; font-family:var(--ncl-font-body) !important;
  font-size:.75rem !important; font-weight:800 !important; color:var(--ncl-accent) !important; text-transform:none !important; letter-spacing:normal !important;
}
.ncl-quiz-embed .ncl-back:hover{ background:var(--ncl-accent-soft) !important; }

.ncl-quiz-embed .ncl-progress-wrap{ margin-bottom:1.75rem; }
.ncl-quiz-embed .ncl-progress-label{ display:flex; justify-content:space-between; align-items:baseline; font-size:.7rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--ncl-ink-soft); margin-bottom:.5rem; }
.ncl-quiz-embed .ncl-progress-track{ height:6px; width:100%; border-radius:999px; background:var(--ncl-paper-2); overflow:hidden; }
.ncl-quiz-embed .ncl-progress-fill{ height:100%; border-radius:999px; background:var(--ncl-accent); transition:width .5s cubic-bezier(.4,0,.2,1); }

.ncl-quiz-embed .ncl-eyebrow{ display:inline-block; font-size:.72rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--ncl-accent); margin-bottom:.75rem; }

.ncl-quiz-embed h1.ncl-display, .ncl-quiz-embed h2.ncl-display, .ncl-quiz-embed h3.ncl-q-title{
  line-height:1.12 !important; margin:0 0 .6rem !important; color:var(--ncl-ink) !important;
  text-transform:none !important; letter-spacing:normal !important; text-align:left !important;
}
.ncl-quiz-embed h1.ncl-display{ font-family:var(--ncl-font-body) !important; font-weight:900 !important; font-size:clamp(1.7rem,4.6vw,2.3rem) !important; }
.ncl-quiz-embed h2.ncl-display{ font-family:var(--ncl-font-body) !important; font-weight:900 !important; font-size:clamp(1.5rem,4vw,1.9rem) !important; }
.ncl-quiz-embed h3.ncl-q-title{ font-family:var(--ncl-font-body) !important; font-weight:900 !important; font-size:clamp(1.15rem,3.4vw,1.45rem) !important; line-height:1.28 !important; margin:0 0 1.4rem !important; }
.ncl-quiz-embed p.ncl-sub{ font-family:var(--ncl-font-body) !important; font-size:.98rem !important; line-height:1.55 !important; color:var(--ncl-ink-soft) !important; margin:0 0 1.5rem !important; max-width:46ch; font-weight:500 !important; }

.ncl-quiz-embed .ncl-badges{ display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1.75rem; }
.ncl-quiz-embed .ncl-badge{ font-size:.75rem; font-weight:700; background:var(--ncl-accent-soft); color:var(--ncl-ink); border-radius:999px; padding:.4rem .75rem; }

.ncl-quiz-embed .ncl-btn{
  font-family:var(--ncl-font-body) !important; font-weight:800 !important;
  /* Tamaño fluido (no por puntos de quiebre fijos): se achica según el ancho real de
     pantalla para que textos largos como "Explorar toda la línea Happy Pets →" o
     "Escríbenos por WhatsApp" siempre quepan en una sola línea, en cualquier celular. */
  font-size:clamp(.58rem, 2.9vw, .85rem) !important; letter-spacing:.01em !important; text-transform:uppercase !important;
  border:none !important; border-radius:10px !important; padding:1rem 1.1rem !important; background:var(--ncl-accent) !important; color:#fff !important; cursor:pointer;
  display:inline-flex !important; align-items:center; justify-content:center; gap:.4rem; width:100%;
  white-space:nowrap; transition:transform .18s ease, filter .18s ease; text-decoration:none !important; box-shadow:none !important; line-height:1.3 !important;
}
.ncl-quiz-embed .ncl-btn:hover{ filter:brightness(1.06); transform:translateY(-1px); color:#fff !important; }
.ncl-quiz-embed .ncl-btn:focus-visible{ outline:3px solid var(--ncl-accent-soft-strong); outline-offset:2px; }

.ncl-quiz-embed .ncl-btn-whatsapp{ background:#25D366 !important; }
.ncl-quiz-embed .ncl-btn-whatsapp:hover{ filter:brightness(1.06); }

.ncl-quiz-embed .ncl-hint{ text-align:center; font-size:.78rem; color:var(--ncl-ink-soft); margin-top:.85rem; }

.ncl-quiz-embed .ncl-options{ display:grid; gap:.75rem; margin-bottom:.5rem; }
/* minmax(0,1fr) en vez de 1fr: sin esto, una columna con contenido ancho (texto largo,
   emoji) fuerza al grid a crecer más allá de la tarjeta y la 3ª opción queda cortada
   por el overflow:hidden del contenedor — solo se nota en desktop/tablet porque en
   móvil este grid pasa a una sola columna. */
.ncl-quiz-embed .ncl-options.cols-3{ grid-template-columns:repeat(3, minmax(0,1fr)); }
.ncl-quiz-embed .ncl-options.cols-2{ grid-template-columns:repeat(2, minmax(0,1fr)); }
@media (max-width:520px){
  .ncl-quiz-embed .ncl-options.cols-3{ grid-template-columns:1fr; }
  .ncl-quiz-embed .ncl-options.cols-2{ grid-template-columns:1fr; }
}

.ncl-quiz-embed .ncl-opt{
  position:relative; text-align:left !important; background:var(--ncl-paper-2) !important; border:2px solid transparent !important; border-radius:var(--ncl-radius-md) !important;
  padding:1.1rem 1rem !important; cursor:pointer; font-family:var(--ncl-font-body) !important; color:var(--ncl-ink) !important;
  display:flex !important; flex-direction:column; gap:.35rem; transition:border-color .18s ease, transform .12s ease, background .18s ease;
  width:100%; box-shadow:none !important; line-height:1.4 !important; text-transform:none !important;
  white-space:normal !important;
}
.ncl-quiz-embed .ncl-opt:hover{ transform:translateY(-2px); border-color:var(--ncl-accent-soft-strong); }
.ncl-quiz-embed .ncl-opt.is-selected{ border-color:var(--ncl-accent); background:var(--ncl-accent-soft); }
.ncl-quiz-embed .ncl-opt .ncl-opt-emoji{ font-size:1.6rem; line-height:1; }
/* <button> hereda un white-space restrictivo del navegador en algunos motores, lo que
   impedía que la descripción hiciera salto de línea y quedaba cortada en vez de envolver
   (solo se notaba en desktop/tablet, donde cada opción tiene menos ancho disponible). */
.ncl-quiz-embed .ncl-opt .ncl-opt-label,
.ncl-quiz-embed .ncl-opt .ncl-opt-desc{ white-space:normal !important; }
.ncl-quiz-embed .ncl-opt .ncl-opt-label{ font-weight:800; font-size:.95rem; }
.ncl-quiz-embed .ncl-opt .ncl-opt-desc{ font-weight:500; font-size:.875rem; color:var(--ncl-ink-soft); }
.ncl-quiz-embed .ncl-opt-check{
  position:absolute; top:.6rem; right:.6rem; width:20px; height:20px; border-radius:50%; background:var(--ncl-accent); color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:.7rem; opacity:0; transform:scale(.6); transition:opacity .15s ease, transform .15s ease;
}
.ncl-quiz-embed .ncl-opt.is-selected .ncl-opt-check{ opacity:1; transform:scale(1); }

.ncl-quiz-embed .ncl-field{ margin-bottom:1.1rem; }
.ncl-quiz-embed .ncl-field label{ display:block; font-size:.75rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:var(--ncl-ink-soft); margin-bottom:.4rem; }
.ncl-quiz-embed .ncl-input-row{ display:flex; gap:.5rem; }
.ncl-quiz-embed .ncl-prefix{ flex:none; display:flex; align-items:center; padding:0 .85rem; background:var(--ncl-paper-2); border-radius:var(--ncl-radius-sm); font-weight:700; color:var(--ncl-ink-soft); font-size:.95rem; }
.ncl-quiz-embed .ncl-field input[type="text"], .ncl-quiz-embed .ncl-field input[type="tel"]{
  width:100% !important; font-family:var(--ncl-font-body) !important; font-size:1rem !important; font-weight:600 !important; color:var(--ncl-ink) !important; background:var(--ncl-paper-2) !important;
  border:2px solid transparent !important; border-radius:var(--ncl-radius-sm) !important; padding:.85rem 1rem !important; box-shadow:none !important; margin:0 !important; height:auto !important;
}
.ncl-quiz-embed .ncl-field input:focus{ outline:none !important; border-color:var(--ncl-accent) !important; box-shadow:none !important; }
.ncl-quiz-embed .ncl-hp{ position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; }

.ncl-quiz-embed .ncl-consent{ display:flex; gap:.6rem; align-items:flex-start; margin:1.25rem 0 1.5rem; }
.ncl-quiz-embed .ncl-consent input{ margin-top:.2rem; accent-color:var(--ncl-accent); width:16px; height:16px; flex:none; }
.ncl-quiz-embed .ncl-consent label{ font-size:.78rem; line-height:1.5; color:var(--ncl-ink-soft); }

.ncl-quiz-embed .ncl-error{ font-size:.75rem; color:#C0392B; margin:-.6rem 0 1rem; min-height:1em; }

.ncl-quiz-embed .ncl-track-badge{ display:inline-flex; align-items:center; gap:.4rem; background:var(--ncl-accent-soft); color:var(--ncl-ink); border-radius:999px; padding:.4rem .9rem .4rem .6rem; margin-bottom:1rem; font-size:.8rem; font-weight:800; }
.ncl-quiz-embed .ncl-track-badge .em{ font-size:1rem; }

.ncl-quiz-embed .ncl-coupon{ display:flex; align-items:center; justify-content:space-between; gap:.75rem; background:linear-gradient(135deg, var(--ncl-accent-soft), var(--ncl-accent-soft-strong)); border:1.5px dashed var(--ncl-accent); border-radius:var(--ncl-radius-md); padding:.9rem 1.1rem; margin-bottom:1.4rem; }
.ncl-quiz-embed .ncl-coupon-text{ font-size:.8rem; color:var(--ncl-ink); }
.ncl-quiz-embed .ncl-coupon-text b{ font-weight:900; letter-spacing:.06em; }
.ncl-quiz-embed .ncl-coupon-expiry{ font-size:.7rem; font-weight:700; color:var(--ncl-ink-soft); margin-top:.25rem; }
.ncl-quiz-embed .ncl-coupon-copy{ flex:none; font-weight:800; font-size:.7rem; letter-spacing:.03em; text-transform:uppercase; color:var(--ncl-accent); background:var(--ncl-paper); border:2px solid var(--ncl-accent); border-radius:999px; padding:.5rem .85rem; cursor:pointer; }

.ncl-quiz-embed .ncl-products{ display:grid; gap:.9rem; margin:1.4rem 0 1.6rem; }
.ncl-quiz-embed .ncl-product{ display:flex; gap:1rem; align-items:center; background:var(--ncl-paper-2); border-radius:var(--ncl-radius-md); padding:1rem; }
.ncl-quiz-embed .ncl-product-swatch{ flex:none; width:56px; height:56px; border-radius:16px; background:linear-gradient(135deg, var(--ncl-accent), var(--ncl-accent-2)); display:flex; align-items:center; justify-content:center; font-size:1.5rem; }
.ncl-quiz-embed .ncl-product-body{ flex:1; min-width:0; }
.ncl-quiz-embed .ncl-product-cat{ font-size:.66rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--ncl-accent); margin-bottom:.15rem; }
.ncl-quiz-embed .ncl-product-name{ font-weight:800; font-size:.95rem; line-height:1.3; margin-bottom:.3rem; }
.ncl-quiz-embed .ncl-product-price{ font-variant-numeric:tabular-nums; font-weight:700; font-size:.85rem; color:var(--ncl-ink-soft); }
.ncl-quiz-embed .ncl-product-cta{ flex:none; font-weight:800; font-size:.72rem; letter-spacing:.03em; text-transform:uppercase; color:#fff; background:var(--ncl-accent); border-radius:999px; padding:.55rem .9rem; text-decoration:none; white-space:nowrap; }

.ncl-quiz-embed .ncl-restart{ display:block; text-align:center; margin-top:.5rem; font-size:.8rem; font-weight:700; color:var(--ncl-ink-soft); text-decoration:underline; background:none; border:none; cursor:pointer; width:100%; }

.ncl-quiz-embed .ncl-fade{ animation:nclFadeIn .35s ease both; }
@keyframes nclFadeIn{ from{ opacity:0; transform:translateY(6px);} to{ opacity:1; transform:translateY(0);} }
@media (prefers-reduced-motion: reduce){ .ncl-quiz-embed .ncl-fade{ animation:none; } }

/* ------------------------------------------------------------------
   Bloque de texto indexable (.ncl-seo)

   Va fuera de .ncl-quiz-embed, así que no hereda nada de él: ni el
   all:initial ni el min-height:100dvh. Por eso redeclara sus propios
   tokens en vez de reusar los del quiz.

   Se imprime solo en la página del quiz (o forzado con [ncl_quiz seo="yes"]),
   y con .ncl-seo--source va oculto: el JS lo clona dentro de la tarjeta en la
   pantalla "Más información". Sigue estando en el HTML para los buscadores.
   ------------------------------------------------------------------ */
.ncl-seo--source{ display:none !important; }

.ncl-seo{
  --ncl-seo-ink:#23281F;
  --ncl-seo-ink-soft:#5B6152;
  --ncl-seo-paper:#FBF7EE;
  --ncl-seo-card:#FFFFFF;
  --ncl-seo-line:rgba(35,40,31,0.12);
  --ncl-seo-accent:#3444D4;

  display:block;
  width:100%;
  box-sizing:border-box;
  padding:4rem 1.25rem;
  background:var(--ncl-seo-paper);
  color:var(--ncl-seo-ink);
  font-family:'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}
.ncl-seo *, .ncl-seo *::before, .ncl-seo *::after{ box-sizing:border-box; }

.ncl-seo .ncl-seo-inner{ max-width:1040px; margin:0 auto; }

.ncl-seo .ncl-seo-title{
  font-family:'Atma', cursive;
  font-weight:600;
  font-size:clamp(1.6rem, 4vw, 2.4rem);
  line-height:1.15;
  margin:0 0 1.25rem;
  color:var(--ncl-seo-ink);
}

.ncl-seo .ncl-seo-lead{
  font-size:1rem;
  line-height:1.7;
  margin:0 0 1rem;
  color:var(--ncl-seo-ink-soft);
  max-width:70ch;
}

.ncl-seo .ncl-seo-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:1.25rem;
  margin:2.25rem 0 1.75rem;
}

.ncl-seo .ncl-seo-card{
  background:var(--ncl-seo-card);
  border:1px solid var(--ncl-seo-line);
  border-radius:18px;
  padding:1.5rem;
  display:flex;
  flex-direction:column;
}

.ncl-seo .ncl-seo-card-title{
  font-size:1.02rem;
  font-weight:800;
  line-height:1.3;
  margin:0 0 .65rem;
  color:var(--ncl-seo-ink);
}

.ncl-seo .ncl-seo-card-text{
  font-size:.92rem;
  line-height:1.65;
  margin:0 0 1.15rem;
  color:var(--ncl-seo-ink-soft);
  flex:1;
}

.ncl-seo .ncl-seo-link{
  align-self:flex-start;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
  text-decoration:none;
  color:#fff;
  background:var(--ncl-seo-accent);
  border-radius:999px;
  padding:.6rem 1.1rem;
  transition:opacity .2s ease;
}
.ncl-seo .ncl-seo-link:hover,
.ncl-seo .ncl-seo-link:focus{ opacity:.85; color:#fff; }
.ncl-seo .ncl-seo-link:focus-visible{ outline:2px solid var(--ncl-seo-ink); outline-offset:2px; }

.ncl-seo .ncl-seo-foot{
  font-size:.85rem;
  line-height:1.65;
  margin:0;
  padding-top:1.5rem;
  border-top:1px solid var(--ncl-seo-line);
  color:var(--ncl-seo-ink-soft);
}

@media (max-width:600px){
  .ncl-seo{ padding:2.75rem 1.1rem; }
  .ncl-seo .ncl-seo-grid{ margin:1.75rem 0 1.5rem; gap:1rem; }
  .ncl-seo .ncl-seo-card{ padding:1.25rem; }
}

/* ------------------------------------------------------------------
   Pantalla "Más información" dentro de la tarjeta.

   El contenido se clona de .ncl-seo, que vive fuera del quiz. Como
   .ncl-quiz-embed usa all:initial, nada se hereda: todo se redeclara
   aquí con los tokens del quiz para que se vea como una pantalla más.
   ------------------------------------------------------------------ */
.ncl-quiz-embed .ncl-more{
  display:block !important; width:100% !important; margin:.7rem 0 0 !important;
  padding:.7rem 1rem !important; background:transparent !important;
  border:0 !important; cursor:pointer !important; text-align:center !important;
  font-family:var(--ncl-font-body) !important; font-size:.9rem !important;
  font-weight:700 !important; color:var(--ncl-accent) !important;
  text-decoration:underline !important;
}
.ncl-quiz-embed .ncl-more:hover{ opacity:.75 !important; }

.ncl-quiz-embed .ncl-info{
  max-height:55vh; overflow-y:auto; margin:0 0 1.2rem; text-align:left;
  padding-right:.4rem;
}
.ncl-quiz-embed .ncl-info::-webkit-scrollbar{ width:6px; }
.ncl-quiz-embed .ncl-info::-webkit-scrollbar-thumb{ background:#ccc; border-radius:10px; }

.ncl-quiz-embed .ncl-info .ncl-seo-inner{ max-width:none !important; margin:0 !important; }
.ncl-quiz-embed .ncl-info .ncl-seo-title{
  font-family:var(--ncl-font-body) !important; font-weight:900 !important;
  font-size:clamp(1.2rem,3.4vw,1.55rem) !important; line-height:1.2 !important;
  color:var(--ncl-ink) !important; margin:0 0 .85rem !important;
}
.ncl-quiz-embed .ncl-info .ncl-seo-lead{
  font-family:var(--ncl-font-body) !important; font-size:.93rem !important;
  line-height:1.6 !important; color:var(--ncl-ink-soft) !important;
  margin:0 0 .75rem !important; max-width:none !important;
}
.ncl-quiz-embed .ncl-info .ncl-seo-grid{
  display:grid !important; grid-template-columns:1fr !important;
  gap:.7rem !important; margin:1.1rem 0 .9rem !important;
}
.ncl-quiz-embed .ncl-info .ncl-seo-card{
  border:1px solid rgba(35,40,31,.12) !important; border-radius:14px !important;
  padding:.95rem 1rem !important; background:#fff !important;
}
.ncl-quiz-embed .ncl-info .ncl-seo-card-title{
  font-family:var(--ncl-font-body) !important; font-weight:900 !important;
  font-size:.98rem !important; line-height:1.3 !important;
  color:var(--ncl-ink) !important; margin:0 0 .4rem !important;
}
.ncl-quiz-embed .ncl-info .ncl-seo-card-text{
  font-family:var(--ncl-font-body) !important; font-size:.88rem !important;
  line-height:1.6 !important; color:var(--ncl-ink-soft) !important; margin:0 0 .6rem !important;
}
.ncl-quiz-embed .ncl-info .ncl-seo-link{
  display:inline-block !important; font-family:var(--ncl-font-body) !important;
  font-weight:800 !important; font-size:.87rem !important;
  color:var(--ncl-accent) !important; text-decoration:none !important;
  background:none !important; padding:0 !important;
}
.ncl-quiz-embed .ncl-info .ncl-seo-link:hover{ opacity:.8 !important; }
.ncl-quiz-embed .ncl-info .ncl-seo-foot{
  font-family:var(--ncl-font-body) !important; font-size:.84rem !important;
  line-height:1.6 !important; color:var(--ncl-ink-soft) !important; margin:.5rem 0 0 !important;
}