/* =============================================================================
   albertorrg.dev — custom CSS para páginas públicas de Listmonk
   =============================================================================
   Se aplica via Settings → Appearance → Public (appearance.public.custom_css).
   Listmonk lo inyecta DESPUÉS de su style.css default, por eso usamos !important
   en las superficies clave para ganar la cascada.

   Cubre: /archive (listado + RSS), /subscription/* (gestión), unsubscribe,
   y cualquier página pública. Paleta alineada con DESIGN.md / email-templates.
   ============================================================================= */

:root { color-scheme: dark; }

body {
  background-color: #121212 !important;
  color: #fafafa !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

a, a:visited {
  color: #3ecf8e !important;
  text-decoration: none !important;
}
a:hover { text-decoration: underline !important; }

/* Contenedor central */
.container, .wrap {
  background-color: transparent !important;
  color: #fafafa !important;
}

/* Header + logo */
.header { border-bottom: 1px solid #393939 !important; }
.logo, .header .logo, .header h1, .header h2 {
  color: #3ecf8e !important;
  font-family: 'JetBrains Mono', Consolas, Menlo, monospace !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em;
}

h1, h2, h3 { color: #fafafa !important; letter-spacing: -0.02em; }
p, li, label, span, td { color: #b4b4b4; }

/* Listado de campañas archivadas */
ul.archive { list-style: none !important; padding: 0 !important; margin: 24px 0 !important; }
ul.archive li {
  background-color: #1a1a1a !important;
  border: 1px solid #393939 !important;
  border-radius: 8px !important;
  padding: 16px 20px !important;
  margin-bottom: 12px !important;
}
ul.archive li a {
  color: #fafafa !important;
  font-weight: 600 !important;
  font-size: 17px;
}
ul.archive li a:hover { color: #3ecf8e !important; }
ul.archive .date { color: #898989 !important; font-size: 13px !important; }

/* Formularios (gestión de suscripción / unsubscribe) */
input[type="text"], input[type="email"], textarea, select {
  background-color: #1a1a1a !important;
  border: 1px solid #393939 !important;
  color: #fafafa !important;
  border-radius: 6px !important;
}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
  border-color: #3ecf8e !important;
  outline: none !important;
}
button, input[type="submit"], .button {
  background-color: #006239 !important;
  color: #fafafa !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
}
button:hover, input[type="submit"]:hover, .button:hover {
  background-color: #047a48 !important;
}

/* Cajas / mensajes (success, error, info) */
.box, .message, .wrap > .container {
  background-color: #1a1a1a !important;
  border: 1px solid #393939 !important;
  border-radius: 8px !important;
}

/* Footer */
footer, footer.container {
  border-top: 1px solid #393939 !important;
  color: #737373 !important;
}
footer a { color: #898989 !important; }

/* Icono RSS */
.right .feed, img.feed { opacity: 0.7; }