/* =====================================================================
   apollo-chrome.css — header + hero/headline + VSL + CTA + footer
   Marca de mídia: Apollo Health (apollohealthco.com/dr-bredesen), valores MEDIDOS.
   Header é VISUAL-ONLY (links não navegam; menu mobile não abre).
   Escopo .ap-* para não vazar no corpo da oferta (memopryl/bg + main.css).

   IMPORTANTE: tudo em PX (não rem). O main.css da oferta seta html{font-size:20px},
   então rem aqui escalaria 25% (18px viraria 22px). Os valores px batem com o medido.
   ===================================================================== */

/* ---- Fontes da marca (Gilroy Regular/Bold, medidas do clone) ---- */
@font-face{font-family:"Gilroy";src:url("../fonts/Gilroy-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Gilroy";src:url("../fonts/Gilroy-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --ap-navy:#13374b;        /* header + banner de email (medido rgb(19,55,75)) */
  --ap-navy-deep:#013642;   /* paleta da demanda p/ corpo */
  --ap-cyan:#0193b5;        /* acento claro da demanda */
  --ap-olive:#708c66;       /* botão Subscribe — medido */
  --ap-olive-dark:#5c7553;
  --ap-charcoal:#303233;    /* footer bottom (medido rgb(48,50,51)) */
  --ap-bar:#292929;         /* divisória do footer (medido) */
  --ap-gray:#cccccc;        /* texto/links do footer (medido) */
  --ap-ink:#303233;
  --ap-font:"Gilroy","Segoe UI",Arial,sans-serif;
}

/* ============================ HEADER (só o menu) ============================ */
.ap-header{font-family:var(--ap-font);background:var(--ap-navy);color:#fff}
.ap-header__inner{max-width:1190px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:20px}
.ap-header__logo{flex:0 0 auto;display:inline-flex}
.ap-header__logo img{display:block;height:42px;width:auto}
.ap-nav{flex:1 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:18px}
.ap-nav a{color:#fff;text-decoration:none;font-family:var(--ap-font);font-weight:700;font-size:18px;line-height:1.2;white-space:nowrap}
.ap-nav a:hover{color:#fff;opacity:.85}
.ap-login{display:inline-flex;align-items:center;color:#fff;font-family:var(--ap-font);font-weight:700;font-size:18px;text-decoration:none;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);border-radius:2px;padding:8px 20px;margin-left:4px;white-space:nowrap}
/* hamburger (mobile, visual-only) */
.ap-burger{display:none;flex:0 0 auto;margin-left:auto;border:0;background:transparent;color:#fff;font-size:28px;line-height:1;cursor:default;padding:4px 6px}

/* ===================== HERO / HEADLINE ===================== */
.ap-hero{font-family:var(--ap-font);background:#fff;padding:42px 20px 24px}
.ap-hero__inner{max-width:900px;margin:0 auto;text-align:center}
.ap-hero h1{font-family:var(--ap-font);color:var(--ap-navy-deep);font-weight:700;font-size:40px;line-height:1.12;margin:0 0 10px;letter-spacing:-.5px}
.ap-hero p.kicker{color:var(--ap-olive);font-weight:700;font-size:16px;letter-spacing:.5px;text-transform:uppercase;margin:0 0 10px}
.ap-hero p.sub{color:var(--ap-ink);font-weight:400;font-size:22px;line-height:1.3;margin:0 auto;max-width:780px}
.ap-hero p.sub b{font-weight:700}

/* VSL */
.ap-vsl{max-width:780px;margin:30px auto 0}
.ap-vsl #video{width:100%;border-radius:6px;overflow:hidden;box-shadow:0 8px 30px rgba(1,54,66,.18)}

/* ===================== CTA (delay após pitch) ===================== */
.ap-cta{font-family:var(--ap-font);background:var(--ap-navy-deep);padding:34px 20px;text-align:center}
.ap-cta h2{font-family:var(--ap-font);color:#fff;font-weight:700;font-size:30px;line-height:1.22;margin:0 auto;max-width:900px}

/* ============================ FOOTER — banner de email ============================ */
.ap-subscribe{font-family:var(--ap-font);background:var(--ap-navy);color:#fff;padding:48px 20px 54px;text-align:center}
.ap-subscribe__inner{max-width:1000px;margin:0 auto}
.ap-subscribe__icon{width:45px;height:46px;color:#fff;display:block;margin:0 auto 14px}
.ap-subscribe h2{color:#fff;font-family:var(--ap-font);font-weight:700;font-size:40px;line-height:1.2;margin:0 auto 36px;max-width:760px}
.ap-subscribe__form{display:flex;align-items:stretch;gap:22px;max-width:880px;margin:0 auto}
.ap-subscribe__form input{flex:1 1 auto;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.55);color:#fff;font-family:var(--ap-font);font-weight:700;font-size:18px;padding:16px 2px;outline:0}
.ap-subscribe__form input::placeholder{color:rgba(255,255,255,.85);opacity:1}
.ap-subscribe__btn{flex:0 0 auto;min-width:200px;border:0;background:var(--ap-olive);color:#fff;font-family:var(--ap-font);font-weight:700;font-size:18px;border-radius:4px;padding:18px 26px;cursor:default}
.ap-subscribe__btn:hover{background:var(--ap-olive-dark)}

/* ============================ FOOTER — bottom (charcoal) ============================ */
/* override do global `footer{background:var(--primary-color)}` do main.css */
footer.ap-footer{font-family:var(--ap-font);background:var(--ap-charcoal);color:var(--ap-gray);padding:64px 20px 40px;text-align:left}
.ap-footer__inner{max-width:1160px;margin:0 auto}
.ap-footer__top{display:flex;flex-wrap:wrap;gap:32px}
.ap-footer__logo{flex:0 0 auto;width:25%;min-width:180px}
.ap-footer__logo img{width:212px;max-width:100%;height:auto;display:block}
.ap-footer__cols{flex:1 1 auto;display:flex;flex-wrap:wrap;gap:24px 40px}
.ap-footer__col{flex:1 1 140px;min-width:130px}
.ap-footer__col h3{color:var(--ap-gray);font-family:var(--ap-font);font-weight:700;font-size:19px;line-height:1.4;margin:0 0 14px}
.ap-footer__col ul{list-style:none;margin:0;padding:0}
.ap-footer__col li{margin:0 0 8px}
.ap-footer__col a{color:var(--ap-gray);text-decoration:none;font-family:var(--ap-font);font-weight:400;font-size:16px;line-height:1.4}
.ap-footer__col a:hover{color:#fff}
.ap-footer__contact{text-align:center;color:#fff;font-size:15px;line-height:1.9;margin:42px 0 0}
.ap-footer__contact p{margin:0}
.ap-footer__contact a.email{color:var(--ap-olive);text-decoration:none}
.ap-footer__bar{height:2px;background:var(--ap-bar);border:0;margin:26px 0}
.ap-footer__bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.ap-footer__copy{color:var(--ap-gray);font-family:var(--ap-font);font-size:14px;text-transform:uppercase;margin:0;letter-spacing:.3px}
.ap-footer__copy a{color:var(--ap-gray);text-decoration:none}
.ap-footer__copy a:hover{color:#fff}
.ap-socials{display:flex;align-items:center;gap:14px}
.ap-socials a{color:var(--ap-gray);display:inline-flex;width:25px;height:25px}
.ap-socials a:hover{color:#fff}
.ap-socials svg{width:25px;height:25px;display:block}

/* ============================ RESPONSIVO (≤1199px) ============================ */
@media (max-width:1199px){
  /* header: logo + hambúrguer estático; nav some (disposição p/ celular) */
  .ap-nav{display:none}
  .ap-header__inner{padding:10px 16px;gap:8px}
  .ap-header__logo img{height:34px}
  .ap-burger{display:inline-flex}
  .ap-hero{padding:28px 16px 16px}
  .ap-hero h1{font-size:28px}
  .ap-hero p.sub{font-size:18px}
  .ap-cta h2{font-size:22px}
  /* banner de email empilha vertical */
  .ap-subscribe{padding:38px 16px 40px}
  .ap-subscribe h2{font-size:28px;margin-bottom:26px}
  .ap-subscribe__form{flex-direction:column;gap:18px}
  .ap-subscribe__btn{min-width:0;width:100%}
  /* footer empilha vertical, centralizado */
  footer.ap-footer{padding:40px 16px 32px;text-align:center}
  .ap-footer__top{flex-direction:column;gap:28px;align-items:center}
  .ap-footer__logo{width:auto}
  .ap-footer__logo img{margin:0 auto}
  .ap-footer__cols{justify-content:center;gap:22px 28px;width:100%}
  .ap-footer__col{flex:1 1 45%;min-width:130px;text-align:center}
  .ap-footer__bottom{flex-direction:column;justify-content:center}
  .ap-footer__copy{text-align:center}
}