/* ===== VEIO 06 · O consultório (co-) ===== */
.co{--co-fio:color-mix(in oklab, var(--wf-tinta) 22%, transparent);
  --co-sangra:calc(-1 * (var(--b-margem) + max(0px, (100vw - var(--wf-largura) - 2 * var(--b-margem)) / 2)))}
.co-capa,.co-chegada,.co-atende,.co-painel{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2vw,2rem);position:relative}
.co .wf-foto{align-self:start}
.co .wf-foto img{height:auto;box-shadow:0 30px 60px -34px rgba(42,33,36,.45)}
.co-leg{margin-top:.8rem;font-size:var(--t-mini);line-height:1.45;color:var(--wf-tinta-suave);display:flex;gap:.7rem;align-items:baseline}
.co-leg span{flex:none;font-family:var(--b-mono);font-size:.72rem;letter-spacing:.16em;color:var(--wf-terracota)}
.co-cap{grid-column:1/-1;margin:0 0 2rem;display:flex;align-items:center;gap:1rem;font-family:var(--b-mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--wf-tinta-suave)}
.co-cap span{font-family:var(--b-serifa);font-style:italic;font-size:1.4rem;letter-spacing:0;color:var(--wf-terracota)}
.co-cap::after{content:"";flex:1;height:1px;background:var(--co-fio)}

/* capa */
.co-abre{grid-column:1/6;grid-row:1;align-self:start;padding-top:2rem;position:relative;z-index:2}
.co-abre .wf-lead{margin:1.6rem 0 0}
.co-recepcao{grid-column:7/13;grid-row:1/3;margin-right:var(--co-sangra);position:relative;z-index:2}
.co-recepcao img{aspect-ratio:1400/1400;object-position:50% 0}
.co-recepcao .co-leg{padding-right:var(--b-margem)}
.co-veio{grid-column:2/8;grid-row:1/3;width:100%;height:100%;z-index:1;align-self:stretch}
.co-sala{grid-column:1/6;grid-row:2;align-self:end;position:relative;z-index:2}
.co-309{margin:0 0 -.12em;font-family:var(--b-serifa);font-weight:200;font-size:clamp(7rem,3rem + 13vw,15rem);line-height:.9;letter-spacing:-.04em;
  color:transparent;-webkit-text-stroke:1px var(--wf-terracota)}
.co-ficha{margin:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--co-fio);background:color-mix(in oklab, var(--wf-marfim) 70%, transparent)}
.co-ficha div{padding:.95rem 1rem .95rem 0;border-bottom:1px solid var(--co-fio)}
.co-ficha dt{font-family:var(--b-mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--wf-terracota)}
.co-ficha dd{margin:.35rem 0 0;font-size:var(--t-texto);line-height:1.4;color:var(--wf-tinta)}
.co-mini{margin:1.6rem 0 0}
.co-mini p{margin:0;font-family:var(--b-serifa);font-style:italic;font-weight:300;font-size:1.3rem;color:var(--wf-tinta)}
.co-mini footer{margin-top:.4rem;font-family:var(--b-mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--wf-tinta-suave)}
.co-chegar{margin-top:.8rem;font-weight:500}

/* chegar */
.co-chegada{margin-top:clamp(5rem,9vw,9rem);row-gap:2.5rem}
.co-espera{grid-column:1/7;grid-row:2/4}
.co-espera img{aspect-ratio:3/3.6;object-position:50% 60%}
.co-recebe{grid-column:8/13;grid-row:2;align-self:start;padding-top:1rem}
.co-dado{margin:0 0 2rem;display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:center;color:var(--wf-tinta-suave);font-size:var(--t-texto);line-height:1.45}
.co-dado strong{font-family:var(--b-serifa);font-weight:200;font-size:clamp(4rem,2.5rem + 3vw,6rem);line-height:.9;color:var(--wf-terracota)}
.co-quadro{grid-column:7/13;grid-row:3;align-self:end;margin:0;display:grid;grid-template-columns:44% 1fr;gap:1.5rem;align-items:end}
.co-quadro img{width:100%;height:auto;box-shadow:0 24px 40px -26px rgba(42,33,36,.5)}
.co-quadro p{margin:0;font-family:var(--b-serifa);font-weight:200;font-style:italic;font-size:clamp(1.4rem,1rem + 1.2vw,2.1rem);line-height:1.15;color:var(--wf-tinta)}
.co-quadro span{display:block;margin-top:1rem;font-family:var(--b-mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--wf-tinta-suave)}

/* atender */
.co-atende{margin-top:clamp(5rem,9vw,9rem)}
.co-proc{grid-column:1/11;grid-row:2;margin-left:var(--co-sangra)}
.co-proc img{aspect-ratio:16/9.5;object-position:50% 60%}
.co-proc .co-leg{padding-left:var(--b-margem)}
.co-mesa{grid-column:9/13;grid-row:2/4;margin-top:55%;position:relative;z-index:2}
.co-mesa img{aspect-ratio:3/4;outline:clamp(.5rem,1vw,.9rem) solid var(--wf-marfim)}
.co-lidia{grid-column:2/8;grid-row:3;margin-top:2.5rem;align-self:start}

/* fecho: painel grafite */
.co-painel{margin-top:clamp(6rem,10vw,10rem);position:relative;isolation:isolate;align-items:center;row-gap:2rem;
  background:var(--b-grafite-1);color:var(--b-creme);padding:clamp(2.5rem,5vw,5rem) clamp(1.25rem,4vw,4.5rem)}
.co-painel-pedra{position:absolute;inset:0;z-index:-1;background:url("../img/marmore-grafite-c.webp") center/cover;opacity:.5}
.co-painel-pedra::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 90% at 72% 40% in oklab, rgba(52,49,53,.2), rgba(28,26,29,.8))}
.co-ela{grid-column:1/5;grid-row:1;margin-top:clamp(-9rem,-8vw,-4rem);margin-bottom:clamp(-5rem,-4vw,-2rem);align-self:start}
.co-ela img{aspect-ratio:555/800;object-position:50% 20%;box-shadow:0 40px 70px -30px rgba(0,0,0,.6)}
.co-logo{grid-column:6/8;grid-row:1;width:clamp(5rem,9vw,8.5rem);height:auto;justify-self:center;filter:drop-shadow(0 0 18px rgba(243,193,178,.45))}
.co-convite{grid-column:8/13;grid-row:1}
.co-painel-rot{margin:0 0 1.2rem;font-family:var(--b-mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--b-rose)}
.co-espera-voce{margin:0;font-family:var(--b-serifa);font-weight:200;font-size:var(--t-h2);line-height:1.06;letter-spacing:-.012em;color:var(--b-creme)}
.co-espera-voce em{font-style:italic;font-weight:300;color:var(--b-rose)}
.co-painel-hora{margin:1.1rem 0 2rem;color:var(--b-creme-suave);font-size:var(--t-texto)}
.co-painel-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.8rem}
.co .co-painel .wf-cta{background:linear-gradient(in oklch 100deg, var(--b-rose-claro), var(--b-rose) 60%, #ebae9c);color:var(--b-tinta-botao);box-shadow:0 14px 40px -14px rgba(243,193,178,.45)}
.co-painel a:focus-visible{outline-color:var(--b-rose)}

@media (max-width:999px){
  .co-capa,.co-chegada,.co-atende,.co-painel{grid-template-columns:repeat(6,minmax(0,1fr))}
  .co-abre{grid-column:1/-1;padding-top:0}
  .co-recepcao{grid-column:2/-1;grid-row:2;margin-top:2.5rem}
  .co-veio{grid-column:1/4;grid-row:2/4;margin-top:20%}
  .co-sala{grid-column:1/-1;grid-row:3;margin-top:1.5rem}
  .co-espera{grid-column:1/-1;grid-row:2}
  .co-recebe{grid-column:1/-1;grid-row:3}
  .co-quadro{grid-column:1/-1;grid-row:4}
  .co-proc{grid-column:1/-1;margin-right:var(--co-sangra)}
  .co-mesa{grid-column:3/-1;grid-row:3;margin-top:-22%}
  .co-lidia{grid-column:1/-1;grid-row:4}
  .co-ela{grid-column:1/4}
  .co-logo{grid-column:5/7}
  .co-convite{grid-column:1/-1;grid-row:2}
}
@media (max-width:640px){
  .co-recepcao{grid-column:1/-1;margin-left:var(--co-sangra)}
  .co-recepcao .co-leg{padding-left:var(--b-margem)}
  .co-ficha{grid-template-columns:1fr}
  .co-ficha dt,.co-leg span,.co-mini footer,.co-quadro span,.co .wf-cita footer{font-size:.875rem}
  .co-cap{font-size:.875rem}
  .co-proc{display:flex;flex-direction:column-reverse}
  .co-proc .co-leg{margin:0 0 .8rem}
  .co-mesa{grid-column:3/-1;margin-top:-16%}
  .co-recebe{margin-top:1.5rem}
  .co-sala{margin-top:3rem}
  .co-309{line-height:1}
  .co-veio{grid-column:1/-1;grid-row:3;margin-top:0}
  .co-ficha{background:color-mix(in oklab, var(--wf-marfim) 88%, transparent)}
  .co-ela{grid-column:1/5}
  .co-logo{grid-column:5/7;align-self:end;width:4.5rem}
  .co-painel-rot{font-size:.875rem}
}