/* Cores principais: manual V2. Tipografia digital: CSS da referência local. */
@font-face { font-family: 'Zalando Sans'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('/zalando-sans-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Zalando Sans'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('/zalando-sans-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Zalando Sans Expanded'; font-style: normal; font-weight: 700 900; font-display: swap; src: url('/zalando-sans-expanded-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Zalando Sans Expanded'; font-style: normal; font-weight: 700 900; font-display: swap; src: url('/zalando-sans-expanded-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root {
  --mg-label-on-vivid: #eee5ff;
  --mg-coral: #ffac99;
  --mg-identification-bg: #142B46;
  --mg-purple: #3B277D;
  --mg-red: #B73027;
  --mg-dark: #1B2130;
  --mg-navy: #142339;
  --mg-gold: #c4a46a;
  --mg-gold-light: #dfc99a;
  --mg-gold-text: #755728;
  --mg-highlight: #EBAF19; /* Acento da referência digital Mentes Gigantes; não é uma cor ANCC. */
  --mg-bronze: #6c4a2c; /* Tom funcional, sem atribuição à identidade oficial ANCC. */
  --mg-experience-gradient: linear-gradient(150deg, var(--mg-navy) 38%, var(--mg-purple) 84%, var(--mg-red) 140%);
  --mg-vip-gradient: linear-gradient(130deg, #142339 0%, #243044 12%, #6c4a2c 30%, #c4a46a 62%, #dfc99a 82%, #ad884c 100%);
  --mg-dark-soft: #222A3C;
  --mg-light: #ECEAED;
  --mg-white: #ffffff;
  --mg-early-bird-badge-bg: rgb(255 255 255 / 8%);
  --mg-text: #222A3C;
  --mg-muted: #665f6f;
  --mg-on-dark: #F2F1F4;
  --mg-on-dark-muted: #B5BAC9;
  --mg-line: #d7d2dc;
  --mg-line-dark: #3A4256;
  --mg-field-border: #898090;
  --mg-soft-purple: #eeebf4;
  --mg-purple-light: #b7a2f2;
  --mg-disabled-bg: #e0dce5;
  --mg-backdrop: rgb(20 18 23 / 80%);
  --mg-gradient: linear-gradient(0deg, var(--mg-red) 0%, var(--mg-purple) 100%);
  --mg-gradient-campaign: linear-gradient(30deg, var(--mg-red) 0%, var(--mg-purple) 75%);
  --mg-gradient-hero: linear-gradient(100deg, var(--mg-dark) 15%, transparent 95%), var(--mg-gradient);
  --mg-experience-mid: #302066;
  --mg-experience-video-gradient:
  linear-gradient(
    180deg,
    var(--mg-purple) 0%,
    var(--mg-experience-mid) 100%
  );
  --mg-experience-social-gradient:
  linear-gradient(
    180deg,
    var(--mg-experience-mid) 0%,
    var(--mg-purple-deep) 100%
  );
  /* Superfícies e gradientes: editar aqui, não nos componentes. */
  --mg-page-bg: var(--mg-light);
  --mg-deep: #0A0D14;
  --mg-input-bg: #171C26;
  --mg-purple-deep: #241A55;
  --mg-opening-bg: linear-gradient(125deg, #273247 10%, #30344d 60%, #242b42);
  --mg-purple-field: linear-gradient(165deg, var(--mg-purple), var(--mg-purple-deep));
  --mg-highlight-gradient: linear-gradient(100deg, var(--mg-purple), var(--mg-red));
  --mg-vip-metal: linear-gradient(125deg, #dfc99a, #c4a46a 26%, #efdcb5 46%, #c4a46a 66%, #b68e50);
  --mg-metal-sheen: inset 0 1px 0 rgb(255 255 255 / 35%);
  --mg-vip-halo: 0 0 0 4px rgb(196 164 106 / 10%);
  --mg-general-card-bg: var(--mg-gradient);
  --mg-experience-card-bg: var(--mg-experience-gradient);
  --mg-vip-card-bg: var(--mg-vip-metal);
  --mg-form-neutral-bg: var(--mg-dark-soft);
  --mg-form-general-bg: linear-gradient(150deg, var(--mg-purple), var(--mg-red));
  --mg-form-experience-bg: linear-gradient(150deg, var(--mg-navy) 48%, #242344 78%, var(--mg-purple));
  --mg-form-vip-bg: var(--mg-vip-metal);
  /* CTAs dos bilhetes: hierarquia Geral < Experience < VIP. */
  --mg-general-button-bg: transparent;
  --mg-general-button-text: var(--mg-white);
  --mg-general-button-border: var(--mg-white);
  --mg-experience-button-bg: var(--mg-navy);
  --mg-experience-button-text: var(--mg-white);
  --mg-experience-button-border: var(--mg-white);
  --mg-vip-button-bg: var(--mg-navy);
  --mg-vip-button-text: var(--mg-gold-light);
  --mg-vip-button-border: var(--mg-gold);
  --mg-final-button-bg: var(--mg-highlight);
  --mg-final-button-text: var(--mg-navy);
  --mg-font: 'Zalando Sans', Arial, Helvetica, sans-serif;
  --mg-font-display: 'Zalando Sans Expanded', 'Zalando Sans', Arial, sans-serif;
  --mg-font-symbol: Arial, Helvetica, sans-serif;
  --mg-weight-regular: 400; --mg-weight-medium: 500; --mg-weight-semibold: 600; --mg-weight-bold: 700; --mg-weight-display: 800;
  --mg-text-xs: .75rem; --mg-text-sm: .875rem; --mg-text-base: 1rem; --mg-text-lg: 1.125rem; --mg-text-xl: 1.375rem;
  --mg-title: clamp(1.5rem, 2.5vw, 2.25rem);
  --mg-display: clamp(1.8rem, 3.4vw, 2.9rem);
  --mg-hero-size: clamp(2rem, 4.3vw, 3.7rem);
  --mg-line-body: 1.6; --mg-line-heading: 1.12; --mg-line-display: .98;
  --mg-tracking-title: -.03em; --mg-tracking-label: .12em;
  --mg-s1: .25rem; --mg-s2: .5rem; --mg-s3: .75rem; --mg-s4: 1rem; --mg-s5: 1.25rem; --mg-s6: 1.5rem;
  --mg-s8: 2rem; --mg-s10: 2.5rem; --mg-s12: 3rem; --mg-s16: 4rem; --mg-s20: 5rem; --mg-s24: 6rem; --mg-s32: 8rem;
  --mg-container: 1180px; --mg-copy: 640px; --mg-gutter: 22px;
  --mg-section: clamp(3.375rem, 6vw, 5.375rem); --mg-header: 84px;
  --mg-radius: 10px; --mg-radius-card: 14px; --mg-radius-pill: 999px;
  --mg-border: 1px; --mg-focus-width: 3px; --mg-focus-offset: 5px;
  --mg-shadow: 0 18px 55px rgb(20 18 23 / 8%);
  --mg-duration: 180ms; --mg-ease: ease-out; --mg-hover-offset: -2px;
}
@media (max-width: 700px) {
  :root { --mg-header: 76px; --mg-title: clamp(1.4rem, 5.5vw, 1.8rem); --mg-display: clamp(1.6rem, 6.1vw, 2.2rem); --mg-hero-size: clamp(1.85rem, 7vw, 3.25rem); }
}
@media (prefers-reduced-motion: reduce) {
  :root { --mg-duration: 0ms; --mg-hover-offset: 0px; }
}