/* fl. 06 · Local e data (contato). Topo em --e-nevoa, pé em --e-parede. */
.co-secao{position:relative;isolation:isolate;overflow:hidden;padding:var(--e-secao) var(--e-margem) clamp(56px,7vw,110px);
  background:
    radial-gradient(46% 22% at 6% 20% in oklab, var(--e-papel) 0%, transparent 72%),
    radial-gradient(40% 24% at 88% 22% in oklab, var(--e-parede) 0%, transparent 72%),
    radial-gradient(50% 22% at 18% 74% in oklab, var(--e-nevoa) 0%, transparent 72%),
    linear-gradient(180deg in oklab, var(--e-nevoa) 0%, var(--e-nevoa) 4%, var(--e-parede) 96%, var(--e-parede) 100%)}
.co-dentro{max-width:1320px;margin:0 auto;--co-sob:clamp(150px,17vw,250px)}
.co-cab{padding-bottom:14px;border-bottom:1px solid rgba(11,19,45,.16)}

/* abertura: o título e os dois, de pé atrás da folha */
.co-topo{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,3vw,56px);align-items:end;margin-top:clamp(28px,3.4vw,52px)}
.co-abre{padding-bottom:calc(var(--co-sob) + clamp(36px,4.4vw,68px))}
.co-titulo{font-family:var(--e-serifa);font-weight:400;letter-spacing:-.02em;line-height:1.02;color:var(--e-tinta)}
.co-t1,.co-t2{display:block}
.co-t1{font-style:italic;font-size:clamp(19px,2.05vw,31px);letter-spacing:-.005em;color:var(--e-tinta-2);margin-bottom:.6em}
.co-t2{font-size:clamp(42px,6.2vw,96px)}
.co-apoio{font-size:clamp(15.5px,1.15vw,17.5px);line-height:1.6;color:var(--e-tinta-2);max-width:29em;margin-top:clamp(18px,2vw,28px)}
.co-dois{position:relative;justify-self:center;width:min(480px,100%);margin-top:44px}
.co-dois::before{content:"";position:absolute;z-index:-1;inset:-14% -34% 6% -34%;background:radial-gradient(50% 50% at 50% 46% in oklab, var(--e-parede-2) 0%, var(--e-parede) 42%, transparent 100%);opacity:.7}
.co-dois img{width:100%;height:auto}
.co-dois figcaption span{position:absolute;transform:translateX(-50%);display:grid;justify-items:center;gap:7px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--e-tinta);font-weight:600;white-space:nowrap}
.co-dois figcaption span::after{content:"";width:1px;height:16px;background:var(--e-ouro-tinta)}
.co-ela{left:21.5%;bottom:91.5%}
.co-ele{left:60.5%;bottom:100.6%}

/* a folha de fecho */
.co-folha{position:relative;z-index:1;margin-top:calc(-1 * var(--co-sob));background:linear-gradient(178deg,var(--e-papel-claro),var(--e-papel) 60%,var(--e-papel-2));padding:22px clamp(26px,3.6vw,56px) clamp(34px,4vw,60px) clamp(58px,5.4vw,88px);transform:rotate(-.35deg);box-shadow:0 1px 0 rgba(11,19,45,.08),0 -16px 40px -30px rgba(11,19,45,.4),0 34px 60px -30px rgba(11,19,45,.55)}
.co-folha::before{content:"";position:absolute;left:clamp(30px,2.8vw,44px);top:0;bottom:0;width:1px;background:var(--e-margem-rosa);opacity:.8}
.co-folha-cab{display:flex;justify-content:space-between;gap:16px;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--e-ouro-tinta);font-weight:600;padding-bottom:12px}

.co-tempos{list-style:none;display:grid}
.co-tempo{display:grid;grid-template-columns:clamp(50px,5vw,78px) minmax(0,1fr) auto;gap:6px clamp(18px,3vw,48px);align-items:end;border-top:1px solid rgba(11,19,45,.16);padding:14px 0 12px}
.co-num{align-self:start;font-family:var(--e-serifa);font-style:italic;font-size:clamp(28px,2.7vw,40px);line-height:1;color:var(--e-ouro-tinta);padding-top:2px}
.co-oque{font-family:var(--e-serifa);font-weight:400;font-size:clamp(19px,1.65vw,25px);line-height:1.18;letter-spacing:-.01em;margin-bottom:4px}
.co-tx p{font-size:15.5px;line-height:1.55;color:var(--e-tinta-2)}
.co-mao{font-family:var(--e-mao);font-size:clamp(28px,2.7vw,40px);line-height:1;color:var(--e-ardosia);white-space:nowrap;text-align:right;min-width:min(30vw,400px);padding:0 8px 5px 18px;border-bottom:1px dotted rgba(11,19,45,.45)}
.co-falas{display:flex;flex-wrap:wrap;gap:6px 36px;margin-top:10px}
.co-tx .co-fala{font-size:14px;line-height:1.5;max-width:27em}
.co-fala q{font-family:var(--e-serifa);font-style:italic;color:var(--e-tinta);quotes:"“" "”"}
.co-fala cite{display:block;font-style:normal;font-size:12.5px;color:var(--e-tinta-2);margin-top:2px}

.co-fecho{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4.4vw,76px);align-items:end;padding-top:clamp(40px,4.4vw,64px);border-top:1px solid rgba(11,19,45,.16)}

/* o anexo: preso com clipe na folha */
.co-onde{position:relative;background:var(--e-papel-claro);padding:20px 20px 20px;transform:rotate(-1.3deg);box-shadow:0 0 0 1px rgba(11,19,45,.07),0 20px 34px -22px rgba(11,19,45,.5)}
.co-clipe{position:absolute;left:34px;top:-24px;width:22px;height:54px;color:var(--e-ouro);filter:drop-shadow(0 1px 0 rgba(11,19,45,.3))}
.co-onde-cab{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--e-ouro-tinta);font-weight:600;padding:0 0 10px 52px;border-bottom:1px solid rgba(11,19,45,.16)}
.co-end{font-style:normal;display:grid;gap:2px;padding:14px 0 14px}
.co-end-1{font-family:var(--e-serifa);font-size:clamp(20px,1.7vw,25px);line-height:1.2;letter-spacing:-.01em}
.co-end-2,.co-end-3{font-size:15px;color:var(--e-tinta-2)}
.co-mapa{position:relative;height:clamp(230px,21vw,290px);background:repeating-linear-gradient(28deg,transparent 0 58px,color-mix(in oklab,var(--e-papel-claro) 55%,transparent) 58px 62px),repeating-linear-gradient(-62deg,transparent 0 84px,color-mix(in oklab,var(--e-papel-claro) 55%,transparent) 84px 87px),var(--e-nevoa);border:1px solid rgba(11,19,45,.2);overflow:hidden}
.co-mapa iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.6) sepia(.16) contrast(.94) brightness(1.03)}
.co-mapa::after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--e-nevoa);mix-blend-mode:multiply;opacity:.55}
.co-notas{list-style:none;display:grid;margin-top:8px}
.co-notas li{font-size:14px;color:var(--e-tinta-2);padding:7px 0;border-bottom:1px solid rgba(11,19,45,.16)}
.co-rota{display:inline-block;margin-top:14px;font-size:14.5px;font-weight:500;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.co-rota:hover{color:var(--e-ardosia)}

/* as assinaturas */
.co-termo-topo{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.co-termo-abre{font-family:var(--e-serifa);font-style:italic;font-size:clamp(16px,1.35vw,20px);color:var(--e-tinta);max-width:15em}
/* carimbo datador: tinta ardósia, batido torto */
.co-carimbo{flex:none;display:grid;justify-items:center;gap:3px;padding:9px 16px 8px;border:1.5px solid currentColor;outline:1px solid currentColor;outline-offset:2px;color:var(--e-ardosia);opacity:.78;transform:rotate(-5deg);margin:0 10px 6px 0;text-transform:uppercase;font-weight:600;text-align:center;white-space:nowrap}
.co-car-1,.co-car-3{font-size:9.5px;letter-spacing:.22em}
.co-car-2{font-size:clamp(17px,1.6vw,22px);letter-spacing:.14em;line-height:1.1;padding:3px 0 2px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;width:100%}
.co-pares{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px clamp(18px,3vw,44px);margin-top:10px}
.co-par{display:grid}
.co-ass{display:block;font-family:var(--e-mao);font-size:clamp(30px,2.9vw,44px);line-height:1.1;color:var(--e-ardosia);white-space:nowrap;padding:14px 6px 0 6px;border-bottom:1px solid rgba(11,19,45,.55)}
.co-ass span{display:inline-block;transform-origin:left bottom}
.co-ass--1 span{transform:rotate(-2.2deg) translateY(3px)}
.co-ass--2 span{transform:rotate(-1deg) translateY(4px)}
.co-quem{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--e-tinta-2);padding-top:7px}

.co-voce{margin-top:clamp(18px,2.2vw,32px)}
.co-risco{position:relative;display:flex;align-items:flex-end;min-height:clamp(78px,8.4vw,124px);padding:0 0 10px 40px;font-size:clamp(50px,6.4vw,98px)}
.co-xis{position:absolute;left:2px;bottom:12px;font-family:var(--e-sem);font-style:normal;font-weight:300;font-size:28px;line-height:1;color:var(--e-ouro-tinta)}
.co-seu{font-family:var(--e-mao);font-size:1em;line-height:.9;color:var(--e-ardosia);white-space:nowrap;display:inline-block;padding:0 .14em 0 0}
.co-seu.co-vazio{color:color-mix(in oklab,var(--e-ardosia) 58%,var(--e-papel))}
.co-linha{position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--e-tinta);opacity:.75}
.co-campo{display:flex;align-items:baseline;gap:10px;margin-top:10px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--e-ouro-tinta);font-weight:600}
.co-campo input{flex:1;min-width:0;max-width:280px;border:0;border-bottom:1px dotted rgba(11,19,45,.45);background:transparent;font:400 16px var(--e-sem);letter-spacing:.01em;color:var(--e-tinta);padding:6px 2px;border-radius:0}
.co-campo input::placeholder{color:var(--e-tinta-2);opacity:.8;font-size:14px}
.co-campo input:focus{outline:none;border-bottom:1px solid var(--e-ardosia);box-shadow:0 1px 0 var(--e-ardosia)}

.co-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:clamp(20px,2.2vw,30px)}
.co-btn{background:var(--e-tinta);color:var(--e-papel);text-decoration:none;padding:18px 32px;font-weight:500;font-size:16px;letter-spacing:.02em;border-radius:2px;transition:background .3s}
.co-btn:hover{background:var(--e-ardosia)}
.co-nota{font-size:13.5px;color:var(--e-tinta-2);max-width:17em;line-height:1.45}
.co-vias{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(18px,3vw,44px);margin-top:22px;border-top:1px solid rgba(11,19,45,.16)}
.co-vias li{display:grid;gap:1px;padding-top:12px}
.co-vias span{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--e-ouro-tinta)}
.co-vias a{font-family:var(--e-serifa);font-size:clamp(16px,1.35vw,19px);text-decoration:none;justify-self:start;border-bottom:1px solid transparent;padding:4px 0}
.co-vias a:hover{border-bottom-color:currentColor}

/* o gesto: as assinaturas são escritas quando a folha entra */
.co-seu.co-trocando{clip-path:inset(-30% 100% -30% 0)!important;transition:none!important}
@media (prefers-reduced-motion:no-preference){
  .co-js .co-ass span,.co-js .co-seu{clip-path:inset(-30% 100% -30% 0);transition:clip-path 1.1s var(--e-curva)}
  .co-js .co-linha{transform:scaleX(0);transform-origin:left;transition:transform .9s ease 1.9s}
  .co-js.co-visto .co-ass span,.co-js.co-visto .co-seu{clip-path:inset(-30% -5% -30% 0)}
  .co-js.co-visto .co-ass--1 span{transition-delay:.2s}
  .co-js.co-visto .co-ass--2 span{transition-delay:1.05s}
  .co-js.co-visto .co-linha{transform:none}
  .co-js.co-visto .co-seu{transition-delay:2.4s}
  .co-js.co-visto.co-pronto .co-seu{transition-delay:0s}
}

@media (max-width:1000px){
  .co-fecho{grid-template-columns:minmax(0,1fr);gap:44px}
  .co-onde{max-width:560px}
  .co-mao{min-width:0}
}
@media (max-width:760px){
  .co-secao{padding-left:0;padding-right:0}
  .co-dentro{--co-sob:clamp(120px,36vw,170px)}
  .co-cab,.co-abre{margin-left:20px;margin-right:20px}
  .co-topo{grid-template-columns:minmax(0,1fr);gap:8px}
  .co-abre{padding-bottom:0}
  .co-dois{width:min(340px,82%);margin-top:56px}
  .co-dois figcaption span{font-size:9.5px;letter-spacing:.16em}
  .co-folha{margin-left:12px;margin-right:12px;padding:16px 16px 28px 34px}
  .co-folha::before{left:22px}
  .co-tempo{grid-template-columns:40px minmax(0,1fr);gap:2px 4px;padding:12px 0 8px}
  .co-mao{grid-column:1 / -1;justify-self:end;font-size:27px;padding:2px 4px 4px 14px;min-width:62%}
  .co-falas{gap:8px}
  .co-onde{padding:18px 14px 18px;margin-left:-8px}
  .co-mapa{height:240px}
  .co-termo-topo{align-items:center}
  .co-carimbo{padding:7px 10px 6px;margin-right:2px}
  .co-car-1,.co-car-3{font-size:8.5px;letter-spacing:.16em}
  .co-car-2{font-size:15px;letter-spacing:.1em}
  .co-pares{grid-template-columns:minmax(0,1fr);gap:8px}
  .co-ass{font-size:clamp(30px,9vw,36px)}
  .co-risco{font-size:clamp(46px,14vw,60px);min-height:80px;padding-left:28px}
  .co-xis{font-size:22px}
  .co-campo{flex-direction:column;align-items:stretch;gap:2px}
  .co-campo input{max-width:none}
  .co-btn{flex:1 1 100%;text-align:center}
  .co-nota{max-width:none}
  .co-vias{gap:0 14px}
  .co-vias span{font-size:9.5px;letter-spacing:.1em;white-space:nowrap}
  .co-vias a{font-size:15.5px;white-space:nowrap}
}