/* Seção "cirurgias" · prefixo cir- */
.cir{--cir-fio:rgba(227,167,99,.2)}
/* anéis ao fundo, nascendo do canto de cima */
.cir-aneis{position:absolute;z-index:-1;inset:0;pointer-events:none;--cir-c:88% 13rem;background:radial-gradient(circle at var(--cir-c) in oklab,rgba(205,125,54,.3) 0,rgba(92,48,24,.22) 12rem,transparent 30rem),repeating-radial-gradient(circle at var(--cir-c),transparent 0 calc(3.6rem - 1px),rgba(227,167,99,.2) calc(3.6rem - 1px) 3.6rem);-webkit-mask-image:radial-gradient(circle at var(--cir-c),#000 0,rgba(0,0,0,.55) 16rem,transparent 38rem);mask-image:radial-gradient(circle at var(--cir-c),#000 0,rgba(0,0,0,.55) 16rem,transparent 38rem)}

.cir-cabeca{display:grid;gap:1.4rem;margin-bottom:clamp(2.5rem,5vw,4.5rem)}
.cir-abre{max-width:30rem}

/* ---------- a lista por região ---------- */
.cir-lista{border-bottom:1px solid var(--cir-fio)}
.cir-regiao{border-top:1px solid var(--cir-fio)}
.cir-regiao-titulo{margin:0;font:inherit}
.cir-botao{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;column-gap:.9rem;width:100%;min-height:64px;padding:1.2rem 0 1.3rem;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.cir-botao:focus-visible{outline:2px solid var(--b-mel-claro);outline-offset:4px}
.cir-ordem{font-size:var(--w-t-mini);letter-spacing:.14em;color:var(--b-mel-claro)}
.cir-nome{font-family:var(--b-serif);font-size:clamp(3.1rem,1.6rem + 6.4vw,7rem);line-height:.95;letter-spacing:-.02em;transition:color .5s ease}
.cir-resumo{grid-column:2/-1;font-size:var(--w-t-mini);letter-spacing:.03em;color:var(--b-creme-suave);margin-top:.7rem}
.cir-sinal{grid-column:3;grid-row:1;align-self:center;position:relative;width:44px;height:44px}
.cir-sinal i{position:absolute;inset:0;margin:auto;border-radius:50%;border:1px solid var(--b-mel-claro);transition:transform .7s var(--w-curva),opacity .5s ease,background-color .4s ease}
.cir-sinal i:nth-child(1){width:8px;height:8px;background:var(--b-mel-claro)}
.cir-sinal i:nth-child(2){width:24px;height:24px;opacity:.7}
.cir-sinal i:nth-child(3){width:44px;height:44px;opacity:.4}
.cir-aberta .cir-nome{color:var(--b-mel-claro);font-style:italic}
@media (hover:hover){.cir-botao:hover .cir-nome{color:var(--b-mel-claro)}.cir-botao:hover .cir-sinal i:nth-child(3){opacity:.9}}

.cir-painel{display:grid;grid-template-rows:1fr}
.cir-painel-dentro{min-height:0;overflow:hidden}
.cir-pronta .cir-painel{grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .8s var(--w-curva),visibility 0s .8s}
.cir-pronta .cir-aberta .cir-painel{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .8s var(--w-curva),visibility 0s}
.cir-pronta .cir-regiao:not(.cir-aberta) .cir-sinal i:nth-child(2){transform:scale(.2);opacity:0}

.cir-regiao-fala{margin:0;padding:.6rem 0 1.8rem;max-width:44rem;font-family:var(--b-serif);font-style:italic;font-size:clamp(1.45rem,1.1rem + 1.5vw,2.2rem);line-height:1.2;color:var(--b-creme);text-wrap:pretty}
.cir-itens{list-style:none;margin:0;padding:0}
.cir-item{display:grid;gap:.7rem;padding:1.4rem 0;border-top:1px dashed rgba(227,167,99,.22)}
.cir-item-nome{margin:0;font-family:var(--b-serif);font-weight:400;font-size:clamp(1.45rem,1.2rem + 1vw,2rem);line-height:1.1;text-wrap:balance}
.cir-tec{display:block;margin-top:.5rem;font-family:var(--b-sans);font-size:var(--w-t-mini);letter-spacing:.14em;text-transform:uppercase;color:var(--b-mel-claro)}
.cir-item-texto>*{margin:0}
.cir-item-texto>*+*{margin-top:.8rem}
.cir-leigo{color:var(--b-creme-suave);line-height:1.6;font-size:var(--w-t-texto)}
.cir-fala{font-family:var(--b-serif);font-style:italic;font-size:clamp(1.18rem,1.08rem + .4vw,1.36rem);line-height:1.42;color:var(--b-creme)}
.cir-fala{padding-left:1rem;border-left:1px solid rgba(227,167,99,.55)}
.cir-nota{margin:0;padding:1.1rem 0 2.2rem;border-top:1px dashed rgba(227,167,99,.22);color:var(--b-creme-suave)}
.cir-itens:last-child{padding-bottom:1.4rem}

/* ---------- segurança ---------- */
.cir-seguranca{position:relative;margin-top:clamp(4.5rem,10vw,9rem);display:grid;grid-template-columns:minmax(0,1fr);gap:2.2rem}
.cir-lema{margin:0}
.cir-lema blockquote{margin:0;font-family:var(--b-serif);font-size:clamp(2rem,1.2rem + 3.4vw,4rem);line-height:1.05;letter-spacing:-.012em;text-wrap:balance}
.cir-lema em{font-style:italic;color:var(--b-mel-claro)}
.cir-lema figcaption{margin-top:1.1rem;font-size:var(--w-t-mini);letter-spacing:.04em;color:var(--b-creme-suave)}
.cir-seg-retrato{position:relative;margin:0 calc(-1*var(--b-margem)) -2.2rem;display:grid;justify-items:center;overflow:hidden;opacity:1!important;transform:none!important}
.cir-seg-retrato img{position:relative;width:min(92%,27rem);height:auto;filter:drop-shadow(0 0 2.5rem rgba(18,10,6,.55))}
.cir-seg-aneis{position:absolute;left:50%;top:50%;width:46rem;height:46rem;margin:-23rem 0 0 -23rem;border-radius:50%;background:radial-gradient(circle in oklab,rgba(227,167,99,.5) 0,rgba(205,125,54,.42) 6rem,rgba(92,48,24,.45) 12rem,transparent 20rem),repeating-radial-gradient(circle,transparent 0 calc(2.5rem - 1px),rgba(236,183,119,.42) calc(2.5rem - 1px) 2.5rem);-webkit-mask-image:radial-gradient(circle,#000 0,#000 10rem,transparent 21rem);mask-image:radial-gradient(circle,#000 0,#000 10rem,transparent 21rem);transition:transform 1.6s var(--w-curva),opacity 1.2s ease}
.w-js .cir-seg-retrato:not(.w-visto) .cir-seg-aneis{transform:scale(.35);opacity:0}
.cir-tres{list-style:none;margin:0;padding:0}
.cir-tres{position:relative}
.cir-tres li{display:grid;grid-template-columns:2.6rem minmax(0,1fr);column-gap:.6rem;padding:1.3rem 0;border-top:1px solid var(--cir-fio)}
.cir-tres-num{grid-row:1/3;font-family:var(--b-serif);font-style:italic;font-size:2.4rem;line-height:.9;color:var(--b-mel-claro)}
.cir-tres-nome{margin:0 0 .4rem;font-family:var(--b-serif);font-weight:400;font-size:var(--w-t-sub);line-height:1.15}
.cir-tres p{grid-column:2;margin:0;color:var(--b-creme-suave);line-height:1.6}
.cir-hospital{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;margin:0;padding-top:1.6rem;border-top:1px solid var(--cir-fio);font-family:var(--b-serif);font-size:clamp(1.45rem,1.1rem + 1.5vw,2.2rem);line-height:1.15;text-wrap:balance}
.cir-hospital-anel{flex:none}
.cir-hospital-anel circle{fill:none;stroke:var(--b-mel-claro);stroke-width:1;opacity:.6}
.cir-hospital-anel .cir-hospital-miolo{fill:var(--b-mel-claro);stroke:none;opacity:1}
.cir-hospital em{font-style:italic;color:var(--b-mel-claro)}

@media (min-width:1000px){
  .cir-cabeca{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:end;gap:3rem}
  .cir-titulo{font-size:clamp(2.6rem,1rem + 3.9vw,4.5rem)}
  .cir-abre{justify-self:end}
  .cir-botao{grid-template-columns:4rem minmax(0,1fr) minmax(0,20rem) auto;column-gap:2rem;padding:1.5rem 0 1.7rem}
  .cir-resumo{grid-column:3;margin:0;font-size:1rem}
  .cir-sinal{grid-column:4}
  .cir-painel-dentro{padding-left:6rem}
  .cir-item{grid-template-columns:minmax(0,19rem) minmax(0,40rem);gap:3rem;padding:1.7rem 0}
  .cir-seguranca{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-areas:"lema retrato" "tres retrato" "hosp hosp";column-gap:3rem}
  .cir-seg-lema{grid-area:lema}
  .cir-tres{grid-area:tres}
  .cir-hospital{grid-area:hosp}
  .cir-seguranca{row-gap:0}
  .cir-seg-lema{padding-bottom:2.6rem}
  .cir-tres{padding-bottom:2.6rem}
  .cir-seg-retrato{grid-area:retrato;margin:0 calc(-1*var(--b-margem)) 0 0;align-self:end;justify-items:end;overflow:visible}
  .cir-seg-retrato img{width:min(100%,35rem);margin-right:calc(var(--b-margem)*.4)}
  .cir-seg-aneis{left:auto;right:calc(var(--b-margem)*.4 + 17.5rem);top:44%;width:64rem;height:64rem;margin:-32rem -32rem 0 0;background:radial-gradient(circle in oklab,rgba(227,167,99,.5) 0,rgba(205,125,54,.42) 8rem,rgba(92,48,24,.45) 16rem,transparent 28rem),repeating-radial-gradient(circle,transparent 0 calc(3.2rem - 1px),rgba(236,183,119,.4) calc(3.2rem - 1px) 3.2rem);-webkit-mask-image:radial-gradient(circle,#000 0,#000 13rem,transparent 30rem);mask-image:radial-gradient(circle,#000 0,#000 13rem,transparent 30rem)}
  .cir-fala{padding-left:0;border-left:0}
  .cir-hospital{padding-top:2rem}
}
@media (max-width:999px){
  .cir-aneis{--cir-c:92% 4rem}
  .cir-seg-retrato{padding-top:2.5rem}
  .cir-seg-aneis{top:54%;background:radial-gradient(circle in oklab,rgba(227,167,99,.5) 0,rgba(205,125,54,.4) 5rem,rgba(92,48,24,.4) 9rem,transparent 13.5rem),repeating-radial-gradient(circle,transparent 0 calc(2.2rem - 1px),rgba(236,183,119,.42) calc(2.2rem - 1px) 2.2rem);-webkit-mask-image:radial-gradient(circle,#000 0,#000 6rem,transparent 13.5rem);mask-image:radial-gradient(circle,#000 0,#000 6rem,transparent 13.5rem)}
  .cir-tres{border-top:1px solid var(--cir-fio)}
  .cir-tres li:first-child{border-top:0}
}
