/* =====================================================================
   DÔCE em Dia — tema de Natal (liga sozinho de 01/11 a 06/01; a gestão pode forçar ligar ou desligar)
   Acabamento sazonal por cima do tema premium: verde-pinheiro, dourado, azevinho, luzes e neve discreta.
   ===================================================================== */
body.natal{
  --pinheiro:#1d5b3f; --pinheiro-claro:#e5f1ea; --ouro:#c9a14a;
  background:
    radial-gradient(circle at 12% 18%,rgba(255,255,255,.9) 0 1.5px,transparent 2px),
    radial-gradient(circle at 68% 42%,rgba(255,255,255,.85) 0 1.2px,transparent 1.8px),
    radial-gradient(circle at 38% 78%,rgba(255,255,255,.9) 0 1.6px,transparent 2.2px),
    radial-gradient(circle at 88% 86%,rgba(255,255,255,.8) 0 1.1px,transparent 1.7px),
    linear-gradient(180deg,#f7f1e8,#f4ede3);
  background-size:180px 180px,220px 220px,260px 260px,200px 200px,auto;
  background-attachment:fixed;
}
/* topo: neve fina + cordão de luzes */
body.natal .topo{background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60' viewBox='0 0 120 60'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.16' stroke-width='1' stroke-linecap='round'%3E%3Cpath d='M18 10v10M13 15h10M14.5 11.5l7 7M21.5 11.5l-7 7'/%3E%3Cpath d='M78 34v8M74 38h8M75.2 35.2l5.6 5.6M80.8 35.2l-5.6 5.6'/%3E%3Cpath d='M104 8v6M101 11h6'/%3E%3Cpath d='M46 46v6M43 49h6'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(120deg,#4a0713 0%,#7d0c20 40%,#b3122e 100%)}
body.natal .topo::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:12px;pointer-events:none;
  background:
    radial-gradient(circle at 10px 7px,#ffd34d 0 3.2px,transparent 3.6px),
    radial-gradient(circle at 34px 8px,#3fbf73 0 3.2px,transparent 3.6px),
    radial-gradient(circle at 58px 7px,#ff5a6e 0 3.2px,transparent 3.6px),
    radial-gradient(circle at 82px 8px,#7fd3ff 0 3.2px,transparent 3.6px),
    linear-gradient(transparent 3px,rgba(29,91,63,.55) 3px,rgba(29,91,63,.55) 4px,transparent 4px);
  background-size:96px 12px,96px 12px,96px 12px,96px 12px,100% 12px;
  filter:drop-shadow(0 0 3px rgba(255,215,90,.55));animation:pisca 2.4s ease-in-out infinite alternate}
@keyframes pisca{from{opacity:.75}to{opacity:1}}
/* azevinho e estrela ao lado da marca */
body.natal .marca::after{content:"";display:inline-block;width:26px;height:22px;margin-left:.15rem;flex:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 22'%3E%3Cpath d='M3 12c2.5-4.5 6.6-5.5 9.6-4.3-1.4 1.3-1.2 3 .4 3.8-2.6 1.5-6.1 2-10 .5z' fill='%232f8a55'/%3E%3Cpath d='M23 12c-2.5-4.5-6.6-5.5-9.6-4.3 1.4 1.3 1.2 3-.4 3.8 2.6 1.5 6.1 2 10 .5z' fill='%23246f45'/%3E%3Ccircle cx='11.2' cy='13.5' r='2.3' fill='%23e3233f'/%3E%3Ccircle cx='14.8' cy='13.7' r='2.3' fill='%23c8102e'/%3E%3Ccircle cx='13' cy='10.8' r='2.3' fill='%23ff3b55'/%3E%3Cpath d='M19.5 1.2l.8 1.9 2 .2-1.5 1.3.5 2-1.8-1-1.8 1 .5-2-1.5-1.3 2-.2z' fill='%23f2c14e'/%3E%3C/svg%3E") no-repeat center/contain}
body.natal .marca::before{box-shadow:0 0 0 2px rgba(242,193,78,.55),0 4px 10px -4px rgba(0,0,0,.35)}
/* acentos */
body.natal .cab::after{background:linear-gradient(90deg,var(--vermelho) 0 33%,var(--pinheiro) 33% 66%,var(--ouro) 66% 100%);width:72px}
body.natal .grupo,body.natal .gaveta-grupo{color:var(--pinheiro)}
body.natal .gaveta-topo{background:linear-gradient(135deg,#4a0713,#b3122e)}
body.natal .gaveta nav a.on{box-shadow:inset 3px 0 0 var(--pinheiro)}
body.natal .icone-topo b{background:#2f8a55;box-shadow:0 0 0 2px #7d0c20}
body.natal .tile:hover{border-color:#cfe3d6}
body.natal .cartao{border-color:#ebe0d2}
/* faixa de boas festas no Início */
.natal-faixa{position:relative;overflow:hidden;border-radius:22px;padding:1.15rem 1.2rem;margin-bottom:1.1rem;color:#fff;
  background:radial-gradient(500px 180px at 85% 0%,rgba(242,193,78,.35),transparent 60%),linear-gradient(125deg,#123f2b,#1d5b3f 55%,#2a7a52);
  box-shadow:0 18px 40px -22px rgba(18,63,43,.8)}
.natal-faixa h2{color:#fff;font-size:1.2rem;margin:0 0 .25rem}
.natal-faixa p{margin:0;color:rgba(255,255,255,.88);max-width:34rem}
.natal-faixa::before{content:"";position:absolute;right:-6px;top:-4px;width:120px;height:120px;opacity:.95;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M60 10 92 66H74l22 34H24l22-34H28z' fill='%23ffffff' fill-opacity='.12'/%3E%3Cpath d='M60 2l3 7 7.5.6-5.7 4.9 1.8 7.4L60 18l-6.6 3.9 1.8-7.4-5.7-4.9L57 9z' fill='%23f2c14e'/%3E%3Ccircle cx='48' cy='58' r='4' fill='%23ff4d63'/%3E%3Ccircle cx='72' cy='78' r='4' fill='%23f2c14e'/%3E%3Ccircle cx='56' cy='88' r='3.5' fill='%237fd3ff'/%3E%3Ccircle cx='80' cy='60' r='3' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center/contain}
.natal-faixa .neve{position:absolute;inset:0;pointer-events:none}
.natal-faixa .neve i{position:absolute;top:-10px;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.85);animation:cai linear infinite}
.natal-faixa .neve i:nth-child(1){left:8%;animation-duration:7s}
.natal-faixa .neve i:nth-child(2){left:22%;animation-duration:9s;animation-delay:-3s;width:4px;height:4px}
.natal-faixa .neve i:nth-child(3){left:41%;animation-duration:8s;animation-delay:-5s}
.natal-faixa .neve i:nth-child(4){left:57%;animation-duration:10s;animation-delay:-2s;width:3px;height:3px}
.natal-faixa .neve i:nth-child(5){left:73%;animation-duration:7.5s;animation-delay:-6s;width:4px;height:4px}
@keyframes cai{to{transform:translateY(170px) translateX(14px)}}
/* login de Natal */
body.natal .login{background:radial-gradient(900px 420px at 50% -10%,rgba(29,91,63,.22),transparent 60%),radial-gradient(700px 300px at 50% 110%,rgba(179,18,46,.14),transparent 60%),var(--creme)}
body.natal .login .cartao{border-top:4px solid var(--pinheiro)}
@media(prefers-reduced-motion:reduce){body.natal .topo::after,.natal-faixa .neve i{animation:none}.natal-faixa .neve{display:none}}
@media print{body.natal{background:#fff}body.natal .topo::after{display:none}}
/* personagens da Cartinha Mágica da DÔCE logo abaixo da barra (rola com a página; não ocupa a tela) */
.natal-personagens{position:relative;height:150px;overflow:hidden;display:flex;justify-content:center;background:#3b1d12;
  box-shadow:inset 0 10px 14px -10px rgba(0,0,0,.45),0 6px 16px -10px rgba(35,23,15,.5)}
.natal-personagens::before{content:"";position:absolute;inset:-20px;background:url("natal_personagens.jpg") center/cover;filter:blur(14px) saturate(1.1) brightness(.8)}
.natal-personagens img{position:relative;height:100%;width:auto;max-width:none;display:block;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
@media(max-width:859px){.natal-personagens{height:84px}}
@media(max-width:420px){.natal-personagens{height:72px}}
body.modo-tablet .natal-personagens{display:none}
.login-natal{display:block;width:100%;max-width:380px;height:auto;margin:0 auto;border-radius:24px 24px 0 0;box-shadow:0 12px 30px -16px rgba(35,23,15,.6)}
.login:has(.login-natal){display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.login .login-natal{margin-top:auto}.login .login-natal+.cartao{margin-bottom:auto}
.login .login-natal+.cartao{border-top-left-radius:0;border-top-right-radius:0;margin-top:0}
body.natal .login{align-content:center;gap:0}