.institucional-page,.erro-page{font-family:Montserrat,Arial,sans-serif;color:var(--dp-verde);padding-top:2rem;padding-bottom:5rem}
.institucional-hero{max-width:850px;margin:0 auto 3rem;text-align:center}
.institucional-kicker{display:block;font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#52644e}
.institucional-hero h1{font-size:clamp(2rem,5vw,3.3rem);font-weight:500;letter-spacing:-.04em;margin:1.2rem 0}
.institucional-hero p{font-size:1rem;line-height:1.85;max-width:670px;margin:0 auto 1.3rem;color:#52644e}
.institucional-update{display:inline-block;border:1px solid #dce4d6;border-radius:30px;padding:.55rem 1rem;font-size:.72rem;background:#f6f8f2}
.institucional-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:3rem;max-width:1120px;margin:auto;align-items:start}
.institucional-indice{position:sticky;top:100px;display:flex;flex-direction:column;gap:.65rem;padding:1.5rem;border-radius:18px;background:#f6f8f2;border:1px solid #e5e9df}
.institucional-indice strong{font-size:.8rem;margin-bottom:.5rem}
.institucional-indice a{font-size:.78rem;line-height:1.6;color:#455940;text-decoration:none}
.institucional-indice a:hover,.institucional-indice a:focus-visible{text-decoration:underline;color:var(--dp-verde)}
.institucional-texto{min-width:0}.institucional-texto section{scroll-margin-top:100px;border-bottom:1px solid #e5e9df;margin-bottom:2rem;padding-bottom:1.4rem}
.institucional-texto h2{font-size:1.2rem;font-weight:600;margin:0 0 1rem;line-height:1.5}
.institucional-texto p{font-size:.88rem;color:#40503d;line-height:1.95;overflow-wrap:anywhere}
.institucional-texto a{color:var(--dp-verde);text-underline-offset:3px}
.institucional-contacto{border-radius:20px;padding:2rem;background:#f2f5ec;margin-bottom:2rem}.institucional-contacto a,.institucional-contacto small{display:block;margin-top:.7rem}.institucional-contacto small{font-size:.7rem;color:#52644e}
.erro-page{padding-top:1rem;min-height:65vh}.erro-card{position:relative;text-align:center;margin:auto;max-width:920px;padding:2.8rem 2rem 3.5rem;border:1px solid #dfe7d5;border-radius:30px;background:radial-gradient(ellipse at 50% 0%,#e8efdc,transparent 65%),#f8faf4;overflow:hidden}
.erro-numero{display:block;font-size:clamp(5rem,19vw,10rem);line-height:1.05;letter-spacing:-.07em;font-weight:500;color:#8a9a70;margin:1rem 0}.erro-card h1{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:500;letter-spacing:-.035em}.erro-intro{font-size:.95rem;line-height:1.9;max-width:580px;margin:1.4rem auto 2rem;color:#52644e}
.erro-tempo{margin-top:1.8rem}.erro-tempo p,#erro-pausado{font-size:.75rem;color:#52644e}.erro-tempo button{border:0;background:transparent;color:#455940;font-size:.75rem;text-decoration:underline;text-underline-offset:3px;padding:.5rem 1rem}#erro-pausado{margin-top:2rem}
@media(max-width:767px){.institucional-layout{grid-template-columns:1fr;gap:2rem}.institucional-indice{position:static}.institucional-page{padding-top:1rem}.institucional-hero{margin-bottom:2rem}.erro-card{padding:2rem 1rem;border-radius:20px}.institucional-contacto{padding:1.4rem}}

/* Contactos das páginas legais: o telefone reutiliza o modal do site. */
.institucional-contactos{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.3rem}
.institucional-contacto .institucional-contacto-item{display:flex;align-items:center;gap:.8rem;margin:0;padding:.8rem 1rem;border:1px solid #d4decd;border-radius:14px;background:#fff;color:var(--dp-verde);font:500 .82rem/1.5 Montserrat,Arial,sans-serif;text-decoration:none;text-align:left;max-width:100%;overflow-wrap:anywhere;transition:background .15s,border-color .15s}
.institucional-contacto-item svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.institucional-contacto .institucional-contacto-item:hover{background:#f8faf4;border-color:#829477}
.institucional-contacto .institucional-contacto-item:focus-visible{outline:2px solid var(--dp-verde);outline-offset:3px}
.institucional-contacto-item small{margin-top:.2rem;font-weight:400}
.institucional-telefone{cursor:pointer}
@media(max-width:575px){.institucional-contactos{flex-direction:column}.institucional-contacto .institucional-contacto-item{width:100%}}
