/* ============================================================
   BIM Forum Chile v14.11 — Newsletter rediseñado + logo footer
   ============================================================ */

/* ════════════ NEWSLETTER — panel navy editorial ════════════ */
.nl2{
  position:relative; overflow:hidden; border-radius:26px;
  display:grid; grid-template-columns:1.35fr .9fr; gap:clamp(2rem,4vw,3.5rem);
  align-items:center;
  padding:clamp(2.25rem,4vw,3.5rem) clamp(2rem,4vw,3.5rem);
  background:
    radial-gradient(120% 140% at 100% 0%, rgba(1,117,201,.35) 0%, rgba(1,117,201,0) 55%),
    linear-gradient(150deg,#0b2340 0%,#070f1a 100%);
  color:#fff; isolation:isolate;
  box-shadow:0 30px 70px -34px rgba(7,15,26,.7);
}
/* trama hexagonal sutil de fondo */
.nl2__grid-bg{
  position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.5;
  background-image:radial-gradient(rgba(255,255,255,.055) 1.4px, transparent 1.4px);
  background-size:22px 22px; -webkit-mask-image:linear-gradient(105deg,#000 0%,transparent 70%); mask-image:linear-gradient(105deg,#000 0%,transparent 70%);
}
.nl2::after{ content:""; position:absolute; right:-90px; top:50%; transform:translateY(-50%); width:300px; height:335px; clip-path:var(--hex-pointy); border:2px solid rgba(85,187,235,.16); z-index:0; }
.nl2__left, .nl2__right{ position:relative; z-index:1; }

.nl2__icon{ display:flex; align-items:center; justify-content:center; width:52px; height:58px; clip-path:var(--hex-pointy); background:linear-gradient(160deg,var(--p1),var(--cta)); color:#fff; margin-bottom:1.25rem; }
.nl2__eyebrow{ display:block; font-family:var(--f-d); font-weight:700; font-size:.72rem; letter-spacing:.2em; text-transform:uppercase; color:var(--c3); margin-bottom:.75rem; }
.nl2__title{ font-family:var(--f-d); font-weight:700; font-size:clamp(1.75rem,3vw,2.6rem); line-height:1.08; color:#fff; }
.nl2__title .a{ color:var(--c1); }
.nl2__p{ color:rgba(255,255,255,.72); line-height:1.65; margin-top:.9rem; max-width:46ch; }
.nl2__benefits{ list-style:none; margin:1.5rem 0 0; padding:0; display:flex; flex-wrap:wrap; gap:.75rem 1.75rem; }
.nl2__benefits li{ display:flex; align-items:flex-start; gap:.6rem; }
.nl2__bhex{ width:11px; height:12px; background:var(--c1); clip-path:var(--hex-pointy); margin-top:.35rem; flex-shrink:0; }
.nl2__benefits span span, .nl2__benefits li > span:last-child{ display:flex; flex-direction:column; line-height:1.3; }
.nl2__benefits strong{ font-family:var(--f-d); font-weight:700; font-size:.92rem; color:#fff; }
.nl2__benefits span span, .nl2__benefits li > span:last-child{ font-size:.78rem; color:rgba(255,255,255,.6); }
.nl2__benefits strong{ margin-bottom:1px; }

/* Tarjeta del formulario */
.nl2__right{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:18px; padding:clamp(1.5rem,2.5vw,2rem); backdrop-filter:blur(4px); }
.nl2__form{ display:flex; flex-direction:column; gap:.7rem; }
.nl2__label{ font-family:var(--f-d); font-weight:600; font-size:.8rem; color:rgba(255,255,255,.8); }
.nl2__form input{ width:100%; padding:.95rem 1.15rem; border:1.5px solid rgba(255,255,255,.18); border-radius:11px; font:inherit; font-size:.95rem; background:rgba(255,255,255,.96); color:var(--ink-900); outline:none; transition:border-color .2s, box-shadow .2s; }
.nl2__form input::placeholder{ color:var(--ink-400); }
.nl2__form input:focus{ border-color:var(--c1); box-shadow:0 0 0 3px rgba(243,146,0,.25); }
.nl2__btn{ width:100%; padding:.95rem 1.25rem; border:none; border-radius:11px; cursor:pointer; font-family:var(--f-d); font-weight:700; font-size:.98rem; color:var(--navy-900); background:linear-gradient(135deg,var(--c1),var(--c3)); transition:transform .2s, box-shadow .2s, filter .2s; box-shadow:0 12px 26px -12px rgba(243,146,0,.7); }
.nl2__btn:hover{ transform:translateY(-2px); filter:brightness(1.05); box-shadow:0 18px 34px -14px rgba(243,146,0,.8); }
.nl2__hint{ display:flex; align-items:center; gap:.5rem; font-size:.78rem; color:rgba(255,255,255,.55); margin-top:.15rem; }
.nl2__hint::before{ content:""; width:8px; height:9px; background:var(--p1); clip-path:var(--hex-pointy); flex-shrink:0; }

.nl2__done{ display:flex; flex-direction:column; align-items:flex-start; gap:.6rem; }
.nl2__check{ display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:rgba(85,187,235,.18); color:var(--p1); margin-bottom:.25rem; }
.nl2__done-t{ font-family:var(--f-d); font-weight:700; font-size:1.2rem; color:#fff; }
.nl2__done-p{ font-size:.9rem; color:rgba(255,255,255,.65); line-height:1.55; }

@media(max-width:820px){
  .nl2{ grid-template-columns:1fr; }
  .nl2::after{ display:none; }
}

/* ════════════ FOOTER — logo oficial en escala de grises ════════════ */
.foot__logo-img { display:block !important; height:44px !important; width:auto !important; max-width:220px; align-self:flex-start; flex-shrink:0; margin-bottom:1.1rem; object-fit:contain; }
@media(max-width:640px){ .foot__logo-img { height:38px !important; } }
