/* Marca Rodrigo Avila — NÚCLEO (igual nos três perfis)
   Carregar SEMPRE junto com o CSS de um perfil: chef.css, corretor.css ou rodrigon.css */

/* Fontes hospedadas no próprio repositório (assets/fontes) — não dependem do Google Fonts */
@font-face { font-family:"Barlow Condensed"; font-weight:700; font-display:swap; src:url("../assets/fontes/barlow-condensed-latin-700-normal.woff2") format("woff2"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212; }
@font-face { font-family:"Barlow Condensed"; font-weight:800; font-display:swap; src:url("../assets/fontes/barlow-condensed-latin-800-normal.woff2") format("woff2"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212; }
@font-face { font-family:"Barlow Condensed"; font-weight:700; font-display:swap; src:url("../assets/fontes/barlow-condensed-latin-ext-700-normal.woff2") format("woff2"); unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF; }
@font-face { font-family:"Barlow Condensed"; font-weight:800; font-display:swap; src:url("../assets/fontes/barlow-condensed-latin-ext-800-normal.woff2") format("woff2"); unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF; }
@font-face { font-family:"Outfit"; font-weight:400; font-display:swap; src:url("../assets/fontes/outfit-latin-400-normal.woff2") format("woff2"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212; }
@font-face { font-family:"Outfit"; font-weight:600; font-display:swap; src:url("../assets/fontes/outfit-latin-600-normal.woff2") format("woff2"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212; }
@font-face { font-family:"Outfit"; font-weight:700; font-display:swap; src:url("../assets/fontes/outfit-latin-700-normal.woff2") format("woff2"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212; }
@font-face { font-family:"Outfit"; font-weight:400; font-display:swap; src:url("../assets/fontes/outfit-latin-ext-400-normal.woff2") format("woff2"); unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF; }
@font-face { font-family:"Outfit"; font-weight:600; font-display:swap; src:url("../assets/fontes/outfit-latin-ext-600-normal.woff2") format("woff2"); unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF; }
@font-face { font-family:"Outfit"; font-weight:700; font-display:swap; src:url("../assets/fontes/outfit-latin-ext-700-normal.woff2") format("woff2"); unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF; }

:root {
  --fonte-titulo: "Barlow Condensed", "Arial Narrow", sans-serif;
  --fonte-texto: "Outfit", system-ui, sans-serif;
  --margem-lateral: 8%;
  --raio-vidro: 28px;
}

body {
  margin: 0;
  font-family: var(--fonte-texto);
  font-weight: 400;
  line-height: 1.6;
  background: var(--cor-fundo);
  color: var(--cor-texto);
}

h1, h2, h3, .titulo, .preco, .numero {
  font-family: var(--fonte-titulo);
  font-weight: 800;
  line-height: 0.9;
  text-transform: uppercase;
  text-wrap: balance;
  color: var(--cor-titulo);
}

p { max-width: 65ch; }

.kicker {
  font-family: var(--fonte-texto);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

.botao {
  font-family: var(--fonte-texto);
  font-weight: 700;
  background: var(--cor-botao);
  color: var(--cor-botao-texto);
  border: 0;
  padding: 16px 28px;
  border-radius: 999px;
  text-decoration: none;
  display: inline-block;
}

.secao { padding-inline: var(--margem-lateral); }

/* Vidro fosco — padrão das peças de produto */
.vidro {
  background: var(--cor-vidro);
  border: 1.5px solid rgba(255, 255, 255, .14);
  border-radius: var(--raio-vidro);
  backdrop-filter: blur(28px) saturate(140%);
  -webkit-backdrop-filter: blur(28px) saturate(140%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18);
}
@media (max-width: 767px) {
  .vidro { backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
}
@supports not (backdrop-filter: blur(1px)) {
  .vidro { background: var(--cor-fundo); }
}

/* Logo = selo de assinatura, sempre pequena */
.selo { width: 28px; height: 28px; }