/* Institutional page: shared navigation inherits style.css unchanged. */
.institutional-about{position:relative;isolation:isolate;overflow:hidden;padding:65px 10%;min-height:570px}
.institutional-about>.institutional-copy{position:relative;z-index:2;width:58%;max-width:650px}
.institutional-about p{margin-top:20px;line-height:1.65;text-shadow:0 2px 10px #000}
.institutional-about h2,.institutional-data h2{font-family:inherit;font-size:38px;line-height:1;letter-spacing:-1.5px;text-align:left}
/* Wide video beneath the copy, with a dark gradient protecting readability. */
.institutional-media{position:absolute;z-index:0;right:0;top:0;width:70%;height:100%;pointer-events:none;background:url('assets/quem-somos-poster.jpg') center/contain no-repeat;mask-image:linear-gradient(to right,transparent,#000 32%);-webkit-mask-image:linear-gradient(to right,transparent,#000 32%)}
.institutional-media::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,#060303ed,rgba(6,3,3,.62) 38%,rgba(6,3,3,.08) 75%),linear-gradient(to bottom,#060303,transparent 18%,transparent 82%,#060303)}
.institutional-video{display:block;width:100%;height:100%;object-fit:contain;opacity:0}
/* Disclosure spacing and typography. */
.institutional-data{padding:45px 10% 60px}
.institutional-data .institutional-subtitle{font-size:16px;line-height:1.5;margin:16px 0 0;color:#d0cdcd}
.institutional-data .faq-grid{max-width:none;margin:34px 0 0}
.institutional-data .institutional-answer p{line-height:1.7;margin:16px 0}
.institutional-answer h3{font-size:20px;margin-top:26px;color:#fff}
.institutional-answer a{text-decoration:underline;overflow-wrap:anywhere}
.institutional-answer strong{color:#fff}
.institutional-data summary{cursor:pointer}
.institutional-data summary:focus-visible{outline:2px solid #ff1427;outline-offset:6px}
@media(max-width:850px){.institutional-about{padding:45px 7%}.institutional-about>.institutional-copy{width:66%}.institutional-media{width:80%;opacity:.85}.institutional-data{padding:40px 7%}.institutional-about h2,.institutional-data h2{font-size:32px}}
@media(max-width:600px){.institutional-about{padding:35px 6%}.institutional-about>.institutional-copy{width:100%;max-width:none}.institutional-media{width:100%;opacity:.42}.institutional-media::after{background:linear-gradient(to right,#060303bb,rgba(6,3,3,.58)),linear-gradient(to bottom,#060303,transparent 18%,transparent 82%,#060303)}.institutional-data{padding:35px 6%}.institutional-about h2,.institutional-data h2{font-size:32px}.institutional-data summary{font-size:18px}.institutional-answer h3{font-size:19px}}

/* Dark breathing space between the two video sections. */
.institutional-about{margin-top:30px}

/* Section heading centered above copy and media. */
.institutional-about>h2{position:relative;z-index:2;text-align:center;margin-bottom:30px}.institutional-about>.institutional-media{top:95px;height:calc(100% - 95px)}

/* Keep heading position; equal breathing room above and below, including first paragraph margin. */
.institutional-about>h2{margin-bottom:75px}.institutional-about>.institutional-media{top:198px;height:calc(100% - 198px)}@media(max-width:850px){.institutional-about>h2{margin-bottom:55px}.institutional-about>.institutional-media{top:152px;height:calc(100% - 152px)}}@media(max-width:600px){.institutional-about>h2{margin-bottom:45px}.institutional-about>.institutional-media{top:132px;height:calc(100% - 132px)}}