/* Bichos & Cia 8.36.0 — campanhas de outubro, sacola flutuante, cabeçalho de 981 a 1220 px e página de conteúdos. */

/* ---------- 1. Banners das campanhas ---------- */
.campaigns-v836{max-width:1220px;margin:clamp(22px,4vw,44px) auto;padding:0 16px;display:grid;gap:18px}
@media (min-width:1040px){.campaigns-v836.is-pair{grid-template-columns:1fr 1fr}}
.campaign-v836{position:relative;display:grid;grid-template-columns:minmax(0,1fr);border-radius:26px;overflow:hidden;isolation:isolate;box-shadow:0 18px 44px rgba(7,29,53,.10)}
.campaign-copy-v836{position:relative;z-index:1;padding:clamp(22px,3.2vw,40px);display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.campaign-kicker-v836{display:inline-flex;align-items:center;gap:8px;font:800 .72rem/1.2 Manrope,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.campaign-kicker-v836 svg{width:14px;height:19px;fill:currentColor}
.campaign-v836 h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.85rem,1.2rem + 2.4vw,2.9rem);line-height:1.04;letter-spacing:-.02em;color:#0b2440}
.campaign-v836 h2 em{font-style:normal}
.campaign-v836 p{margin:0;max-width:34em;font-size:1rem;line-height:1.6;color:#34485a}
.campaign-v836 small{display:block;font-size:.76rem;line-height:1.5;color:#5b6b79}
.campaign-actions-v836{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:4px}
.campaign-link-v836{font-weight:700;font-size:.92rem;color:#0b2440;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.campaign-photo-v836{position:relative;margin:0;min-height:210px;order:-1}
.campaign-photo-v836 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
@media (min-width:700px){
  .campaign-v836{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}
  .campaign-photo-v836{order:0;min-height:100%}
}
@media (min-width:1040px){
  .campaigns-v836:not(.is-pair) .campaign-v836{grid-template-columns:minmax(0,1.5fr) minmax(0,.5fr)}
  .campaigns-v836:not(.is-pair) .campaign-photo-v836{min-height:320px}
}

/* Dia das Crianças: papel de festa claro, confete e cupom recortável. */
.campaign-kids-v836{background:#fff5e6;background-image:radial-gradient(circle at 12% 18%,rgba(255,196,77,.35) 0 60px,transparent 61px),radial-gradient(circle at 88% 110%,rgba(0,166,170,.16) 0 120px,transparent 121px)}
.campaign-kids-v836 .campaign-kicker-v836{color:#b85300}
.campaign-kids-v836 .campaign-kicker-v836::before{content:"";width:22px;height:2px;border-radius:2px;background:#f28c28}
.campaign-kids-v836 h2 em{color:#e86a10}
.campaign-kids-v836 .campaign-photo-v836 img{object-position:50% 34%}
.campaign-kids-v836 .campaign-photo-v836::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff5e6 0,rgba(255,245,230,0) 22%)}
@media (max-width:699px){
  .campaign-kids-v836 .campaign-photo-v836 img{object-position:50% 50%}
  .campaign-kids-v836 .campaign-photo-v836::after{background:linear-gradient(0deg,#fff5e6 0,rgba(255,245,230,0) 22%)}
}
.confetti-v836{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:
  radial-gradient(circle,#f28c28 0 4px,transparent 5px),radial-gradient(circle,#00a6aa 0 3px,transparent 4px),radial-gradient(circle,#e9b95c 0 4px,transparent 5px),
  radial-gradient(circle,#d6336c 0 3px,transparent 4px),radial-gradient(circle,#2f6fdb 0 3px,transparent 4px),radial-gradient(circle,#f28c28 0 3px,transparent 4px);
  background-size:100% 100%;background-repeat:no-repeat;background-position:18% 14%,78% 10%,86% 46%,12% 64%,66% 86%,30% 90%}
.campaign-coupon-v836{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:8px 8px 8px 14px;border:2px dashed #f28c28;border-radius:14px;background:#fff}
.campaign-coupon-v836 span{font:800 .66rem/1 Manrope,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9a4a00}
.campaign-coupon-v836 code{font:800 clamp(1.05rem,.9rem + .7vw,1.35rem)/1 Consolas,"SFMono-Regular",Menlo,monospace;letter-spacing:.08em;color:#0b2440;white-space:nowrap}
.campaign-coupon-v836 button{min-height:36px;padding:0 12px;border:0;border-radius:10px;background:#0b2440;color:#fff;font:700 .8rem/1 Manrope,system-ui,sans-serif;cursor:pointer}
.campaign-coupon-v836 button[data-copied]{background:#0b8e5c}
.campaign-kids-v836 .button-primary{background:#e86a10;border-color:#e86a10;color:#fff}
.campaign-kids-v836 .button-primary:hover{background:#c95a0b;border-color:#c95a0b}

/* Outubro Rosa: rosa claro com laço. */
.campaign-pink-v836{background:linear-gradient(135deg,#fff3f7 0%,#ffe0eb 100%)}
.campaign-pink-v836::before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:rgba(214,51,108,.08);z-index:0}
.campaign-pink-v836 .campaign-kicker-v836{color:#c2255c}
.campaign-pink-v836 h2 em{color:#d6336c}
.campaign-pink-v836 .campaign-photo-v836 img{object-position:34% 62%}
.campaign-pink-v836 .campaign-photo-v836::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffe8f0 0,rgba(255,232,240,0) 22%)}
@media (max-width:699px){.campaign-pink-v836 .campaign-photo-v836::after{background:linear-gradient(0deg,#fff3f7 0,rgba(255,243,247,0) 30%)}}
.campaign-pink-v836 .button-primary{background:#d6336c;border-color:#d6336c;color:#fff}
.campaign-pink-v836 .button-primary:hover{background:#b82a5c;border-color:#b82a5c}

/* Faixa do topo durante as campanhas. */
.announcement.announcement-pink-v836{background:linear-gradient(90deg,#8c1d47,#c2255c 60%,#d6336c)}
.announcement.announcement-kids-v836{background:linear-gradient(90deg,#8a3b00,#c95a0b 60%,#e86a10)}
.announcement.announcement-pink-v836 b,.announcement.announcement-kids-v836 b{color:#fff3c4}
.announcement.announcement-pink-v836 span,.announcement.announcement-kids-v836 span{background:#fff3c4}

/* ---------- 2. Sacola flutuante (até 980 px o botão do cabeçalho fica escondido) ---------- */
.cart-fab-v836{display:none}
@media (max-width:980px){
  html[data-bc-cart-count]:not([data-bc-cart-count="0"]) .cart-fab-v836{display:inline-flex}
  .cart-fab-v836{position:fixed;left:16px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;align-items:center;gap:8px;min-height:52px;padding:0 18px 0 14px;border:0;border-radius:999px;background:#0b2440;color:#fff;font:800 .92rem/1 Manrope,system-ui,sans-serif;box-shadow:0 12px 30px rgba(7,29,53,.28);cursor:pointer}
  .cart-fab-v836 svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .cart-fab-v836 [data-cart-count]{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#e9b95c;color:#0b2440;font-size:.78rem}
  body.commerce-overlay-open .cart-fab-v836{display:none!important}
}

/* ---------- 3. Cabeçalho entre 981 e 1220 px: 4 itens em 4 colunas ----------
   Antes eram 3 colunas para 4 itens, e "Sacola"/"Agendar" caíam para uma
   segunda linha, por cima do conteúdo, durante a rolagem. */
@media (min-width:981px) and (max-width:1220px){
  .bc-v610 .site-header,.bc-v610 .site-header-v600{grid-template-columns:minmax(0,1fr) auto minmax(170px,280px) auto!important}
  .bc-v610 .header-actions{gap:8px}
}
/* Ícone do menu sempre visível: em páginas sem --brand (ex.: /conteudos) as barras ficavam transparentes. */
.bc-v610 .nav-toggle span{background:var(--brand,#17354e)}

/* ---------- 4. /conteudos: grade mais compacta e busca nos guias ---------- */
@media (min-width:1100px){
  .posts-index-v834 .editorial-grid-v610{grid-template-columns:repeat(3,minmax(0,1fr))}
  .posts-index-v834 .editorial-card-v610.is-leading{grid-column:1/-1}
}
.posts-index-v834 .editorial-card-v610:not(.is-leading) h2{font-size:clamp(1.12rem,.95rem + .55vw,1.38rem);line-height:1.22}
.posts-index-v834 .editorial-card-v610:not(.is-leading) p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* Até 1099 px a foto da equipe ocupava ~390 px e o primeiro guia só aparecia perto de 1.150 px. */
@media (max-width:1099px){
  .posts-index-v834 .editorial-hero-v610 figure,.posts-index-v834 .editorial-hero-v610 figure img{height:clamp(170px,32vw,240px)!important}
  .posts-index-v834 .editorial-hero-v610 figure img{object-position:50% 38%}
}
.posts-search-v836{display:flex;align-items:center;gap:10px;max-width:520px;margin:0 0 14px;padding:0 6px 0 14px;min-height:48px;border:1px solid #d7e2e6;border-radius:14px;background:#fff}
.posts-search-v836 svg{flex:0 0 auto;width:18px;height:18px;fill:none;stroke:#557083;stroke-width:2;stroke-linecap:round}
.posts-search-v836 input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 1rem/1.3 Manrope,system-ui,sans-serif;color:#0b2440}
.posts-search-v836:focus-within{border-color:#087d76;box-shadow:0 0 0 3px rgba(8,125,118,.15)}
.posts-search-empty-v836{margin:6px 0 18px;color:#5b6b79}

/* Capas editoriais (1200x630) têm o texto à esquerda e a foto à direita: em
   molduras recortadas (topo de promoções/serviços e cartões fora de /conteudos)
   mostra-se a foto, não o texto cortado. */
.content-hero-v610 figure img[src*="/editorial/"],
.bc-v610:not(.posts-index-v834) .editorial-card-media img[src*="/editorial/"]{object-position:right center}

/* ---------- 5. Página de preferências de e-mail ---------- */
.optout-v836{max-width:720px;margin:clamp(40px,8vw,90px) auto;padding:0 18px;display:grid;gap:14px;justify-items:start}
.optout-v836 h1{margin:0;font-size:clamp(1.7rem,1.2rem + 2vw,2.5rem);line-height:1.15;color:#071d35}
.optout-v836 p{margin:0;font-size:1.05rem;line-height:1.65;color:#34485a}
.optout-v836 form{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}