/* ===== co · Capítulo 5 · Contato: o último quadro ===== */
.co-sec{--co-fecho:clamp(96px,11vw,150px);padding-bottom:calc(clamp(34px,4.4vw,60px) + var(--co-fecho))}
.co-malha{background:
    radial-gradient(circle at 8% 14% in oklab, #f6e6c0 0%, transparent 46%),
    radial-gradient(circle at 92% 8% in oklab, #f3cfda 0%, transparent 44%),
    radial-gradient(circle at 70% 78% in oklab, #efe2c4 0%, transparent 46%),
    radial-gradient(circle at 16% 92% in oklab, #dcd6e2 0%, transparent 44%),
    var(--papel)}

.co-pagina{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--g)}
.co-cap{margin-bottom:10px}
.co-cap .lead{margin-top:2px}

/* ---- ela: o requadro inclinado do reel, com o balão original vazando ---- */
.co-ela{--tl:14%;--br:8px;aspect-ratio:811/1400;width:calc(100% - 30px);z-index:3}
.co-ela .pn-in{background:var(--parede)}
.co-ela .pn-in img,.co-bal img{position:absolute;max-width:none;width:133.17cqw;height:auto;left:-15.17cqw;top:-19.48cqw}
.co-bal{position:absolute;inset:0;container-type:inline-size}
.co-bal img{clip-path:polygon(92.87% 25.00%,92.68% 26.21%,92.04% 27.38%,91.13% 28.48%,90.07% 29.51%,88.78% 30.44%,87.46% 31.30%,86.03% 32.08%,84.51% 32.77%,82.85% 33.32%,81.15% 33.78%,79.42% 34.13%,77.73% 34.43%,76.08% 34.68%,74.45% 34.89%,72.85% 35.06%,71.26% 35.21%,69.66% 35.33%,68.06% 35.31%,66.46% 35.27%,64.86% 35.21%,63.26% 35.06%,61.66% 34.89%,60.03% 34.68%,57.92% 34.88%,55.04% 35.45%,52.16% 35.65%,53.00% 33.47%,51.74% 32.70%,50.46% 31.93%,49.29% 31.09%,48.17% 30.22%,47.00% 29.31%,46.14% 28.30%,45.26% 27.26%,44.72% 26.15%,44.44% 25.00%,44.44% 23.84%,44.62% 22.68%,45.25% 21.56%,45.96% 20.48%,46.91% 19.45%,48.25% 18.57%,49.70% 17.77%,51.17% 17.03%,52.87% 16.46%,54.55% 15.94%,56.32% 15.57%,57.96% 15.17%,59.64% 14.85%,61.31% 14.58%,63.02% 14.44%,64.70% 14.28%,66.38% 14.21%,68.06% 14.22%,69.73% 14.21%,71.42% 14.28%,73.14% 14.33%,74.86% 14.48%,76.63% 14.66%,78.38% 14.94%,80.11% 15.32%,81.80% 15.78%,83.51% 16.31%,85.15% 16.93%,86.79% 17.62%,88.18% 18.46%,89.54% 19.37%,90.76% 20.35%,91.67% 21.44%,92.40% 22.59%,92.87% 23.78%)}
.co-nome{position:absolute;left:-8px;bottom:-15px;background:var(--papel-claro);padding:7px 11px 6px;pointer-events:auto}
.co-nome b{display:block;font-size:15px;letter-spacing:.04em}
.co-nome span{display:block;font-size:12px;letter-spacing:.02em;white-space:nowrap;color:var(--tinta-suave)}

/* ---- o mapa: quadro de ambientação, com a legenda do endereço na base ---- */
.co-mapa{--tr:9px;--bl:7px;margin-top:40px;z-index:2}
.co-mapa .pn-in{display:grid;grid-template-rows:minmax(230px,1fr) auto;background:var(--mel-claro)}
.co-mapa-v{position:relative;overflow:hidden;background:#e9e4d6}
.co-mapa iframe{position:absolute;inset:0 0 0 -64px;width:calc(100% + 64px);height:100%;border:0;pointer-events:none;filter:grayscale(1) contrast(1.14) brightness(1.02)}
.co-mapa-tom{position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply;
  background:linear-gradient(200deg in oklab,#f7dbe4 0%,#f6e6bd 100%)}
.co-mapa .ret{--ret-o:.26;--ret-t:7px;--ret-g:linear-gradient(135deg,#000 0%,#777 12%,#fff 30%)}
.co-pino{position:absolute;left:calc(50% - 32px);top:50%;width:52px;height:52px;margin:-48.5px 0 0 -26px;color:var(--pink);overflow:visible;transform-origin:50% 93%}
.co-chao{position:absolute;left:calc(50% - 32px);top:50%;width:34px;height:15px;margin:-7.5px 0 0 -17px;border-radius:50%;background:var(--tinta);opacity:.3}
.co-chao::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:3px solid var(--pink);opacity:0}
.visto .co-pino{animation:co-cai .62s var(--pop) 1s both}
.visto .co-chao{animation:co-chao .3s var(--ease) 1.3s both}
.visto .co-chao::after{animation:co-onda 1.5s var(--ease) 1.55s 2 both}
@keyframes co-cai{from{opacity:0;transform:translateY(-70px) scale(.9)}to{opacity:1;transform:none}}
@keyframes co-chao{from{opacity:0;transform:scale(.2)}to{opacity:.3;transform:none}}
@keyframes co-onda{0%{opacity:.9;transform:scale(.6)}100%{opacity:0;transform:scale(3.4)}}
.co-norte{position:absolute;right:7px;bottom:21px;width:50px;height:50px;border-radius:50%;background:var(--mel-claro);border:2.5px solid var(--tinta);box-shadow:3px 3px 0 var(--tinta);
  display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--f-balao);font-weight:700;font-size:12px;line-height:1;color:var(--tinta)}
.co-norte svg{width:20px;height:20px;margin-bottom:-1px;fill:var(--pink);stroke:var(--tinta);stroke-width:1.6;stroke-linejoin:round}
.co-mapa-ir{position:absolute;inset:0}
.co-mapa-tag{position:absolute;left:-7px;top:-12px}
.co-end{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:12px;font-style:normal;border-top:var(--bw) solid var(--tinta);padding:16px 18px 20px;
  background:radial-gradient(circle at 100% 0% in oklab,#f8ecca 0%,transparent 60%),var(--mel-claro)}
.co-end-t{display:flex;flex-direction:column;min-width:0}
.co-end-t b{font-family:var(--f-titulo);font-weight:400;font-size:21px;line-height:1.15}
.co-end-t>span{font-size:15.5px;line-height:1.4;margin-top:4px}
.co-end-bt{min-height:46px;white-space:nowrap}
.co-end-bt svg{width:15px;height:15px}

/* ---- WhatsApp: a faixa que fecha a página ---- */
.co-zap{--tl:8px;--br:9px;margin-top:6px}
.co-zap .pn-in{background:
    radial-gradient(circle at 72% 0% in oklab, #d93273 0%, transparent 50%),
    radial-gradient(circle at 96% 100% in oklab, #9c1848 0%, transparent 56%),
    var(--pink)}
.co-zap .ret{--ret-o:.2;--ret-t:7px;--ret-g:linear-gradient(140deg,#000 0%,#777 9%,#fff 24%)}
.co-zap-c{position:relative;padding:30px 22px 28px;color:#fff;display:flex;flex-direction:column;align-items:flex-start}
.co-rot{font-family:var(--f-balao);font-weight:700;text-transform:uppercase;letter-spacing:.09em;font-size:12.5px}
.co-num{font-family:var(--f-titulo);font-size:min(11cqw,6rem);line-height:1.05;letter-spacing:-.005em;white-space:nowrap;margin-top:6px;text-shadow:.045em .05em 0 #7a0f38}
.co-zap-marca{position:absolute;right:-34px;bottom:-46px;width:190px;height:190px;color:#fff;opacity:.13;rotate:-14deg;pointer-events:none;display:none}
.co-bt{margin-top:18px;min-height:54px;align-self:stretch;font-size:17px}
.co-zap :focus-visible{outline-color:var(--tinta)}

/* ---- telefone e Instagram ---- */
.co-mais{--tr:8px;--bl:8px}
.co-mais .pn-in{color:var(--papel);background:
    radial-gradient(circle at 96% 4% in oklab, #45283c 0%, transparent 52%),
    radial-gradient(circle at 0% 100% in oklab, #2d2738 0%, transparent 55%),
    var(--tinta)}
.co-mais .ret{--ret-o:.2;--ret-t:7px;--ret-g:linear-gradient(40deg,#000 0%,#777 14%,#fff 34%)}
.co-lista{position:relative;display:flex;flex-direction:column;justify-content:center;height:100%;padding:14px 22px 30px}
.co-lista li+li{border-top:1.5px dashed #6b6170}
.co-lista a{display:flex;align-items:center;gap:14px;min-height:64px;padding:10px 0;text-decoration:none}
.co-lista svg{width:26px;height:26px;flex:none;color:#ff6ea6}
.co-lista span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}
.co-lista small{font-family:var(--f-balao);font-weight:700;text-transform:uppercase;letter-spacing:.09em;font-size:12px;color:#d8d0d6}
.co-lista b{font-weight:500;font-size:19px;background:linear-gradient(#ff6ea6,#ff6ea6) 0 100%/0 2px no-repeat;transition:background-size .3s var(--ease)}
.co-lista a:hover b,.co-lista a:focus-visible b{background-size:100% 2px}
.co-mais :focus-visible{outline-color:#ff6ea6}

/* ---- recordatório final ---- */
.co-continua{justify-self:end;position:relative;z-index:4;font-family:var(--f-balao);font-weight:700;text-transform:uppercase;letter-spacing:.07em;font-size:16px;padding:13px 18px 12px;margin:-30px -4px 0 0;rotate:-2.5deg}

/* ---- a página se desfaz em retícula até a tinta do rodapé ---- */
.co-fecho{position:absolute;left:0;right:0;bottom:0;height:var(--co-fecho);z-index:-1;pointer-events:none;mix-blend-mode:multiply}
.co-fecho i{position:absolute;inset:0;overflow:hidden;background:#fff;filter:contrast(30)}
.co-fecho i::before{content:"";position:absolute;inset:-420px -140px;transform:rotate(28deg);background:radial-gradient(circle closest-side,#000,#fff) 0 0/9px 9px}
.co-fecho i::after{content:"";position:absolute;inset:0;mix-blend-mode:hard-light;background:linear-gradient(0deg,#000 -28%,#fff 112%)}
.co-fecho::after{content:"";position:absolute;inset:0;background:var(--tinta);mix-blend-mode:lighten}

@media (min-width:600px) and (max-width:1099px){
  .co-pagina{max-width:600px}
  .co-end{flex-direction:row;align-items:center;justify-content:space-between}
}

/* ================= desktop: a página montada ================= */
@media (min-width:1100px){
  .co-pagina{--co-vaza:34px;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto minmax(390px,1fr) auto}
  .co-cap{grid-column:1/9;grid-row:1;margin-bottom:22px}
  .co-ela{grid-column:9/13;grid-row:1/3;width:auto;margin:0 var(--co-vaza) -34px 0;align-self:end;aspect-ratio:811/1440}
  .co-nome{left:-13px;bottom:-20px;padding:9px 14px 8px}
  .co-nome b{font-size:17px}

  .co-mapa{grid-column:1/9;grid-row:2;margin-top:0;--tl:0px;--tr:12px;--bl:6px;--br:0px}
  .co-mapa-tag{left:-13px;top:18px;font-size:13px}
  .co-end{flex-direction:row;align-items:center;justify-content:space-between;gap:24px;padding:16px 26px 20px 28px}
  .co-end-t b{font-size:24px}
  .co-pino{width:62px;height:62px;margin:-57.5px 0 0 -31px}
  .co-chao{width:40px;height:17px;margin:-8.5px 0 0 -20px}

  .co-zap{grid-column:1/9;grid-row:3;margin-top:-4px;--tl:7px;--tr:0px;--rb:22px;--br:9px}
  .co-zap-c{padding:36px 60px 40px 40px;height:100%;justify-content:center}
  .co-rot{font-size:13.5px}
  .co-num{font-size:min(10.2cqw,5.4rem)}
  .co-zap-marca{display:block;width:31cqw;height:31cqw;right:-4cqw;bottom:-11cqw}
  .co-bt{align-self:flex-start;padding:18px 30px;min-height:60px;font-size:18px;margin-top:22px}
  .co-bt svg{width:23px;height:23px}
  .co-mais{grid-column:9/13;grid-row:3;margin:-4px var(--co-vaza) 0 -22px;--lb:22px;--tl:0px;--tr:8px;--bl:0px;--br:10px}
  .co-lista{padding:62px 26px 34px 46px}
  .co-continua{grid-column:8/13;grid-row:3;align-self:end;font-size:18px;padding:15px 22px 13px;margin:0 calc(var(--co-vaza) - 14px) -30px 0}
}
@media (min-width:1330px){.co-pagina{--co-vaza:0px}}