/* =========================================================
   NOVIS Home 2026 — BASE (scoped)
   Scope: #home-2026
   Colores + tipografía alineados a guía
   ========================================================= */

:root{
  --n26-ink: #050731;
  --n26-navy: #07084B;
  --n26-blue: #2872DD;
  --n26-blue-deep: #0C3287;
  --n26-blue-mid: #071A66;

  --n26-text: var(--n26-ink);
  --n26-muted: rgba(5,7,49,.72);

  --n26-bg: #ffffff;
  --n26-line: rgba(5,7,49,.12);

  --n26-font: 'Open Sans', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --n26-w-regular: 400;
  --n26-w-semibold: 600;
  --n26-w-bold: 700;

  --n26-container: 1150px;
  --n26-pad: clamp(16px, 3vw, 30px);

  --n26-s-1: clamp(10px, 1.4vw, 14px);
  --n26-s-2: clamp(14px, 1.8vw, 18px);
  --n26-s-3: clamp(18px, 2.4vw, 26px);
  --n26-s-4: clamp(26px, 3.4vw, 40px);
  --n26-s-5: clamp(36px, 5vw, 70px);

  --n26-radius: 18px;
  --n26-radius-sm: 12px;
  --n26-shadow: 0 18px 50px rgba(0,0,0,.10);

  --n26-headerH: 92px;
}

#home-2026, #home-2026 *{ box-sizing:border-box; }
#home-2026{ width:100%; }
#home-2026 img{ max-width:100%; height:auto; display:block; }
#home-2026 a{ color: inherit; text-decoration: none; }
#home-2026 button, #home-2026 input, #home-2026 textarea{ font: inherit; }

#home-2026 :focus-visible{
  outline: 2px solid var(--n26-blue);
  outline-offset: 3px;
  border-radius: 10px;
}

#home-2026{
  font-family: var(--n26-font);
  color: var(--n26-text);
  background: var(--n26-bg);
}

#home-2026 p{
  font-size: clamp(16px, 1.35vw, 19px);
  line-height: 1.5;
  font-weight: var(--n26-w-regular);
  margin: 0 0 var(--n26-s-2);
  color: var(--n26-text);
}

#home-2026 h1, #home-2026 h2, #home-2026 h3{
  margin: 0 0 var(--n26-s-2);
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: var(--n26-text);
}

#home-2026 h1{
  font-size: clamp(34px, 4.2vw, 56px);
  font-weight: var(--n26-w-bold);
}
#home-2026 h2{
  font-size: clamp(26px, 3.2vw, 42px);
  font-weight: var(--n26-w-bold);
}
#home-2026 h3{
  font-size: clamp(18px, 1.8vw, 22px);
  font-weight: var(--n26-w-semibold);
}

#home-2026 .n26-wrap{
  width:100%;
  max-width: var(--n26-container);
  margin-inline: auto;
  padding-inline: var(--n26-pad);
}

#home-2026 .n26-section{
  padding-block: var(--n26-s-5);
}

#home-2026 .n26-grid{
  display: grid;
  gap: var(--n26-s-4);
}

@media (min-width: 900px){
  #home-2026 .n26-grid--2{
    grid-template-columns: 1.15fr .85fr;
    align-items: center;
  }
}

/* ===== Buttons (pill modern) ===== */
#home-2026 .n26-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 14px 22px;
  border-radius: 999px;
  border: 1.5px solid transparent;

  font-size: 16px;
  font-weight: var(--n26-w-semibold);
  line-height: 1;
  cursor: pointer;
  user-select: none;

  transition: transform .15s ease, opacity .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

#home-2026 .n26-btn:active{ transform: translateY(1px); }

#home-2026 .n26-btn--primary{
  background: var(--n26-blue);
  color: #fff;
  border-color: var(--n26-blue);
  box-shadow: 0 14px 30px rgba(40,114,221,.28);
}

#home-2026 .n26-btn--primary:hover{ opacity: .94; }

#home-2026 .n26-btn--ghost{
  background: rgba(255,255,255,.06);
  color: #fff;
  border-color: rgba(255,255,255,.35);
  backdrop-filter: blur(6px);
}

#home-2026 .n26-btn--ghost:hover{
  background: rgba(255,255,255,.10);
}

#home-2026 .n26-link{
  color: var(--n26-text);
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}

#home-2026 .n26-card{
  background: #fff;
  border: 1px solid var(--n26-line);
  border-radius: var(--n26-radius);
  box-shadow: none;
  overflow: hidden;
}

#home-2026 .n26-muted{ color: var(--n26-muted); }
#home-2026 .n26-center{ text-align:center; }
#home-2026 .n26-hide{ display:none !important; }

@media (max-width: 800px){
  :root{ --n26-headerH: 72px; }
}