/* ============================================================
   Albora · Prefooter (newsletter)
   Themed via wrapper class:
     .prefooter--dark   → for dark pages (index, nosotros, desescalapp)
     .prefooter--light  → for light pages (divadi, ventures)
   Same HTML structure for both. Switch the modifier class only.
   ============================================================ */

.prefooter { font-family: 'Poppins', sans-serif; }
.prefooter-logo { object-fit: contain; display: block; }

/* ---------- DARK ---------- */
.prefooter--dark {
  background: #0F0F0F;
  color: #fafaf9;
  border-top: 1px solid #292524;
}
.prefooter--dark .prefooter-eyebrow { color: #78716c; }
.prefooter--dark .prefooter-title { color: #fafaf9; }
.prefooter--dark .prefooter-lead { color: #a8a29e; }
.prefooter--dark .prefooter-input {
  background: #18181b;
  border: 1px solid #44403c;
  color: #fafaf9;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.prefooter--dark .prefooter-input::placeholder { color: #78716c; }
.prefooter--dark .prefooter-input:focus {
  outline: none;
  border-color: #a8a29e;
  background: #1c1c1f;
}
.prefooter--dark .prefooter-button {
  background: #fafaf9;
  color: #1c1917;
}
.prefooter--dark .prefooter-button:hover { background: #d6d3d1; }
.prefooter--dark .prefooter-fineprint { color: #78716c; }
.prefooter--dark .prefooter-fineprint a { color: #a8a29e; }
.prefooter--dark .prefooter-fineprint a:hover { color: #fafaf9; }
.prefooter--dark .prefooter-status { color: #86efac; }
.prefooter--dark .prefooter-status.is-error { color: #fca5a5; }

/* ---------- LIGHT ---------- */
.prefooter--light {
  background: #fafaf9;
  color: #1c1917;
  border-top: 1px solid #e7e5e4;
}
.prefooter--light .prefooter-eyebrow { color: #78716c; }
.prefooter--light .prefooter-title { color: #1c1917; }
.prefooter--light .prefooter-lead { color: #57534e; }
.prefooter--light .prefooter-input {
  background: #ffffff;
  border: 1px solid #d6d3d1;
  color: #1c1917;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.prefooter--light .prefooter-input::placeholder { color: #a8a29e; }
.prefooter--light .prefooter-input:focus {
  outline: none;
  border-color: #57534e;
}
.prefooter--light .prefooter-button {
  background: #1c1917;
  color: #fafaf9;
}
.prefooter--light .prefooter-button:hover { background: #292524; }
.prefooter--light .prefooter-fineprint { color: #78716c; }
.prefooter--light .prefooter-fineprint a { color: #1c1917; }
.prefooter--light .prefooter-fineprint a:hover { color: #44403c; }
.prefooter--light .prefooter-status { color: #166534; }
.prefooter--light .prefooter-status.is-error { color: #b91c1c; }

/* ---------- States ---------- */
.prefooter-form .prefooter-status { display: none; }
.prefooter-form.is-success .prefooter-status,
.prefooter-form.is-error .prefooter-status { display: block; }
.prefooter-form.is-success .prefooter-input,
.prefooter-form.is-success .prefooter-button {
  opacity: 0.55;
  pointer-events: none;
}
.prefooter-form.is-error .prefooter-input { border-color: #b91c1c !important; }

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
  .prefooter * { transition: none !important; }
}