/* Ateliê Kika Prado — extras compartilhados por todas as páginas:
   busca no cabeçalho, botão flutuante de WhatsApp e tag sutil das fotos. */
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Busca no cabeçalho ---------- */
.top .wrap,body>header>.wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;row-gap:10px}
body>header>.wrap{padding-top:12px;padding-bottom:12px}
.busca{position:relative;flex:1 1 280px;max-width:440px;min-width:0;margin:0 auto}
.busca input{width:100%;min-height:44px;padding:0 48px 0 18px;border-radius:999px;border:1px solid rgba(243,231,207,.2);background:rgba(243,231,207,.07);color:#f3e7cf;font:inherit;font-size:15px;outline:0;-webkit-appearance:none;appearance:none;transition:border-color .2s,background .2s,box-shadow .2s}
.busca input::placeholder{color:rgba(243,231,207,.55)}
.busca input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.busca input:focus{border-color:#e9b949;background:rgba(243,231,207,.11);box-shadow:0 0 0 3px rgba(233,185,73,.2)}
.busca button{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:#e9b949;display:grid;place-items:center;cursor:pointer}
.busca button:hover{background:rgba(233,185,73,.14)}
.busca button:focus-visible{outline:2px solid #e9b949;outline-offset:1px}
.busca svg{width:19px;height:19px}
@media (max-width:900px){.busca{flex-basis:200px;max-width:320px}}
@media (max-width:640px){
  .top .wrap{padding-top:8px;padding-bottom:10px;min-height:0}
  .top .wrap>.cta{margin-left:auto}
  .busca{order:3;flex:1 1 100%;max-width:none;margin:0}
  .busca input{font-size:16px} /* evita zoom automático no iOS */
}

/* ---------- Tag das fotos principais: sutil, no canto, some ao passar o mouse ---------- */
.stage .badge{left:auto;top:auto;right:10px;bottom:10px;padding:5px 9px;font-size:9.5px;letter-spacing:.12em;line-height:1.2;color:rgba(255,246,222,.9);background:rgba(31,19,12,.32);border:1px solid rgba(243,231,207,.16);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:.8;pointer-events:none;transition:opacity .3s}
.stage:hover .badge{opacity:0}
.stage .badge[hidden]{display:none}

/* ---------- Botão flutuante de WhatsApp (ateliê) ---------- */
.wa-float{position:fixed;right:18px;bottom:calc(18px + var(--wa-lift,0px) + env(safe-area-inset-bottom,0px));z-index:45;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;text-decoration:none;box-shadow:0 8px 22px rgba(0,0,0,.38);transition:transform .2s,bottom .35s;animation:waPulse 2.8s infinite}
.wa-float:hover{transform:scale(1.07)}
.wa-float:focus-visible{outline:3px solid #fff;outline-offset:3px}
.wa-float svg{width:32px;height:32px;fill:#fff}
@keyframes waPulse{0%{box-shadow:0 8px 22px rgba(0,0,0,.38),0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 8px 22px rgba(0,0,0,.38),0 0 0 15px rgba(37,211,102,0)}100%{box-shadow:0 8px 22px rgba(0,0,0,.38),0 0 0 0 rgba(37,211,102,0)}}
@media (max-width:640px){.wa-float{right:14px;width:54px;height:54px}.wa-float svg{width:30px;height:30px}}
@media (prefers-reduced-motion:reduce){.wa-float{animation:none;transition:none}}

/* ---------- Miniaturas: acompanha a quantidade de fotos (1 a 6) ---------- */
.thumbs{grid-template-columns:repeat(var(--n,5),minmax(0,1fr))}
@media (max-width:480px){.thumbs.n6{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* cards alinhados */
@supports (grid-template-rows: subgrid){
 .rel-grid .rel{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0;align-content:start}
 .rel-grid .rel .ph{grid-row:1}
 .rel-grid .rel .bd{display:contents}
 .rel-grid .rel h3{grid-row:2;padding:18px 18px 0;margin:0}
 .rel-grid .rel .val{grid-row:3;padding:8px 18px 0}
 .rel-grid .rel .inst{grid-row:4;padding:6px 18px 0}
 .rel-grid .rel .more{grid-row:5;align-self:end;margin:16px 18px 20px}
}
@supports not (grid-template-rows: subgrid){
 .rel h3{min-height:3.6em}
 .rel .val{min-height:5.2em}
}

/* tags discretas */
.rel .ph{position:relative}
.rel .ph .tag{position:absolute;left:auto;top:auto;right:9px;bottom:9px;padding:4px 8px;font-size:9px;letter-spacing:.12em;line-height:1.2;text-transform:uppercase;color:rgba(255,246,222,.92);background:rgba(31,19,12,.34);border:1px solid rgba(243,231,207,.16);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:.85;pointer-events:none;border-radius:999px;z-index:2}
/* tags nowrap */
.rel .ph .tag{white-space:nowrap;max-width:calc(100% - 18px);overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}
@media(max-width:600px){.rel .ph .tag{right:7px;bottom:7px;padding:3px 7px;font-size:8.5px;letter-spacing:.08em}}

/* mini natal */
.mini-natal{padding-block:clamp(26px,4vw,52px)}
.mn-box{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:clamp(18px,3.5vw,44px);align-items:center;padding:clamp(18px,3.4vw,40px);border-radius:clamp(20px,2.6vw,30px);border:1px solid rgba(233,185,73,.32);color:#fbf4e4;background:radial-gradient(120% 90% at 90% 0%,rgba(233,185,73,.2),transparent 55%),linear-gradient(135deg,#143d2d 0%,#0d2b20 60%,#10261c 100%);box-shadow:0 30px 54px -38px rgba(8,30,22,.75)}
.mn-box::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;background-image:radial-gradient(2px 2px at 8% 18%,#fff 55%,transparent 60%),radial-gradient(1.5px 1.5px at 24% 82%,#fff 55%,transparent 60%),radial-gradient(2px 2px at 41% 30%,#fff 55%,transparent 60%),radial-gradient(1.5px 1.5px at 56% 88%,#fff 55%,transparent 60%),radial-gradient(2px 2px at 72% 12%,#fff 55%,transparent 60%),radial-gradient(1.5px 1.5px at 92% 70%,#fff 55%,transparent 60%)}
.mn-eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#e9b949;font-weight:700}
.mn-txt h2{margin:6px 0 0;font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.6vw,42px);line-height:1.05;color:#fff7e6}
.mn-txt h2 em{font-style:italic;color:#e9b949}
.mn-txt p{margin:10px 0 0;max-width:36ch;font-size:15px;line-height:1.55;color:rgba(251,244,228,.82)}
.mn-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:16px;padding:0 24px;border-radius:999px;background:#e9b949;color:#2a1a0f;font-weight:700;font-size:14px;text-decoration:none;transition:transform .3s}
.mn-cta:hover{transform:translateY(-2px)}
.mn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.2vw,14px)}
.mn-it{display:block;text-decoration:none;color:inherit;min-width:0}
.mn-it .ph{aspect-ratio:1;overflow:hidden;border-radius:clamp(12px,1.5vw,16px);border:1px solid rgba(233,185,73,.38);background:#0d2b20}
.mn-it img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.mn-it:hover img{transform:scale(1.05)}
.mn-it b{display:block;margin-top:8px;font-family:var(--serif);font-weight:500;font-size:clamp(14px,1.5vw,17px);line-height:1.15;color:#fff7e6}
.mn-it span{display:block;margin-top:3px;font-size:12.5px;color:#e9b949;font-weight:700}
@media(max-width:760px){.mn-box{grid-template-columns:minmax(0,1fr)}.mn-txt p{max-width:none}.mn-it b{font-size:13px}.mn-it span{font-size:11.5px}}

/* menu mobile */
.menu-btn{display:none;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(243,231,207,.28);background:transparent;color:#f3e7cf;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.menu-btn[aria-expanded=true]{background:rgba(233,185,73,.14);border-color:#e9b949;color:#e9b949}
.menu-pop{position:absolute;left:0;right:0;top:100%;background:rgba(31,19,12,.98);border-bottom:1px solid rgba(243,231,207,.12);box-shadow:0 24px 40px -24px rgba(0,0,0,.6)}
.menu-pop[hidden]{display:none}
.menu-pop .wrap{display:flex;flex-direction:column;gap:2px;padding-top:8px;padding-bottom:14px}
.menu-pop a{display:block;padding:14px 4px;color:#f3e7cf;text-decoration:none;font-size:17px;font-weight:500;border-bottom:1px solid rgba(243,231,207,.08)}
.menu-pop a:last-child{border-bottom:0}
.menu-pop a:hover{color:#e9b949}
@media(max-width:1024px){.top nav{display:none!important}.menu-btn{display:inline-flex;order:2;margin-left:auto}.top .busca{order:3;flex:1 1 100%;max-width:none}}
@media(min-width:1025px){.menu-pop{display:none!important}}

.menu-pop{background:#1f130c;z-index:40}.menu-pop .wrap{align-items:stretch!important;text-align:left}.menu-pop a{text-align:left}

/* mini natal ajuste */
.mini-natal{padding-block:0 clamp(14px,2vw,24px)!important;margin-top:0}
.mn-hint{cursor:default;pointer-events:none;display:inline-block}

#relacionados.related:has(+ .mini-natal){padding-bottom:clamp(20px,3vw,36px)!important}

/* quem faz divisor */
section:has(+ #quem-faz){padding-bottom:clamp(44px,6vw,72px)!important}
#quem-faz{position:relative;padding-top:clamp(44px,6vw,72px)!important}
#quem-faz::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(176,132,44,.6) 50%,transparent 100%);pointer-events:none}
