/* GERADO por gerar_cookies.py a partir do protótipo v2. Não editar à mão:
   mudar o protótipo e rodar o gerador de novo. Tudo preso em .puff-cookies,
   tamanhos em px, animações com prefixo puff-. */
.puff-cookies { font-size: 16px; }
.puff-cookies {
  
  --puff-amarelo: #FFAE00;   
  --puff-laranja: #FF6A1F;   
  --puff-azul:    #60B1E7;   
  --puff-verde:   #71D77E;   
  --puff-preto:   #2A2927;   
  --puff-preto-7: #3A3936;   
  --puff-cinza:   #D3D1CC;   
  --puff-branco:  #FFFFFF;

  
  --puff-laranja-texto: #D24600;  
  --puff-amarelo-texto: #9F6D00;  
  --puff-verde-texto:   #268833;  
  --puff-azul-texto:    #1C7CBC;  

  
  --emb-tinta:   #221F20;   
  --emb-ambar:   #EFB254;   
  --emb-azul:    #73ACFF;   
  --emb-laranja: #FF9045;   
  --emb-creme:   #FFFCF0;   

  
  --emb-ambar-texto:   #A2680F;  
  --emb-laranja-texto: #C44F00;  
  --emb-azul-texto:    #046AFF;  

  
  --sabor-chocolate: var(--emb-ambar);
  --sabor-baunilha:  var(--emb-azul);

  
  --daily-bege:     #FFFCF0;  
  --daily-vermelho: #BA0040;  
  --daily-preto:    #1D1D1D;
  --daily-rose:     #FFB8BA;  
  --daily-azul-ceu: #B7D9FF;  

  
  --cor-tinta:        var(--emb-tinta);          
  --cor-tinta-suave:  var(--puff-preto-7);       
  --cor-fundo:        var(--puff-branco);
  --cor-fundo-quente: var(--emb-creme);
  --cor-borda:        var(--puff-cinza);
  --cor-acao:         var(--puff-laranja);      
  --cor-acao-tinta:   var(--puff-preto);        
  --cor-sucesso:      var(--puff-verde-texto);
  --cor-erro:         #B3261E;                  

  
  
  --fonte-titulo: "Bricolage Grotesque", system-ui, sans-serif;
  --fonte-texto:  "Bricolage Grotesque", system-ui, sans-serif;

  
  --fonte-manuscrita: "Oldport Script", "Bricolage Grotesque", cursive;

  
  --espaco-1: 4px;  --espaco-2: 8px;   --espaco-3: 12px;
  --espaco-4: 16px;     --espaco-6: 24px;   --espaco-8: 32px;
  --espaco-12: 48px;    --espaco-16: 64px;    --espaco-24: 96px;

  
  --raio: 0;
  --sombra: none;
}
.puff-cookies .corpo {
  font-family: var(--fonte-texto);
  font-variation-settings: "wdth" 100, "wght" 400;
  letter-spacing: 0;
  line-height: 1.3;                                 
}
.puff-cookies {
  
  --cor-tinta:        var(--emb-tinta);
  --cor-tinta-suave:  #4a4644;
  --cor-fundo:        var(--emb-creme);
  --cor-fundo-branco: #FFFFFF;
  --cor-borda:        #E5DFCF;
  --cor-borda-forte:  var(--emb-tinta);

  
  --sabor-cor:        var(--emb-ambar);
  --sabor-cor-texto:  var(--emb-ambar-texto);
  --sabor-nome:       "chocolate";
  --e1: 4px;  --e2: 8px;   --e3: 12px;   --e4: 16px;
  --e5: 20px;  --e6: 24px;   --e8: 32px;      --e10: 40px;
  --e12: 48px;    --e16: 64px;    --e20: 80px;     --e24: 96px;

  --sombra-suave: 0 8px 24px rgba(34,31,32,.08);

  
  --r1: 10px; --r2: 16px; --r3: 24px; --r4: 32px;
  --onda-alt: 20px;
  
  --onda-baixo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 20' preserveAspectRatio='none'%3E%3Cpath d='M0 10C15 16 35 16 55 10S95 3 120 9S165 17 190 11S225 4 240 10V0H0Z'/%3E%3C/svg%3E");
  
  --onda-topo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 20' preserveAspectRatio='none'%3E%3Cpath d='M0 10C15 16 35 16 55 10S95 3 120 9S165 17 190 11S225 4 240 10V20H0Z'/%3E%3C/svg%3E");
}
.puff-cookies *,
.puff-cookies *::before,
.puff-cookies *::after { box-sizing: border-box; }
.puff-cookies { -webkit-text-size-adjust: 100%; }
.puff-cookies,
.puff-cookies { overflow-x: hidden; }
.puff-cookies {
  margin: 0;
  font-family: var(--fonte-texto, "Bricolage Grotesque", system-ui, sans-serif);
  font-variation-settings: "wdth" 100, "wght" 400;
  line-height: 1.35;
  color: var(--cor-tinta);
  background: var(--cor-fundo);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.puff-cookies,
.puff-cookies button,
.puff-cookies input,
.puff-cookies select,
.puff-cookies textarea { text-shadow: inherit; }
.puff-cookies img,
.puff-cookies svg { display: block; max-width: 100%; height: auto; }
.puff-cookies a { color: inherit; text-decoration: none; }
.puff-cookies button {
  font: inherit;
  color: inherit;
  cursor: pointer;
  border: 0;
  background: none;
  padding: 0;
}
@media (hover: hover) and (pointer: fine) {
.puff-cookies a:where(:not(.botao):not(.atalho):not(.flutuante)):hover { color: var(--emb-laranja-texto); }
}
.puff-cookies :focus-visible {
  outline: 3px solid var(--emb-tinta);
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
.puff-cookies *,
.puff-cookies *::before,
.puff-cookies *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.puff-cookies .botao {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--e2);
  padding: var(--e3) var(--e6);
  background: var(--emb-ambar);
  color: var(--emb-tinta);
  font-variation-settings: "wdth" 75, "wght" 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 15.2px;
  border: 2px solid var(--emb-tinta);
  transition: transform 0.15s ease;
  white-space: nowrap;
}
@media (hover: hover) and (pointer: fine) {
.puff-cookies .botao:hover { transform: translateY(-2px); }
}
.puff-cookies .botao:active { transform: translateY(0); }
.puff-cookies .botao--tinta { background: var(--emb-tinta); color: var(--emb-creme); }
.puff-cookies .botao[disabled] { opacity: 0.45; cursor: not-allowed; transform: none; }
.puff-cookies .botao { border-radius: 999px; }
.puff-cookies { --varrer-dur: 3.2s; }
.puff-cookies [data-frase-b],
.puff-cookies [data-frase-c] { display: none; }
.puff-cookies[data-frase="b"] [data-frase-b] { display: grid; }
.puff-cookies[data-frase="c"] [data-frase-c] { display: block; }
/* fora do protótipo: aviso de erro ao pôr na sacola */
.puff-cookies .puff-erro { margin: 8px 0 0; padding: 10px 12px; border: 2px solid var(--emb-tinta, #221F20); border-radius: 16px; background: #FFFFFF; color: var(--emb-tinta, #221F20); font-size: 13.6px; }
.puff-cookies .puff-erro a { color: inherit; font-weight: 700; }
/* fora do protótipo: a barra do aviso (o protótipo não tem aviso de cookies) */
.puff-cookies { position: fixed; left: 0; right: 0; bottom: 0; z-index: 80; }
.puff-cookies[hidden] { display: none; }
.puff-cookies .cookies__caixa { display: flex; flex-wrap: wrap; align-items: center; gap: 16px;
  max-width: 1200px; margin: 0 auto 12px; padding: 16px 20px;
  background: var(--emb-creme); color: var(--emb-tinta);
  border: 2px solid var(--emb-tinta); border-radius: 16px;
  box-shadow: 0 6px 24px rgba(34, 31, 32, 0.18); }
.puff-cookies .cookies__texto { flex: 1 1 320px; margin: 0; font-size: 14.4px; }
.puff-cookies .cookies__link { color: var(--emb-ambar-texto); font-variation-settings: "wdth" 100, "wght" 700; }
.puff-cookies .cookies__botoes { display: flex; gap: 10px; flex: 0 0 auto; }
.puff-cookies .cookies__botao { min-height: 44px; }
@media (max-width: 600px) {
  .puff-cookies .cookies__caixa { margin: 0 12px 12px; padding: 14px 16px; }
  .puff-cookies .cookies__botoes { width: 100%; }
  .puff-cookies .cookies__botao { flex: 1 1 0; }
}