/* Página Sobre: estilos isolados e componentes compartilhados em components.css. */
.about-page h1,.about-page h2,.about-page h3 { font-family:var(--sans); }
.about-page h1,.about-page h2 { font-weight:550; letter-spacing:-.04em; line-height:1.15; }
.about-page h2 { font-size:clamp(34px,3.3vw,45px); color:var(--navy); margin:0; }
.about-page h1 em,.about-page h2 em { font-family:var(--serif); font-weight:400; font-size:1.24em; letter-spacing:-.025em; line-height:1; }
.about-section { padding-block:88px; }
.about-eyebrow { font-size:10px; font-weight:700; letter-spacing:.14em; color:var(--teal); line-height:1.7; margin:0 0 22px; }
.about-section-heading { display:grid; grid-template-columns:1.4fr 1fr; gap:70px; align-items:end; margin-bottom:38px; }
.about-section-heading>p { color:var(--muted); font-size:14px; line-height:1.8; max-width:350px; justify-self:end; margin:0 0 4px; }
.about-text-link { display:inline-flex; align-items:center; gap:14px; color:var(--teal); font-size:13px; font-weight:650; border-bottom:1px solid #007c7240; padding-bottom:6px; }
.about-text-link:hover { color:var(--navy); }
.about-text-link .icon { width:18px; height:18px; }
.about-hero { background:var(--navy); color:white; overflow:hidden; position:relative; }
.about-hero::before { content:''; position:absolute; width:720px; height:720px; right:-250px; top:-230px; border:1px solid #abdcca0c; border-radius:50%; pointer-events:none; }
.about-hero>.wrap { position:relative; }
.about-breadcrumb { display:flex; align-items:center; gap:12px; font-size:11px; color:#b3c8cc; padding-top:26px; }
.about-breadcrumb>a:hover { color:white; }
.about-breadcrumb>span:last-child { color:#d8e8e4; }
.about-hero-grid { display:grid; grid-template-columns:1.15fr 1fr; align-items:center; gap:70px; padding-block:45px 48px; }
.about-hero .about-eyebrow { display:flex; align-items:center; gap:9px; color:#addfcd; font-size:9px; margin-bottom:26px; }
.about-hero .about-eyebrow>span { width:6px; height:6px; border-radius:50%; background:#b8e5d3; box-shadow:0 0 0 4px #b8e5d30b; }
.about-page .about-hero h1 { font-size:clamp(46px,4.5vw,64px); margin:0 0 26px; color:white; line-height:1.13; }
.about-page .about-hero h1 em { color:#b8e5d3; display:inline-block; margin-top:5px; }
.about-hero-copy>p:not(.about-eyebrow) { color:#c1d3d7; font-size:15px; max-width:480px; line-height:1.85; margin-bottom:27px; }
.about-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; }
.about-hero-actions .button { background:#b8e5d3; color:var(--navy); min-height:54px; padding:14px 20px; font-size:13px; box-shadow:none; }
.about-hero-actions .button:hover { background:#d4f1e5; }
.about-hero-link { display:flex; align-items:center; gap:10px; font-size:11px; color:#c5ded8; padding-block:10px; }
.about-hero-link:hover { color:white; }
.about-hero-link>span { font-size:17px; }
.about-hero-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid #ffffff18; padding-block:20px; }
.about-hero-footer>span { font-size:8px; font-weight:600; letter-spacing:.14em; color:#a8c8c3; }
.about-hero-footer>p { margin:0; font-size:10px; color:#b3c8cc; }
.about-connection { height:380px; position:relative; isolation:isolate; }
.connection-orbit { position:absolute; left:50%; top:50%; border:1px solid #97bfb32a; border-radius:50%; transform:translate(-50%,-50%); z-index:-1; }
.orbit-outer { width:360px; height:360px; }
.orbit-inner { width:270px; height:270px; border-style:dashed; border-color:#97bfb325; }
.connection-center { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:278px; min-height:120px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:15px; background:#fff; border-radius:10px; box-shadow:0 20px 50px #00192325; }
.connection-center>.wordmark { width:215px; height:31px; }
.connection-center>.wordmark img { width:244px; height:244px; top:-131px; left:-15px; }
.connection-center>span:last-child { color:var(--muted); font-size:10px; }
.connection-node { position:absolute; display:flex; align-items:center; gap:11px; border:1px solid #8dafaa38; border-radius:8px; padding:13px 15px; background:#164856; box-shadow:0 8px 20px #00192310; }
.connection-node>span { display:flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; background:#2b605f; color:#b8e5d3; }
.connection-node .icon { width:19px; height:19px; }
.connection-node strong { display:block; font-size:11px; font-weight:550; color:#f0f6f3; }
.connection-node small { display:block; font-size:9px; color:#aecbc7; margin-top:3px; }
.node-people { top:12px; left:20px; }
.node-business { bottom:24px; left:0; }
.node-provider { bottom:0; right:0; background:#b8e5d3; border-color:#b8e5d3; }
.node-provider>span { color:var(--teal); background:#d9f1e6; }
.node-provider strong { color:var(--navy); }
.node-provider small { color:#3e6b62; }
.connection-dot { position:absolute; width:9px; height:9px; background:#b8e5d3; border-radius:50%; box-shadow:0 0 0 5px #b8e5d310; }
.dot-one { top:72px; right:41px; }
.dot-two { bottom:63px; left:86px; width:5px; height:5px; background:#7cac9d; }
.connection-caption { position:absolute; right:6px; top:28px; writing-mode:vertical-rl; color:#8baea7; letter-spacing:.15em; font-size:8px; }
.about-purpose { display:grid; grid-template-columns:1fr 1fr; gap:110px; }
.purpose-side-note { display:flex; align-items:center; gap:12px; color:var(--teal); font-size:12px; font-weight:550; margin:26px 0 0; }
.purpose-side-note .icon { width:20px; height:20px; }
.purpose-copy { padding-top:35px; }
.purpose-copy>p { font-size:14px; color:var(--muted); line-height:1.9; margin-bottom:18px; }
.purpose-copy .purpose-lead { font-size:21px; line-height:1.6; color:var(--navy); letter-spacing:-.02em; margin-bottom:22px; }
.purpose-copy blockquote { font-family:var(--serif); font-size:28px; color:var(--teal); line-height:1.3; border-left:2px solid #90c3ab; margin:27px 0 0; padding-left:22px; }
.about-values { background:#eef5f0; }
.about-value-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.about-value-card { background:#ffffff80; border:1px solid #d6e3d9; border-radius:9px; padding:24px; }
.about-value-card>div { display:flex; align-items:center; justify-content:space-between; margin-bottom:25px; }
.about-value-icon { display:flex; color:var(--teal); }
.about-value-icon .icon { width:26px; height:26px; }
.about-value-number { font-family:var(--serif); font-size:25px; color:#629e85; }
.about-value-card h3 { font-size:19px; font-weight:550; letter-spacing:-.025em; color:var(--navy); line-height:1.35; min-height:52px; margin:0 0 14px; }
.about-value-card p { color:var(--muted); font-size:13px; line-height:1.8; margin:0; }
.about-role { display:grid; grid-template-columns:1fr 1.3fr; gap:90px; align-items:start; }
.about-role-heading>p:not(.about-eyebrow) { font-size:14px; color:var(--muted); line-height:1.9; margin:24px 0; max-width:350px; }
.role-panels { display:grid; gap:15px; }
.role-panel { border:1px solid var(--line); border-radius:9px; padding:25px 28px; }
.role-panel-conecta { background:var(--navy); color:white; border-color:var(--navy); }
.role-panel-label { display:block; font-size:9px; letter-spacing:.12em; font-weight:650; color:var(--teal); margin-bottom:12px; }
.role-panel-conecta .role-panel-label { color:#b8e5d3; }
.role-panel h3 { font-size:20px; letter-spacing:-.025em; font-weight:550; margin:0 0 17px; color:var(--navy); }
.role-panel-conecta h3 { color:white; }
.role-panel ul { display:grid; gap:10px; padding:0; margin:0; list-style:none; }
.role-panel li { display:flex; align-items:flex-start; gap:10px; color:var(--muted); font-size:12px; }
.role-panel li .icon { width:16px; height:16px; margin-top:2px; color:var(--teal); }
.role-panel-conecta li { color:#c4d6d9; }
.role-panel-conecta li .icon { color:#b8e5d3; }
.role-note { display:flex; align-items:flex-start; gap:9px; font-size:10px; color:var(--muted); margin:0; line-height:1.8; padding:2px 2px 0; }
.role-note .icon { width:16px; height:16px; margin-top:2px; color:var(--teal); }
.about-contact { background:#f8faf8; border-top:1px solid #e9eeea; }
.about-contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.about-contact-grid article { display:flex; align-items:flex-start; gap:20px; padding:29px; border:1px solid var(--line); border-radius:9px; background:#fff; }
.about-contact-icon { display:flex; border-radius:8px; color:var(--teal); padding:12px; background:#eef5f0; }
.about-contact-icon .icon { width:23px; height:23px; }
.about-contact-grid h3 { color:var(--navy); font-weight:550; font-size:20px; letter-spacing:-.025em; line-height:1.4; margin-bottom:12px; }
.about-contact-grid p { font-size:13px; color:var(--muted); line-height:1.85; margin-bottom:19px; }
.about-contact-grid .about-text-link { font-size:12px; gap:10px; }
.about-page .conversion-banner h2 { color:white; }
@media(max-width:1150px) { .about-hero-grid { gap:35px; } .about-hero-actions { gap:15px; } .about-hero-link { font-size:10px; } .about-purpose { gap:70px; } .about-role { gap:55px; } .about-value-card { padding:21px; } .about-contact-grid article { padding:25px; gap:15px; } }
@media(max-width:1000px) {
  .about-page .about-hero h1 { font-size:46px; }
  .about-hero-grid { gap:25px; padding-block:35px 45px; }
  .about-hero-copy>p:not(.about-eyebrow) { font-size:14px; }
  .about-hero .about-eyebrow { font-size:8px; }
  .about-connection { height:350px; }
  .orbit-outer { width:310px; height:310px; }
  .orbit-inner { width:230px; height:230px; }
  .connection-center { width:235px; min-height:110px; }
  .connection-center>.wordmark { width:190px; height:27px; }
  .connection-center>.wordmark img { width:216px; height:216px; top:-116px; left:-13px; }
  .connection-center>span:last-child { font-size:9px; }
  .connection-node { padding:11px; gap:9px; }
  .connection-node strong { font-size:10px; }
  .connection-node small { font-size:8px; }
  .node-people { top:5px; left:0; }
  .node-business { bottom:60px; left:0; }
  .node-provider { bottom:0; right:0; }
  .dot-one { right:22px; }
  .about-value-grid { grid-template-columns:1fr 1fr; }
  .about-value-card h3 { min-height:0; }
  .about-section-heading { gap:35px; }
  .about-purpose { gap:45px; }
  .about-role { gap:35px; }
  .about-contact-grid article { flex-direction:column; }
}
@media(max-width:760px) {
  .about-section { padding-block:56px; }
  .about-page h2 { font-size:34px; }
  .about-breadcrumb { padding-top:20px; font-size:10px; }
  .about-hero-grid { grid-template-columns:1fr; gap:28px; padding-block:32px 34px; }
  .about-page .about-hero h1 { font-size:clamp(39px,9vw,54px); margin-bottom:22px; }
  .about-hero .about-eyebrow { font-size:8px; letter-spacing:.12em; margin-bottom:23px; }
  .about-hero-copy>p:not(.about-eyebrow) { max-width:530px; font-size:14px; line-height:1.85; margin-bottom:23px; }
  .about-hero-actions { gap:12px 20px; }
  .about-hero-actions .button { font-size:13px; }
  .about-hero-link { font-size:11px; }
  .about-connection { width:100%; max-width:410px; height:330px; justify-self:center; }
  .orbit-outer { width:290px; height:290px; }
  .orbit-inner { width:215px; height:215px; }
  .connection-center { width:240px; min-height:106px; top:46%; }
  .connection-node { padding:10px 12px; }
  .connection-node>span { width:30px; height:30px; }
  .connection-node strong { font-size:10px; }
  .connection-node small { font-size:8px; }
  .node-people { top:9px; left:6px; }
  .node-business { bottom:56px; left:0; }
  .node-provider { bottom:1px; right:0; }
  .dot-one { top:58px; right:40px; width:7px; height:7px; }
  .dot-two { bottom:66px; left:75px; }
  .connection-caption { right:5px; top:24px; font-size:7px; }
  .about-hero-footer { align-items:flex-start; flex-direction:column; gap:8px; padding-block:17px; }
  .about-hero-footer>span { font-size:7px; }
  .about-hero-footer>p { font-size:9px; }
  .about-purpose { grid-template-columns:1fr; gap:27px; }
  .about-eyebrow { font-size:9px; margin-bottom:17px; }
  .purpose-side-note { margin-top:22px; }
  .purpose-copy { padding-top:0; }
  .purpose-copy .purpose-lead { font-size:20px; }
  .purpose-copy blockquote { font-size:27px; }
  .about-section-heading { grid-template-columns:1fr; gap:22px; margin-bottom:28px; }
  .about-section-heading>p { justify-self:start; max-width:100%; }
  .about-value-grid { gap:15px; }
  .about-value-card { padding:22px; }
  .about-value-card>div { margin-bottom:18px; }
  .about-value-card h3 { font-size:19px; }
  .about-value-card p { font-size:13px; }
  .about-role { grid-template-columns:1fr; gap:30px; }
  .about-role-heading>p:not(.about-eyebrow) { max-width:100%; }
  .role-panel { padding:23px; }
  .role-panel li { font-size:13px; }
  .role-note { font-size:11px; }
  .about-contact-grid { grid-template-columns:1fr; gap:16px; }
  .about-contact-grid article { padding:25px; }
  .about-contact-grid p { font-size:14px; }
  .about-contact-grid .about-text-link { font-size:12px; }
}
@media(max-width:480px) { .about-value-grid { grid-template-columns:1fr; } }
@media(max-width:380px) { .about-hero-actions { flex-direction:column; align-items:stretch; gap:6px; } .about-hero-link { justify-content:center; } .about-connection { height:315px; } .connection-node { padding:9px; } .connection-node strong { font-size:9px; } .connection-node small { font-size:7px; } .connection-node>span { width:27px; height:27px; } .orbit-outer { width:265px; height:265px; } }