.about-hero{min-height:360px;padding:78px max(24px,calc((100% - 1400px)/2));display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(3,25,88,.96),rgba(10,55,151,.68) 48%,rgba(94,38,206,.2)),url('/assets/img/sobre-hero-v1.png') center/cover}.about-hero-copy{max-width:560px}.about-hero h1{font-size:48px;line-height:1.05;margin:10px 0}.about-hero p{font-size:18px;line-height:1.45;color:#eef2ff}.about-section-head{max-width:940px}.about-section-head h2,.about-team h2{font-size:34px;line-height:1.12;margin:7px 0 14px}.about-section-head>p,.team-copy>p{color:var(--muted);margin:8px 0}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.about-stats article{min-height:112px;padding:20px 24px;display:flex;align-items:center;gap:20px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,#fff,#f5f4ff);box-shadow:0 8px 24px rgba(33,44,100,.05)}.about-stats i,.value-grid i{flex:none;display:grid;place-items:center}.about-stats i{width:54px;height:54px;border-right:1px solid #dfe2f1;padding-right:15px}.about-stats i:before,.value-grid i:before{content:'';display:block;background:linear-gradient(135deg,#174bf0,#7739ef);mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.about-stats i:before{width:36px;height:36px}.about-stats strong,.about-stats span{display:block}.about-stats strong{font-size:28px;line-height:1;color:var(--ink)}.about-stats span{margin-top:6px;color:var(--muted);font-size:12px}.about-stats article:nth-child(1) i:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}.about-stats article:nth-child(2) i:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M3 21V7l9-4v18M12 9l9-3v15M1 21h22M6 10h2M6 14h2M6 18h2M15 10h2M15 14h2M15 18h2'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M3 21V7l9-4v18M12 9l9-3v15M1 21h22M6 10h2M6 14h2M6 18h2M15 10h2M15 14h2M15 18h2'/%3E%3C/svg%3E")}.about-stats article:nth-child(3) i:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='m12 2.5 3 6.1 6.7 1-4.9 4.7 1.2 6.7-6-3.2-6 3.2 1.2-6.7-4.9-4.7 6.7-1 3-6.1Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='m12 2.5 3 6.1 6.7 1-4.9 4.7 1.2 6.7-6-3.2-6 3.2 1.2-6.7-4.9-4.7 6.7-1 3-6.1Z'/%3E%3C/svg%3E")}.about-values{background:linear-gradient(120deg,#fafbff,#f4f2ff)}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.value-grid article{padding:25px 20px;text-align:center;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(31,43,102,.05)}.value-grid i{width:48px;height:48px;margin:0 auto 12px;border-radius:12px;background:#f0edff}.value-grid i:before{width:27px;height:27px}.value-grid article:nth-child(1) i:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}.value-grid article:nth-child(2) i:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M4 12h16M12 4v16M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M4 12h16M12 4v16M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E")}.value-grid article:nth-child(3) i:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='m12 2 9 5-9 15L3 7l9-5Z'/%3E%3Cpath d='m3 7 9 4 9-4'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='m12 2 9 5-9 15L3 7l9-5Z'/%3E%3Cpath d='m3 7 9 4 9-4'/%3E%3C/svg%3E")}.value-grid article:nth-child(4) i:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9'%3E%3Cpath d='M3 20h18M5 20v-6h3v6M10.5 20V9h3v11M16 20V4h3v16'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9'%3E%3Cpath d='M3 20h18M5 20v-6h3v6M10.5 20V9h3v11M16 20V4h3v16'/%3E%3C/svg%3E")}.value-grid h3{margin:4px 0 7px;font-size:16px}.value-grid p{margin:0;font-size:12px;color:var(--muted)}.about-team{display:grid;grid-template-columns:1fr 1.15fr;gap:54px;align-items:center}.team-photo img{display:block;width:100%;height:330px;object-fit:cover;border-radius:16px;box-shadow:0 18px 45px rgba(18,32,90,.15)}.about-link{margin-top:18px;border:1px solid #5836df;color:#4e2fd0}.about-link span{margin-left:28px}
@media(max-width:800px){.about-hero{min-height:330px;padding:55px 24px;background-position:68% center}.about-hero h1{font-size:39px}.about-stats{grid-template-columns:1fr}.value-grid{grid-template-columns:1fr 1fr}.about-team{grid-template-columns:1fr}.team-photo{order:-1}.team-photo img{height:280px}}
@media(max-width:520px){.about-hero{min-height:300px;background-position:73% center}.about-hero-copy{max-width:68%}.about-hero h1{font-size:34px}.about-hero p{font-size:15px}.value-grid{grid-template-columns:1fr}.about-section-head h2,.about-team h2{font-size:29px}}

/* O banner continua visualmente atrás do menu global */
.about-hero{min-height:456px;padding-top:174px}
@media(max-width:800px){.about-hero{min-height:406px;padding-top:131px}}
@media(max-width:520px){.about-hero{min-height:376px;padding-top:121px}}

/* Fotografia inteira, sem cortar rosto ou cabeça */
.about-hero{background-color:#06266f;background-position:center,right center;background-size:cover,auto 100%;background-repeat:no-repeat}
@media(max-width:800px){.about-hero{background-position:center,72% center;background-size:cover,auto 100%}}
@media(max-width:520px){.about-hero{background-position:center,76% center;background-size:cover,auto 100%}}

/* Faixa final com o degradê azul-violeta da referência */
body>.cta-band{position:relative;overflow:hidden;background:linear-gradient(102deg,#073c9b 0%,#0759c9 42%,#263fd5 67%,#7629ed 100%)}
body>.cta-band:before{content:'';position:absolute;inset:-70% auto -70% 27%;width:270px;background:rgba(4,30,117,.2);transform:rotate(-29deg);pointer-events:none}
body>.cta-band>div{position:relative;z-index:1}

/* Fusão suave entre o fundo azul e a fotografia do banner */
.about-hero{position:relative;overflow:hidden;background:linear-gradient(105deg,#06266f 0%,#073b98 58%,#3526b1 100%)}
.about-hero:after{content:'';position:absolute;z-index:0;top:0;right:0;bottom:0;left:42%;background:url('/assets/img/sobre-hero-v1.png') right center/auto 100% no-repeat;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 12%,rgba(0,0,0,.72) 32%,#000 52%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 12%,rgba(0,0,0,.72) 32%,#000 52%)}
.about-hero-copy{position:relative;z-index:1}
@media(max-width:800px){.about-hero:after{left:24%;opacity:.88}}
@media(max-width:520px){.about-hero:after{left:10%;opacity:.72;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 28%,#000 62%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 28%,#000 62%)}}

/* Banner definitivo fornecido pela cliente */
.about-hero{min-height:clamp(390px,33.333vw,560px);background:#06266f url('/assets/img/sobre-banner-definitivo.png') center top/cover no-repeat}
.about-hero:after{display:none}
@media(max-width:800px){.about-hero{min-height:430px;background-position:62% top}}
@media(max-width:520px){.about-hero{min-height:400px;background-position:66% top}}

/* Mesmo enquadramento proporcional dos banners institucionais em desktop. */
@media (min-width:851px){.about-hero{height:clamp(520px,31.7vw,820px);min-height:0;background-position:center top}}

/* Banners internos: formato compacto, com espaço suficiente para título e texto. */
@media (min-width:851px){.about-hero{height:clamp(390px,23vw,480px)}}

/* Preserva a composição das pessoas em monitores largos, sem voltar ao banner original. */
@media (min-width:851px){.about-hero{height:clamp(440px,28vw,560px);background-position:center top}}
