/* =========================================================
   DALLAS PAPELARIA — base.css
   Cores tiradas da logo. Para mudar o site inteiro,
   altere só este bloco :root.
   ========================================================= */
:root{
  --azul:#1569d6;
  --azul-escuro:#0b47a8;
  --azul-noite:#062d6e;
  --azul-ceu:#2fa8f5;
  --azul-claro:#eaf2ff;
  --vermelho:#d90b12;
  --vermelho-escuro:#b3080e;
  --amarelo:#ffc928;
  --verde:#18a957;

  --fundo:#ffffff;
  --fundo-2:#f4f7fc;
  --texto:#14213d;
  --texto-2:#5d6b85;
  --linha:#e2e8f2;

  --fonte-titulo:"Nunito","Arial Rounded MT Bold","Segoe UI",system-ui,sans-serif;
  --fonte-texto:"Nunito Sans","Segoe UI",system-ui,sans-serif;
  --raio:16px;
  --sombra:0 14px 34px -18px rgba(6,45,110,.35);
  color-scheme:light;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:150px}
body{margin:0;background:var(--fundo);color:var(--texto);font-family:var(--fonte-texto);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--azul-noite)}
img{max-width:100%;display:block}
[hidden]{display:none!important}
h1,h2,h3,h4{font-family:var(--fonte-titulo);line-height:1.12;text-wrap:balance;margin:0}
p{margin:0}
a{color:inherit}
button{font:inherit}
:focus-visible{outline:3px solid var(--azul-ceu);outline-offset:2px;border-radius:6px}

.wrap{max-width:1240px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.secao{padding-block:56px}
.secao--cinza{background:var(--fundo-2)}

/* Título de seção com linha, estilo loja */
.titulo-secao{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-bottom:24px}
.titulo-secao h2{font-size:clamp(24px,3vw,32px);font-weight:900;color:var(--azul-noite);display:flex;align-items:center;gap:12px}
.titulo-secao h2::before{content:"";width:8px;height:28px;border-radius:4px;background:var(--vermelho)}
.titulo-secao p{color:var(--texto-2)}
.titulo-secao a{font-weight:800;color:var(--azul);text-decoration:none;font-size:14px}
.titulo-secao a:hover{text-decoration:underline}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;font-family:var(--fonte-titulo);font-weight:800;font-size:15px;text-decoration:none;border:2px solid transparent;background:transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s;white-space:nowrap}
.btn--vermelho{background:var(--vermelho);color:#fff}
.btn--vermelho:hover{background:var(--vermelho-escuro)}
.btn--azul{background:var(--azul);color:#fff}
.btn--azul:hover{background:var(--azul-escuro)}
.btn--branco{background:#fff;color:var(--azul-noite)}
.btn--branco:hover{background:var(--azul-claro)}
.btn--contorno{border-color:var(--linha);color:var(--azul-noite);background:#fff}
.btn--contorno:hover{border-color:var(--azul);color:var(--azul)}
.btn--zap{background:#1fae5b;color:#fff}
.btn--zap:hover{background:#178d49}
.btn--p{padding:9px 16px;font-size:14px}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Aviso rápido (ex.: "Adicionado ao carrinho") */
.aviso{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);background:var(--azul-noite);color:#fff;padding:12px 20px;border-radius:999px;font-weight:700;box-shadow:var(--sombra);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:80;max-width:calc(100% - 32px);text-align:center}
.aviso.mostrar{opacity:1;transform:translate(-50%,0)}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}