/* Seções · cada uma é uma folha do mesmo prontuário */

/* >metodo */
/* folha solta: a mesma ficha do hero, usada pelas seções */
.folha-solta{position:relative;background:var(--folha);padding:34px 38px 34px 64px;box-shadow:0 1px 0 rgba(255,255,255,.9) inset, 0 34px 50px -34px rgba(71,16,22,.55), 0 2px 6px rgba(71,16,22,.08);
  background-image:linear-gradient(90deg, transparent 43px, var(--margem-vermelha) 43px, var(--margem-vermelha) 44px, transparent 44px)}
.folha-solta::before{content:"";position:absolute;left:16px;top:10%;bottom:10%;width:11px;background:radial-gradient(circle at 50% 5.5px, var(--papel) 5px, transparent 5.5px) 0 0/11px 33.33% repeat-y;filter:drop-shadow(0 1px 0 rgba(71,16,22,.18))}

.metodo .miolo{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(30px,6vw,90px);align-items:start}
.metodo-cab{position:sticky;top:40px}
.metodo-cab h2{margin-top:16px}
.metodo-intro{margin-top:22px;max-width:27em}
.polaroide{position:relative;margin-top:54px;width:min(78%,330px);background:var(--folha);padding:10px 10px 0;box-shadow:0 30px 40px -28px rgba(71,16,22,.6)}
.polaroide img{aspect-ratio:1/1.05;object-fit:cover;object-position:50% 56%;width:100%}
.polaroide figcaption{font-family:var(--maquina);font-size:11.5px;letter-spacing:.06em;color:var(--tinta-suave);padding:16px 4px 26px}
.polaroide .clipe{position:absolute;left:24px;top:-28px;z-index:2}
.polaroide .carimbo{position:absolute;right:12px;bottom:9px;mix-blend-mode:normal;font-size:9px;padding:3px 7px}
.polaroide .carimbo b{font-size:11px}
.fio{display:inline-block;margin-top:34px;font-family:var(--maquina);font-weight:700;font-size:14px;color:var(--vinho);border-bottom:1.5px solid var(--vinho);padding-bottom:4px;transition:letter-spacing .3s}
.fio:hover{letter-spacing:.04em}

.lista-cab{display:flex;gap:18px;align-items:baseline;flex-wrap:wrap;font-family:var(--maquina);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-suave);padding-bottom:12px;border-bottom:1.5px solid var(--vinho)}
.lista-cab b{color:var(--vinho)}
.lista ol{list-style:none}
.lista li{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(0,200px);gap:18px 22px;padding:24px 0 24px;border-bottom:1px solid var(--pauta);align-items:start}
.quando{display:block;font-family:var(--maquina);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--vinho-2);margin-bottom:4px}
.lista .conferiu{margin-top:22px;font-family:var(--maquina);font-size:12.5px;line-height:1.45;color:var(--tinta);padding-left:14px;border-left:1.5px solid var(--bege);opacity:0;transform:translateX(10px);transition:opacity .7s var(--curva) .7s, transform .7s var(--curva) .7s}
.lista li.visto .conferiu, html:not(.js) .lista .conferiu{opacity:1;transform:none}
.lista .conferiu cite{display:block;margin:6px 0 0;white-space:normal}
.lista .riscado > div{grid-column:2 / -1}
.lista-pe{display:flex;justify-content:space-between;gap:16px;margin-top:22px;padding-top:12px;border-top:1.5px solid var(--vinho);font-family:var(--maquina);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-suave)}
.lista li:last-child{border-bottom:0;padding-bottom:6px}
.caixa{width:30px;height:30px;border:1.5px solid var(--vinho);margin-top:26px;display:grid;place-items:center}
.caixa svg{width:34px;height:34px;overflow:visible;margin:-8px 0 0 6px}
.caixa path{fill:none;stroke:var(--vinho);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:32;stroke-dashoffset:32;transition:stroke-dashoffset .55s var(--curva) .25s}
.lista li.visto .caixa path, html:not(.js) .caixa path{stroke-dashoffset:0}
.lista h3{font-family:var(--titulo);font-weight:400;font-size:clamp(1.9rem,3.2vw,2.9rem);line-height:1.05;color:var(--vinho)}
.lista p{margin-top:8px;max-width:31em}
.lista .riscado h3{color:var(--tinta-suave)}
.lista .riscado h3 span{position:relative}
.lista .riscado h3 span::after{content:"";position:absolute;left:-6px;right:-8px;top:54%;height:2.5px;background:var(--vinho);transform:scaleX(0) rotate(-1.2deg);transform-origin:left;transition:transform .7s var(--curva) .4s}
.lista .riscado.visto h3 span::after, html:not(.js) .lista .riscado h3 span::after{transform:scaleX(1) rotate(-1.2deg)}
.lista .riscado p{font-style:italic}
.lista cite{font-family:var(--maquina);font-style:normal;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-suave);white-space:nowrap;margin-left:4px}

@media (max-width:900px){
  .metodo .miolo{grid-template-columns:1fr;gap:34px}
  .metodo-cab{position:static}
  .polaroide{margin:34px 8px -54px auto;width:44%;z-index:3}
  .polaroide figcaption{padding:10px 2px 40px}
  .polaroide .carimbo{right:8px;bottom:6px}
  .fio{display:none}
  .lista-cab{padding-right:48%;min-height:74px;align-content:end}
  .lista .conferiu{grid-column:2;margin-top:0}
  .lista-pe{font-size:9.5px}
  .folha-solta{padding:24px 18px 24px 40px;background-image:linear-gradient(90deg, transparent 27px, var(--margem-vermelha) 27px, var(--margem-vermelha) 28px, transparent 28px)}
  .folha-solta::before{left:8px;width:9px;background:radial-gradient(circle at 50% 4.5px, var(--papel) 4px, transparent 4.5px) 0 0/9px 33.33% repeat-y}
  .lista li{grid-template-columns:26px 1fr;gap:10px 12px;padding:20px 0 18px}
  .caixa{width:24px;height:24px;margin-top:22px}
  .caixa svg{width:26px;height:26px;margin:-7px 0 0 5px}
}
.lista-pe span:last-child{white-space:nowrap}
/* <metodo */

/* >trajetoria */
.traj-cab{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:40px;align-items:end;margin-bottom:54px}
.traj-cab h2{margin-top:16px}
.traj-intro{max-width:24em;padding-bottom:8px}
.servico{padding-top:30px;padding-bottom:40px}
.servico-grade{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(28px,5vw,70px);margin-top:30px;align-items:start}
.tres-por-quatro{position:relative;width:205px;background:#fff;padding:7px;box-shadow:0 18px 26px -18px rgba(71,16,22,.6);transform:rotate(2.5deg)}
.tres-por-quatro img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 18%}
.tres-por-quatro .clipe{position:absolute;left:16px;top:-30px;z-index:2}
.ident dl{margin-top:26px}
.ident dl div{padding:9px 0 6px;border-bottom:1px solid var(--pauta)}
.ident dt{font-family:var(--maquina);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-suave)}
.ident dd{font-family:var(--maquina);font-size:15px;line-height:1.3}
.registros{list-style:none}
.registros li{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:24px;padding:22px 0;border-bottom:1px solid var(--pauta)}
.registros li:first-child{padding-top:0}
.registros li:last-child{border-bottom:0;padding-bottom:0}
.registros .data{font-family:var(--titulo);font-size:clamp(2rem,3.4vw,3.1rem);line-height:1;color:var(--vinho)}
.registros h3{font-family:var(--maquina);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--vinho-2)}
.registros p{margin-top:8px;max-width:34em}
.traj-fecho{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:0;align-items:center;margin-top:clamp(54px,8vh,96px)}
.traj-porta{position:relative;z-index:2;background:var(--folha);padding:9px 9px 0;box-shadow:0 34px 46px -30px rgba(71,16,22,.6);margin-right:-46px}
.traj-porta img{width:100%;aspect-ratio:3/4.3;object-fit:cover;object-position:50% 38%}
.traj-porta figcaption{font-family:var(--maquina);font-size:11.5px;letter-spacing:.06em;color:var(--tinta-suave);padding:10px 2px 12px}
.traj-frase{position:relative;padding:clamp(40px,6vw,84px) clamp(28px,5vw,80px) clamp(40px,6vw,84px) clamp(70px,8vw,120px);border-radius:14px;overflow:hidden;box-shadow:0 40px 70px -46px rgba(71,16,22,.55)}
.traj-parede{position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(70% 60% at 78% 18% in oklch, #dcc6d0 0%, transparent 70%),
    radial-gradient(70% 60% at 20% 80% in oklch, #d9c2a6 0%, transparent 72%),
    radial-gradient(60% 50% at 60% 60% in oklch, #c7a9b4 0%, transparent 72%),
    linear-gradient(140deg in oklch, #cdb5ae, #c5a8b3);
  background-size:160% 160%,160% 160%,170% 170%,100% 100%;animation:halo 34s ease-in-out infinite alternate}
.traj-parede::before{content:"";position:absolute;inset:0 0 0 62%;background:repeating-linear-gradient(90deg, rgba(255,255,255,.2) 0 2px, rgba(255,255,255,.05) 2px 19px, rgba(71,16,22,.14) 19px 22px);-webkit-mask-image:linear-gradient(270deg,#000 70%,transparent);mask-image:linear-gradient(270deg,#000 70%,transparent)}
.traj-frase p{position:relative;z-index:1;font-family:var(--titulo);font-size:clamp(1.7rem,3.3vw,3.05rem);line-height:1.12;color:var(--vinho);letter-spacing:-.012em;max-width:19em}
.traj-frase em{font-family:var(--texto);font-style:italic;font-size:.9em}
.traj-frase footer{position:relative;z-index:1;margin-top:26px;font-family:var(--maquina);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--vinho-2)}
.registros .data{position:relative}
.registros .data small{display:block;font-family:var(--maquina);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-suave);margin-bottom:8px}
.registros .data .carimbo{position:absolute;left:8px;top:calc(100% + 12px)}
@media (max-width:900px){
  .traj-cab{grid-template-columns:1fr;gap:16px;margin-bottom:44px}
  .servico-grade{grid-template-columns:1fr;gap:26px}
  .ident{display:grid;grid-template-columns:118px 1fr;gap:18px;align-items:start}
  .tres-por-quatro{width:112px;padding:5px}
  .ident dl{margin-top:0}
  .ident dd{font-size:13.5px}
  .registros li{grid-template-columns:1fr;gap:8px;padding:18px 0}
  .registros .data .carimbo{left:auto;right:0;top:4px}
  .servico .lista-cab span{display:none}
  .traj-fecho{grid-template-columns:1fr}
  .traj-porta{width:52%;margin:0 0 -70px 14px}
  .traj-frase{padding:100px 22px 34px}
}
.registros li:has(.carimbo){min-height:172px}
@media (max-width:900px){.registros li:has(.carimbo){min-height:0}}
/* <trajetoria */

/* >plano */
.plano .miolo{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(30px,6vw,90px);align-items:start}
.plano h2{margin-top:16px}
.plano-intro{margin-top:22px;max-width:27em}
.caso{margin-top:44px;max-width:430px;border-top:1.5px solid var(--vinho);padding-top:14px}
.caso dl div{padding:12px 0 10px;border-bottom:1px solid var(--pauta)}
.caso dt{font-family:var(--maquina);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-suave)}
.caso dd{font-family:var(--maquina);font-size:15px;line-height:1.4;margin-top:3px}
.caso .de span{position:relative;color:var(--tinta)}
.caso + .caso{margin-top:34px}
.plano-cab{position:sticky;top:36px}
.caso .de span::after{content:"";position:absolute;left:-4px;right:-4px;top:52%;height:1.8px;background:var(--vinho);transform:scaleX(0) rotate(-.8deg);transform-origin:left;transition:transform .8s var(--curva) .5s}
.caso .de.visto span::after, html:not(.js) .caso .de span::after{transform:scaleX(1) rotate(-.8deg)}
.caso-fonte{margin-top:10px;font-family:var(--maquina);font-size:11px;letter-spacing:.06em;color:var(--tinta-suave)}

.base-plano{padding:22px 0 24px;border-bottom:1.5px solid var(--vinho)}
.base-plano h3{font-family:var(--titulo);font-weight:400;font-size:clamp(2.2rem,4vw,3.6rem);line-height:1;color:var(--vinho)}
.base-plano p{margin-top:12px;max-width:31em}
.plano .q2{margin-top:20px}
.linhas{list-style:none;counter-reset:l}
.linhas li{counter-increment:l;display:grid;grid-template-columns:auto minmax(20px,1fr) minmax(0,46%);gap:10px;align-items:baseline;padding:14px 0 12px;border-bottom:1px solid var(--pauta)}
.linhas b{font-family:var(--titulo);font-weight:400;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.1;color:var(--vinho)}
.linhas b::before{content:counter(l,decimal-leading-zero);font-family:var(--maquina);font-size:11px;letter-spacing:.1em;color:var(--vinho-2);margin-right:12px;vertical-align:.3em}
.linhas i{border-bottom:2px dotted var(--vinho-2);transform:translateY(-4px);opacity:.55}
.linhas span{font-family:var(--maquina);font-size:14px;line-height:1.4;color:var(--tinta)}
.receita .lista-pe span:first-child{text-transform:none;letter-spacing:.02em;font-size:12px;line-height:1.45;max-width:36em}
.queixas{border:0;padding:20px 0 22px;border-bottom:1.5px solid var(--vinho);display:flex;flex-wrap:wrap;gap:10px 10px}
.queixas legend{font-family:var(--titulo);font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.1;color:var(--vinho);padding:0;margin-bottom:14px;float:left;width:100%}
.queixas label{position:relative;display:inline-flex;align-items:center;gap:9px;font-family:var(--maquina);font-size:14.5px;padding:8px 13px 7px 10px;border:1px solid var(--pauta);border-radius:3px;cursor:pointer;transition:background .25s,border-color .25s;background:transparent}
.queixas label:hover{border-color:var(--vinho-2)}
.queixas input{position:absolute;opacity:0;inset:0;cursor:pointer}
.queixas label i{width:14px;height:14px;border:1.3px solid var(--vinho);flex:none;position:relative}
.queixas label i::after{content:"";position:absolute;left:1px;top:-6px;width:17px;height:17px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 13l5 6L21 4' fill='none' stroke='%23471016' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transform:scale(0);transition:transform .25s cubic-bezier(.3,1.4,.5,1)}
.queixas label:has(input:checked){background:color-mix(in oklch, var(--bege) 38%, transparent);border-color:var(--vinho)}
.queixas label:has(input:checked) i::after{transform:scale(1)}
.queixas label:has(input:focus-visible){outline:2px solid var(--vinho);outline-offset:2px}
.queixas-nota{flex-basis:100%;font-family:var(--maquina);font-size:12px;color:var(--tinta-suave);margin-top:4px}
@media (max-width:900px){
  .plano-cab{position:static;order:-1}
  .queixas label{font-size:13.5px;padding:9px 11px 8px 9px}
  .plano .miolo{grid-template-columns:1fr;gap:38px}
  .caso{margin-top:30px}
  .linhas li{grid-template-columns:1fr;gap:3px;padding:13px 0 11px}
  .linhas i{display:none}
}
/* <plano */

/* >pacientes */
.pacientes{background:#3a0c12;color:var(--folha);overflow:hidden}
.pac-fundo{position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(60% 70% at 82% 14% in oklch, #6a2338 0%, transparent 70%),
    radial-gradient(55% 60% at 12% 86% in oklch, #74392a 0%, transparent 72%),
    radial-gradient(50% 50% at 46% 46% in oklch, #561520 0%, transparent 72%),
    linear-gradient(160deg in oklch, #471016, #2c090d);
  background-size:160% 160%,160% 160%,170% 170%,100% 100%;animation:halo 36s ease-in-out infinite alternate}
.pacientes .miolo{position:relative;z-index:1}
.pacientes .rotulo{color:var(--bege)}
.pacientes h2{color:var(--folha);margin-top:16px;font-size:clamp(3rem,7vw,6.4rem)}
.pac-topo{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(30px,6vw,90px);align-items:end}
.pac-dela{margin-top:26px;font-family:var(--maquina);font-size:14px;line-height:1.5;max-width:22em;color:#eadccf}
.pac-dela cite{display:block;margin-top:8px;font-style:normal;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--bege)}
.pac-maior{position:relative;padding-left:clamp(0px,14vw,205px)}
.pac-num{position:absolute;left:0;top:50%;transform:translateY(-52%);font-family:var(--titulo);font-size:clamp(12rem,24vw,22rem);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(220,196,157,.4);pointer-events:none}
.pac-maior blockquote p{position:relative;font-family:var(--titulo);font-size:clamp(1.9rem,3.9vw,3.6rem);line-height:1.08;letter-spacing:-.012em;text-wrap:balance}
.pac-maior em{font-family:var(--texto);font-style:italic;font-size:.9em;color:var(--bege)}
.pac-maior figcaption{position:relative;margin-top:20px;font-family:var(--maquina);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--bege)}
.fita{position:relative;z-index:1;display:flex;margin:clamp(46px,8vh,84px) calc(var(--margem) * -1) 0;padding:15px 0 13px;border-top:1px solid rgba(220,196,157,.35);border-bottom:1px solid rgba(220,196,157,.35);overflow:hidden;white-space:nowrap}
.fita-trilho{list-style:none;display:flex;flex:none;animation:fita 70s linear infinite}
.fita:hover .fita-trilho{animation-play-state:paused}
.fita-trilho li{font-family:var(--maquina);font-size:16px;color:#f3e7da;padding-right:26px}
.fita-trilho li::after{content:"·";margin-left:26px;color:var(--bege)}
.fita-trilho cite{font-style:normal;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--bege);margin-left:8px}
@keyframes fita{to{transform:translateX(-100%)}}
.notas{list-style:none;display:grid;grid-template-columns:1.05fr 1.35fr 1.2fr 1fr;gap:26px;margin-top:clamp(50px,8vh,84px);align-items:start}
.notas li{position:relative;background:var(--folha);color:var(--tinta);padding:22px 22px 20px;box-shadow:0 30px 40px -24px rgba(0,0,0,.6)}
.notas .n2{margin-top:46px;padding:30px 28px 26px}
.notas .n3{margin-top:14px}
.notas .n4{margin-top:64px;padding-bottom:74px}
.notas h3{font-family:var(--titulo);font-weight:400;font-size:clamp(1.9rem,3vw,2.7rem);line-height:1;color:var(--vinho);padding-bottom:12px;margin-bottom:14px;border-bottom:1.5px solid var(--vinho)}
.notas h3 em{font-size:.92em}
.notas p{font-family:var(--maquina);font-size:14.5px;line-height:1.45}
.notas .n2 p{font-size:15.5px}
.notas cite{display:block;margin-top:12px;font-family:var(--maquina);font-style:normal;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-suave)}
.notas .clipe{position:absolute;right:26px;top:-28px}
.notas .carimbo{--tinta-carimbo:1;position:absolute;right:-18px;bottom:-22px;background:var(--folha);mix-blend-mode:normal;font-size:10.5px;padding:8px 12px;box-shadow:0 10px 18px -10px rgba(0,0,0,.5)}
.notas .carimbo b{font-size:15px;margin:2px 0}
.pac-pe{margin-top:clamp(44px,7vh,70px)}
.fio-claro{font-family:var(--maquina);font-weight:700;font-size:14px;color:var(--folha);border-bottom:1.5px solid var(--bege);padding-bottom:4px;transition:letter-spacing .3s}
.fio-claro:hover{letter-spacing:.04em}
@media (max-width:900px){
  .pac-topo{grid-template-columns:1fr;gap:44px}
  .pac-maior{padding-left:0;padding-top:110px}
  .pac-num{left:-.04em;top:0;transform:none;font-size:10.5rem;line-height:.74}
  .fita-trilho li{font-size:14.5px}
  .notas{grid-template-columns:1fr 1fr;gap:18px 14px}
  .notas li{padding:16px 14px 14px}
  .notas .n2{margin-top:30px;padding:18px 14px 16px}
  .notas .n3{margin-top:0}
  .notas .n4{margin-top:26px;padding-bottom:78px}
  .notas p, .notas .n2 p{font-size:13px}
  .notas .carimbo{right:-6px;bottom:-18px;font-size:8.5px;padding:6px 8px}
  .notas .carimbo b{font-size:11.5px}
}
/* <pacientes */

/* >sala */
.sala{padding-left:0;padding-right:0}
.sala > .miolo{padding:0 var(--margem);max-width:calc(var(--largura) + 2 * var(--margem))}
.sala-cab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:40px;align-items:end}
.sala h2{margin-top:16px}
.sala-intro{max-width:27em;padding-bottom:8px}
.mural{position:relative;margin:clamp(40px,6vh,70px) auto 0;max-width:calc(var(--largura) + 2 * var(--margem));padding:0 var(--margem)}
.mural-parede{position:absolute;left:var(--margem);right:var(--margem);top:3%;bottom:6%;border-radius:14px;overflow:hidden;box-shadow:0 40px 70px -46px rgba(71,16,22,.55);
  background:
    radial-gradient(70% 60% at 78% 18% in oklch, #dcc6d0 0%, transparent 70%),
    radial-gradient(70% 60% at 20% 80% in oklch, #d9c2a6 0%, transparent 72%),
    radial-gradient(60% 50% at 60% 60% in oklch, #c7a9b4 0%, transparent 72%),
    linear-gradient(140deg in oklch, #cdb5ae, #c5a8b3);
  background-size:160% 160%,160% 160%,170% 170%,100% 100%;animation:halo 34s ease-in-out infinite alternate}
.mural-parede::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg, rgba(255,255,255,.2) 0 2px, rgba(255,255,255,.05) 2px 19px, rgba(71,16,22,.14) 19px 22px);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 9%,transparent 20%,transparent 70%,#000 84%,#000);mask-image:linear-gradient(90deg,#000 0,#000 9%,transparent 20%,transparent 70%,#000 84%,#000)}
.mural-parede::after{content:"";position:absolute;left:16%;right:0;top:15%;height:9px;background:linear-gradient(180deg,#fffaf3,#e9ddd2);box-shadow:0 10px 16px -8px rgba(71,16,22,.35)}
.mural-fio{position:absolute;left:var(--margem);right:var(--margem);top:8%;width:calc(100% - 2 * var(--margem));height:82%;overflow:visible}
.mural-fio path{fill:none;stroke:var(--vinho);stroke-width:1.8;stroke-dasharray:2 8;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.7;clip-path:inset(0 100% 0 0);transition:clip-path 2.6s var(--curva) .4s}
.mural.visto .mural-fio path, html:not(.js) .mural-fio path{clip-path:inset(0 0 0 0)}
.mural-dica{display:none}
.mural-trilho{position:relative;display:grid;grid-template-columns:1fr 1fr 1.5fr .78fr 1fr;gap:clamp(14px,2vw,28px);align-items:start;padding:0 clamp(18px,3vw,44px)}
.q{position:relative;background:var(--folha);padding:9px 9px 0;box-shadow:0 30px 40px -26px rgba(71,16,22,.6);transform:rotate(var(--r,0deg));transition:transform .5s var(--curva), box-shadow .5s var(--curva)}
.q:hover{transform:rotate(0deg) translateY(-8px) scale(1.025);box-shadow:0 44px 50px -28px rgba(71,16,22,.6);z-index:3}
.q figcaption b i{font-style:normal;display:inline-grid;place-items:center;width:17px;height:17px;border:1.2px solid var(--vinho-2);border-radius:50%;margin-right:7px;font-size:10px;letter-spacing:0}
.q img{width:100%;aspect-ratio:3/4.2;object-fit:cover}
.q figcaption{font-family:var(--maquina);font-size:12px;line-height:1.4;color:var(--tinta);padding:10px 2px 13px}
.q figcaption b{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--vinho-2);margin-bottom:2px}
.q1{margin-top:120px}
.q2{margin-top:40px}
.q3 img{object-position:50% 70%}
.q4{margin-top:150px}
.q4 img{aspect-ratio:3/3.6}
.q5{margin-top:56px}
.q .clipe{position:absolute;left:26px;top:-30px;z-index:2}
.sala-fatos{display:grid;grid-template-columns:1fr 1fr 1.25fr;margin-top:clamp(40px,6vh,70px);border-top:1.5px solid var(--vinho)}
.sala-fatos div{padding:16px 26px 0 0}
.sala-fatos div + div{padding-left:26px;border-left:1px solid var(--pauta)}
.sala-fatos dt{font-family:var(--maquina);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-suave)}
.sala-fatos dd{margin-top:6px;font-family:var(--maquina);font-size:14.5px;line-height:1.45}
.sala-fatos a{color:var(--vinho);font-weight:700;border-bottom:1.5px solid var(--vinho)}
.sala-fatos cite{font-style:normal;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-suave);white-space:nowrap}
@media (max-width:900px){
  .sala-cab{grid-template-columns:1fr;gap:14px}
  .mural{padding:0}
  .mural-parede{left:0;right:0;border-radius:0;top:10%;bottom:14%}
  .mural-trilho{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:34px var(--margem) 30px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .mural-trilho::-webkit-scrollbar{display:none}
  .q{flex:0 0 min(68vw, 330px);scroll-snap-align:center;margin-top:0 !important}
  .q img, .q4 img{aspect-ratio:3/4.2}
  .q:hover{transform:rotate(var(--r,0deg))}
  .mural-fio{display:none}
  .mural-dica{display:block;font-family:var(--maquina);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--vinho-2);padding:0 var(--margem);margin-top:2px;white-space:pre}
  .sala-fatos{grid-template-columns:1fr}
  .sala-fatos div, .sala-fatos div + div{padding:14px 0 12px;border-left:0;border-bottom:1px solid var(--pauta)}
}
/* <sala */

/* >perguntas */
.perg-cab{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:end;margin-bottom:clamp(36px,6vh,60px)}
.perguntas h2{margin-top:16px}
.perg-intro{max-width:25em;padding-bottom:8px}
.faq{padding-top:30px;padding-bottom:30px}
.faq-lista{position:relative;margin-top:6px}
.faq details{border-bottom:1px solid var(--pauta)}
.faq summary{list-style:none;display:grid;grid-template-columns:34px 1fr 22px;gap:6px;align-items:baseline;cursor:pointer;padding:19px 0 17px;font-family:var(--maquina);font-size:clamp(1.02rem,1.4vw,1.2rem);line-height:1.35;color:var(--tinta);transition:color .25s, background .25s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--vinho)}
.faq summary::after{content:"+";font-family:var(--maquina);font-weight:700;font-size:1.3rem;color:var(--vinho);justify-self:end;transition:transform .4s var(--curva)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .p{font-family:var(--maquina);font-weight:700;font-size:13px;letter-spacing:.06em;color:var(--vinho-2)}
.faq .r{display:grid;grid-template-columns:34px 1fr;gap:6px;align-items:baseline;padding:0 0 24px 0}
.faq .r p{font-size:clamp(1.05rem,1.35vw,1.2rem);line-height:1.6;color:var(--vinho)}
.faq .r cite{grid-column:2;margin-top:12px;font-family:var(--maquina);font-style:normal;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-suave)}
.faq details[open] .r{animation:aparece .6s var(--curva)}
.sua{display:grid;grid-template-columns:34px 1fr;gap:6px;align-items:baseline;padding:17px 0 4px}
.sua textarea{font-family:var(--maquina);font-size:clamp(1.02rem,1.4vw,1.2rem);line-height:1.35;color:var(--tinta);border:0;border-bottom:1.5px dashed var(--vinho-2);outline:0;resize:none;width:100%;padding:2px 2px 6px;background:transparent;caret-color:var(--vinho);field-sizing:content;min-height:1.9em}
.sua textarea::placeholder{color:var(--tinta-suave);opacity:1}
.sua textarea:focus{background:color-mix(in oklch, var(--bege) 26%, transparent)}
.sua-enviar{grid-column:2;justify-self:start;margin-top:12px;font-family:var(--maquina);font-weight:700;font-size:13.5px;color:var(--vinho);border-bottom:1.5px solid var(--vinho);padding-bottom:3px}

@media (min-width:901px){
  /* no computador: perguntas à esquerda, a resposta escolhida grande à direita */
  .faq-lista{padding-right:54%;min-height:430px}
  .faq-lista::after{content:"";position:absolute;left:calc(46% + 22px);top:0;bottom:0;width:1px;background:var(--pauta)}
  .faq summary{grid-template-columns:34px 1fr 26px;padding-right:6px}
  .faq summary::after{content:"→";font-size:1rem;opacity:0;transform:translateX(-8px);transition:opacity .3s, transform .3s}
  .faq details[open] summary{color:var(--vinho);background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--bege) 30%, transparent))}
  .faq details[open] summary::after{opacity:1;transform:none}
  .faq .r{position:absolute;right:0;top:8px;width:calc(54% - 64px);display:block;padding:0}
  .faq .r .p{display:block;font-size:14px;margin-bottom:12px}
  .faq .r p{font-family:var(--titulo);font-size:clamp(1.6rem,2.5vw,2.35rem);line-height:1.16;letter-spacing:-.01em}
  .faq .r cite{display:block;margin-top:20px}
}
@media (max-width:900px){
  .perg-cab{grid-template-columns:1fr;gap:14px}
  .faq .lista-cab span{display:none}
  .faq summary{grid-template-columns:28px 1fr 18px}
  .faq .r{grid-template-columns:28px 1fr}
  .sua{grid-template-columns:28px 1fr}
  .sua textarea{font-size:16px}
}
/* <perguntas */

/* >onde */
.onde-cab{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:end;margin-bottom:clamp(36px,6vh,60px)}
.onde h2{margin-top:16px}
.onde-intro{max-width:25em;padding-bottom:8px}
.onde-grade{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(30px,5vw,80px);align-items:start}
.local{padding-top:60px}
.final-palco{position:relative;padding-top:340px}
.final-ela{position:absolute;left:8%;right:14%;top:0;height:470px;z-index:0}
.final-parede{position:absolute;inset:0;border-radius:14px;overflow:hidden;box-shadow:0 40px 70px -46px rgba(71,16,22,.55);
  background:
    radial-gradient(70% 60% at 78% 18% in oklch, #dcc6d0 0%, transparent 70%),
    radial-gradient(70% 60% at 20% 80% in oklch, #d9c2a6 0%, transparent 72%),
    radial-gradient(60% 50% at 60% 60% in oklch, #c7a9b4 0%, transparent 72%),
    linear-gradient(140deg in oklch, #cdb5ae, #c5a8b3);
  background-size:160% 160%,160% 160%,170% 170%,100% 100%;animation:halo 34s ease-in-out infinite alternate}
.final-parede::before{content:"";position:absolute;inset:0 60% 0 0;background:repeating-linear-gradient(90deg, rgba(255,255,255,.2) 0 2px, rgba(255,255,255,.05) 2px 19px, rgba(71,16,22,.14) 19px 22px);-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent)}
.final-ela img{position:absolute;left:50%;top:10px;width:auto;height:640px;max-width:none;transform:translateX(-46%);-webkit-mask-image:linear-gradient(180deg,#000 52%,transparent 70%);mask-image:linear-gradient(180deg,#000 52%,transparent 70%)}
.final{position:relative;z-index:1;padding-top:30px;padding-bottom:30px}
.final .linha{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:baseline;padding:16px 0 10px;border:0;border-bottom:1px solid var(--pauta);min-width:0}
.final label, .final .lb{font-family:var(--maquina);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-suave);padding:0}
.final input[type=text], .final textarea{font-family:var(--maquina);font-size:17px;line-height:1.35;color:var(--tinta);background:color-mix(in oklch, var(--bege) 22%, transparent);border:0;border-radius:2px;outline:0;resize:none;width:100%;padding:6px 8px;caret-color:var(--vinho);transition:background .3s}
.final input::placeholder, .final textarea::placeholder{color:var(--tinta-suave);opacity:1}
.final input:focus, .final textarea:focus{background:color-mix(in oklch, var(--bege) 46%, transparent)}
.final .v{font-family:var(--maquina);font-size:15.5px;line-height:1.35}
.final .horario legend{float:left}
.final .horario .opcoes{grid-column:2;display:flex;flex-wrap:wrap;gap:8px}
.final .horario label{position:relative;display:inline-flex;align-items:center;gap:8px;font-size:14.5px;letter-spacing:0;text-transform:none;color:var(--tinta);padding:7px 12px 6px 9px;border:1px solid var(--pauta);border-radius:3px;cursor:pointer;transition:background .25s,border-color .25s}
.final .horario input{position:absolute;opacity:0;inset:0;cursor:pointer}
.final .horario i{width:13px;height:13px;border:1.3px solid var(--vinho);border-radius:50%;flex:none;position:relative}
.final .horario i::after{content:"";position:absolute;inset:2.5px;border-radius:50%;background:var(--vinho);transform:scale(0);transition:transform .25s cubic-bezier(.3,1.4,.5,1)}
.final .horario label:has(input:checked){background:color-mix(in oklch, var(--bege) 38%, transparent);border-color:var(--vinho)}
.final .horario label:has(input:checked) i::after{transform:scale(1)}
.final .horario label:has(input:focus-visible){outline:2px solid var(--vinho);outline-offset:2px}
.final-pe{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;margin-top:26px}
.final-pe p{font-family:var(--maquina);font-size:12px;line-height:1.45;color:var(--tinta-suave);max-width:22em}
.final .carimbo.aberta{position:absolute;right:22px;top:-24px;background:var(--folha);mix-blend-mode:normal;--tinta-carimbo:1}
.final .pronta{opacity:0;transform:rotate(-6deg) scale(1.6);font-size:10px;padding:5px 10px;pointer-events:none}
.final .pronta.bate{animation:bate .35s cubic-bezier(.3,1.4,.5,1) forwards}
.final .pronta b{font-size:15px}
.mapa{position:relative;background:var(--folha);padding:9px 9px 0;box-shadow:0 30px 40px -26px rgba(71,16,22,.6)}
.mapa iframe{display:block;width:100%;height:290px;border:0;filter:sepia(.35) saturate(.75) hue-rotate(-12deg) contrast(.96)}
.mapa figcaption{font-family:var(--maquina);font-size:12px;color:var(--tinta);padding:10px 2px 13px}
.mapa a, .local-dados a{color:var(--vinho);font-weight:700;border-bottom:1.5px solid var(--vinho)}
.local-dados{margin-top:34px;border-top:1.5px solid var(--vinho)}
.local-dados > div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;padding:14px 0 12px;border-bottom:1px solid var(--pauta)}
.local-dados dt{font-family:var(--maquina);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-suave);padding-top:4px}
.local-dados dd{font-family:var(--maquina);font-size:15px;line-height:1.5}
.horas{border-collapse:collapse;width:100%}
.horas th{font-weight:400;text-align:left;padding:1px 14px 1px 0}
.horas td{text-align:right;white-space:nowrap}
.horas tr.hoje th, .horas tr.hoje td{font-weight:700;color:var(--vinho)}
.horas tr.hoje th::before{content:"hoje · ";font-size:11px;letter-spacing:.08em}
.local-dados small{display:block;margin-top:6px;font-size:12px;color:var(--tinta-suave)}
@media (max-width:900px){
  .onde-cab{grid-template-columns:1fr;gap:14px}
  .onde-grade{grid-template-columns:1fr;gap:44px}
  .local{padding-top:0}
  .final .linha{grid-template-columns:1fr;gap:6px;padding:14px 0 10px}
  .final .horario legend{float:none;margin-bottom:6px}
  .final .horario .opcoes{grid-column:1}
  .final .carimbo.aberta{right:8px;top:-20px;font-size:8.5px;padding:4px 7px}
  .final .carimbo.aberta b{font-size:11px}
  .final-palco{padding-top:272px}
  .final-ela{left:4%;right:4%;height:360px}
  .final-ela img{height:480px;top:8px}
  .final .pronta{position:absolute;right:10px;bottom:74px}
  .final-pe{position:relative}
  .final .lista-cab span{display:none}
  .final .botao{width:100%;justify-content:center}
}

/* rodapé */
.rodape{position:relative;z-index:2;background:#2c090d;color:#eadccf;padding:clamp(50px,8vh,84px) var(--margem) 30px}
.rodape .rodape-nome{font-family:var(--titulo);font-size:clamp(2.4rem,6vw,5rem);line-height:1;color:var(--folha);letter-spacing:-.015em}
.rodape .rodape-linha{margin-top:12px;font-family:var(--maquina);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--bege)}
.rodape-grade{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px 50px;margin-top:44px;padding-top:22px;border-top:1px solid rgba(220,196,157,.35)}
.rodape h3{font-family:var(--maquina);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--bege);margin-bottom:8px}
.rodape p{font-family:var(--maquina);font-size:14px;line-height:1.7}
.rodape a{border-bottom:1px solid rgba(220,196,157,.5);transition:color .25s,border-color .25s}
.rodape a:hover{color:var(--folha);border-color:var(--folha)}
.rodape :focus-visible{outline-color:var(--bege)}
.rodape-aviso{margin-top:40px;max-width:60em;font-size:12.5px !important;color:#cbb9ad}
.rodape-selo{margin-top:22px;padding-top:16px;border-top:1px solid rgba(220,196,157,.2);font-size:12.5px !important;letter-spacing:.06em;color:#cbb9ad}
.rodape-selo a{color:var(--folha);font-weight:700;border-bottom:1.5px solid var(--bege)}
@media (max-width:900px){
  .rodape-grade{grid-template-columns:1fr;gap:24px}
  .rodape{padding-bottom:96px}
}
/* <onde */