/* =========================================================
   Ghedin Orlandin Advocacia · folha de estilo única
   Grafite escuro · bronze · marfim. Serifa editorial (Bodoni Moda) + Jost.
   ========================================================= */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
html.menu-aberto{overflow:hidden}
img,picture,svg{display:block;max-width:100%;height:auto}
button,input,textarea,select{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}

:root{
  --grafite:#262A2F;        /* capa e cabeçalho */
  --grafite-2:#2E3338;
  --grafite-3:#363C42;
  --cinza:#5E6166;          /* cinza-chumbo do site antigo, seções escuras */
  --cinza-esc:#4A4D52;      /* rodapé e chamadas */
  --parede:#3B4855;
  --bronze:#C4A074;
  --bronze-claro:#E2CFAE;
  --bronze-esc:#9E7D55;
  --marfim:#F4F0E9;
  --marfim-2:#EBE5DB;
  --marfim-3:#DED6C8;
  --tinta:#1F2327;
  --tinta-70:rgba(31,35,39,.72);
  --tinta-45:rgba(31,35,39,.46);
  --tinta-14:rgba(31,35,39,.14);
  --claro-70:rgba(244,240,233,.74);
  --claro-45:rgba(244,240,233,.48);
  --claro-14:rgba(244,240,233,.14);
  --branco:#FFFFFF;

  --serif:'Playfair Display','Iowan Old Style',Georgia,serif;
  --sans:'Jost','Futura','Avenir Next','Segoe UI',system-ui,sans-serif;

  --larg:1240px;
  --gut:clamp(1.25rem,5vw,4rem);
  --r-btn:6px;
  --r-foto:10px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --sombra:0 24px 60px -28px rgba(0,0,0,.45);
}

body{
  background:var(--marfim);
  color:var(--tinta);
  font-family:var(--sans);
  font-weight:300;
  font-size:clamp(1rem,.95rem + .25vw,1.09rem);
  line-height:1.72;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
/* grão fino por cima de tudo */
body::after{
  content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.28;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");
  mix-blend-mode:multiply;
}

h1,h2,h3,h4{
  font-family:var(--serif);
  font-weight:400;
  line-height:1.1;
  letter-spacing:-.008em;
  text-wrap:balance;
}
h1{font-size:clamp(2.2rem,1.5rem + 3.2vw,4.4rem)}
h2{font-size:clamp(1.8rem,1.3rem + 2vw,3.1rem)}
h3{font-size:clamp(1.25rem,1.1rem + .7vw,1.65rem);line-height:1.2}
em.i{font-style:italic;font-weight:400;color:var(--bronze)}
.escuro em.i{color:var(--bronze-claro)}

.env{width:100%;max-width:var(--larg);margin-inline:auto;padding-inline:var(--gut)}

.rotulo{
  display:inline-flex;align-items:center;gap:.9rem;
  font-size:.68rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--bronze-esc);
}
.rotulo::before{content:"";width:2.2rem;height:1px;background:currentColor;opacity:.75}
.escuro .rotulo{color:var(--bronze)}
.lead{font-size:clamp(1.08rem,1rem + .45vw,1.3rem);line-height:1.6;color:var(--tinta-70);font-weight:300;max-width:38rem}
.escuro .lead{color:var(--claro-70)}
p+p{margin-top:1em}

/* seções */
section{position:relative}
.sec{padding-block:clamp(4.5rem,9vw,8.5rem)}
.escuro{background:var(--cinza);color:var(--marfim)}
.escuro-2{background:var(--cinza-esc);color:var(--marfim)}
.marfim-2{background:var(--marfim-2)}
.cab{display:grid;gap:1.1rem;max-width:44rem;margin-bottom:clamp(2.5rem,5vw,4.5rem)}
.cab.centro{margin-inline:auto;text-align:center;justify-items:center}
.cab.centro .rotulo::before{display:none}

/* botões */
.btn{
  display:inline-flex;align-items:center;gap:.7rem;
  padding:1rem 1.6rem;border:1px solid var(--bronze);border-radius:var(--r-btn);
  font-size:.78rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;
  color:var(--bronze-claro);background:transparent;
  transition:background .35s var(--ease),color .35s var(--ease),transform .35s var(--ease);
}
.btn svg{width:1rem;height:1rem;flex:none}
.btn:hover{background:var(--bronze);color:var(--grafite);transform:translateY(-1px)}
.btn.cheio{background:var(--bronze);color:var(--grafite)}
.btn.cheio:hover{background:var(--bronze-claro)}
.btn.tinta{border-color:var(--tinta);color:var(--tinta)}
.btn.tinta:hover{background:var(--tinta);color:var(--marfim)}
.link{
  display:inline-flex;align-items:center;gap:.6rem;
  font-size:.78rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze-esc);
  position:relative;padding-bottom:.25rem;
}
.link{white-space:nowrap}
.link svg{width:1rem;height:1rem;flex:none;transition:transform .35s var(--ease)}
.link:hover svg{transform:translateX(4px)}
.link::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:currentColor;transform:scaleX(.35);transform-origin:left;transition:transform .4s var(--ease)}
.link:hover::after{transform:scaleX(1)}
.escuro .link{color:var(--bronze-claro)}

/* ---------- cabeçalho ---------- */
.topo{
  position:fixed;inset:0 0 auto 0;z-index:100;
  padding-block:1.1rem;
  transition:background .4s var(--ease),padding .4s var(--ease),box-shadow .4s var(--ease);
}
.topo.densa{background:rgba(38,42,47,.96);padding-block:.7rem;box-shadow:0 1px 0 var(--claro-14)}
.topo .env{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.marca img{height:40px;width:auto}
.nav ul{display:flex;gap:1.7rem;align-items:center}
.nav a{font-size:.7rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--claro-70);transition:color .3s;white-space:nowrap}
.nav a:hover,.nav a[aria-current]{color:var(--bronze-claro)}
.nav .zap{padding:.65rem 1.1rem;border:1px solid var(--bronze);color:var(--bronze-claro);border-radius:var(--r-btn)}
.nav .zap:hover{background:var(--bronze);color:var(--grafite)}
.btn-menu{display:none;background:none;border:0;color:var(--marfim);width:44px;height:44px;cursor:pointer}
.btn-menu span{display:block;width:26px;height:1px;background:currentColor;margin:6px auto;transition:transform .3s,opacity .3s}
.btn-menu[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.btn-menu[aria-expanded="true"] span:nth-child(2){opacity:0}
.btn-menu[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* páginas claras: cabeçalho escuro ocupa uma faixa */
.topo.sobre-claro{background:var(--grafite)}

/* ---------- capa (home): foto atrás, escurecida ---------- */
.capa{
  position:relative;isolation:isolate;color:var(--marfim);
  min-height:clamp(600px,92svh,920px);display:flex;align-items:flex-end;
  overflow:hidden;background:var(--grafite);
}
.capa .foto{
  position:absolute;inset:0;z-index:0;
  background-image:url("../img/capa-irmas.jpg");
  background-size:cover;background-position:100% 30%;
  filter:saturate(.88);
  animation:zoomlento 18s var(--ease) both;
}
@keyframes zoomlento{from{transform:scale(1.06)}to{transform:scale(1)}}
.capa .scrim{
  position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(to top, rgba(38,42,47,.92) 0%, rgba(38,42,47,.62) 36%, rgba(38,42,47,.18) 70%, rgba(38,42,47,.34) 100%),
    linear-gradient(to right, rgba(38,42,47,.84) 0%, rgba(38,42,47,.52) 34%, transparent 58%);
}
.capa::before{content:"";position:absolute;left:var(--gut);right:var(--gut);top:clamp(5.4rem,10vh,7rem);height:1px;background:var(--claro-14);z-index:2}
.capa .env{position:relative;z-index:2;padding-top:clamp(6.5rem,12vh,8rem);padding-bottom:clamp(2rem,4vh,3rem)}
.capa h1{margin:1.1rem 0 1.3rem;max-width:12ch;color:var(--branco);font-size:clamp(2.1rem,1.3rem + 2.9vw,3.9rem)}
.capa .lead{color:var(--claro-70);max-width:32rem;font-size:clamp(1rem,.95rem + .3vw,1.15rem)}
.capa .acoes{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.8rem}
.capa .areas-linha{
  margin-top:clamp(2rem,4vh,3rem);padding-top:1.2rem;border-top:1px solid var(--claro-14);
  display:flex;flex-wrap:wrap;gap:.6rem 2.2rem;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--claro-45)
}
.capa .areas-linha b{font-weight:500;color:var(--bronze-claro)}
.capa .legenda{position:absolute;right:var(--gut);bottom:2rem;z-index:2;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--claro-45);text-align:right}
.capa .legenda b{display:block;font-family:var(--serif);font-size:1rem;letter-spacing:0;text-transform:none;color:var(--marfim);font-weight:400}

/* ---------- destaques ---------- */
.destaques{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--tinta-14);border-bottom:1px solid var(--tinta-14)}
.destaque{
  position:relative;padding:clamp(2rem,3.5vw,3.2rem) clamp(1.4rem,2.6vw,2.6rem);border-right:1px solid var(--tinta-14);
  display:flex;flex-direction:column;gap:1.1rem;transition:background .45s var(--ease)
}
.destaque:last-child{border-right:0}
.destaque:hover{background:var(--marfim-2)}
.destaque .num{font-family:var(--serif);font-style:italic;font-size:2.4rem;color:var(--bronze);line-height:1}
.destaque h3{margin-top:.2rem}
.destaque p{color:var(--tinta-70)}
.destaque ul{display:grid;gap:.45rem;margin-top:.3rem}
.destaque li{position:relative;padding-left:1.2rem;font-size:.95rem;color:var(--tinta-70)}
.destaque li::before{content:"";position:absolute;left:0;top:.8em;width:.5rem;height:1px;background:var(--bronze)}
.destaque .link{margin-top:auto;padding-top:1rem}

/* ---------- quem somos ---------- */
.somos .env{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}
.somos .foto{position:relative}
.somos .foto img{aspect-ratio:4/5;object-fit:cover;object-position:50% 20%}
.somos .foto::after{content:"";position:absolute;inset:0;border:1px solid var(--bronze);transform:translate(-1.2rem,1.2rem);z-index:-1;opacity:.7}
.somos .foto .selo{
  position:absolute;left:-1rem;bottom:2.5rem;background:var(--cinza);color:var(--marfim);padding:1rem 1.2rem;max-width:15rem;
  font-size:.8rem;line-height:1.45;box-shadow:var(--sombra)
}
.somos .foto .selo b{display:block;font-family:var(--serif);font-weight:400;font-size:1.1rem;color:var(--bronze-claro);margin-bottom:.2rem}
.somos h2{margin:1.2rem 0 1.4rem}
.somos .marcos{display:grid;gap:1.2rem;margin-top:2.2rem;padding-top:1.8rem;border-top:1px solid var(--tinta-14)}
.somos .marcos div{display:grid;grid-template-columns:7.5rem 1fr;gap:1rem;align-items:baseline}
.somos .marcos b{font-family:var(--serif);font-weight:400;font-size:1.15rem;color:var(--tinta)}
.somos .marcos span{color:var(--tinta-70);font-size:.98rem}

/* ---------- outras áreas ---------- */
.areas-lista{display:grid;grid-template-columns:repeat(3,1fr);gap:0 clamp(1.5rem,3vw,3rem);border-top:1px solid var(--claro-14)}
.areas-lista article{padding:1.6rem 0 1.5rem;border-bottom:1px solid var(--claro-14)}
.areas-lista h3{font-size:1.25rem;margin-bottom:.4rem;display:flex;gap:.8rem;align-items:baseline}
.areas-lista h3 small{font-family:var(--sans);font-size:.68rem;letter-spacing:.2em;color:var(--bronze);font-weight:500}
.areas-lista p{font-size:.95rem;color:var(--claro-70)}

/* ---------- equipe ---------- */
.equipe-grade{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.5rem,3vw,3rem)}
@media (max-width:1100px){.equipe-grade{grid-template-columns:repeat(2,1fr)}}
.adv{display:grid;gap:.9rem}
.adv .foto{position:relative;overflow:hidden;background:var(--marfim-3)}
.adv .foto img{aspect-ratio:4/5;object-fit:cover;object-position:50% 15%;filter:grayscale(.85) contrast(1.03);transition:filter .6s var(--ease),transform 1.2s var(--ease)}
.adv:hover .foto img{filter:grayscale(0);transform:scale(1.03)}
.adv h3{margin-top:.4rem}
.adv .oab{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze-esc);font-weight:500}
.adv p{color:var(--tinta-70);font-size:.97rem}
.adv .form{display:grid;gap:.3rem;padding-top:.8rem;border-top:1px solid var(--tinta-14);font-size:.9rem;color:var(--tinta-70)}

/* ---------- blog ---------- */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,3rem)}
.post{display:grid;gap:.6rem;padding-top:1.2rem;border-top:1px solid var(--tinta-14)}
.post time{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze-esc);font-weight:500}
.post h3{font-size:1.3rem}
.post a:hover h3{color:var(--bronze-esc)}
.post .tema{font-size:.82rem;color:var(--tinta-45)}

/* ---------- contato ---------- */
.contato .env{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2.5rem,6vw,6rem)}
.contato .dados{display:grid;gap:1.6rem;align-content:start;margin-top:2rem}
.contato .dados div{display:grid;gap:.25rem;padding-left:1.2rem;border-left:1px solid var(--bronze)}
.contato .dados b{font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:var(--bronze);font-weight:500}
.contato .dados a:hover{color:var(--bronze-claro)}
.form{display:grid;gap:1rem}
.form label{display:grid;gap:.35rem;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--claro-70);font-weight:500}
.form input,.form textarea,.form select{
  background:transparent;border:0;border-bottom:1px solid var(--claro-45);padding:.7rem 0;color:var(--marfim);
  font-size:1rem;font-weight:300;letter-spacing:0;text-transform:none;border-radius:0;transition:border-color .3s
}
.form select option{color:var(--tinta)}
.form input:focus,.form textarea:focus,.form select:focus{outline:0;border-color:var(--bronze)}
.form textarea{min-height:7rem;resize:vertical}
.form .duas{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.form small{font-size:.8rem;color:var(--claro-45);line-height:1.5}
.form .btn{justify-self:start;margin-top:.4rem}
.form-ok{font-family:var(--serif);font-size:1.5rem;color:var(--bronze-claro)}

/* ---------- rodapé ---------- */
.rodape{background:var(--cinza-esc);color:var(--claro-70);padding:clamp(3rem,6vw,5rem) 0 2rem;font-size:.9rem}
.rodape .grade{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid var(--claro-14)}
.rodape img{height:34px;width:auto;margin-bottom:1.2rem}
.rodape b{display:block;font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:var(--bronze);font-weight:500;margin-bottom:.8rem}
.rodape li{margin-bottom:.4rem}
.rodape a:hover{color:var(--bronze-claro)}
.rodape .aviso{padding-top:1.6rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.78rem;color:var(--claro-45)}
.rodape .aviso p{max-width:46rem}

/* ---------- páginas internas ---------- */
.capa-int{
  padding-top:clamp(8rem,16vh,11rem);padding-bottom:clamp(3rem,6vw,5rem);
  background:
    radial-gradient(900px 500px at 90% 0%,rgba(196,160,116,.14),transparent 60%),
    var(--cinza);
  color:var(--marfim)
}
.capa-int .env{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(2rem,5vw,5rem);align-items:end}
.capa-int h1{margin:1.2rem 0 1.4rem;font-size:clamp(2.1rem,1.4rem + 2.9vw,3.9rem)}
.capa-int .foto{position:relative}
.capa-int .foto img{aspect-ratio:4/5;object-fit:cover;object-position:50% 20%}
.capa-int .foto::before{content:"";position:absolute;inset:0;border:1px solid var(--bronze);transform:translate(1.2rem,1.2rem);opacity:.8}
.capa-int .acoes{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}

.atuacao{display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(2rem,4vw,4rem)}
.atuacao article{padding:1.8rem 0;border-top:1px solid var(--tinta-14);display:grid;grid-template-columns:2.6rem 1fr;gap:1rem;align-items:start}
.atuacao .num{font-family:var(--serif);font-style:italic;color:var(--bronze);font-size:1.4rem;line-height:1.5}
.atuacao h3{font-size:1.3rem;margin-bottom:.4rem}
.atuacao p{color:var(--tinta-70);font-size:.97rem}

.quem-atende{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.quem-atende .foto img{aspect-ratio:4/5;object-fit:cover;object-position:50% 15%;max-width:420px}
.quem-atende .cartao{display:grid;gap:1rem}
.quem-atende .oab{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze);font-weight:500}
.quem-atende .cartao p{color:var(--claro-70)}

.citacao{
  max-width:52rem;margin-inline:auto;text-align:center;
  font-family:var(--serif);font-style:italic;font-size:clamp(1.5rem,1.2rem + 1.4vw,2.4rem);line-height:1.3;color:var(--tinta)
}
.citacao small{display:block;margin-top:1.4rem;font-family:var(--sans);font-style:normal;font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--bronze-esc);font-weight:500}

.cta-final{text-align:center;display:grid;justify-items:center;gap:1.4rem}
.cta-final h2{max-width:34rem}
.cta-final .acoes{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center}

/* equipe (página) */
.adv-longo{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(2rem,5vw,5rem);align-items:start;padding:clamp(2.5rem,5vw,4.5rem) 0;border-top:1px solid var(--tinta-14)}
.adv-longo:first-of-type{border-top:0;padding-top:0}
.adv-longo .foto img{aspect-ratio:4/5;object-fit:cover;object-position:50% 15%;max-width:460px}
.adv-longo .texto{display:grid;gap:1rem}
.adv-longo .oab{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze-esc);font-weight:500}
.adv-longo ul{display:grid;gap:.5rem;margin-top:.6rem;padding-top:1rem;border-top:1px solid var(--tinta-14)}
.adv-longo li{position:relative;padding-left:1.2rem;color:var(--tinta-70);font-size:.97rem}
.adv-longo li::before{content:"";position:absolute;left:0;top:.85em;width:.5rem;height:1px;background:var(--bronze)}
.adv-longo .areas{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.4rem}
.adv-longo .areas span{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;padding:.4rem .7rem;border:1px solid var(--tinta-14);color:var(--tinta-70)}

/* mapa */
.mapa{aspect-ratio:16/7;background:var(--marfim-3)}
.mapa iframe{width:100%;height:100%;border:0;filter:grayscale(1) contrast(1.05) opacity(.9)}

/* whatsapp flutuante */
.zap-flutuante{
  position:fixed;right:1.2rem;bottom:1.2rem;z-index:90;width:54px;height:54px;border-radius:50%;
  background:var(--bronze);color:var(--grafite);display:grid;place-items:center;box-shadow:0 12px 30px -10px rgba(0,0,0,.5);
  transition:transform .3s var(--ease),background .3s
}
.zap-flutuante:hover{transform:translateY(-2px);background:var(--bronze-claro)}
.zap-flutuante svg{width:26px;height:26px}

/* entrada suave */
.rev{opacity:0;transform:translateY(18px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rev.vis{opacity:1;transform:none}
.rev.d1{transition-delay:.12s}.rev.d2{transition-delay:.24s}.rev.d3{transition-delay:.36s}
@media (prefers-reduced-motion:reduce){.rev{opacity:1;transform:none;transition:none}}

/* capa: animação de entrada */
.capa .rotulo,.capa h1,.capa .lead,.capa .acoes,.capa .areas-linha{animation:sobe 1.1s var(--ease) both}
.capa h1{animation-delay:.1s}.capa .lead{animation-delay:.22s}.capa .acoes{animation-delay:.34s}.capa .areas-linha{animation-delay:.5s}
@keyframes sobe{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

/* ---------- responsivo ---------- */
@media (max-width:1024px){
  .destaques{grid-template-columns:1fr}
  .destaque{border-right:0;border-bottom:1px solid var(--tinta-14)}
  .destaque:last-child{border-bottom:0}
  .areas-lista{grid-template-columns:repeat(2,1fr)}
  .rodape .grade{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .nav{
    position:fixed;inset:0;height:100dvh;background:var(--grafite);display:grid;place-items:center;z-index:100;
    opacity:0;pointer-events:none;transition:opacity .35s var(--ease)
  }
  .nav.aberta{opacity:1;pointer-events:auto}
  .nav ul{flex-direction:column;gap:1.6rem}
  .nav a{font-size:1rem}
  .btn-menu{display:block;position:relative;z-index:101}
  .topo.densa{padding-block:.7rem}
  .somos .env,.contato .env,.capa-int .env,.quem-atende,.adv-longo{grid-template-columns:1fr}
  /* celular: foto vertical com as duas irmãs no alto, texto embaixo */
  .capa{--h-foto:min(118vw,640px);min-height:0;display:block}
  .capa .foto{position:absolute;inset:0 0 auto 0;height:var(--h-foto);background-image:url("../img/irmas-vertical.jpg");background-position:50% 10%;background-size:cover;animation:none}
  .capa .scrim{inset:0 0 auto 0;height:var(--h-foto);background:linear-gradient(to bottom, rgba(38,42,47,.55) 0%, rgba(38,42,47,0) 22%, rgba(38,42,47,0) 62%, rgba(38,42,47,.96) 92%, var(--grafite) 100%)}
  .capa .env{padding-top:calc(var(--h-foto) - 4.5rem)}
  .capa .legenda{display:none}
  .somos .foto{max-width:420px}
  .somos .foto .selo{right:auto;left:1rem;top:auto;bottom:-1.5rem}
  .capa-int .foto{max-width:380px}
  .atuacao{grid-template-columns:1fr}
  .equipe-grade,.posts{grid-template-columns:1fr;gap:2.2rem}
  .areas-lista,.form .duas{grid-template-columns:1fr}
  .rodape .grade{grid-template-columns:1fr}
}

/* ---------- cantos sutilmente arredondados ---------- */
.somos .foto img,.somos .foto::after,.somos .foto .selo,
.adv .foto,.adv .foto img,
.capa-int .foto img,.capa-int .foto::before,
.quem-atende .foto img,.adv-longo .foto img,
.mapa,.form-ok{border-radius:var(--r-foto)}
.destaque{border-radius:0}