/* Paginas institucionais do dioscope.com na paleta da homepage do computador
   (desenho do Ricardo, tema claro): fundo #f4f7fb, texto navy #0c2c3d, azul #357ded,
   titulos leves. Pedido do Tomas (2026-09-28): quem sai da homepage para Eventos,
   Parceiros, Sobre nos, cursos, etc. nao deve mudar de site. Acaba com as cores
   proprias por pagina (verde-azulado dos Eventos, coral da Farmacia) e com os
   herois de cor cheia. Carregado no fim do <head>, depois do <style> de cada
   pagina: as regras aqui ganham por ordem com a mesma especificidade.
   Nao se aplica as landings (/lp/), ao simulador nem as paginas de pais. */

:root {
  --in-navy: #0c2c3d;
  --in-ink-2: #3b4d5e;
  --in-ink-3: #5d6f81;
  --in-blue: #357ded;
  --in-blue-soft: #245fcf; /* botoes com texto branco: 5,6:1 (o #357ded fica em 3,95:1) */
  --in-bg: #f4f7fb;
  --in-line: rgba(12,44,61,.12);
  --in-line-2: rgba(12,44,61,.2);
  --in-glow: radial-gradient(50% 90% at 88% 0%, rgba(53,125,237,.13), transparent 70%);
  /* texto secundario: o cinzento da homepage (4,9:1 no fundo; o #64748b ficava em 4,4:1) */
  --text-light: var(--in-ink-3);
  /* texto terciario (#94a3b8 dava 2,4:1): o mesmo cinzento, 4,8:1 */
  --text-muted: var(--in-ink-3);
  /* Farmacia: o coral passa a ser o azul da marca */
  --coral: #245fcf; --coral-dark: #1f52b3; --coral-deep: #1a4596; --coral-soft: #e8f0fd;
}
body { background: var(--in-bg); }

/* ---------- Herois: fundo claro da homepage ---------- */
.page-hero, .inner-medicina .page-hero, .inner-eventos .page-hero,
.sobre-hero, .contact-hero, .pharma-hero, #ch-main .ch-hero {
  background: var(--in-glow), var(--in-bg);
  color: var(--in-navy);
  border-bottom: 1px solid var(--in-line);
}
.page-hero h1, .inner-medicina .page-hero h1, .sobre-hero-copy h1, .contact-hero h1, .pharma-hero h1, #ch-main .ch-hero h1 {
  color: var(--in-navy); font-weight: 400; letter-spacing: -.03em; line-height: 1.1;
  font-size: clamp(32px, 3.6vw, 58px);
}
.page-hero p, .inner-medicina .page-hero p, .inner-eventos .page-hero p, .sobre-hero-copy > p, .contact-hero p,
.pharma-hero .hero-lead, .pharma-hero .hero-coord, #ch-main .ch-hero p {
  color: var(--in-ink-2); opacity: 1; font-weight: 300;
}
.page-hero p, .inner-medicina .page-hero p, .sobre-hero-copy > p, .contact-hero p { font-size: 17px; line-height: 1.65; }

/* Etiquetas por cima do titulo (como o .hd-eyebrow) */
.inner-eventos .page-hero .page-hero-kicker, .page-hero .hero-kicker, .pharma-hero .hero-eyebrow {
  color: var(--in-blue-soft); background: none; padding: 0; border-radius: 0;
  font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase;
}

/* Atalhos do heroi (como o .hd-btn-ghost) */
.page-hero .hero-chips a, .inner-medicina .fase-chips a, .inner-eventos .fase-chips a {
  background: transparent; border: 1px solid var(--in-line-2); color: var(--in-navy);
  border-radius: 2em; padding: 11px 18px;
  font-size: 12px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase;
  transition: background .4s, color .4s, border-color .4s;
}
.page-hero .hero-chips a:hover, .inner-medicina .fase-chips a:hover, .inner-eventos .fase-chips a:hover {
  background: var(--in-navy); border-color: var(--in-navy); color: #fff;
}

/* Sobre nos: simbolo e selo DGERT em versao para fundo claro */
.sobre-hero .dgert-badge { background: #fff; border: 1px solid var(--in-line); color: var(--in-navy); }
.sobre-hero .dgert-badge span { color: var(--in-ink-2); opacity: 1; }
.sobre-hero-art img { max-width: 230px; height: auto; }

/* Cookies: titulo como os outros */
.legal-main h1 { color: var(--in-navy); font-weight: 400; letter-spacing: -.03em; }

/* Contactos: sem a fotografia escura */
.contact-hero { background: var(--in-glow), var(--in-bg); }

/* Farmacia: fotografia a' direita, texto sobre fundo claro */
.pharma-hero .hero-shade { background: linear-gradient(90deg, #f4f7fb 0%, rgba(244,247,251,.94) 48%, rgba(244,247,251,.25) 100%); }
.pharma-hero .hero-chips span { background: #fff; border: 1px solid var(--in-line); color: var(--in-navy); }
.pharma-hero .btn-hero { background: var(--in-blue-soft); color: #fff; border-radius: 2em; }
.pharma-hero .btn-hero:hover { background: var(--in-navy); color: #fff; }
.pharma-hero .btn-hero-ghost { color: var(--in-navy); border-color: var(--in-line-2); border-radius: 2em; }
.pharma-hero .btn-hero-ghost:hover { background: var(--in-navy); border-color: var(--in-navy); color: #fff; }
.pharma-hero .hero-price strong { color: var(--in-navy); }
.pharma-hero .hero-price span { color: var(--in-ink-3); opacity: 1; }

/* Challenges: fundo da homepage; o dourado do premio fica */
#ch-main .ch-hero { background: var(--in-glow), var(--in-bg); }

/* ---------- Eventos: acentos no azul da marca (antes verde-azulado) ---------- */
.inner-eventos { --ev-accent: var(--in-blue-soft); --ev-accent-soft: #e8f0fd; }

/* ---------- Faixa final (Medicina, Eventos): clara como o fim da homepage ---------- */
.inner-medicina .cta, .inner-eventos .cta {
  background: var(--in-glow), #fff; color: var(--in-navy);
  border-top: 1px solid var(--in-line); border-bottom: 1px solid var(--in-line);
}
.inner-medicina .cta:before, .inner-medicina .cta:after { display: none; }
.inner-medicina .cta h2 { color: var(--in-navy); font-weight: 400; letter-spacing: -.03em; font-size: clamp(26px, 2.4vw, 38px); }
.inner-medicina .cta p { color: var(--in-ink-2); }
.inner-medicina .cta .btn-white, .inner-eventos .cta .btn-white { background: var(--in-blue-soft); color: #fff; border-radius: 2em; }
.inner-medicina .cta .btn-white:hover, .inner-eventos .cta .btn-white:hover { background: var(--in-navy); color: #fff; }
.inner-medicina .cta .btn-outline-w { color: var(--in-navy); border-color: var(--in-line-2); background: transparent; border-radius: 2em; }
.inner-medicina .cta .btn-outline-w:hover { background: var(--in-navy); border-color: var(--in-navy); color: #fff; }
.inner-medicina .cta .dg { border: 1px solid var(--in-line); }

/* ---------- Rodape: claro como o da homepage ---------- */
.site-footer { background: #fff; color: var(--in-ink-2); border-top: 1px solid var(--in-line); }
.site-footer .footer-brand { color: var(--in-navy); }
.site-footer .footer-brand img { box-shadow: 0 0 0 1px var(--in-line); }
.site-footer .footer-col p { color: var(--in-ink-3); }
.site-footer .footer-col h4 { color: var(--in-navy); }
.site-footer .footer-col a { color: var(--in-ink-2); }
.site-footer .footer-col a:hover { color: var(--in-blue-soft); }
.site-footer .footer-col a.footer-mail { color: var(--in-navy); }
.site-footer .prr-bar { border: 1px solid var(--in-line); }
.site-footer .prr-text, .site-footer .footer-legal { color: var(--in-ink-3); }
.site-footer .prr-text a, .site-footer .footer-legal a { color: var(--in-ink-2); text-decoration: underline; text-underline-offset: 2px; }
.site-footer .dio-cookie-settings { color: var(--in-ink-2); border-color: var(--in-line-2); }
.site-footer .dio-cookie-settings:hover { color: var(--in-navy); }

/* ---------- Contraste AA (axe) ---------- */
/* Links no meio do texto: azul mais escuro e sublinhados (o #4170e3 dava 4,2:1 e so' a cor os distinguia) */
.legal-main :is(p, li, td) a, .cursos-nota a { color: var(--in-blue-soft); text-decoration: underline; text-underline-offset: 2px; }
.curso-data { color: var(--in-blue-soft); }
/* Challenges: o dourado do premio mais escuro no texto (#b8862b dava 2,7:1); cinzento do patrocinio */
#ch-main { --gold: #86611a; --muted: var(--in-ink-3); }
