/* Casca nova (cabeçalho, faixa e rodapé da nova home) aplicada às páginas internas.
   Carregado depois de style.css e pages.css. Gerado e aplicado por tools/casca.py. */

/* Mesmas cores e foco da home nova (as variáveis antigas passam a apontar para a paleta nova) */
:root{
  --vinho:#621244;--vinho-escuro:#3d0b2a;--rosa:#E4D4D3;--rosa-claro:#F3ECEB;
  --tinta:#1E0D1C;--texto:#4A3646;--texto-suave:#5A4656;--fundo:#FAFAFA;
  --linha:#E9DEDD;--borda:#DCCFCE;--campo:#C9B6B4;
  --wine:#621244;--wine-dark:#3d0b2a;--rose:#E4D4D3;--paper:#FAFAFA;--ink:#1E0D1C;--muted:#5A4656;--line:#E9DEDD;
}
html{scroll-padding-top:96px}
body{background:var(--fundo);color:var(--tinta)}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,:focus-visible{outline:3px solid var(--vinho);outline-offset:3px}
.skip{left:12px;border-radius:12px;padding:14px 18px}

.wrap{max-width:1240px;margin:0 auto;padding:0 32px}

/* Faixa */
.topbar{background:var(--tinta);color:var(--rosa);font-size:11px;font-weight:600;letter-spacing:.16em;text-align:center;padding:10px 16px}
.topbar .so-desk{display:inline}

/* Cabeçalho */
.site-header{background:var(--fundo);border-bottom:1px solid var(--linha);position:sticky;top:0;z-index:30}
.site-header .wrap{padding-top:14px;padding-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:16px 32px}
.site-header .marca{flex:none;display:flex;flex-direction:row;align-items:center;gap:10px;color:var(--vinho);text-decoration:none;width:auto}
.site-header .marca img{width:132px;height:auto;display:block;object-fit:contain}
.site-header .marca span{font-size:10px;font-weight:700;letter-spacing:.22em;margin:0;color:var(--vinho)}
.nav-principal{display:flex;align-items:center;gap:4px 28px;font-size:15px;font-weight:500}
.nav-principal a{color:var(--tinta);text-decoration:none;padding:12px 0}
.nav-principal a:hover,.nav-principal a[aria-current]{color:var(--vinho)}
.nav-principal a[aria-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.site-header .acoes{display:flex;align-items:center;gap:10px;margin:0;padding:0;border:0}
.site-header .btn-icone,.site-header .saved-nav{position:relative;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:999px;border:1px solid var(--borda);background:#fff;color:var(--tinta);display:flex;align-items:center;justify-content:center;gap:0;cursor:pointer;text-decoration:none;padding:0}
.site-header .btn-icone:hover,.site-header .saved-nav:hover{background:var(--rosa-claro);color:var(--vinho)}
.site-header .btn-icone svg,.site-header .saved-nav svg{width:18px;height:18px}
.site-header .btn-icone[hidden],.site-header .saved-nav[hidden]{display:none}
/* Número no coração (favoritos) e na sacola (pedido do profissional) */
.site-header .btn-icone>span,.site-header .saved-nav>span{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--vinho);color:#fff;font-size:11px;font-weight:700;line-height:20px;text-align:center}
.site-header .vazio>span{display:none}
.site-header .btn-menu{display:none;border:0;background:var(--vinho);color:#fff}
.site-header .btn-menu:hover{background:var(--vinho-escuro);color:#fff}
.btn-salao{display:inline-flex;align-items:center;gap:8px;background:var(--vinho);color:#fff;text-decoration:none;font-size:14px;font-weight:600;padding:13px 20px;border-radius:999px;white-space:nowrap}
.btn-salao:hover{background:var(--vinho-escuro);color:#fff}
.btn-salao svg{width:16px;height:16px}
.site-header .menu-movel{border-top:1px solid var(--linha);padding:8px 16px 16px;display:flex;flex-direction:column;gap:0;background:var(--fundo)}
.site-header .menu-movel[hidden]{display:none!important}
.site-header .menu-movel a{color:var(--tinta);text-decoration:none;font-size:17px;font-weight:500;padding:14px 8px;border-bottom:1px solid var(--linha)}
.site-header .menu-movel a:last-child{border-bottom:0}

/* Rodapé */
footer.rodape{display:block;background:var(--fundo);border-top:1px solid var(--linha);padding:0;margin-top:40px;font-size:15px}
.rodape .eyebrow{margin:0;font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--vinho);text-transform:uppercase}
.rodape-main{padding-top:64px;padding-bottom:32px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px}
.rodape-marca{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:16px}
.rodape-marca img.logo{width:120px;height:auto;display:block}
.rodape-marca p{margin:0;font-size:15px;line-height:1.6;color:var(--texto);max-width:300px}
.rodape .form-cep{max-width:340px;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.rodape .form-cep label{font-size:13px;font-weight:600}
.rodape .form-cep .linha-cep{display:flex;flex-wrap:nowrap;gap:8px}
.rodape .form-cep input{flex:1 1 auto;min-width:0;width:auto;height:46px;border:1px solid var(--campo);border-radius:999px;padding:0 18px;font-family:inherit;font-size:16px;color:var(--tinta);background:#fff}
.rodape .form-cep button{flex:none;width:46px;height:46px;padding:0;border:0;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--vinho);color:#fff;cursor:pointer}
.rodape .form-cep button:hover{background:var(--vinho-escuro)}
.rodape .erro-cep{margin:0;font-size:14px;font-weight:600;color:#8A1538}
.rodape .erro-cep:empty{display:none}
.rodape nav{flex:0 1 180px;display:flex;flex-direction:column;gap:4px;font-size:15px}
.rodape nav .eyebrow{margin-bottom:8px}
.rodape nav a{color:var(--tinta);text-decoration:none;padding:6px 0}
.rodape nav a:hover{color:var(--vinho)}
.rodape-base{padding-top:20px;padding-bottom:32px;border-top:1px solid var(--linha);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13px;color:var(--texto-suave)}

/* Ajustes do miolo antigo ao cabeçalho novo */
.product-page .detail-media{top:96px}
.page-main{padding-bottom:40px}

/* Telas menores */
@media (max-width:1080px){
  .nav-principal,.btn-salao{display:none}
  .site-header .btn-menu{display:flex}
}
@media (min-width:721px) and (max-width:1080px){
  .wrap{padding-left:28px;padding-right:28px}
}
@media (max-width:720px){
  .wrap{padding:0 16px}
  .topbar{font-size:10px;letter-spacing:.14em;padding:9px 16px}
  .topbar .so-desk{display:none}
  .site-header .wrap{padding-top:12px;padding-bottom:12px;gap:12px}
  .site-header .marca img{width:112px}
  .site-header .marca span{display:none}
  .site-header .acoes{gap:8px}
  .rodape-main{padding-top:48px}
  .rodape .form-cep{max-width:none}
  .rodape nav{flex:1 1 140px}
  .rodape-base,.rodape-base *{overflow-wrap:anywhere}
  html{scroll-padding-top:84px}
  .product-page .detail-media{position:static}
}
@media (max-width:380px){
  .wrap{padding-left:14px;padding-right:14px}
  .site-header .acoes{gap:6px}
  .site-header .btn-icone,.site-header .saved-nav{width:40px;height:40px;min-width:40px;min-height:40px}
}

/* Miolo antigo alinhado às margens do cabeçalho novo */
.shell{width:min(1176px,calc(100% - 64px))}
@media (min-width:721px) and (max-width:1080px){.shell{width:calc(100% - 56px)}}
@media (max-width:720px){.shell{width:calc(100% - 32px)}}
@media (max-width:380px){.shell{width:calc(100% - 28px)}}

/* Menu com mais itens (ex.: "Materiais" do profissional): nada quebra linha */
.nav-principal a{white-space:nowrap}
.btn-salao svg{flex:none}
@media (min-width:1081px) and (max-width:1440px){
  .nav-principal{gap:4px 22px}
  .site-header .wrap{gap:16px 24px}
  .btn-salao{font-size:0;gap:0;width:44px;height:44px;padding:0;justify-content:center}
  .btn-salao svg{width:18px;height:18px}
}
/* Resumo da privacidade no rodapé */
.rodape-lgpd{padding-top:18px;padding-bottom:18px;border-top:1px solid var(--linha)}
.rodape-lgpd p{margin:0;max-width:880px;font-size:13px;line-height:1.6;color:var(--texto-suave)}
.rodape-lgpd strong{color:var(--tinta);font-weight:600}
.rodape-lgpd a{color:var(--vinho);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}

/* Categoria Manutenção alternando com Home Care (tools/categorias.py) */
.cat-duo{display:inline-grid;justify-items:start;vertical-align:bottom}.cat-duo>.cat-duo-a,.cat-duo>.cat-duo-b{grid-area:1/1;white-space:nowrap;animation:catDuo 6s ease-in-out infinite}.cat-duo>.cat-duo-b{animation-delay:-3s}
@keyframes catDuo{0%{opacity:0;transform:translateY(.4em)}8%,45%{opacity:1;transform:none}53%,100%{opacity:0;transform:translateY(-.4em)}}
@media(prefers-reduced-motion:reduce){.cat-duo>.cat-duo-b{display:none}.cat-duo>.cat-duo-a{animation:none;opacity:1}.cat-duo>.cat-duo-a::after{content:" (Home Care)"}}