/* Listmonk public pages (boletin.efraingaray.com) dressed like efraingaray.com.
   Loaded through Settings > Appearance > Public; source of truth: this file. */
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;600;800&family=JetBrains+Mono:wght@500;700&display=swap');
:root { --bg:#F4F6FB; --surface:#FFFFFF; --sunken:#EEF1F7; --border:#0A0E1626; --text:#141B27; --muted:#5A6678; --primary:#0C7148; --on-primary:#FFFFFF; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#0A0E16; --surface:#101725; --sunken:#0E1420; --border:#6B7A9066; --text:#E8EEF7; --muted:#8B99AE; --primary:#3ECF8E; --on-primary:#06090F; }
}
html, body { background: var(--bg) !important; color: var(--text) !important; font-family: "Hanken Grotesk", -apple-system, "Segoe UI", Roboto, sans-serif !important; }
.wrap { background: var(--surface) !important; border: 1px solid var(--border) !important; border-radius: 14px !important; box-shadow: none !important; max-width: 560px !important; padding: 28px !important; }
.header { border-bottom: 1px solid var(--border) !important; padding-bottom: 14px !important; margin-bottom: 20px !important; }
.header .logo img { max-height: 40px !important; width: auto !important; border-radius: 8px; }
.header .logo a::after { content: "EFRAINGARAY.COM · MEDIDO"; font-family: "JetBrains Mono", monospace; font-size: 12px; letter-spacing: 1.4px; font-weight: 700; color: var(--text); margin-left: 12px; vertical-align: middle; }
.header .logo a { text-decoration: none; display: inline-flex; align-items: center; }
h1, h2, h3 { color: var(--text) !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: 0 !important; }
p, li, label, .help { color: var(--muted) !important; font-size: 16px !important; line-height: 1.55 !important; }
a { color: var(--primary) !important; }
input[type=text], input[type=email], input[type=password] { background: var(--sunken) !important; color: var(--text) !important; border: 1px solid var(--border) !important; border-radius: 9px !important; height: 48px !important; padding: 0 14px !important; font-size: 16px !important; box-shadow: none !important; }
input:focus { border-color: var(--primary) !important; outline: 2px solid color-mix(in srgb, var(--primary) 35%, transparent) !important; }
.button, button, input[type=submit] { background: var(--primary) !important; color: var(--on-primary) !important; border: 0 !important; border-radius: 9px !important; min-height: 48px !important; padding: 0 22px !important; font-weight: 700 !important; font-size: 16px !important; text-transform: none !important; box-shadow: none !important; }
.button.button-outline { background: transparent !important; color: var(--text) !important; border: 1px solid var(--border) !important; }
footer.container { color: var(--muted) !important; font-size: 12px !important; text-align: center; }
footer.container a { color: var(--muted) !important; }
ul.lists { padding-left: 0 !important; }