/* Identidade Matrícula EAD (matriculaead.com.br) — homologação.
   Carregado só nas páginas que já foram convertidas. Azul é a cor dominante
   da marca; vermelho é o destaque das chamadas (botões de ação). */
:root {
  --mead-azul: #0068d0;
  --mead-azul-claro: #0080ff;
  --mead-azul-escuro: #00458a;
  --mead-vermelho: #ff0000;
  --mead-vermelho-claro: #ff4a4a;
  --mead-verde: #10b981;

  --color-primary: var(--mead-azul);
  --color-secondary: var(--mead-azul-claro);
  --color-primary-100: var(--mead-azul-escuro);
  --color-coral: var(--mead-vermelho-claro);
  --color-pink: var(--mead-vermelho);
  --color-violet: var(--mead-vermelho-claro);
  --primary-opacity: #0068d021;
  --secondary-opacity: #0080ff21;
  --color-primary-light: #eef6ff;
  --color-primary-lighter: #e2f1ff;
  --color-heading: #0f172a;
  --color-body: #475569;
  --gradient-dark: linear-gradient(90deg, #0068d0bf 0%, #0080ffab 100%);
  --gradient-dark-2: linear-gradient(90deg, #0068d07d 0%, #0080ff52 100%);
  --gradient-1: linear-gradient(#ffffff 0%, #eef6ff 100%);
  --gradient-2: linear-gradient(0deg, #ffffff 0%, #eef6ff 100%);
  --gradient-3: linear-gradient(90deg, #0080ff 0%, #0068d0 100%);
  --gradient-4: linear-gradient(180deg, #eef6ff 0%, #ffffff 100%);
  --gradient-5: linear-gradient(#eef6ff 0%, #eef6ff 100%);
  --gradient-6: linear-gradient(to right, rgba(255,255,255,.15), rgba(255,74,74,.10), rgba(0,128,255,.12));
  --gradient-8: linear-gradient(270deg, #0080ff 0%, #0068d0 100%);
  --gradient-9: linear-gradient(180deg, #0068d0 0%, #e2f1ff 100%);
  --font-primary: "Inter", system-ui, sans-serif;
  --font-secondary: "Inter", system-ui, sans-serif;
}
body, h1, h2, h3, h4, h5, h6, .title, input, button, select, textarea { font-family: "Inter", system-ui, sans-serif; }

/* Botões de ação no vermelho da marca (como no site) */
.rbt-btn.btn-gradient {
  background-image: linear-gradient(to right, var(--mead-vermelho), var(--mead-vermelho-claro), var(--mead-vermelho-claro), var(--mead-vermelho));
}
.rbt-btn.btn-gradient:hover { box-shadow: 0 18px 40px -18px rgba(255, 0, 0, .45); }
.rbt-btn.btn-border-gradient::before,
.rbt-btn.btn-border-gradient { --color-secondary: var(--mead-azul-claro); }

/* Manchas decorativas do fundo */
.rbt-sec-cir-shadow-1 .gradient-shape-top { background: linear-gradient(180deg, var(--mead-azul) 0%, var(--mead-azul-claro) 100%); }
.rbt-sec-cir-shadow-1 .gradient-shape-bottom { background: linear-gradient(180deg, var(--mead-vermelho-claro) 0%, var(--mead-azul-claro) 100%); }

/* Logotipo 4:1 */
.logo a img { max-height: 46px; width: auto; }

/* Marcador de texto (efeito caneta marca-texto) no vermelho da marca */
.mead-marca-texto {
  position: relative;
  z-index: 0;
  white-space: nowrap;
}
.mead-marca-texto::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -0.12em;
  right: -0.12em;
  bottom: 0.06em;
  height: 0.42em;
  background: rgba(255, 74, 74, 0.32);
  border-radius: 0.2em 0.5em 0.25em 0.45em;
  transform: rotate(-1.2deg) skewX(-8deg);
}