/* ===== gazeta ===== */
/* ===== gazeta · Quem é (prefixo gz-) ===== */
.gz{position:relative;isolation:isolate;overflow:clip;padding:var(--s-pad-y) var(--b-margem);background:linear-gradient(180deg in oklab, #ead6c0, var(--b-creme-2) 30%, #f1e4d5)}
.gz-mesa{position:absolute;inset:0;z-index:-1;pointer-events:none}
.gz-luz{position:absolute;border-radius:50%}
.gz-luz1{width:70vmax;height:70vmax;left:-20vmax;top:-26vmax;background:radial-gradient(closest-side in oklab, #fbf1e2, transparent)}
.gz-luz2{width:60vmax;height:60vmax;right:-22vmax;bottom:-30vmax;background:radial-gradient(closest-side in oklab, color-mix(in oklab, var(--b-ambar) 60%, transparent), transparent);opacity:.7}

.gz-sobre{width:var(--s-larg);margin:0 auto clamp(1.2rem,2.5vw,2rem);font-size:.78rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--b-vinho);display:flex;align-items:center;gap:.9rem}
.gz-sobre::after{content:"";flex:0 0 3rem;height:1px;background:linear-gradient(90deg in oklab, var(--b-caramelo), transparent)}

/* a folha */
.gz-folha{position:relative;width:min(84rem, 100%);margin:0 auto;padding:clamp(1.4rem,3vw,3rem) clamp(1.2rem,3.4vw,3.4rem) clamp(1.6rem,3vw,3rem);color:var(--b-tinta);
  background:radial-gradient(120% 70% at 20% 0% in oklab, #fbf6ee, transparent 70%), var(--b-papel);
  border-radius:3px;outline:1px solid color-mix(in oklab, var(--b-caramelo) 22%, transparent);outline-offset:-1px;box-shadow:0 1px 0 rgba(255,255,255,.7) inset, 0 30px 60px -30px rgba(77,31,25,.45), 0 8px 18px -10px rgba(77,31,25,.25)}

/* vinco da dobra */
.gz-folha::after{content:"";position:absolute;left:0;right:0;top:50%;height:42px;translate:0 -50%;pointer-events:none;
  background:linear-gradient(180deg, transparent, rgba(77,31,25,.035) 46%, rgba(255,255,255,.55) 50%, rgba(77,31,25,.025) 54%, transparent)}

/* cabeçalho do jornal */
.gz-cabeca{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"oe tj od" ". dv .";align-items:center;column-gap:1.5rem}
.gz-orelha-e{grid-area:oe}.gz-orelha-d{grid-area:od}.gz-titulo-jornal{grid-area:tj}
.gz-divisa{grid-area:dv;margin:.5rem 0 0;display:flex;align-items:center;justify-content:center;gap:.9rem;font-family:var(--b-serifa);font-weight:300;font-size:clamp(1rem,.9rem + .4vw,1.25rem);color:var(--b-vinho)}
.gz-divisa::before,.gz-divisa::after{content:"";width:2.4rem;height:1px;background:linear-gradient(90deg in oklab, transparent, var(--b-caramelo), transparent)}
.gz-orelha{margin:0;display:flex;flex-direction:column;gap:.15rem;padding:.6rem .9rem;border:1px solid color-mix(in oklab, var(--b-vinho) 30%, transparent);max-width:15rem;line-height:1.25}
.gz-orelha-d{justify-self:end;text-align:right}
.gz-orelha-rot{font-size:.68rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--b-vinho)}
.gz-orelha-num{font-family:var(--b-serifa);font-weight:600;font-size:2rem;line-height:1;color:var(--b-vinho-escuro)}
.gz-orelha-hora{font-family:var(--b-serifa);font-weight:600;font-size:1.15rem;white-space:nowrap;color:var(--b-vinho-escuro)}
.gz-orelha-pe{font-size:.8rem;color:var(--b-tinta-suave)}

.gz-titulo-jornal{margin:0;display:flex;align-items:center;justify-content:center;gap:clamp(.6rem,1.4vw,1.4rem);font-family:var(--b-serifa);font-weight:600;font-size:clamp(2.4rem, 1rem + 4.2vw, 5.4rem);line-height:.9;letter-spacing:-.025em;color:var(--b-vinho-escuro);white-space:nowrap}
.gz-tj-de{display:flex;flex-direction:column;align-items:center;font-size:.36em;font-weight:400;letter-spacing:0}
.gz-tj-de em{font-style:normal;font-weight:300;margin-top:.05em}
.gz-lamp{width:3.4em;height:auto;fill:var(--b-vinho-escuro);overflow:visible}
.gz-chama,.gz-brilho{transform-box:fill-box;transform-origin:50% 90%;opacity:0;transform:scale(.4);transition:opacity 1s var(--b-curva) .9s, transform 1.2s var(--b-curva) .9s}
.gz.gz-on .gz-chama,.gz.gz-on .gz-brilho{opacity:1;transform:none}
.gz.gz-on .gz-chama{animation:gz-tremula 3.6s ease-in-out 2.2s infinite}
@keyframes gz-tremula{0%,100%{transform:scale(1,1)}30%{transform:scale(.96,1.05)}60%{transform:scale(1.03,.97)}}

/* fios */
.gz-folio{margin:clamp(.9rem,1.6vw,1.3rem) 0 clamp(1.4rem,2.6vw,2.2rem)}
.gz-fio{display:block;height:1px;background:var(--b-tinta);transform-origin:0 50%;transform:scaleX(0);transition:transform 1.4s var(--b-curva)}
.gz-fio-duplo{height:4px;background:linear-gradient(var(--b-tinta),var(--b-tinta)) 0 0/100% 2px no-repeat, linear-gradient(var(--b-tinta),var(--b-tinta)) 0 100%/100% 1px no-repeat}
.gz.gz-on .gz-fio{transform:none}
.gz.gz-on .gz-fio + .gz-folio-txt + .gz-fio{transition-delay:.2s}
.gz-folio-txt{margin:.5rem 0;display:flex;justify-content:space-between;gap:1rem;font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--b-tinta)}

/* grade */
.gz-grade{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6.4fr);grid-template-rows:auto 1fr;grid-template-areas:"foto materia" "crono materia";column-gap:clamp(1.6rem,3vw,3rem);row-gap:2rem;align-items:start}
.gz-foto{grid-area:foto;margin:0}
.gz-foto-moldura{border:1px solid color-mix(in oklab, var(--b-tinta) 50%, transparent);padding:6px;background:#fbf7f0}
.gz-foto img{display:block;width:100%;height:auto;filter:sepia(.12) saturate(.92)}
.gz-legenda{margin-top:.7rem;font-size:.92rem;line-height:1.5;color:var(--b-tinta-suave)}
.gz-legenda strong{color:var(--b-tinta);font-weight:600}

.gz-materia{grid-area:materia;padding-left:clamp(1.6rem,3vw,3rem);border-left:1px solid color-mix(in oklab, var(--b-tinta) 25%, transparent)}
.gz-chapeu{margin:0 0 .9rem;display:inline-block;font-size:.76rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--b-vinho);padding-bottom:.35rem;border-bottom:2px solid var(--b-urgente)}
.gz-manchete{margin:0;font-family:var(--b-serifa);font-weight:600;font-size:clamp(2.2rem, 1rem + 3.4vw, 4.3rem);line-height:1.02;letter-spacing:-.022em;color:var(--b-vinho-escuro);text-wrap:balance}
.gz-linhafina{margin:1.1rem 0 0;font-family:var(--b-serifa);font-weight:400;font-size:clamp(1.2rem, 1rem + .6vw, 1.5rem);line-height:1.4;color:var(--b-tinta-suave);text-wrap:pretty}
.gz-assina{margin:1.3rem 0 0;padding:.9rem 0;display:flex;align-items:center;gap:.8rem;border-top:1px solid color-mix(in oklab, var(--b-tinta) 22%, transparent);border-bottom:1px solid color-mix(in oklab, var(--b-tinta) 22%, transparent);font-family:var(--b-serifa);font-weight:600;font-size:1.15rem;color:var(--b-vinho-escuro)}
.gz-assina>span{display:flex;flex-direction:column}
.gz-assina-lamp{width:2.6rem;height:auto;fill:var(--b-vinho);flex:none}
.gz-assina-reg{font-family:var(--b-texto);font-weight:600;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--b-tinta-suave);margin-top:.2rem}

.gz-colunas{margin-top:1.6rem;columns:2 18.5rem;column-gap:2.4rem;column-rule:1px solid color-mix(in oklab, var(--b-tinta) 18%, transparent);font-size:var(--b-corpo);line-height:1.6}
.gz-colunas p{margin:0 0 1rem;text-wrap:pretty}
.gz-colunas + .gz-colunas{margin-top:0}
.gz-intertit{margin:0 0 .5rem;font-family:var(--b-serifa);font-weight:600;font-size:1.3rem;line-height:1.2;color:var(--b-vinho-escuro);break-after:avoid}
.gz-intertit:not(:first-child){margin-top:1.4rem}
.gz-capitular::first-letter{float:left;font-family:var(--b-serifa);font-weight:600;font-size:4.1em;line-height:.82;margin:.08em .1em 0 0;color:var(--b-vinho)}
.gz-continua a{font-weight:600;color:var(--b-vinho-escuro);text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:.15rem}
.gz-continua a:hover{background-size:0 1px;background-position:100% 100%}

/* olho de página */
.gz-olho{margin:clamp(2rem,3.6vw,3rem) 0 0;padding:clamp(1.6rem,3vw,2.6rem) clamp(0rem,8vw,9rem) 1.6rem;position:relative;border-top:3px double var(--b-tinta);border-bottom:1px solid var(--b-tinta);display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1.2rem;align-items:start}
.gz-olho-chama{width:3rem;height:auto;margin-top:.3rem;filter:drop-shadow(0 0 14px rgba(244,191,114,.75))}
.gz-olho blockquote{margin:0}
.gz-olho p{margin:0;font-family:var(--b-serifa);font-weight:300;font-size:clamp(1.8rem, 1rem + 2.6vw, 3.6rem);line-height:1.1;letter-spacing:-.015em;color:var(--b-vinho-escuro);text-wrap:balance}
.gz-olho figcaption{grid-column:2;margin-top:.8rem;font-size:.76rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--b-vinho)}

/* almanaque */
.gz-crono{grid-area:crono;border-top:3px double var(--b-tinta);padding-top:.9rem}
.gz-crono-tit{margin:0 0 .4rem;font-size:.76rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--b-vinho)}
.gz-crono-lista{margin:0}
.gz-crono-lista>div{display:grid;grid-template-columns:8.6rem minmax(0,1fr);gap:1.1rem;align-items:baseline;padding:.8rem 0 .9rem;border-bottom:1px solid color-mix(in oklab, var(--b-tinta) 15%, transparent)}
.gz-crono-lista dt{font-family:var(--b-serifa);font-weight:300;font-size:clamp(2.6rem, 1.4rem + 2.4vw, 3.8rem);line-height:.9;letter-spacing:-.03em;color:var(--b-vinho-escuro);display:flex;flex-direction:column}
.gz-crono-lista dt small{font-family:var(--b-texto);font-weight:600;font-size:.7rem;letter-spacing:.17em;text-transform:uppercase;color:var(--b-vinho);margin-bottom:.3rem;line-height:1}
.gz-crono-lista dd{margin:0;font-size:1.05rem;line-height:1.45;color:var(--b-tinta)}
.gz-crono-agora dt{color:var(--b-vinho);font-weight:500}

/* cartas */
.gz-cartas{margin:clamp(2rem,3.6vw,3rem) calc(-1 * clamp(1.2rem,3.4vw,3.4rem)) calc(-1 * clamp(1.6rem,3vw,3rem));padding:clamp(1.6rem,3vw,2.6rem) clamp(1.2rem,3.4vw,3.4rem) clamp(1.6rem,3vw,2.4rem);background:color-mix(in oklab, var(--b-creme-2) 70%, var(--b-papel));border-top:1px solid color-mix(in oklab, var(--b-tinta) 30%, transparent)}
.gz-cartas-tit{margin:0 0 1.4rem;display:flex;align-items:center;gap:1rem;font-size:.76rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--b-vinho)}
.gz-cartas-tit::before,.gz-cartas-tit::after{content:"";flex:1;height:1px;background:color-mix(in oklab, var(--b-tinta) 50%, transparent)}
.gz-cartas-lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.gz-carta{margin:0;padding:0 clamp(1rem,2.2vw,2rem);position:relative}
.gz-carta::before{content:"“";display:block;font-family:var(--b-serifa);font-weight:600;font-size:4.2rem;line-height:.7;height:2.1rem;color:var(--b-caramelo)}
.gz-carta + .gz-carta{border-left:1px solid color-mix(in oklab, var(--b-tinta) 22%, transparent)}
.gz-carta p{margin:0;font-family:var(--b-serifa);font-weight:400;font-size:clamp(1.2rem, 1rem + .5vw, 1.45rem);line-height:1.38;color:var(--b-vinho-escuro);text-wrap:pretty}
.gz-carta cite{display:block;margin-top:.8rem;font-style:normal;font-size:.84rem;font-weight:600;letter-spacing:.06em;color:var(--b-tinta-suave)}
.gz-cartas-mais{margin:1.8rem 0 0;text-align:center}
.gz-cartas-mais a{font-weight:500;color:var(--b-vinho-escuro);text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:.2rem}
.gz-cartas-mais a:hover{background-size:0 1px;background-position:100% 100%}


/* notebook/tablet: o nome do jornal ocupa a linha toda e as orelhas descem lado a lado (não sobrepõem o título) */
@media (min-width:861px) and (max-width:1320px){
  .gz-cabeca{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"tj tj" "dv dv" "oe od";row-gap:.4rem}
  .gz-orelha{margin-top:.9rem}
  .gz-orelha-e{justify-self:start}
}

/* celular */
@media (max-width:860px){
  .gz{padding-inline:.6rem}
  .gz-sobre{width:auto;padding-inline:.65rem}
  .gz-cabeca{grid-template-columns:1fr;gap:.8rem}
  .gz-orelha{display:none}
  .gz-titulo-jornal{display:grid;grid-template-columns:auto auto;justify-content:center;column-gap:.5rem;row-gap:.1rem;font-size:clamp(2.6rem, 14vw, 4.2rem);white-space:normal;text-align:center}
  .gz-tj1{grid-column:1;justify-self:end}
  .gz-tj-de{grid-column:2;justify-self:start;font-size:.34em}
  .gz-tj2{grid-column:1 / -1}
  .gz-lamp{width:3em}
  .gz-olho{grid-template-columns:1fr;padding-inline:0}
  .gz-olho-chama{width:1.8rem;margin:0 0 .6rem}
  .gz-olho figcaption{grid-column:1}
  .gz-folio-txt{justify-content:center;text-align:center}
  .gz-folio-txt>span:not(.gz-folio-meio),.gz-folio-longo{display:none}
  .gz-cabeca{grid-template-areas:"tj" "dv"}
  .gz-crono-lista>div{grid-template-columns:6.4rem minmax(0,1fr)}
  .gz-grade{grid-template-columns:1fr;grid-template-areas:"foto" "materia" "crono"}
  .gz-materia{padding-left:0;border-left:0}
  .gz-colunas{columns:1}
  .gz-cartas-lista{grid-template-columns:1fr;gap:1.4rem}
  .gz-carta{padding:0}
  .gz-cartas{margin-inline:calc(-1 * clamp(1.2rem,3.4vw,3.4rem))}
  .gz-carta + .gz-carta{border-left:0;border-top:1px solid color-mix(in oklab, var(--b-tinta) 22%, transparent);padding-top:1.4rem}
}
@media (prefers-reduced-motion:reduce){
  .gz-fio{transform:none}
  .gz-chama,.gz-brilho{opacity:1;transform:none}
  .gz.gz-on .gz-chama{animation:none}
}


/* ===== tratamentos ===== */
/* ===== tratamentos (tr-) ===== */
.tr{position:relative;isolation:isolate;overflow:clip;padding:var(--s-pad-y) 0;background:linear-gradient(180deg in oklab, var(--b-creme), #f4e2cc 50%, #f1dcc4)}
.tr-fundo{position:absolute;inset:0;z-index:-1;pointer-events:none}
.tr-m{position:absolute;border-radius:50%}
.tr-m1{width:70vmax;height:70vmax;left:-24vmax;top:-6%;background:radial-gradient(closest-side in oklab, color-mix(in oklab, var(--b-ambar) 70%, #fff6e8), transparent);opacity:.8;animation:tr-deriva 30s ease-in-out infinite alternate}
.tr-m2{width:56vmax;height:56vmax;right:-20vmax;top:30%;background:radial-gradient(closest-side in oklab, #ebcdb4, transparent);opacity:.7;animation:tr-deriva 36s ease-in-out infinite alternate-reverse}
.tr-m3{width:60vmax;height:60vmax;left:10%;bottom:-20vmax;background:radial-gradient(closest-side in oklab, color-mix(in oklab, var(--b-ambar) 55%, transparent), transparent);opacity:.6;animation:tr-deriva 33s ease-in-out infinite alternate}
@keyframes tr-deriva{to{transform:translate(5vmax,-4vmax) scale(1.08)}}

.tr-laser,.tr-lobulo,.tr-outros{width:var(--s-larg);margin-inline:auto}
.tr-rotulo{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .8rem;margin:0 0 1.2rem;font-size:.78rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--b-vinho)}
.tr-rotulo i{width:1.6rem;height:1px;background:linear-gradient(90deg in oklab, transparent, var(--b-caramelo), transparent)}
.tr-titulo{margin:0;font-family:var(--b-serifa);font-weight:500;font-size:clamp(2.1rem, 1rem + 3vw, 3.6rem);line-height:1.04;letter-spacing:-.018em;color:var(--b-vinho-escuro);text-wrap:balance}
.tr-titulo-2{display:block;margin-top:.3em;font-weight:300;font-size:.74em;color:var(--b-vinho)}

/* ---- laser ---- */
.tr-laser{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"fig cab" "fig txt";column-gap:clamp(2rem,5vw,5.5rem);align-items:start}
.tr-cab{grid-area:cab}
.tr-laser-txt{grid-area:txt}
.tr-figura{grid-area:fig;position:sticky;top:5.5rem;margin:0}
.tr-arco{position:relative;display:block;border-radius:999px 999px 18px 18px;overflow:hidden;aspect-ratio:960/1220;max-height:calc(100vh - 8rem);margin-inline:auto;box-shadow:0 40px 60px -30px rgba(77,31,25,.55);outline:1px solid color-mix(in oklab, var(--b-mel) 60%, transparent);outline-offset:10px}
.tr-arco img{display:block;width:100%;height:100%;object-fit:cover;object-position:60% 30%}
.tr-arco::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 50% at 70% 18% in oklab, color-mix(in oklab, var(--b-ambar) 45%, transparent), transparent);mix-blend-mode:soft-light}
.tr-figura-luz{position:absolute;left:55%;top:20%;width:150%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;z-index:-1;background:radial-gradient(closest-side in oklab, #fff7e6, color-mix(in oklab, var(--b-ambar) 55%, transparent) 45%, transparent)}
.tr-figura figcaption{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:1.4rem;font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--b-vinho)}
.tr-figura figcaption svg{width:2.2rem;fill:var(--b-vinho)}

.tr-lead{margin:0;font-size:var(--b-corpo);line-height:1.6;color:var(--b-tinta);max-width:36rem}

.tr-modos{margin-top:2.2rem}
.tr-abas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.tr-aba{display:flex;align-items:flex-start;gap:.6rem;text-align:left;font:inherit;color:var(--b-vinho-escuro);background:color-mix(in oklab, var(--b-creme) 60%, transparent);border:1px solid color-mix(in oklab, var(--b-vinho) 22%, transparent);border-radius:14px;padding:.85rem .9rem;cursor:pointer;transition:background .35s,color .35s,box-shadow .35s}
.tr-aba:hover{border-color:var(--b-vinho)}
.tr-aba-n{font-family:var(--b-serifa);font-size:1.6rem;line-height:1;color:var(--b-caramelo)}
.tr-aba-t{display:grid;font-weight:600;font-size:1.02rem;line-height:1.2}
.tr-aba-t small{font-weight:400;font-size:.84rem;margin-top:.2rem;color:var(--b-tinta-suave)}
.tr-aba[aria-selected="true"]{background:linear-gradient(180deg in oklab, #6e3a2d, var(--b-vinho-escuro));color:#fff6ea;border-color:var(--b-vinho-escuro);box-shadow:0 14px 30px -14px rgba(77,31,25,.6)}
.tr-aba[aria-selected="true"] .tr-aba-n{color:var(--b-ambar)}
.tr-aba[aria-selected="true"] small{color:#f1dcc4}
.tr-pele{position:relative;margin-top:1rem;border-radius:16px;overflow:hidden;aspect-ratio:600/240;box-shadow:0 20px 40px -26px rgba(77,31,25,.7)}
.tr-pele svg{display:block;width:100%;height:100%}
.tr-pele .tr-sup{opacity:0;transition:opacity .8s .3s}
.tr-pele[data-modo="2"] .tr-sup{opacity:.95}
.tr-col{transform-box:fill-box;transform-origin:top;transform:scaleY(0);transition:transform .9s var(--b-curva), opacity .5s}
.tr-ponto{opacity:0;transition:opacity .6s}
.tr-pele.tr-viva .tr-ponto{opacity:1}
.tr-fecha{opacity:0;transition:opacity .6s}
.tr-pele[data-modo="3"].tr-viva .tr-fecha{opacity:1;transition-delay:1.2s}
.tr-pele-leg{position:absolute;right:.9rem;bottom:.7rem;padding:.2rem .65rem;border-radius:999px;font-family:var(--b-serifa);font-size:1rem;color:#fff6ea;background:color-mix(in oklab, var(--b-vinho-escuro) 78%, transparent)}
.tr-varre{position:absolute;top:-30%;left:0;width:34%;height:160%;translate:-110% 0;pointer-events:none;
  background:radial-gradient(closest-side in oklab, #fffaf0, color-mix(in oklab, var(--b-ambar) 70%, transparent) 40%, transparent);mix-blend-mode:screen;opacity:0}
.tr-pele.tr-lendo .tr-varre{animation:tr-varre 1.5s var(--b-curva) forwards}
@keyframes tr-varre{0%{translate:-110% 0;opacity:1}85%{opacity:1}100%{translate:310% 0;opacity:0}}
.tr-pele-r{position:absolute;left:.9rem;padding:.2rem .5rem;border-radius:999px;background:color-mix(in oklab, var(--b-creme) 82%, transparent);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--b-vinho-escuro)}
.tr-pele-r1{top:24%}.tr-pele-r2{bottom:.7rem}
.tr-painel p{margin:1.1rem 0 0;font-size:var(--b-corpo);line-height:1.6;max-width:36rem}

.tr-faixa{position:relative;isolation:isolate;margin-top:clamp(5rem,12vh,8.5rem);padding:clamp(3rem,8vh,5rem) var(--b-margem);text-align:center}
.tr-faixa-luz{position:absolute;left:50%;top:38%;width:min(70rem,140vw);aspect-ratio:1.6;translate:-50% -50%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side in oklab, #fff8ea, color-mix(in oklab, var(--b-ambar) 70%, transparent) 42%, transparent)}
.tr-indica{width:min(62rem,100%);margin:clamp(2.6rem,6vh,3.6rem) auto 0}
.tr-h3{margin:0 0 1.6rem;font-family:var(--b-serifa);font-weight:500;font-size:clamp(1.5rem,1rem + 1vw,1.9rem);line-height:1.15;color:var(--b-vinho-escuro)}
.tr-h3 em{display:block;font-style:normal;font-weight:300;font-size:.74em;color:var(--b-vinho)}
.tr-regioes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;text-align:center}
.tr-regioes > div{padding:0 1.4rem}
.tr-regioes > div + div{border-left:1px solid color-mix(in oklab, var(--b-vinho) 20%, transparent)}
.tr-regioes h4{margin:0 0 .6rem;font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--b-caramelo)}
.tr-regioes ul{margin:0;padding:0;list-style:none;display:grid;gap:.35rem}
.tr-regioes li{font-family:var(--b-serifa);font-size:1.18rem;line-height:1.3;color:var(--b-vinho-escuro)}

.tr-dela{position:relative;margin:0 auto;padding:0;max-width:60rem}
.tr-dela p{position:relative;margin:0;padding-top:0;font-family:var(--b-serifa);font-weight:400;font-size:clamp(1.7rem,1rem + 2.3vw,3rem);line-height:1.14;letter-spacing:-.012em;max-width:30ch;margin-inline:auto;color:var(--b-vinho-escuro);text-wrap:balance}
.tr-dela cite{display:block;margin-top:.8rem;font-style:normal;font-size:.82rem;font-weight:500;letter-spacing:.04em;color:var(--b-tinta-suave)}
.tr-cta{margin-top:2.4rem}
.tr-outros-link{display:inline-block;margin-top:1.4rem}

/* ---- lobuloplastia ---- */
.tr-lobulo{position:relative;margin-top:clamp(5rem,11vh,8rem);display:grid;grid-template-columns:auto minmax(0,1.2fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:clamp(2rem,4vw,3.5rem);border-radius:18px;overflow:clip;
  background:radial-gradient(60% 120% at 0% 50% in oklab, color-mix(in oklab, var(--b-ambar) 80%, #fff4e2), transparent), var(--b-areia)}
.tr-orelha{width:clamp(8rem,14vw,12rem);height:auto;overflow:visible}
.tr-orelha-c{fill:none;stroke:var(--b-vinho);stroke-width:3.2;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:0}
.tr-orelha-in{stroke-width:2.2;stroke:var(--b-caramelo)}
.tr-argola{fill:none;stroke:var(--b-mel);stroke-width:5;filter:drop-shadow(0 0 6px rgba(244,207,149,.9))}
.js .tr-lobulo .tr-orelha-c{stroke-dashoffset:1;transition:stroke-dashoffset 2s var(--b-curva) .3s}
.js .tr-lobulo .tr-orelha-in{transition-delay:1s}
.js .tr-lobulo .tr-argola{opacity:0;scale:.6;transform-origin:104px 262px;transition:opacity 1s var(--b-curva) 1.9s, scale 1.2s var(--b-curva) 1.9s}
.js .tr-lobulo.rev-on .tr-orelha-c{stroke-dashoffset:0}
.js .tr-lobulo.rev-on .tr-argola{opacity:1;scale:1}
.tr-lobulo-tit{margin:0;font-family:var(--b-serifa);font-weight:500;font-size:clamp(2rem,1rem + 2.4vw,3rem);line-height:1.04;color:var(--b-vinho-escuro)}
.tr-lobulo-txt{margin:1rem 0 1.2rem;font-size:var(--b-corpo);line-height:1.6}
.tr-passos{display:grid;gap:1.1rem;margin:0;padding:0 0 0 clamp(1rem,3vw,2.5rem);list-style:none;border-left:1px solid color-mix(in oklab, var(--b-vinho) 22%, transparent)}
.tr-passos li{display:grid;grid-template-columns:6.2rem minmax(0,1fr);gap:1rem;align-items:baseline}
.tr-passos b{font-family:var(--b-serifa);font-weight:500;font-size:2.3rem;line-height:1;color:var(--b-vinho-escuro);white-space:nowrap}
.tr-passos li:last-child b{font-size:1.5rem}
.tr-passos span{font-size:1.02rem;line-height:1.45;color:var(--b-tinta)}

/* ---- outros ---- */
.tr-outros{margin-top:clamp(5rem,11vh,8rem);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.tr-outros-cab{position:sticky;top:6rem}
.tr-outros-tit{margin:0;font-family:var(--b-serifa);font-weight:500;font-size:clamp(2rem,1rem + 2.2vw,2.9rem);line-height:1.05;color:var(--b-vinho-escuro);text-wrap:balance}
.tr-outros-cab p{margin:1rem 0 0;font-size:var(--b-corpo);line-height:1.6;color:var(--b-tinta-suave)}
.tr-carta ol{margin:0 0 2.4rem;padding:0;list-style:none}
.tr-grupo{margin:0 0 .6rem;font-size:.76rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--b-caramelo)}
.tr-item{position:relative;padding:1.2rem 1.2rem 1.25rem;border-top:1px solid color-mix(in oklab, var(--b-vinho) 16%, transparent);isolation:isolate}
.tr-item::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:14px;background:radial-gradient(80% 140% at 0% 50% in oklab, color-mix(in oklab, var(--b-ambar) 75%, #fff4e2), transparent);opacity:0;transition:opacity .7s var(--b-curva)}
.tr-item.tr-acesa::before{opacity:1}
.tr-item h5{margin:0;font-family:var(--b-serifa);font-weight:500;font-size:clamp(1.4rem,1rem + .8vw,1.75rem);line-height:1.15;color:var(--b-vinho-escuro)}
.tr-item p{margin:.35rem 0 0;font-size:var(--b-corpo);line-height:1.55;max-width:38rem}

@media (max-width:980px){
  .tr-laser{grid-template-columns:1fr;grid-template-areas:"cab" "fig" "txt";row-gap:2rem}
  .tr-outros{grid-template-columns:1fr}
  .tr-figura,.tr-outros-cab{position:relative;top:auto}
  .tr-arco{max-width:30rem;max-height:none}
  .tr-lobulo{grid-template-columns:auto minmax(0,1fr)}
  .tr-passos{grid-column:1 / -1;border-left:0;padding:1.2rem 0 0;border-top:1px solid color-mix(in oklab, var(--b-vinho) 22%, transparent)}
}
@media (max-width:600px){
  .tr-abas{grid-template-columns:1fr}
  .tr-aba{align-items:center}
  .tr-aba-t{grid-template-columns:auto 1fr;column-gap:.6rem;align-items:baseline}
  .tr-aba-t small{margin:0}
  .tr-regioes{grid-template-columns:1fr;gap:1.4rem}
  .tr-regioes ul{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem 1rem}
  .tr-regioes > div + div{border-left:0;border-top:1px solid color-mix(in oklab, var(--b-vinho) 20%, transparent);padding-top:1.4rem}
  .tr-pele-leg{left:.7rem;right:auto;bottom:.6rem;font-size:.9rem}
  .tr-pele-r2{display:none}
  .tr-lobulo{grid-template-columns:1fr}
  .tr-orelha{width:6rem}
  .tr-pele{aspect-ratio:600/300}
  .tr-item{padding-inline:.8rem}
}
@media (prefers-reduced-motion:reduce){ .tr-m{animation:none} .tr-pele.tr-lendo .tr-varre{animation:none} }
.tr-laser-txt{margin-top:1.8rem}
@media (max-width:980px){ .tr-laser-txt{margin-top:0} }


/* ===== plantao ===== */
/* ===== O pós, dia a dia — o plantão da noite (única seção escura) ===== */
.pl{position:relative;isolation:isolate;overflow:clip;background:var(--b-noite);color:var(--b-creme);
  padding:var(--s-pad-y) var(--b-margem);--pl-luz:.06;--pl-p:0;--pl-lx:20%;--pl-ly:80%;
  --pl-tx:color-mix(in oklab, var(--b-creme) 80%, var(--b-noite))}

/* malha da noite: vinho, nunca preto; a luz âmbar nasce na chama e cresce com os dias */
.pl-fundo{position:absolute;inset:0;z-index:-1;background:
  radial-gradient(90% 70% at 100% 0% in oklab, var(--b-noite-2), transparent 70%),
  radial-gradient(80% 90% at 0% 100% in oklab, #351711, transparent 70%),
  var(--b-noite)}
.pl-mancha{position:absolute;border-radius:50%}
.pl-m1{width:60vmax;height:60vmax;right:-20vmax;top:-18vmax;background:radial-gradient(closest-side in oklab, #4a2018, transparent);animation:pl-deriva 31s ease-in-out infinite alternate}
.pl-m2{width:50vmax;height:50vmax;left:-16vmax;bottom:-22vmax;background:radial-gradient(closest-side in oklab, #43201a, transparent);animation:pl-deriva 37s ease-in-out infinite alternate-reverse}
@keyframes pl-deriva{to{transform:translate(4vmax,-3vmax) scale(1.08)}}
.pl-luz{position:absolute;left:var(--pl-lx);top:var(--pl-ly);width:min(150vmax,2100px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;
  background:radial-gradient(closest-side in oklab, color-mix(in oklab, #ffe7b8 70%, transparent), color-mix(in oklab, var(--b-ambar) 34%, transparent) 14%, color-mix(in oklab, var(--b-mel) 16%, transparent) 36%, color-mix(in oklab, var(--b-caramelo) 7%, transparent) 62%, transparent);
  opacity:calc(.3 + var(--pl-luz) * .7);scale:calc(.32 + var(--pl-luz) * .68);transition:opacity 1.2s var(--b-curva), scale 1.5s var(--b-curva)}
/* o segundo foco: a luz que alcança o rosto dela conforme os dias passam */
.pl-luz-rosto{position:absolute;right:4%;top:28%;width:min(70vmax,1000px);aspect-ratio:1;translate:30% -40%;border-radius:50%;
  background:radial-gradient(closest-side in oklab, color-mix(in oklab, var(--b-mel) 34%, transparent), color-mix(in oklab, var(--b-caramelo) 12%, transparent) 50%, transparent);
  opacity:calc(var(--pl-luz) * .95);transition:opacity 1.4s var(--b-curva)}

.pl-grade{position:relative;width:var(--s-larg);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
  grid-template-areas:"cabeca retrato" "plantao retrato" "fecho retrato";column-gap:clamp(2rem,4vw,4.5rem);align-items:start}
.pl-cabeca{grid-area:cabeca;position:relative;z-index:2}
.pl-trajeto{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .8rem;margin:0 0 1.3rem;font-size:.78rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--b-ambar)}
.pl-trajeto i{width:1.6rem;height:1px;background:linear-gradient(90deg in oklab, transparent, var(--b-mel), transparent)}
.pl-titulo{margin:0;font-family:var(--b-serifa);font-weight:500;font-size:clamp(2.1rem, 1rem + 3vw, 3.6rem);line-height:1.04;letter-spacing:-.018em;color:var(--b-ambar-claro);text-wrap:balance}
.pl-t1,.pl-t2{display:block}
.pl-t2{text-wrap:pretty;font-weight:300;font-size:.74em;color:var(--b-ambar);margin-top:.2em;letter-spacing:-.01em}
.pl-apoio{margin:1.4rem 0 0;max-width:35rem;font-size:var(--b-corpo);line-height:1.6;color:var(--pl-tx)}

/* retrato: ela de jaleco, em tamanho de figura, nascendo do pé da seção */
.pl-retrato{grid-area:retrato;margin:0;position:relative;align-self:stretch;min-height:100%}
.pl-foto{position:absolute;right:calc(-1 * var(--b-margem) - 3.5rem);bottom:calc(-1 * var(--s-pad-y));height:min(calc(100% + var(--s-pad-y)), 56rem);aspect-ratio:900/1168}
.pl-foto img{display:block;width:100%;height:100%;object-fit:contain;
  -webkit-mask-image:linear-gradient(180deg, #000 68%, transparent 97%), linear-gradient(90deg, transparent 3%, #000 26%, #000 84%, transparent 99%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(180deg, #000 68%, transparent 97%), linear-gradient(90deg, transparent 3%, #000 26%, #000 84%, transparent 99%);mask-composite:intersect;
  filter:saturate(.88) sepia(.12) brightness(calc(.7 + var(--pl-luz) * .3));transition:filter 1.4s var(--b-curva)}
/* luz âmbar pintada só sobre a figura, vinda do lado da lamparina */
.pl-foto-luz{position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;
  background:linear-gradient(105deg in oklab, color-mix(in oklab, var(--b-ambar) 90%, white), color-mix(in oklab, var(--b-ambar) 40%, transparent) 45%, var(--b-noite) 92%);
  -webkit-mask-image:url("../img/caroline-jaleco-recorte.webp"), linear-gradient(180deg, #000 68%, transparent 97%), linear-gradient(90deg, transparent 3%, #000 26%, #000 84%, transparent 99%);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-composite:source-in;
  mask-image:url("../img/caroline-jaleco-recorte.webp"), linear-gradient(180deg, #000 68%, transparent 97%), linear-gradient(90deg, transparent 3%, #000 26%, #000 84%, transparent 99%);mask-size:100% 100%;mask-repeat:no-repeat;mask-composite:intersect;
  opacity:calc(.3 + var(--pl-luz) * .7);transition:opacity 1.4s var(--b-curva)}
.pl-epigrafe{position:relative;z-index:2;margin:0 0 0 auto;max-width:19rem;padding:0 0 0 1.2rem;border-left:2px solid var(--b-mel)}
.pl-epigrafe p{margin:0;font-family:var(--b-serifa);font-size:1.3rem;line-height:1.35;color:var(--b-ambar-claro)}
.pl-epigrafe cite{display:block;margin-top:.55rem;font-style:normal;font-size:.82rem;font-weight:500;letter-spacing:.04em;color:var(--pl-tx)}

/* o placar do plantão */
.pl-plantao{grid-area:plantao;position:relative;z-index:2;margin-top:clamp(2.4rem,6vh,4rem)}
.pl-placar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1.4rem,3vw,2.8rem);align-items:center;min-height:clamp(13rem,26vw,17rem)}
.pl-dia{margin:0;position:relative;display:flex;flex-direction:column;align-items:flex-start;line-height:.78;font-family:var(--b-serifa);min-width:2.1ch}
.pl-dia::before{content:"";position:absolute;left:50%;top:58%;width:22rem;aspect-ratio:1;translate:-50% -50%;border-radius:50%;z-index:-1;
  background:radial-gradient(closest-side in oklab, color-mix(in oklab, var(--b-ambar) 34%, transparent), transparent);opacity:calc(.25 + var(--pl-luz) * .75);transition:opacity 1.2s}
.pl-dia-rot{font-weight:300;font-size:1.7rem;color:var(--b-mel);margin:0 0 .2rem .4rem}
.pl-dia-num{font-weight:300;font-size:clamp(8rem, 3.5rem + 11vw, 15rem);letter-spacing:-.05em;font-variant-numeric:lining-nums;
  background:linear-gradient(180deg in oklab, #fffaf0, var(--b-ambar) 55%, var(--b-caramelo));-webkit-background-clip:text;background-clip:text;color:transparent}
.pl-dia-num.is-palavra{font-size:clamp(3.4rem, 2rem + 4vw, 5.4rem);letter-spacing:-.02em;font-style:normal;line-height:1}
.pl-notas{display:grid}
.pl-nota{grid-area:1/1;align-self:center}
.js .pl-nota{opacity:0;visibility:hidden;translate:0 10px;transition:opacity .5s var(--b-curva), translate .6s var(--b-curva), visibility 0s .5s}
.js .pl-nota.is-on{opacity:1;visibility:visible;translate:0 0;transition:opacity .8s var(--b-curva) .1s, translate .9s var(--b-curva) .1s, visibility 0s}
.pl-nota-quando{margin:0 0 .8rem;font-size:.78rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--b-mel)}
.pl-nota blockquote{margin:0}
.pl-nota blockquote p{margin:0;font-family:var(--b-serifa);font-weight:400;font-size:clamp(1.22rem, 1rem + .65vw, 1.5rem);line-height:1.42;color:var(--b-creme)}
.pl-nota cite{display:block;margin-top:.7rem;font-style:normal;font-size:.86rem;font-weight:500;letter-spacing:.04em;color:var(--pl-tx)}
.pl-nota-ela blockquote p{color:var(--b-ambar-claro)}
.pl-nota-ela cite{display:flex;align-items:center;gap:.55rem;color:var(--b-ambar)}
.pl-cite-lamp{width:2.2rem;height:auto;fill:currentColor;flex:none}
.pl-nota-2{margin-top:1.1rem!important;padding-top:1.1rem;border-top:1px solid color-mix(in oklab, var(--b-mel) 25%, transparent)}
.pl mark{background:linear-gradient(transparent 60%, color-mix(in oklab, var(--b-mel) 48%, transparent) 60%);color:var(--b-ambar-claro);padding:0 .05em}

/* a régua das noites: nasce na chama da lamparina */
.pl-regua{position:relative;margin-top:clamp(1.6rem,3vh,2.4rem);display:grid;grid-template-columns:clamp(6rem,10vw,8.5rem) minmax(0,1fr);column-gap:.2rem;align-items:end}
.pl-lamp{grid-row:1;grid-column:1;width:100%;height:auto;overflow:visible;margin-bottom:-.15rem}
.pl-lamp-corpo{fill:var(--b-mel)}
.pl-chama{transform-box:fill-box;transform-origin:50% 100%;animation:pl-tremula 3.4s ease-in-out infinite;transition:opacity .5s ease-out, scale 1.1s cubic-bezier(.3,1.6,.5,1)}
.pl-pronto .pl-regua:not(.is-acesa) .pl-chama{opacity:0;scale:0}
@keyframes pl-tremula{0%,100%{scale:1 1}40%{scale:.96 1.05}70%{scale:1.03 .97}}
.pl-regua{--pl-cols:repeat(16,minmax(0,1fr)) minmax(0,3.8fr)}
.pl-noites{grid-row:1;grid-column:2;list-style:none;margin:0 0 .5rem;padding:0;display:grid;grid-template-columns:var(--pl-cols);position:relative}
/* fio apagado e fio aceso (até o dia atual) */
.pl-noites::before,.pl-noites::after{content:"";position:absolute;left:0;top:50%;height:1px;translate:0 -50%}
.pl-noites::before{right:0;background:color-mix(in oklab, var(--b-mel) 28%, transparent)}
.pl-noites::after{width:var(--pl-fio,0px);height:2px;background:linear-gradient(90deg in oklab, #fffaf0, var(--b-ambar) 40%, var(--b-mel));box-shadow:0 0 12px 1px color-mix(in oklab, var(--b-ambar) 60%, transparent);transition:width .3s var(--b-curva)}
.pl-noites li{position:relative;z-index:1;height:1.4rem;display:grid;place-items:center}
/* salto de escala: dos dias para os meses */
.pl-noites li:last-child{justify-items:end}
.pl-noites li:last-child::before{content:"";position:absolute;left:18%;right:26%;top:50%;height:1px;translate:0 -50%;background:repeating-linear-gradient(90deg, var(--b-noite) 0 5px, transparent 5px 9px)}
.pl-noites li::after{content:"";width:5px;height:5px;border-radius:50%;background:color-mix(in oklab, var(--b-mel) 45%, var(--b-noite));transition:background .5s, box-shadow .6s, scale .6s}
.pl-noites li.is-acesa::after{background:#fff4dd;box-shadow:0 0 10px 3px color-mix(in oklab, var(--b-ambar) 70%, transparent);scale:1.25}
.pl-noites li.is-agora::after{scale:2.3;box-shadow:0 0 20px 7px color-mix(in oklab, var(--b-ambar) 85%, transparent)}
.pl-paradas{grid-row:2;grid-column:2;display:grid;grid-template-columns:var(--pl-cols)}
.pl-parada{appearance:none;border:0;background:none;padding:.35rem 0;min-height:2.9rem;display:grid;place-items:center;font:inherit;font-family:var(--b-serifa);font-size:1.25rem;color:var(--b-creme);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.pl-parada span{display:grid;place-items:center;min-width:2.3rem;height:2.3rem;padding:0 .35rem;border-radius:999px;transition:color .3s, background .4s, box-shadow .5s, scale .4s var(--b-curva)}
.pl-parada:hover span{background:color-mix(in oklab, var(--b-ambar) 14%, transparent)}
.pl-parada[aria-pressed="true"] span{color:var(--b-noite);font-weight:600;background:radial-gradient(circle at 50% 35% in oklab, #fffaf0, var(--b-ambar) 70%, var(--b-mel));box-shadow:0 0 0 4px color-mix(in oklab, var(--b-ambar) 18%, transparent), 0 0 26px 4px color-mix(in oklab, var(--b-ambar) 50%, transparent);scale:1.08}
.pl-parada-meses{justify-self:end;padding-right:0}
.pl-parada:focus-visible,.pl-passo:focus-visible,.pl-cta:focus-visible{outline:2px solid var(--b-ambar);outline-offset:3px}
.pl-parada-meses span{font-weight:400;padding:0 .8rem}

.pl-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1rem;margin-top:1.3rem}
.pl-passo{appearance:none;font:inherit;font-size:1rem;font-weight:600;color:var(--b-ambar-claro);background:color-mix(in oklab, var(--b-ambar) 10%, transparent);border:1px solid color-mix(in oklab, var(--b-ambar) 55%, transparent);border-radius:999px;padding:.72rem 1.35rem;min-height:2.75rem;cursor:pointer;transition:transform .3s var(--b-curva), background .3s}
.pl-passo:hover{background:color-mix(in oklab, var(--b-ambar) 18%, transparent)}
.pl-passo[data-passo="-1"]{width:2.75rem;padding:0;background:transparent;color:var(--b-ambar);border-color:color-mix(in oklab, var(--b-ambar) 35%, transparent);font-size:1.3rem}
.pl-passo:hover{transform:translateY(-1px)}
.pl-passo:disabled{opacity:.35;cursor:default;transform:none}
.pl-aviso{flex:1 1 16rem;margin:0;font-size:.88rem;line-height:1.5;color:color-mix(in oklab, var(--b-creme) 68%, var(--b-noite))}
.pl:not(.pl-pronto) .pl-acoes button{display:none}

.pl-fecho{grid-area:fecho;position:relative;z-index:2;margin:clamp(2.2rem,5vh,3.2rem) 0 0;padding-top:clamp(1.6rem,3.5vh,2.2rem);border-top:1px solid color-mix(in oklab, var(--b-mel) 22%, transparent);display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2rem}
.pl-fecho-txt{flex:1 1 22rem;max-width:32rem;margin:0;font-size:var(--b-corpo);line-height:1.55;color:var(--pl-tx)}
.pl-cta{display:inline-flex;align-items:center;gap:.65rem;padding:1.02rem 1.6rem;border-radius:999px;text-decoration:none;font-weight:600;font-size:1.04rem;white-space:nowrap;color:var(--b-noite);background:linear-gradient(180deg in oklab, #fff4dd, var(--b-ambar) 60%, var(--b-mel));box-shadow:0 1px 0 rgba(255,255,255,.5) inset, 0 16px 36px -14px color-mix(in oklab, var(--b-ambar) 75%, transparent);transition:transform .35s var(--b-curva), box-shadow .5s}
.pl-cta svg{width:1.2rem;height:1.2rem;fill:currentColor}
.pl-cta:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.5) inset, 0 18px 40px -12px color-mix(in oklab, var(--b-ambar) 85%, transparent), 0 0 0 6px color-mix(in oklab, var(--b-ambar) 22%, transparent)}

/* sem JS: todas as notas em lista */
html:not(.js) .pl-dia,html:not(.js) .pl-regua{display:none}
html:not(.js) .pl-notas{gap:1.6rem}
html:not(.js) .pl-nota{grid-area:auto}

@media (max-width:900px){
  .pl{--pl-lx:12%}
  .pl-grade{grid-template-columns:minmax(0,1fr);grid-template-areas:"cabeca" "retrato" "plantao" "fecho"}
  .pl-trajeto{font-size:.74rem;letter-spacing:.14em}
  .pl-trajeto span:first-child,.pl-trajeto i:first-of-type{display:none}
  .pl-retrato{min-height:0;margin:1.6rem calc(-1 * var(--b-margem)) 0;display:flex;flex-direction:column}
  .pl-foto{position:relative;right:auto;bottom:auto;height:auto;width:min(112%, 34rem);margin:0 -10% 0 auto}
  .pl-epigrafe{margin:-3.2rem var(--b-margem) 0;max-width:22rem;align-self:flex-start}
  .pl-luz-rosto{top:16%;right:0}
  .pl-placar{grid-template-columns:minmax(0,1fr);gap:.4rem;min-height:0}
  .pl-dia{flex-direction:row;align-items:baseline;gap:.5rem}
  .pl-dia::before{width:15rem;left:30%}
  .pl-dia-num{font-size:clamp(6rem, 3rem + 14vw, 8rem)}
  .pl-dia-num.is-palavra{font-size:3.4rem}
  .pl-notas{min-height:var(--pl-notas-h, auto)}
  .pl-regua{grid-template-columns:4.6rem minmax(0,1fr)}
  .pl-paradas{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin-top:.9rem}
  .pl-parada{grid-column:auto!important;justify-self:stretch;border:1px solid color-mix(in oklab, var(--b-mel) 30%, transparent);border-radius:999px;min-height:3rem}
  .pl-parada span{min-width:0;width:100%;height:100%;min-height:2.6rem}
  .pl-parada[aria-pressed="true"]{border-color:transparent}
  .pl-fecho{flex-direction:column;align-items:flex-start}
  .pl-fecho-txt{flex:none}
  .pl-cta{font-size:1rem;padding:.95rem 1.3rem}
}
@media (prefers-reduced-motion:reduce){ .pl-m1,.pl-m2,.pl-chama{animation:none} .pl-noites::after{transition:none} }


/* ===== avaliacoes ===== */
/* ===== Avaliações — mural de bilhetes sob a luz âmbar ===== */
.av{position:relative;isolation:isolate;overflow:clip;padding:var(--s-pad-y) var(--b-margem);color:var(--b-tinta)}
.av-fundo{position:absolute;inset:0;z-index:-1;background:
  radial-gradient(120% 60% at 50% 100% in oklab, #e7b77f, transparent 70%),
  linear-gradient(180deg in oklab, #f6d6a6, #f1cb94)}
.av-mancha{position:absolute;border-radius:50%}
.av-m1{width:60vmax;height:60vmax;left:-24vmax;top:20%;background:radial-gradient(closest-side in oklab, #e9bd86, transparent);opacity:.8;animation:av-deriva 33s ease-in-out infinite alternate}
.av-m2{width:50vmax;height:50vmax;right:-22vmax;bottom:-10vmax;background:radial-gradient(closest-side in oklab, #e3ad74, transparent);opacity:.7;animation:av-deriva 29s ease-in-out infinite alternate-reverse}
@keyframes av-deriva{to{transform:translate(5vmax,3vmax) scale(1.08)}}
/* o foco da lamparina, vindo de cima, sobre o quadro */
.av-luz{position:absolute;left:50%;top:-18%;width:min(150vmax,2200px);aspect-ratio:1.4;translate:-50% 0;border-radius:50%;
  background:radial-gradient(closest-side in oklab, #fffaf0, #fff1d8 25%, color-mix(in oklab, var(--b-ambar) 55%, transparent) 55%, transparent);opacity:.95}

.av-grade{width:var(--s-larg);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:2rem clamp(2rem,5vw,5rem);align-items:center}
.av-trajeto{display:flex;align-items:center;gap:.8rem;margin:0 0 1.3rem;font-size:.78rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--b-vinho)}
.av-trajeto i{width:1.6rem;height:1px;background:linear-gradient(90deg in oklab, transparent, var(--b-caramelo), transparent)}
.av-titulo{margin:0;font-family:var(--b-serifa);font-weight:500;font-size:clamp(2.1rem, 1rem + 3vw, 3.6rem);line-height:1.04;letter-spacing:-.018em;color:var(--b-vinho-escuro);text-wrap:balance}
.av-t1,.av-t2{display:block}
.av-t2{font-weight:300;font-size:.74em;color:var(--b-vinho);margin-top:.2em;letter-spacing:-.01em}

/* a placa do 5,0: o maior papel do quadro */
.av-placa{position:relative;justify-self:end;display:flex;align-items:center;gap:clamp(1rem,2.4vw,1.8rem);padding:clamp(1.6rem,3vw,2.4rem) clamp(1.6rem,3vw,2.6rem) clamp(1.4rem,2.6vw,2rem);rotate:-1.6deg;
  background:linear-gradient(170deg in oklab, #fffdf8, #fbf2e3);border-radius:2px;box-shadow:0 2px 2px rgba(77,31,25,.08), 0 26px 40px -22px rgba(77,31,25,.55)}
.av-placa::before,.av-placa::after{content:"";position:absolute;width:5.6rem;height:1.6rem;background:color-mix(in oklab, #f1e2c2 78%, transparent);box-shadow:0 1px 2px rgba(77,31,25,.14)}
.av-placa::before{left:-1.4rem;top:.6rem;rotate:-38deg}
.av-placa::after{right:-1.4rem;bottom:.8rem;rotate:-36deg}
.av-numero{margin:0;font-family:var(--b-serifa);font-weight:500;font-size:clamp(6rem, 3rem + 8vw, 10.5rem);line-height:.8;letter-spacing:-.045em;color:var(--b-vinho-escuro)}
.av-placa-lado{display:grid;gap:.4rem}
.av-estrelas{color:#a8642f;letter-spacing:.12em;font-size:1.45rem;line-height:1}
.av-contagem{margin:0;font-size:var(--b-corpo);line-height:1.3;color:var(--b-tinta)}
.av-contagem strong{font-weight:600;color:var(--b-vinho-escuro)}
.av-link{white-space:nowrap;justify-self:start;margin-top:.5rem;font-weight:600;color:var(--b-vinho-escuro);text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:.2rem;transition:background-size .4s var(--b-curva)}
.av-link:hover{background-size:0 1px;background-position:100% 100%}
.av-link:focus-visible,.av-fileira:focus-visible{outline:2px solid var(--b-vinho-escuro);outline-offset:3px}

/* o mural: três colunas desencontradas, papéis diferentes, sobrepostos */
.av-mural{width:var(--s-larg);margin:clamp(3.5rem,8vh,5rem) auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.8rem);align-items:start}
.av-tema:nth-child(1){grid-row:1 / span 2}
.av-tema:nth-child(2){margin-top:3.2rem}
.av-tema:nth-child(3){margin-top:1.2rem}
.av-tema-topo{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.3rem}
.av-etiqueta{display:inline-block;margin:0;padding:.5rem .9rem .45rem;rotate:-2deg;font-family:var(--b-texto);font-size:.8rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#fff6ea;
  background:linear-gradient(180deg in oklab, #7a4433, var(--b-vinho-escuro));box-shadow:0 8px 16px -10px rgba(77,31,25,.7)}
.av-tema:nth-child(2) .av-etiqueta{rotate:1.5deg}
.av-conta{display:none;flex:none;margin:0;font-size:.85rem;font-weight:600;color:var(--b-vinho);font-variant-numeric:tabular-nums}
.av-conta b{display:inline-block;margin-left:.3rem;font-weight:600;animation:av-empurra 2.4s ease-in-out infinite}
@keyframes av-empurra{0%,60%,100%{translate:0 0}30%{translate:.3rem 0}}
.av-fileira{list-style:none;margin:0;padding:0;display:grid}

.av-bilhete{position:relative;padding:1.8rem 1.45rem 1.25rem;border-radius:2px;rotate:var(--av-r,-1deg);translate:var(--av-x,0) 0;
  background:var(--av-papel);box-shadow:0 1px 1px rgba(77,31,25,.1), 0 18px 30px -16px rgba(77,31,25,.5);transition:rotate .5s var(--b-curva), translate .5s var(--b-curva), box-shadow .5s}
.av-bilhete + .av-bilhete{margin-top:-.35rem}
.av-bilhete:nth-child(2n){--av-r:1.3deg;--av-x:.7rem}
.av-bilhete:nth-child(3n){--av-r:-.4deg;--av-x:-.5rem}
.av-bilhete:nth-child(4n){--av-r:2deg;--av-x:.3rem}
.av-bilhete:hover{rotate:0deg;z-index:2;box-shadow:0 1px 1px rgba(77,31,25,.1), 0 26px 40px -18px rgba(77,31,25,.55)}
/* papéis */
.av-p-creme{--av-papel:linear-gradient(180deg in oklab, #fffbf3, #fbf1e1)}
.av-p-ambar{--av-papel:linear-gradient(180deg in oklab, #ffe9bf, #fadca6)}
.av-p-rosa{--av-papel:linear-gradient(180deg in oklab, #fcebe2, #f6dccf)}
.av-p-pauta{--av-papel:linear-gradient(90deg, transparent 2.6rem, rgba(184,50,42,.28) 2.6rem 2.66rem, transparent 2.66rem), repeating-linear-gradient(180deg, transparent 0 1.78rem, rgba(100,54,43,.13) 1.78rem 1.84rem), linear-gradient(180deg, #fffdf8, #fbf4e8);padding-left:3.3rem;background-position:0 0, 0 1.8rem, 0 0;background-repeat:no-repeat, repeat-x, no-repeat;background-size:auto, 100% calc(100% - 1.8rem - 3.2rem), auto}
/* fita (alternando com um alfinete) */
.av-bilhete::before{content:"";position:absolute;top:-.7rem;left:50%;width:5.2rem;height:1.5rem;translate:-50% 0;rotate:-3deg;
  background:color-mix(in oklab, #f1e2c2 76%, transparent);box-shadow:0 1px 2px rgba(77,31,25,.14)}
.av-bilhete:nth-child(2n)::before{rotate:5deg;left:30%}
.av-bilhete:nth-child(3n)::before{width:1rem;height:1rem;border-radius:50%;top:.55rem;left:50%;rotate:0deg;background:radial-gradient(circle at 35% 30% in oklab, #e48b74, #9e3427 70%);box-shadow:0 3px 4px -1px rgba(77,31,25,.5)}
.av-bilhete blockquote{margin:0}
.av-bilhete p{margin:0;font-family:var(--b-serifa);font-size:clamp(1.12rem, 1rem + .3vw, 1.24rem);line-height:1.45;color:var(--b-vinho-escuro)}
.av-destaque p{font-size:clamp(1.3rem, 1rem + .75vw, 1.6rem);line-height:1.36;font-weight:500}
.av-p-pauta p{line-height:1.84rem}
.av-p-pauta.av-destaque p{font-size:1.32rem;line-height:1.84rem}
.av-bilhete cite{display:block;margin-top:.8rem;font-style:normal;font-size:.86rem;font-weight:600;letter-spacing:.05em;color:var(--b-tinta-suave)}
.av-bilhete cite::after{content:" · Google";font-weight:400}

/* grifo à mão: marca-texto irregular que corre quando o bilhete aparece */
.av mark{color:inherit;background:none;padding:0 .12em;margin:0 -.12em;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40' preserveAspectRatio='none'><path d='M3 9 C30 5 70 8 110 6 S180 4 197 7 C199 15 196 25 198 33 C160 37 120 33 80 36 S20 37 4 35 C1 27 5 17 3 9 Z' fill='%23eeb466' fill-opacity='.58'/></svg>");
  background-repeat:no-repeat;background-position:0 60%;background-size:100% 82%;-webkit-box-decoration-break:clone;box-decoration-break:clone;
  transition:background-size 1.1s var(--b-curva) var(--av-d,.25s)}
.js .av-bilhete:not(.av-on) mark{background-size:0% 82%}

.av-convite{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem 1.8rem;grid-column:2 / 4;grid-row:2;align-self:start;margin:2.4rem 0 0;padding:1.5rem 2rem;rotate:-.6deg;text-decoration:none;color:#fff3e2;
  background:linear-gradient(170deg in oklab, #6e3a2d, var(--b-vinho-escuro));border-radius:3px;box-shadow:0 26px 40px -22px rgba(77,31,25,.75);transition:rotate .5s var(--b-curva), box-shadow .5s}
.av-convite::before{content:"";position:absolute;top:-.75rem;left:50%;width:6rem;height:1.6rem;translate:-50% 0;rotate:2deg;background:color-mix(in oklab, #f1e2c2 80%, transparent);box-shadow:0 1px 2px rgba(77,31,25,.2)}
.av-convite:hover{rotate:0deg;box-shadow:0 30px 48px -22px rgba(77,31,25,.8), 0 0 0 6px color-mix(in oklab, var(--b-ambar) 45%, transparent)}
.av-convite:focus-visible{outline:2px solid var(--b-vinho-escuro);outline-offset:4px}
.av-convite-n{font-family:var(--b-serifa);font-weight:500;font-size:clamp(2.8rem, 2rem + 2vw, 3.8rem);line-height:1;letter-spacing:-.03em;color:var(--b-ambar)}
.av-convite-txt{font-size:var(--b-corpo);line-height:1.45;color:#f6e6d2}
.av-convite-acao{white-space:nowrap;font-weight:600;padding:.85rem 1.3rem;border-radius:999px;color:var(--b-noite);background:linear-gradient(180deg in oklab, #fff4dd, var(--b-ambar))}
.av-rodape{width:var(--s-larg);margin:clamp(2rem,4vh,2.8rem) auto 0;text-align:center;font-size:.9rem;line-height:1.5;color:var(--b-tinta-suave)}

@media (max-width:900px){
  .av-grade{grid-template-columns:minmax(0,1fr);align-items:start}
  .av-placa{justify-self:start;margin:.6rem 0 0 .4rem}
  .av-mural{width:auto;margin-inline:calc(-1 * var(--b-margem));grid-template-columns:minmax(0,1fr);gap:2rem}
  .av-tema:nth-child(n){margin-top:0}
  .av-tema-topo{padding-inline:var(--b-margem);margin-bottom:.2rem;gap:1rem}
  .av-etiqueta{font-size:.72rem;letter-spacing:.11em;padding:.45rem .75rem .4rem}
  .av-tema:nth-child(1){grid-row:auto}
  .av-convite{grid-column:auto;grid-row:auto;grid-template-columns:minmax(0,1fr);padding:1.6rem 1.4rem 1.5rem;margin:.6rem var(--b-margem) 0}
  .av-convite-acao{justify-self:start}
  .av-placa{max-width:calc(100% - .8rem);padding:1.4rem 1.3rem 1.2rem;gap:1rem}
  .av-numero{font-size:clamp(4.4rem, 2rem + 12vw, 6rem)}
  .av-placa::after{right:-.8rem;top:.4rem;bottom:auto;width:4.4rem;rotate:38deg}
  .av-rodape{text-align:left}
  .av-conta{display:block}
  .av-fileira{grid-auto-flow:column;grid-auto-columns:min(78vw,20rem);gap:1rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--b-margem);
    padding:1.6rem var(--b-margem) 2rem;scrollbar-width:none;align-items:start}
  .av-fileira::-webkit-scrollbar{display:none}
  .av-bilhete{scroll-snap-align:start;--av-x:0!important}
  .av-bilhete + .av-bilhete{margin-top:0}
  .av-bilhete:hover{rotate:var(--av-r,-1deg)}
}
@media (prefers-reduced-motion:reduce){ .av-m1,.av-m2,.av-conta b{animation:none} }


/* ===== mentoria ===== */
/* ===== mentoria (prefixo mt-) ===== */
.mt{position:relative;isolation:isolate;overflow:clip;padding:var(--s-pad-y) var(--b-margem);background:linear-gradient(170deg in oklab, var(--b-creme), #f3e5d4 60%, var(--b-creme-2))}
.mt-fundo{position:absolute;inset:0;z-index:-1;pointer-events:none}
.mt-mancha{position:absolute;border-radius:50%}
.mt-m1{width:62vmax;height:62vmax;right:-14vmax;top:-18vmax;background:radial-gradient(closest-side in oklab, color-mix(in oklab, var(--b-ambar) 75%, transparent), transparent);opacity:.8;animation:mt-deriva 30s ease-in-out infinite alternate}
.mt-m2{width:50vmax;height:50vmax;left:-18vmax;bottom:-22vmax;background:radial-gradient(closest-side in oklab, #f9efe3, transparent)}
@keyframes mt-deriva{to{transform:translate(-4vmax,5vmax) scale(1.06)}}

.mt-topo,.mt-programa{width:var(--s-larg);margin:0 auto}
.mt-topo{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}

.mt-trajeto{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .8rem;margin:0 0 1.3rem;font-size:.78rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--b-vinho)}
.mt-trajeto i{width:1.6rem;height:1px;background:linear-gradient(90deg in oklab, transparent, var(--b-caramelo), transparent)}
.mt-titulo{margin:0;font-family:var(--b-serifa);font-weight:500;font-size:clamp(2.1rem, 1rem + 3vw, 3.6rem);line-height:1.04;letter-spacing:-.018em;color:var(--b-vinho-escuro)}
.mt-t1,.mt-t2{display:block}
.mt-t2{margin-top:.3em;font-weight:300;font-size:.74em;line-height:1.12;color:var(--b-vinho)}
.mt-apoio{margin:1.4rem 0 0;max-width:36rem;font-size:var(--b-corpo);line-height:1.6;color:var(--b-tinta)}
.mt-crenca{margin:2rem 0 0;padding-left:1.4rem;border-left:2px solid var(--b-caramelo);max-width:34rem}
.mt-crenca p{margin:0;font-family:var(--b-serifa);font-weight:400;font-size:clamp(1.2rem, 1rem + .6vw, 1.5rem);line-height:1.4;color:var(--b-vinho-escuro)}
.mt-crenca cite{display:block;margin-top:.8rem;font-style:normal;font-size:.82rem;font-weight:600;letter-spacing:.05em;color:var(--b-tinta-suave)}

/* retrato em arco + bilhetes */
.mt-palco{position:relative;padding-bottom:5rem}
.mt-retrato{position:relative;margin:0 auto;width:min(30rem,100%);aspect-ratio:4/5;border-radius:999px 999px 18px 18px;overflow:clip;
  background:radial-gradient(closest-side at 50% 42% in oklab, #fff3dc, #f4d6a8 55%, #e3b788);box-shadow:0 30px 60px -30px rgba(77,31,25,.5)}
.mt-arco-luz{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.mt-retrato img{position:absolute;left:50%;bottom:0;translate:-50% 0;height:62%;width:auto;max-width:none}

.mt-bilhetes{position:absolute;inset:0;pointer-events:none}
.mt-bilhete{position:absolute;margin:0;width:15rem;padding:1rem 1.1rem 1rem;background:#fffaf1;border-radius:2px;pointer-events:auto;
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset, 0 16px 28px -16px rgba(77,31,25,.5), 0 2px 6px -2px rgba(77,31,25,.18);
  opacity:0;transform:translateY(24px) rotate(var(--r,0deg));transition:opacity .9s var(--b-curva) var(--d,0s), transform 1.1s var(--b-curva) var(--d,0s)}
.mt-bilhete p{margin:0;font-family:var(--b-serifa);font-size:1.12rem;line-height:1.38;color:var(--b-vinho-escuro)}
.mt-bilhete cite{display:block;margin-top:.6rem;font-style:normal;font-size:.76rem;font-weight:600;letter-spacing:.05em;color:var(--b-tinta-suave)}
.mt-bilhete mark{color:inherit;background:linear-gradient(90deg in oklab, color-mix(in oklab, var(--b-ambar) 85%, transparent), color-mix(in oklab, var(--b-mel) 60%, transparent)) 0 85%/0% 45% no-repeat;transition:background-size 1s var(--b-curva) calc(var(--d,0s) + .7s)}
.mt-b1{left:-4.5rem;bottom:9rem;--r:-3deg;--d:.2s}
.mt-b2{right:-3rem;bottom:.5rem;--r:2.5deg;--d:.35s}
.mt-b3{right:-4.5rem;top:12%;--r:-1.5deg;--d:.5s;width:13rem}
.mt.mt-on .mt-bilhete{opacity:1;transform:rotate(var(--r,0deg))}
.mt.mt-on .mt-bilhete mark{background-size:100% 45%}

/* lamparina no alto do arco */
.mt-lamp{position:absolute;left:50%;top:9%;translate:-56% 0;width:46%;height:auto;fill:color-mix(in oklab, var(--b-vinho) 80%, var(--b-caramelo));opacity:.9;overflow:visible}
.mt-retrato::before{content:"";position:absolute;left:58%;top:4%;width:70%;aspect-ratio:1;translate:-50% -30%;border-radius:50%;background:radial-gradient(closest-side in oklab, #fff8ea, transparent);pointer-events:none}

/* programa */
.mt-programa::before{content:"";position:absolute;z-index:-1;inset:-3rem -6rem -4rem;border-radius:50%;background:radial-gradient(closest-side in oklab, color-mix(in oklab, #fbf4ea 85%, transparent), transparent);pointer-events:none}
.mt-programa{position:relative;margin-top:clamp(3.5rem,7vw,6rem);display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:"cab cab" "lista ficha";column-gap:clamp(2rem,4vw,4rem);row-gap:1.6rem}
.mt-prog-cab{grid-area:cab;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid color-mix(in oklab, var(--b-vinho) 25%, transparent)}
.mt-prog-tit{margin:0;font-family:var(--b-serifa);font-weight:500;font-size:clamp(1.7rem, 1rem + 1.6vw, 2.5rem);color:var(--b-vinho-escuro);letter-spacing:-.015em}
.mt-prog-formato{margin:0;font-family:var(--b-serifa);font-weight:300;font-size:clamp(1.1rem,1rem + .4vw,1.35rem);color:var(--b-vinho)}
.mt-prog-formato strong{font-weight:600}
.mt-prog-formato i{width:1.4rem;height:1px;background:var(--b-caramelo)}
.mt-lista{grid-area:lista;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.6rem}
.mt-li-fecho{grid-column:1 / -1}
.mt-li-fecho .mt-n svg{width:1.7rem;height:auto;filter:drop-shadow(0 0 12px rgba(244,191,114,.8))}
.mt-lista .mt-li-fecho{align-items:center;padding-top:1.3rem}
.mt-lista .mt-li-fecho p{font-family:var(--b-serifa);font-size:clamp(1.25rem,1rem + .6vw,1.55rem);line-height:1.35}
.mt-lista li{break-inside:avoid;display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:.6rem;padding:1rem 0 1.1rem;border-bottom:1px solid color-mix(in oklab, var(--b-vinho) 14%, transparent)}
.mt-n{font-family:var(--b-serifa);font-weight:300;font-size:2.2rem;line-height:1;color:var(--b-caramelo)}
.mt-lista p{margin:0;font-size:var(--b-corpo);line-height:1.5;color:var(--b-tinta)}
.mt-lista strong{font-weight:600;color:var(--b-vinho-escuro)}

.mt-ficha{grid-area:ficha;align-self:start;padding-left:clamp(1.6rem,3vw,2.6rem);border-left:1px solid color-mix(in oklab, var(--b-vinho) 25%, transparent)}
.mt-horas{margin:0 0 1.6rem !important;display:flex;flex-direction:column}
.mt-horas-n{font-family:var(--b-serifa);font-weight:300;font-size:clamp(4.5rem, 2rem + 6vw, 7.5rem);line-height:.85;letter-spacing:-.04em;color:var(--b-vinho-escuro)}
.mt-horas-n sup{font-size:.4em;vertical-align:top;position:relative;top:.15em;color:var(--b-caramelo);font-weight:400}
.mt-horas-t{margin-top:.6rem;font-size:.98rem;line-height:1.45;color:var(--b-tinta-suave);max-width:18rem}
.mt-ficha-tit{margin:0 0 .5rem;font-size:.76rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--b-vinho)}
.mt-ficha p{margin:0;font-size:var(--b-corpo);line-height:1.55;color:var(--b-tinta)}
.mt-cta{margin-top:1.4rem;display:inline-flex;align-items:center;gap:.6rem;padding:1rem 1.4rem;border-radius:999px;text-decoration:none;font-weight:600;font-size:1.02rem;color:#fff6ea;
  background:linear-gradient(180deg in oklab, #74402f, var(--b-vinho-escuro));box-shadow:0 1px 0 rgba(255,255,255,.18) inset, 0 14px 30px -12px rgba(77,31,25,.5);transition:transform .3s var(--b-curva), box-shadow .3s}
.mt-cta svg{width:1.25rem;height:1.25rem;fill:currentColor;flex:none}
.mt-cta:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.18) inset, 0 18px 36px -12px rgba(77,31,25,.6), 0 0 0 6px rgba(244,207,149,.45)}
.mt-cta:focus-visible{outline:2px solid var(--b-vinho-escuro);outline-offset:3px}
.mt-ficha .mt-ficha-pe{margin-top:1.1rem;font-size:.95rem;color:var(--b-tinta-suave)}

@media (max-width:1280px){ .mt-b3{right:-1.5rem} .mt-b1{left:-2rem} .mt-b2{right:-1.5rem} }
@media (max-width:900px){
  .mt-topo{grid-template-columns:minmax(0,1fr)}
  .mt-lista{grid-template-columns:minmax(0,1fr)}
  .mt-ficha{border-left:0;padding-left:0;border-top:1px solid color-mix(in oklab, var(--b-vinho) 25%, transparent);padding-top:1.6rem}
  .mt-palco{padding-bottom:0}
  .mt-retrato{width:min(26rem,92%)}
  .mt-bilhetes{position:static;display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:1.6rem var(--b-margem) 1.4rem;margin:-3.2rem calc(-1 * var(--b-margem)) 0;scrollbar-width:none}
  .mt-bilhetes::-webkit-scrollbar{display:none}
  .mt-bilhete{position:relative;inset:auto;flex:0 0 min(17rem,78vw);width:auto;scroll-snap-align:center}
  .mt-programa{grid-template-columns:minmax(0,1fr);grid-template-areas:"cab" "lista" "ficha"}
  .mt-cta{width:100%;justify-content:center;white-space:nowrap;padding-inline:1rem}
}
@media (max-width:400px){
  .mt-cta{font-size:.95rem}
}
@media (prefers-reduced-motion:reduce){
  .mt-bilhete{opacity:1;transform:rotate(var(--r,0deg))}
  .mt-bilhete mark{background-size:100% 45%}
  .mt-m1{animation:none}
}


/* ===== espaco ===== */
/* ===== espaço (es-) ===== */
.es{position:relative;isolation:isolate;overflow:clip;padding:var(--s-pad-y) 0;background:
  radial-gradient(50% 40% at 0% 60% in oklab, #ead2bb, transparent),
  linear-gradient(180deg in oklab, var(--b-creme-2), var(--b-areia) 70%, #e9d3bd)}
.es-luz{position:absolute;right:-20vmax;top:-20vmax;width:80vmax;aspect-ratio:1;border-radius:50%;z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side in oklab, #fff4df, color-mix(in oklab, var(--b-ambar) 60%, transparent) 40%, transparent);animation:es-deriva 32s ease-in-out infinite alternate}
@keyframes es-deriva{to{transform:translate(-6vmax,8vmax) scale(1.06)}}
.es-abre,.es-f-consultorio,.es-trio,.es-chegar{width:var(--s-larg);margin-inline:auto}

.es-rotulo{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .8rem;margin:0 0 1.2rem;font-size:.78rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--b-vinho)}
.es-rotulo i{width:1.6rem;height:1px;background:linear-gradient(90deg in oklab, transparent, var(--b-caramelo), transparent)}
.es-titulo{margin:0;font-family:var(--b-serifa);font-weight:500;font-size:clamp(2.1rem, 1rem + 3vw, 3.6rem);line-height:1.04;letter-spacing:-.018em;color:var(--b-vinho-escuro);text-wrap:balance}
.es-titulo-2{display:block;margin-top:.3em;font-weight:300;font-size:.74em;color:var(--b-vinho)}
.es-intro{margin:1.4rem 0 0;max-width:30rem;font-size:var(--b-corpo);line-height:1.6;color:var(--b-tinta)}

/* abertura: recepção grande + placa como etiqueta */
.es-abre{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.es-f-balcao .es-moldura{aspect-ratio:4/5}
.es-palco{position:relative}
.es-placa{position:absolute;left:clamp(-5rem,-5vw,-2rem);bottom:12%;width:clamp(12rem,20vw,17rem);rotate:-3deg;z-index:2}
.es-placa img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 24px 40px -16px rgba(77,31,25,.7), 0 0 0 7px #fbf4ea, 0 0 0 8px color-mix(in oklab, var(--b-mel) 60%, transparent)}
.es-placa-luz{position:absolute;left:28%;top:18%;width:170%;aspect-ratio:1;translate:-50% -50%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side in oklab, #fff6e2, color-mix(in oklab, var(--b-ambar) 60%, transparent) 45%, transparent)}
.es-placa-leg{display:block;margin-top:.9rem;padding:.35rem .7rem;width:max-content;max-width:100%;border-radius:999px;rotate:3deg;font-family:var(--b-serifa);font-size:1rem;color:var(--b-vinho-escuro);background:color-mix(in oklab, var(--b-creme) 88%, transparent)}

/* fotos */
.es-foto{margin:0}
.es-moldura{position:relative;display:block;overflow:hidden;border-radius:16px;box-shadow:0 30px 50px -30px rgba(77,31,25,.6)}
.es-moldura img{display:block;width:100%;height:100%;object-fit:cover}
.es-moldura::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(90% 70% at 80% 10% in oklab, color-mix(in oklab, var(--b-ambar) 55%, transparent), transparent 70%);mix-blend-mode:soft-light}
.js .es-foto .es-moldura img{scale:1.08;transition:scale 1.8s var(--b-curva) var(--rev-d,0s)}
.js .es-foto.rev-on .es-moldura img{scale:1}
.es-foto figcaption{display:flex;flex-wrap:wrap;gap:.2rem .7rem;align-items:baseline;margin-top:.9rem;font-size:1rem;line-height:1.45;color:var(--b-tinta)}
.es-foto figcaption b{font-size:.74rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--b-caramelo)}

.es-f-consultorio{position:relative;margin:clamp(5rem,12vh,8rem) auto 0}
.es-f-consultorio .es-moldura{aspect-ratio:21/9}
.es-f-consultorio img{object-position:50% 24%;width:112%;max-width:none;translate:var(--es-pan,-5%) 0}
.es-f-consultorio figcaption{position:absolute;left:1.2rem;bottom:1.2rem;margin:0;max-width:28rem;padding:.8rem 1.1rem;border-radius:12px;background:color-mix(in oklab, var(--b-creme) 86%, transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

.es-trio{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,3.4fr) minmax(0,3.6fr);gap:clamp(1rem,2.4vw,2rem);margin-top:clamp(3rem,7vh,5rem);align-items:start}
.es-f-ripado .es-moldura{aspect-ratio:4/5}
.es-f-espera{margin-top:5rem}
.es-f-espera .es-moldura{aspect-ratio:3/4.4}
.es-f-cafe{margin-top:2rem}
.es-f-cafe .es-moldura{aspect-ratio:3/4}
.es-f-cafe img{object-position:30% 50%}

.es-chegar{margin-top:clamp(4rem,10vh,7rem);padding-top:2.6rem;border-top:1px solid color-mix(in oklab, var(--b-vinho) 22%, transparent);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.es-num{position:relative;display:grid;justify-items:start}
.es-num svg{width:clamp(6rem,11vw,9rem);fill:var(--b-vinho);margin-bottom:-.4rem}
.es-chama{position:absolute;left:calc(clamp(6rem,11vw,9rem) * .9);top:-.2rem;width:1.1rem;height:1.6rem;border-radius:50% 50% 50% 50% / 62% 62% 38% 38%;background:radial-gradient(closest-side at 50% 70% in oklab, #fffaf0, #f4bf72 70%, #d98f4e);box-shadow:0 0 30px 14px color-mix(in oklab, var(--b-ambar) 70%, transparent)}
.es-num b{font-family:var(--b-serifa);font-weight:300;font-size:clamp(5rem,3rem + 6vw,9rem);line-height:.9;letter-spacing:-.03em;color:var(--b-vinho-escuro)}
.es-frase{margin:0;max-width:56rem;font-family:var(--b-serifa);font-weight:400;font-size:clamp(1.45rem,1rem + 1.4vw,2.2rem);line-height:1.35;color:var(--b-vinho-escuro);text-wrap:pretty}
.es-frase mark{color:inherit;background:linear-gradient(transparent 58%, color-mix(in oklab, var(--b-ambar) 85%, transparent) 58%, color-mix(in oklab, var(--b-ambar) 85%, transparent) 92%, transparent 92%);padding:0 .08em}

@media (max-width:860px){
  .es-abre{grid-template-columns:1fr}
  .es-placa{left:-.4rem;bottom:-2.2rem;width:min(13rem,56%)}
  .es-f-balcao figcaption{margin-top:3.6rem}
  .es-placa-leg{font-size:.9rem}
  .es-chegar{grid-template-columns:1fr;gap:1.4rem}
  .es-f-consultorio .es-moldura{aspect-ratio:4/3}
  .es-f-consultorio img{object-position:50% 50%}
  .es-f-consultorio figcaption{position:static;margin-top:.9rem;padding:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .es-trio{grid-template-columns:repeat(2,minmax(0,1fr))}
  .es-f-ripado{grid-column:1 / -1}
  .es-f-ripado .es-moldura{aspect-ratio:4/3}
  .es-f-ripado img{object-position:50% 60%}
  .es-f-espera,.es-f-cafe{margin-top:0}
  .es-f-espera .es-moldura,.es-f-cafe .es-moldura{aspect-ratio:3/4}
}
@media (prefers-reduced-motion:reduce){ .es-luz{animation:none} .js .es-foto .es-moldura img{scale:1} }


/* ===== consulta ===== */
/* consulta — primeira avaliação + perguntas frequentes */
.cs{position:relative;isolation:isolate;overflow:clip;padding:var(--s-pad-y) 0;background:var(--b-creme);color:var(--b-tinta)}
.cs-fundo{position:absolute;inset:0;z-index:-1;pointer-events:none}
.cs-fundo span{position:absolute;border-radius:50%}
.cs-m1{width:72rem;height:72rem;right:-28rem;top:-34rem;background:radial-gradient(closest-side in oklab, color-mix(in oklab, var(--b-ambar) 60%, var(--b-creme)), transparent)}
.cs-m2{width:60rem;height:60rem;left:-26rem;bottom:-30rem;background:radial-gradient(closest-side in oklab, var(--b-creme-2), transparent)}
.cs-m3{width:54rem;height:40rem;left:10%;top:22rem;background:radial-gradient(closest-side in oklab, color-mix(in oklab, var(--b-ambar-claro) 80%, transparent), transparent);opacity:.9}
.cs-larg{width:var(--s-larg);margin:0 auto}

/* ---------- topo: título + a voz dela ---------- */
.cs-topo{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:end}
.cs-rotulo{display:flex;align-items:center;gap:.8rem;margin:0 0 1.2rem;font-size:.78rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--b-vinho)}
.cs-rotulo i{width:1.6rem;height:1px;background:linear-gradient(90deg in oklab, transparent, var(--b-caramelo), transparent)}
.cs-titulo{margin:0;font-family:var(--b-serifa);font-weight:500;font-size:clamp(2.1rem, 1rem + 3vw, 3.6rem);line-height:1.04;letter-spacing:-.018em;color:var(--b-vinho-escuro);text-wrap:pretty}
.cs-t2{display:block;margin-top:.3em;font-weight:300;font-size:.74em;color:var(--b-vinho);letter-spacing:-.01em}
.cs-voz{margin:0 0 .35rem;position:relative;padding:.2rem 0 .3rem 1.6rem;border-left:1px solid color-mix(in oklab, var(--b-caramelo) 60%, transparent)}
.cs-voz blockquote{margin:0}
.cs-voz p{margin:0;font-family:var(--b-serifa);font-weight:300;font-size:clamp(1.3rem,.9rem + 1vw,1.75rem);line-height:1.35;color:var(--b-vinho-escuro);text-wrap:pretty}
.cs-voz figcaption{margin-top:.8rem;font-size:.82rem;font-weight:500;letter-spacing:.04em;color:var(--b-tinta-suave)}

/* ---------- o percurso: um pavio que acende de chama em chama ---------- */
.cs-passos{--cs-y:2.1rem;position:relative;list-style:none;margin:clamp(3rem,8vh,5rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.4rem,2.6vw,2.6rem)}
.cs-passos::before,.cs-passos::after{content:"";position:absolute;left:0;right:0;top:var(--cs-y);height:2px;border-radius:2px}
.cs-passos::before{background:color-mix(in oklab, var(--b-vinho) 16%, transparent)}
.cs-passos::after{background:linear-gradient(90deg in oklab, var(--b-mel), var(--b-ambar) 60%, #ffe2b0);box-shadow:0 0 14px 2px color-mix(in oklab, var(--b-ambar) 70%, transparent);transform-origin:left;transition:scale 2.6s cubic-bezier(.45,.05,.25,1) .2s}
.cs-passo{position:relative;padding-top:5.4rem}
.cs-marco{position:absolute;left:0;top:0;width:4.2rem;height:4.2rem;display:grid;place-items:center;border-radius:50%;background:var(--b-creme);border:1px solid color-mix(in oklab, var(--b-vinho) 22%, transparent);z-index:1;transition:background 1s var(--b-curva) var(--cs-d,0s), border-color 1s var(--b-curva) var(--cs-d,0s), box-shadow 1.4s var(--b-curva) var(--cs-d,0s)}
.cs-marco b{font-family:var(--b-serifa);font-weight:500;font-size:1.55rem;line-height:1;color:var(--b-vinho-escuro);translate:0 .08em}
.cs-fogo{position:absolute;left:50%;bottom:calc(100% - .55rem);width:1.7rem;height:2.2rem;translate:-50% 0;transform-origin:50% 100%;transition:scale .9s cubic-bezier(.3,1.6,.5,1) var(--cs-d,0s), opacity .5s ease-out var(--cs-d,0s)}
.cs-passo:nth-child(1){--cs-d:.25s}
.cs-passo:nth-child(2){--cs-d:1s}
.cs-passo:nth-child(3){--cs-d:1.75s}
.cs-passo:nth-child(4){--cs-d:2.5s}
.cs-acende .cs-marco,:root:not(.js) .cs-marco{background:radial-gradient(closest-side in oklab, #fff6e4, var(--b-ambar-claro) 60%, color-mix(in oklab, var(--b-ambar) 60%, var(--b-creme)));border-color:color-mix(in oklab, var(--b-mel) 70%, transparent);box-shadow:0 0 0 6px color-mix(in oklab, var(--b-ambar) 22%, transparent), 0 0 34px 6px color-mix(in oklab, var(--b-ambar) 55%, transparent)}
.js .cs-passos:not(.cs-acende)::after{scale:0 1}
.js .cs-passos:not(.cs-acende) .cs-fogo{scale:0;opacity:0}
.cs-acende .cs-fogo{animation:cs-tremula 3.4s ease-in-out calc(var(--cs-d) + 1s) infinite}
@keyframes cs-tremula{0%,100%{transform:scale(1,1) skewX(0)}30%{transform:scale(.96,1.05) skewX(-2deg)}64%{transform:scale(1.03,.97) skewX(1.5deg)}}
/* o texto de cada passo entra junto com a sua chama */
.cs-passo>h3,.cs-passo>p,.cs-bilhete{transition:opacity 1s var(--b-curva) var(--cs-d,0s), translate 1.2s var(--b-curva) var(--cs-d,0s)}
.js .cs-passos:not(.cs-acende) .cs-passo>:is(h3,p,.cs-bilhete){opacity:0;translate:0 18px}
.cs-passo h3{margin:0 0 .6rem;font-family:var(--b-serifa);font-weight:500;font-size:clamp(1.35rem,1rem + .6vw,1.6rem);line-height:1.15;color:var(--b-vinho-escuro);text-wrap:balance}
.cs-passo p{margin:0;font-size:var(--b-corpo);line-height:1.6}
.cs-passo p+p{margin-top:.7rem}
.cs-passo .cs-dela{font-family:var(--b-serifa);font-size:1.32rem;line-height:1.4;color:var(--b-vinho-escuro)}
.cs-link{color:var(--b-vinho-escuro);font-weight:600;text-decoration-color:color-mix(in oklab, var(--b-caramelo) 70%, transparent);text-underline-offset:3px;white-space:nowrap}
.cs-link:hover{text-decoration-color:currentColor}

/* bilhete pregado no passo da avaliação */
.cs-bilhete{position:relative;margin:1.6rem -.6rem 0 1.2rem;padding:1.1rem 1.2rem 1rem;background:linear-gradient(170deg in oklab, #fffaf1, #f8ecd9);border-radius:2px;rotate:-1.6deg;box-shadow:0 1px 0 rgba(255,255,255,.7) inset, 0 14px 30px -14px rgba(77,31,25,.45), 0 2px 5px -2px rgba(77,31,25,.18)}
.cs-bilhete::before{content:"";position:absolute;top:-.55rem;left:50%;width:4.2rem;height:1.1rem;translate:-50% 0;rotate:2deg;background:color-mix(in oklab, var(--b-ambar) 55%, transparent);box-shadow:0 1px 2px rgba(77,31,25,.12)}
.cs-bilhete blockquote{margin:0}
.cs-bilhete p{font-family:var(--b-serifa);font-size:1.18rem;line-height:1.38;color:var(--b-vinho-escuro)}
.cs-bilhete mark{background:linear-gradient(transparent 58%, color-mix(in oklab, var(--b-ambar) 85%, transparent) 58%, color-mix(in oklab, var(--b-ambar) 85%, transparent) 92%, transparent 92%);color:inherit;padding:0 .05em}
.cs-bilhete figcaption{margin-top:.55rem;font-size:.82rem;font-weight:500;letter-spacing:.04em;color:var(--b-tinta-suave)}

/* ---------- perguntas frequentes ---------- */
.cs-faq{margin-top:clamp(4.5rem,11vh,7.5rem);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.cs-faq-cab{position:sticky;top:6.5rem}
.cs-faq-titulo{margin:0;font-family:var(--b-serifa);font-weight:500;font-size:clamp(1.8rem,1rem + 2vw,2.7rem);line-height:1.06;letter-spacing:-.012em;color:var(--b-vinho-escuro);text-wrap:balance}
.cs-faq-apoio{margin:1rem 0 1.7rem;font-size:var(--b-corpo);line-height:1.6;color:var(--b-tinta-suave);max-width:28rem}
.cs-alt{margin:1.5rem 0 0;font-size:1.02rem;line-height:1.6;color:var(--b-tinta-suave)}
.cs-alt a{color:var(--b-vinho-escuro);font-weight:600;text-underline-offset:3px}
.cs-alt span{font-size:.92rem}
.cs-lamp-traco{display:block;width:min(100%,22rem);margin-top:clamp(2rem,6vh,3.5rem);fill:color-mix(in oklab, var(--b-caramelo) 32%, transparent)}

.cs-lista{border-top:1px solid color-mix(in oklab, var(--b-vinho) 20%, transparent)}
.cs-q{border-bottom:1px solid color-mix(in oklab, var(--b-vinho) 20%, transparent);interpolate-size:allow-keywords}
.cs-q summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;align-items:baseline;gap:0 .6rem;padding:1.35rem .2rem;font-family:var(--b-serifa);font-weight:500;font-size:clamp(1.22rem,1rem + .5vw,1.45rem);line-height:1.25;color:var(--b-vinho-escuro);border-radius:6px;transition:color .3s}
.cs-q summary::-webkit-details-marker{display:none}
.cs-q summary:hover{color:var(--b-vinho)}
.cs-ico{flex:none;width:1.25rem;height:1.6rem;overflow:visible;transform-origin:50% 100%;transition:scale .6s cubic-bezier(.3,1.6,.5,1), filter .6s}
.cs-ico{--cs-f1:transparent;--cs-f2:transparent;--cs-s1:#c9955f}
.cs-q[open] .cs-ico{scale:1.25;filter:drop-shadow(0 0 6px rgba(244,190,120,.9))}
.cs-q[open] .cs-ico{--cs-f1:url(#cs-chama-cor);--cs-f2:#fffdf6;--cs-s1:#e2a35f}
.cs-q::details-content{block-size:0;overflow:clip;transition:block-size .55s var(--b-curva), content-visibility .55s allow-discrete}
.cs-q[open]::details-content{block-size:auto}
.cs-r{padding:0 .2rem 1.7rem 3.2rem;max-width:44rem}
.cs-qn{font-family:var(--b-texto);font-style:normal;font-size:.78rem;font-weight:600;letter-spacing:.12em;color:var(--b-caramelo);translate:0 -.15em}
.cs-ico{align-self:center}
.cs-r p{margin:0 0 .85rem;font-size:var(--b-corpo);line-height:1.6}
.cs-r p:last-child{margin-bottom:0}
.cs-r a{color:var(--b-vinho-escuro);font-weight:600;text-underline-offset:3px}
.cs-r-fala{margin:.4rem 0 1rem;padding:.2rem 0 .2rem 1.1rem;border-left:2px solid var(--b-mel)}
.cs-r-fala p{font-family:var(--b-serifa);font-size:1.22rem;line-height:1.4;color:var(--b-vinho-escuro);margin:0}
.cs-r-fala cite{display:block;margin-top:.4rem;font-style:normal;font-size:.82rem;font-weight:500;letter-spacing:.04em;color:var(--b-tinta-suave)}

/* ---------- tablet ---------- */
@media (max-width:1080px){
  .cs-topo{grid-template-columns:1fr;align-items:start;gap:2rem}
  .cs-voz{max-width:40rem}
  .cs-faq{grid-template-columns:1fr}
  .cs-faq-cab{position:static}
  .cs-alt{margin:1.5rem 0 0;font-size:1.02rem;line-height:1.6;color:var(--b-tinta-suave)}
.cs-alt a{color:var(--b-vinho-escuro);font-weight:600;text-underline-offset:3px}
.cs-alt span{font-size:.92rem}
.cs-lamp-traco{display:none}
}
/* ---------- pavio na vertical ---------- */
@media (max-width:860px){
  .cs-passos{grid-template-columns:1fr;gap:2.4rem;--cs-x:1.75rem}
  .cs-passos::before,.cs-passos::after{left:var(--cs-x);right:auto;top:1.75rem;bottom:2rem;width:2px;height:auto;translate:-50% 0}
  .cs-passos::after{transform-origin:top}
  .js .cs-passos:not(.cs-acende)::after{scale:1 0}
  .cs-passo{padding:0 0 0 4.7rem;min-height:3.5rem}
  .cs-marco{width:3.5rem;height:3.5rem}
  .cs-marco b{font-size:1.3rem}
  .cs-fogo{width:1.4rem;height:1.8rem}
  .cs-passo h3{padding-top:.55rem}
  .cs-bilhete{margin-left:0}
}
@media (max-width:600px){
  .cs-voz{padding:1rem 0 0;border-left:0;border-top:1px solid color-mix(in oklab, var(--b-caramelo) 60%, transparent)}
  .cs-voz figcaption{font-size:.76rem;letter-spacing:.02em}
  .cs-q summary{grid-template-columns:2rem minmax(0,1fr) auto}
  .cs-r{padding-left:2.6rem}
  .cs-bilhete{margin:1.4rem 0 0}
}
@media (max-width:420px){
  .cs-passo{padding-left:4.2rem}
  .cs-r{padding-left:0}
}
@media (prefers-reduced-motion:reduce){
  .cs-acende .cs-fogo{animation:none}
}


/* ===== contato ===== */
/* contato — endereço, horário aceso, mapa com a lamparina na sala 1312, último convite */
.ct{position:relative;isolation:isolate;overflow:clip;padding:var(--s-pad-y) 0 clamp(4rem,9vh,6rem);background:linear-gradient(180deg in oklab, var(--b-creme), color-mix(in oklab, var(--b-ambar) 38%, var(--b-creme)));color:var(--b-tinta)}
.ct-fundo{position:absolute;inset:0;z-index:-1;pointer-events:none}
.ct-fundo span{position:absolute;border-radius:50%}
.ct-m1{width:80rem;height:80rem;right:-24rem;top:-20rem;background:radial-gradient(closest-side in oklab, color-mix(in oklab, var(--b-ambar) 70%, #fff3df), transparent)}
.ct-m2{width:50rem;height:50rem;left:-20rem;bottom:-24rem;background:radial-gradient(closest-side in oklab, var(--b-creme-2), transparent)}
.ct-larg{width:var(--s-larg);margin:0 auto}
.ct-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(2.4rem,6vw,6rem);align-items:start}

/* ---------- texto ---------- */
.ct-rotulo{display:flex;align-items:center;gap:.8rem;margin:0 0 1.2rem;font-size:.78rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--b-vinho)}
.ct-rotulo i{width:1.6rem;height:1px;background:linear-gradient(90deg in oklab, transparent, var(--b-caramelo), transparent)}
.ct-titulo{margin:0;font-family:var(--b-serifa);font-weight:500;font-size:clamp(2.2rem, 1rem + 3.3vw, 3.9rem);line-height:1.03;letter-spacing:-.018em;color:var(--b-vinho-escuro)}
.ct-nw{white-space:nowrap}
.ct-acesa{position:relative;z-index:0}
.ct-acesa::after{content:"";position:absolute;z-index:-1;left:-.14em;right:-.12em;top:.16em;bottom:-.02em;border-radius:.4em;
  background:radial-gradient(closest-side in oklab, color-mix(in oklab, var(--b-ambar) 92%, white), color-mix(in oklab, var(--b-ambar) 30%, transparent) 70%, transparent);
  transition:opacity 1.8s var(--b-curva) .6s, scale 2s var(--b-curva) .6s}
.js .ct-titulo:not(.rev-on) .ct-acesa::after{opacity:0;scale:.6 .8}
.ct-t2{display:block;margin-top:.32em;font-weight:300;font-size:.7em;color:var(--b-vinho);letter-spacing:-.01em}

.ct-end{margin:2.1rem 0 0;font-style:normal;font-size:var(--b-corpo);line-height:1.6;color:var(--b-tinta)}
.ct-end>span{display:block}
.ct-end-1{font-family:var(--b-serifa);font-weight:500;font-size:1.32em;line-height:1.3;color:var(--b-vinho-escuro)}

/* horário aceso: uma barra de luz por dia numa régua de 8h a 21h */
.ct-copiar{margin-top:.9rem;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:999px;border:1px solid color-mix(in oklab, var(--b-vinho) 28%, transparent);background:color-mix(in oklab, var(--b-creme) 60%, transparent);font:inherit;font-size:.92rem;font-weight:500;color:var(--b-vinho-escuro);cursor:pointer;transition:background .3s,border-color .3s}
.ct-copiar:hover{background:var(--b-creme);border-color:var(--b-vinho)}
.ct-copiar.ok{border-color:var(--b-mel);background:var(--b-ambar-claro)}
.ct-horas{--cols:13;margin-top:2rem;padding:1.3rem 1.4rem 1.1rem;border-radius:16px;background:color-mix(in oklab, #fffaf2 72%, transparent);box-shadow:0 1px 0 rgba(255,255,255,.7) inset, 0 14px 30px -18px rgba(77,31,25,.4)}
.ct-mini{margin:0 0 .7rem;font-size:.74rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--b-vinho)}
.ct-h{display:grid;grid-template-columns:6.4rem minmax(0,1fr) 6.6rem;align-items:center;gap:1rem;padding:.5rem 0}
.ct-dia{font-size:1.04rem;color:var(--b-tinta)}
.ct-h b{font-size:1.04rem;font-weight:600;color:var(--b-vinho-escuro);text-align:right;white-space:nowrap}
.ct-h-off b{font-weight:500;color:var(--b-tinta-suave)}
.ct-regua{position:relative;height:.62rem;border-radius:999px;background:color-mix(in oklab, var(--b-vinho) 9%, transparent)}
.ct-luz{position:absolute;top:0;bottom:0;left:calc(var(--a) / var(--cols) * 100%);width:calc((var(--b) - var(--a)) / var(--cols) * 100%);border-radius:999px;
  background:linear-gradient(90deg in oklab, var(--b-mel), var(--b-ambar) 45%, #ffe6b8);box-shadow:0 0 12px 1px color-mix(in oklab, var(--b-ambar) 75%, transparent);transform-origin:left;transition:scale 1.6s cubic-bezier(.45,.05,.25,1) .5s}
.ct-h+.ct-h .ct-luz{transition-delay:.75s}
.js .ct-horas:not(.rev-on) .ct-luz{scale:0 1}
.ct-agulha{position:absolute;top:-.35rem;bottom:-.35rem;width:2px;left:calc(var(--t) / var(--cols) * 100%);translate:-50% 0;border-radius:2px;background:var(--b-vinho-escuro)}
.ct-agulha::after{content:"";position:absolute;left:50%;top:-.3rem;width:.55rem;height:.55rem;translate:-50% 0;border-radius:50%;background:var(--b-vinho-escuro)}
.ct-h.ct-hoje .ct-dia{font-weight:600;color:var(--b-vinho-escuro)}
.ct-escala{position:relative;height:1.1rem;margin:0 7.6rem 0 7.4rem}
.ct-escala span{position:absolute;left:calc(var(--h) / 13 * 100%);translate:-50% 0;font-size:.74rem;color:var(--b-tinta-suave)}
.ct-agora{margin:.7rem 0 0;padding-top:.7rem;border-top:1px solid color-mix(in oklab, var(--b-vinho) 14%, transparent);font-size:.95rem;line-height:1.5;color:var(--b-tinta-suave)}
.ct-agora strong{color:var(--b-vinho-escuro);font-weight:600}

.ct-mini-chegar{margin:2.2rem 0 .9rem}
.ct-info{margin:0;display:grid;gap:1rem;padding:1.2rem 1.4rem;border-radius:16px;background:color-mix(in oklab, #fffaf2 60%, transparent)}
.ct-info div{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:1rem;align-items:baseline;padding-bottom:1rem;border-bottom:1px solid color-mix(in oklab, var(--b-vinho) 14%, transparent)}
.ct-info div:last-child{border-bottom:0;padding-bottom:0}
.ct-info dt{font-size:.74rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--b-vinho)}
.ct-info dd{margin:0;font-size:var(--b-corpo);line-height:1.55}

/* ---------- mapa ---------- */
.ct-mapa-col{position:relative}
.ct-mapa-caixa{position:relative}
.ct-mapa{position:relative;overflow:clip;border-radius:22px;aspect-ratio:1/1;background:var(--b-creme-2);box-shadow:0 0 0 1px color-mix(in oklab, var(--b-vinho) 12%, transparent), 0 30px 60px -28px rgba(77,31,25,.55)}
.ct-mapa iframe{position:absolute;left:-1px;top:-96px;width:calc(100% + 2px);height:calc(100% + 96px);border:0;filter:sepia(.38) saturate(.78) hue-rotate(-8deg) contrast(.95) brightness(1.02)}
.ct-vinheta{position:absolute;inset:0;pointer-events:none;background:radial-gradient(75% 70% at 50% 44% in oklab, transparent 55%, color-mix(in oklab, var(--b-ambar) 40%, transparent) 100%);mix-blend-mode:multiply}
.ct-pino{position:absolute;left:50%;top:calc(50% - 48px - 24px);translate:-50% -2.7rem;pointer-events:none;display:grid;justify-items:center}
.ct-halo{position:absolute;left:50%;top:2.7rem;width:15rem;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side in oklab, rgba(255,240,210,.9), rgba(244,207,149,.5) 45%, transparent);animation:ct-respira 6s ease-in-out infinite}
@keyframes ct-respira{0%,100%{scale:1;opacity:1}50%{scale:1.08;opacity:.85}}
.ct-medalhao{position:relative;display:grid;place-items:center;width:5.4rem;height:5.4rem;border-radius:50%;background:radial-gradient(circle at 50% 35% in oklab, #fffdf8, #f6ebdc);box-shadow:0 0 0 1px color-mix(in oklab, var(--b-vinho) 18%, transparent), 0 10px 24px -8px rgba(77,31,25,.55)}
.ct-lamp{width:4.1rem;fill:var(--b-vinho-escuro);translate:-.2rem .3rem}
.ct-chama{position:absolute;right:.55rem;top:.75rem;width:.95rem;transform-origin:50% 100%;animation:ct-tremula 3.2s ease-in-out infinite}
@keyframes ct-tremula{0%,100%{transform:scale(1,1) skewX(0)}30%{transform:scale(.95,1.06) skewX(-2deg)}64%{transform:scale(1.03,.96) skewX(1.5deg)}}
.ct-pino-txt{position:relative;margin-top:.6rem;white-space:nowrap;padding:.38rem .8rem;border-radius:999px;background:var(--b-vinho-escuro);color:#fff6ea;font-size:.8rem;font-weight:600;letter-spacing:.05em;box-shadow:0 8px 18px -8px rgba(77,31,25,.6)}

.ct-placa{position:absolute;left:-2.6rem;bottom:-1.6rem;width:clamp(10rem,15vw,13.5rem);margin:0;padding:.55rem .55rem .7rem;background:#fffaf2;border-radius:3px;rotate:-4deg;box-shadow:0 18px 34px -16px rgba(77,31,25,.6), 0 2px 6px -2px rgba(77,31,25,.2)}
.ct-placa img{display:block;width:100%;height:auto;border-radius:1px}
.ct-placa figcaption{margin-top:.45rem;font-family:var(--b-serifa);font-size:.95rem;line-height:1.2;color:var(--b-vinho-escuro);text-align:center}
.ct-mapa-acoes{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.8rem 1.8rem;margin-top:1.3rem;min-height:1.6rem}

/* ---------- último convite ---------- */
.ct-fecho{position:relative;isolation:isolate;overflow:clip;margin-top:clamp(4.5rem,11vh,7rem);padding:clamp(3rem,7vh,4.5rem) clamp(1.4rem,4vw,3rem);border-radius:28px;text-align:center;display:grid;justify-items:center;gap:1.4rem;
  background:linear-gradient(180deg in oklab, #fff7ea, color-mix(in oklab, var(--b-ambar) 45%, #fff3e2));box-shadow:0 1px 0 rgba(255,255,255,.8) inset, 0 30px 60px -34px rgba(77,31,25,.55)}
.ct-fecho-luz{position:absolute;z-index:-1;left:50%;top:0;width:44rem;height:30rem;translate:-50% -45%;border-radius:50%;background:radial-gradient(closest-side in oklab, #fffaf0, color-mix(in oklab, var(--b-ambar) 60%, transparent) 50%, transparent)}
.ct-fecho-marca{position:relative;width:9rem}
.ct-fecho-lamp{display:block;width:100%;fill:var(--b-vinho-escuro)}
.ct-fecho-chama{position:absolute;left:84.5%;top:-26%;width:1.55rem;translate:-50% 0;transform-origin:50% 100%;animation:ct-tremula 3.4s ease-in-out infinite}
.ct-fecho-brilho{position:absolute;left:88%;top:-12%;width:7rem;aspect-ratio:1;translate:-50% -50%;border-radius:50%;z-index:-1;background:radial-gradient(closest-side in oklab, #fff8e8, color-mix(in oklab, var(--b-ambar) 70%, transparent) 45%, transparent);animation:ct-respira 6s ease-in-out infinite}
.ct-fecho-tit{margin:0;font-family:var(--b-serifa);font-weight:500;font-size:clamp(2rem,1rem + 2.8vw,3.4rem);line-height:1.06;letter-spacing:-.015em;color:var(--b-vinho-escuro);text-wrap:balance}
.ct-fecho-tit span{display:block;font-weight:300;color:var(--b-vinho)}
.ct-canais{list-style:none;margin:.2rem 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 1.8rem}
.ct-canais a{font-size:1rem;font-weight:500;color:var(--b-vinho-escuro);text-underline-offset:4px;text-decoration-color:color-mix(in oklab, var(--b-caramelo) 70%, transparent)}

/* ---------- tablet e celular ---------- */
@media (max-width:1000px){
  .ct-grade{grid-template-columns:1fr}
  .ct-mapa-col{max-width:40rem}
  .ct-mapa{aspect-ratio:5/4}
  .ct-placa{left:auto;right:-.6rem;bottom:auto;top:-2.4rem;rotate:4deg}
  .ct-mapa-acoes{justify-content:flex-start}
}
@media (max-width:600px){
  .ct-mapa-col{margin-top:1rem}
  .ct-mapa{aspect-ratio:1/1;border-radius:18px}
  .ct-placa{width:8.6rem;top:-2.8rem;right:-.4rem;padding:.4rem .4rem .5rem}
  .ct-placa figcaption{font-size:.8rem}
  .ct-horas{padding:1.1rem 1rem .9rem}
  .ct-h{grid-template-columns:4.6rem minmax(0,1fr) 5.6rem;gap:.7rem}
  .ct-dia,.ct-h b{font-size:.98rem}
  .ct-escala{margin:0 6.3rem 0 5.3rem}
  .ct-info div{grid-template-columns:1fr;gap:.2rem}
  .ct-mapa-acoes{flex-direction:column;align-items:flex-start}
  .ct-fecho{border-radius:20px;padding-left:1rem;padding-right:1rem}
  .ct-fecho .b-cta{width:100%;justify-content:center;font-size:.93rem;gap:.45rem;padding:1.05rem .7rem;white-space:nowrap}
  .ct-fecho-marca{width:7rem}
  .ct-canais{flex-direction:column;align-items:center}
}
@media (max-width:370px){
  .ct-canais a{font-size:.92rem}
  .ct-fecho .b-cta{white-space:normal;text-align:center}
  .ct-h{grid-template-columns:4.2rem minmax(0,1fr) 5.2rem;gap:.5rem}
  .ct-dia,.ct-h b{font-size:.92rem}
  .ct-escala{margin:0 5.7rem 0 4.7rem}
}
@media (prefers-reduced-motion:reduce){
  .ct-halo,.ct-chama,.ct-fecho-chama,.ct-fecho-brilho{animation:none}
}


/* ===== rodape ===== */
/* rodapé — vinho-escuro, com a última luz da lamparina */
.rp{position:relative;isolation:isolate;overflow:clip;background:linear-gradient(180deg in oklab, var(--b-vinho-escuro), #3f1813);color:#f1dfcb;padding:clamp(4rem,9vh,6rem) 0 1.6rem}
.rp-fio{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg in oklab, transparent, color-mix(in oklab, var(--b-ambar) 75%, transparent) 25%, var(--b-ambar) 50%, color-mix(in oklab, var(--b-ambar) 75%, transparent) 75%, transparent);box-shadow:0 0 18px 2px color-mix(in oklab, var(--b-ambar) 35%, transparent)}
.rp-luz{position:absolute;z-index:-1;left:84.5%;top:-10%;width:22rem;aspect-ratio:1;translate:-50% -50%;border-radius:50%;mix-blend-mode:screen;pointer-events:none;
  background:radial-gradient(closest-side in oklab, rgba(255,214,150,.42), rgba(217,164,106,.16) 42%, transparent)}
.rp-larg{width:var(--s-larg);margin:0 auto}
.rp-topo{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);gap:clamp(2.4rem,6vw,6rem);align-items:start}

.rp-lamp-caixa{position:relative;display:block;width:7.4rem}
.rp-lamp{display:block;width:100%;fill:#f3dcbd}
.rp-chama{position:absolute;left:84.5%;top:-27%;width:1.3rem;translate:-50% 0;transform-origin:50% 100%;filter:drop-shadow(0 0 8px rgba(255,200,120,.85));animation:rp-tremula 3.4s ease-in-out infinite}
@keyframes rp-tremula{0%,100%{transform:scale(1,1) skewX(0)}30%{transform:scale(.95,1.06) skewX(-2deg)}64%{transform:scale(1.03,.96) skewX(1.5deg)}}
.rp-nome{margin:1.1rem 0 0;font-family:var(--b-serifa);font-weight:500;font-size:clamp(1.9rem,1.2rem + 1.4vw,2.5rem);line-height:1.05;letter-spacing:-.01em;color:#fff4e4}
.rp-cat{margin:.55rem 0 0;font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--b-ambar)}
.rp-lema{margin:1.3rem 0 0;font-family:var(--b-serifa);font-weight:300;font-size:1.3rem;color:#ecd2b4}

.rp-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);gap:clamp(1.6rem,3vw,3rem);padding-top:.6rem}
.rp-tit{margin:0 0 .8rem;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--b-mel)}
.rp-col p:not(.rp-tit){margin:0 0 .9rem;font-size:1.02rem;line-height:1.6;color:#f1dfcb}
.rp a{color:#fff4e4;text-decoration:underline;text-decoration-color:rgba(244,207,149,.35);text-underline-offset:4px;transition:text-decoration-color .3s,color .3s}
.rp a:hover{text-decoration-color:var(--b-ambar);color:#fff}
.rp a:focus-visible{outline:2px solid var(--b-ambar);outline-offset:3px;border-radius:2px}

.rp-base{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 2rem;margin-top:clamp(3rem,7vh,4.5rem);padding-top:1.3rem;border-top:1px solid rgba(244,207,149,.18)}
.rp-copy{margin:0;font-size:.86rem;color:#d8bea4}
.rp-topo-link{font-size:.9rem;font-weight:500}
.rp-selo{margin:1.1rem 0 0;font-size:.9rem;color:#d8bea4}
.rp-selo a{font-weight:600;color:var(--b-ambar);text-decoration-color:rgba(244,207,149,.6)}
.rp-selo a:hover{color:#ffe2b4;text-decoration-color:currentColor}

@media (max-width:980px){
  .rp-topo{grid-template-columns:1fr}
}
@media (max-width:640px){
  .rp-cols{grid-template-columns:1fr;gap:1.6rem}
  .rp-col p:not(.rp-tit){font-size:.98rem}
  .rp-luz{width:16rem}
  .rp-lamp-caixa{width:6rem}
  .rp-base{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){ .rp-chama{animation:none} }