/* ============================================================
   Paginas legales de novarisecapital.io
   Hereda styles.css. Todas las clases llevan el prefijo lg-
   para no pisar ninguna de la web publica.
   ============================================================ */

/* ---- Idioma: cada pagina trae los dos textos completos ----
   script.js pone <html lang="es|en">; aqui solo se muestra el
   bloque del idioma elegido. Nada que tocar en el JS comun. */
html[lang="es"] [data-solo="en"],
html[lang="en"] [data-solo="es"]{display:none!important}

/* ---- Avisos dorados de "por confirmar" ----
   En styles.css llevan white-space:nowrap (pensados para
   etiquetas cortas). Aqui son frases largas: sin esto empujan
   la pagina a ~1100 px y sale barra horizontal en el celular. */
.lg-art .tbd{white-space:normal;line-height:1.9;
  -webkit-box-decoration-break:clone;box-decoration-break:clone}

/* ---- Fecha de vigencia bajo el titulo ---- */
.lg-fecha{display:inline-flex;align-items:center;gap:10px;margin-top:4px;
  font-family:"Space Grotesk",sans-serif;font-size:.78rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:#CFEAF8;
  border:1px solid rgba(160,225,250,.45);border-radius:999px;padding:7px 16px;
  background:rgba(255,255,255,.06)}

@media (max-width:480px){
  .lg-fecha{letter-spacing:.07em;font-size:.68rem;padding:6px 12px}
}

/* ---- Cuerpo: indice pegado a la izquierda + articulo ---- */
.lg-cuerpo{display:grid;gap:44px;align-items:start;
  grid-template-columns:minmax(0,1fr)}
@media (min-width:980px){
  .lg-cuerpo{grid-template-columns:250px minmax(0,1fr);gap:56px}
}

.lg-indice{background:#fff;border:1.5px solid var(--edge);border-radius:var(--r);
  padding:22px 22px 14px;box-shadow:var(--glow-sm)}
@media (min-width:980px){
  .lg-indice{position:sticky;top:104px}
}
.lg-indice h2{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--cyan-500);margin:0 0 12px}
.lg-indice ol{list-style:none;margin:0;padding:0;counter-reset:lg}
.lg-indice li{counter-increment:lg;margin:0 0 8px}
.lg-indice a{display:flex;gap:10px;text-decoration:none;color:#3A4A5C;
  font-size:.9rem;line-height:1.4;padding:4px 0;transition:color .2s}
.lg-indice a::before{content:counter(lg,decimal-leading-zero);
  font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:.78rem;
  color:var(--cyan-500);min-width:22px;padding-top:1px}
.lg-indice a:hover{color:var(--navy-800)}

/* ---- El articulo ---- */
.lg-art{max-width:780px}
.lg-art section{padding:0;margin:0 0 46px;scroll-margin-top:110px}
.lg-art h2{font-size:clamp(1.3rem,2.4vw,1.6rem);margin:0 0 14px;
  padding-left:16px;border-left:4px solid var(--cyan-400)}
.lg-art h3{font-size:1.04rem;margin:22px 0 8px}
.lg-art p,.lg-art li{color:#3A4A5C;font-size:1rem;line-height:1.75}
.lg-art ul,.lg-art ol{padding-left:22px;margin:0 0 16px}
.lg-art li{margin-bottom:6px}
.lg-art a{color:var(--blue-600)}
.lg-art a:hover{color:var(--cyan-500)}

/* ---- Resumen en claro: la tarjeta con resplandor de la casa ---- */
.lg-resumen{background:#fff;border:1.5px solid var(--edge);border-radius:var(--r);
  padding:26px 28px;margin:0 0 46px;box-shadow:var(--glow-sm);
  transition:box-shadow .35s,border-color .35s}
.lg-resumen:hover{box-shadow:var(--glow-lg);border-color:var(--edge-on)}
.lg-resumen h2{border:0;padding:0;font-size:.8rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--cyan-500);margin-bottom:14px}
.lg-resumen ul{margin:0;padding-left:20px}

/* ---- Texto exacto de la ley ---- */
.lg-ley{border:1.5px solid var(--edge);border-radius:var(--r);background:var(--bg-soft);
  padding:24px 26px;margin:18px 0 10px}
.lg-ley .lg-rotulo{display:block;font-family:"Space Grotesk",sans-serif;font-size:.74rem;
  font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--blue-600);
  margin-bottom:12px}
.lg-ley p{font-size:.95rem;color:var(--ink)}
.lg-ley h3{margin-top:0;text-align:center;font-size:1.05rem}
.lg-ley .lg-firma{margin-top:18px;border-top:1px dashed #B9CFDD;padding-top:14px}

/* ---- Datos de contacto de la empresa ---- */
.lg-datos{display:grid;gap:14px;margin:16px 0;
  grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}
.lg-datos div{border:1.5px solid var(--edge);border-radius:12px;padding:14px 16px;background:#fff}
.lg-datos b{display:block;font-family:"Space Grotesk",sans-serif;font-size:.72rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--cyan-500);margin-bottom:4px}
.lg-datos span{color:var(--ink);font-size:.96rem;word-break:break-word}

/* ---- Enlaces a las otras paginas legales ---- */
.lg-otras{display:grid;gap:16px;margin-top:10px;
  grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.lg-otras a{display:block;text-decoration:none;background:#fff;border:1.5px solid var(--edge);
  border-radius:var(--r);padding:18px 20px;color:var(--navy-800);font-weight:600;
  box-shadow:var(--glow-sm);transition:box-shadow .35s,border-color .35s,transform .35s}
.lg-otras a:hover{box-shadow:var(--glow-lg);border-color:var(--edge-on);transform:translateY(-3px)}
.lg-otras a[aria-current="page"]{border-color:var(--edge-on);pointer-events:none;opacity:.6}

@media (prefers-reduced-motion:reduce){
  .lg-resumen,.lg-otras a{transition:none}
  .lg-otras a:hover{transform:none}
}

@media print{
  .hdr,.top-float,.wa-float,.lg-indice,.lg-otras,.cta-final{display:none!important}
  .subhero{background:none;color:#000;padding:0 0 12px}
  .subhero p,.crumb,.lg-fecha{color:#000}
}


/* === MARCA NUDE 2026-09-28 === */
/* Capa de marca "nude" para las páginas legales. Hereda la paleta y las
   fuentes de styles.css (variables --caramelo, --oro, --cafe-*, --champan-*).
   Solo colores y fuentes; la maquetación queda igual. */
.lg-fecha{font-family:var(--sans);color:var(--oro-texto);border-color:rgba(169,131,94,.45);background:rgba(255,255,255,.6)}
/* en celular la pastilla "Vigente desde el 28 sep 2026" cabía a duras penas con
   Montserrat y se partía en dos líneas: un punto más pequeña y más apretada */
@media (max-width:480px){
  .lg-fecha{font-size:.64rem;letter-spacing:.05em;padding:6px 11px}
}
.lg-indice{background:#fff;border-color:var(--champan-3);box-shadow:var(--glow-sm)}
.lg-indice h2{font-family:var(--sans);font-weight:600;color:var(--oro-texto)}
.lg-indice a{color:var(--cafe-2)}
.lg-indice a::before{font-family:var(--sans);color:var(--oro-texto)}
.lg-indice a:hover{color:var(--cafe-1)}
.lg-art h2{border-left-color:var(--oro-2);font-size:clamp(1.55rem,2.6vw,1.9rem);color:var(--cafe-1)}
.lg-art h3{color:var(--cafe-1)}
.lg-art p,.lg-art li{color:var(--cafe-2)}
.lg-art a{color:var(--caramelo-osc)}
.lg-art a:hover{color:var(--oro)}
.lg-resumen{background:#fff;border-color:var(--champan-3);box-shadow:var(--glow-sm)}
.lg-resumen:hover{box-shadow:var(--glow-lg);border-color:var(--oro-3)}
.lg-resumen h2{color:var(--oro-texto);font-family:var(--sans);font-weight:600;font-size:.8rem}
.lg-ley{border-color:var(--champan-3);background:var(--champan)}
.lg-ley .lg-rotulo{font-family:var(--sans);color:var(--oro-texto)}
.lg-ley p{color:var(--cafe-1)}
.lg-ley .lg-firma{border-top-color:#DCC7B0}
.lg-datos div{border-color:var(--champan-3);background:#fff}
.lg-datos b{font-family:var(--sans);color:var(--oro-texto)}
.lg-datos span{color:var(--cafe-1)}
.lg-otras a{background:#fff;border-color:var(--champan-3);color:var(--cafe-1);box-shadow:var(--glow-sm)}
.lg-otras a:hover{box-shadow:var(--glow-lg);border-color:var(--oro-3)}
.lg-otras a[aria-current="page"]{border-color:var(--oro-3)}