/* ============================================
   SOBRE.CSS — Estilos específicos da página Sobre
   ============================================ */

   /* --- Hero --- */
.hero-section-sobre {
    padding-top:100px;
    background-color:#0c0c0c;
    background-image:radial-gradient(circle,rgba(255,255,255,0.12) 1px,transparent 1px);
    background-size:20px 20px;
}
.hero-sub-break { display:block; }
.btn-hero-white { 
    transition: all .15s; 
    border:2px solid transparent; }
.btn-hero-white:hover { 
    background:transparent !important; 
    color:#fff !important; 
    border-color:#fff; }
.hero-cols {
    max-width:1320px;
    margin:0 auto;
    padding:60px var(--pad) 100px;
    display:flex;
    flex-direction:column;
    gap:28px;
    align-items:flex-start;
}
.h1-sobre {
    font-family:'Roboto',sans-serif;font-weight:700;
    font-size:clamp(40px,5vw,60px);
    color:#f5f5f5;
    line-height:1.15;
    letter-spacing:0px;
    margin:36px 0 28px;
    max-width:100%;
}
.h2-sobre {
    font-family:'DM Sans',sans-serif;
    font-weight:400;
    font-size:22px;
    line-height:1.5;
    color:rgba(245,245,245,0.95);
    max-width:100%;
}


/* --- Nosso Propósito --- */
.proposito-section-sobre {
    background:#ffffff;
    padding:80px var(--pad)
}
.proposito-style {
    max-width: 1320px;
    margin:0 auto;
    text-align: center;
}
.proposito-quote-desktop {
    font-family:'Roboto',sans-serif;
    font-weight:400;
    font-size:clamp(26px,3vw,34px);
    color:#0c0c0c;
    line-height:1.40;
    letter-spacing:-0.5px;
    text-align:center;
    max-width:900px;
    margin:0 auto 24px;
    position:relative
}
.quote-proposito-top {
    font-family:'Roboto',serif;
    font-size:clamp(48px,6vw,72px);
    color:#3074EF;
    line-height:0;
    vertical-align:text-top;
    margin-right:4px
}
.quote-proposito-bottom {
    font-family:'Roboto',serif;
    font-size:clamp(48px,6vw,72px);
    color:#005bff;
    line-height:0;
    vertical-align:text-bottom;
    margin-left:4px
}


/* --- Nossa Missão --- */
.missao-section-sobre {
    background:#f5f5f5;
    padding:80px var(--pad);
}
.missao-style {
    max-width:1320px;
    margin:0 auto;
    text-align:center
}
.missao-p1 {
    font-family:'Roboto',sans-serif;
    font-weight:400;
    font-size:clamp(26px,3vw,34px);
    color:#0c0c0c;
    line-height:1.40;
    letter-spacing:-0.5px;
    text-align:left;
    border-left:3px solid #3074EF;
    padding-left:24px;
    max-width:1100px;
    margin:0 auto 28px
}
.missao-p2 {
    font-family:'DM Sans',sans-serif;
    font-size:18px;
    line-height:1.75;
    color:rgba(12,12,12,0.90);
    max-width:1100px;
    text-align:left;
    margin-left:auto;
    margin-right:auto
}
.missao-p3 {
    font-family:'DM Sans',sans-serif;
    font-size:18px;
    line-height:1.75;
    color:rgba(12,12,12,0.90);
    margin-top:12px;
    max-width:1100px;
    text-align:left;
    margin-left:auto;
    margin-right:auto
}


/* --- Por que a CorbStation --- */
.corbstation-section-sobre {
    background:#020617;
    padding:56px var(--pad) 80px;
}
.corbstation-style {
    max-width:1320px;
    margin:0 auto;
}
.corbstation-p1 {
    font-family:'DM Sans',sans-serif;
    font-size:18px;
    line-height:1.75;
    color:rgba(245,245,245,0.90);
    margin-bottom:4px;
}
.corbstation-p2 {
    font-family:'DM Sans',sans-serif;
    font-size:18px;
    line-height:1.75;
    color:rgba(245,245,245,0.90);
    margin-top:4px;
    margin-bottom:38px;
}
.corbstation-h3 {
    font-family:'Roboto',sans-serif;
    font-weight:500;
    font-size:clamp(24px,3vw,34px);
    color:#f5f5f5;
    line-height:1.30;
    letter-spacing:0px;
    margin-bottom:32px;
}
.vals-grid-desktop {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:32px;
}
.corbstation-h4 {
    font-family:'Roboto',sans-serif;
    font-weight:500;
    font-size:16px;
    color:#f5f5f5;
}
.corb-card {
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.10);
    padding:28px 18px;
    display:flex;
    align-items:center;
    gap:14px;
    border-radius:10px;
}


/* --- Nossos Diferenciais --- */
.diferenciais-section-sobre {
    background:#ffffff;
    padding:80px var(--pad);
}
.diferenciais-style {
    max-width:1320px;
    margin:0 auto;
}
.diferenciais-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:0;
}
.cards-1-2 {
    padding:32px var(--pad);
    border-right:1px solid rgba(10,10,8,0.10);
    border-bottom:1px solid rgba(10,10,8,0.10);
    display:flex;
    gap:16px;
    align-items:flex-start;
}
.cards-3 {
    padding:32px var(--pad);
    border-bottom:1px solid rgba(10,10,8,0.10);
    display:flex;
    gap:16px;
    align-items:flex-start;
}
.cards-4 {
    padding:32px var(--pad);
    border-right:1px solid rgba(10,10,8,0.10);
    display:flex;
    gap:16px;
    align-items:flex-start;
}
.cards-5 {
    padding:32px var(--pad);
    border-right:1px solid rgba(10,10,8,0.10);
    display:flex;
    gap:16px;
    align-items:flex-start;
}
.cards-6 {
    padding:32px var(--pad);
    display:flex;
    gap:16px;
    align-items:flex-start;
}
.span-numbers {
    font-family:'DM Mono',monospace;
    font-size:42px;
    color:#3074EF;
    font-weight:500;
    flex-shrink:0;
}
.diferenciais-h3 {
    font-family:'Roboto',sans-serif;
    font-weight:400;
    font-size:18px;
    color:#0c0c0c;
    margin-bottom:8px;
}
.diferenciais-p {
    font-family:'DM Sans',sans-serif;
    font-size:16px;
    color:rgba(10,10,8,0.70);
    line-height:1.65;
}


/* --- Para quem criamos --- */
.quem-criamos-section-sobre {
    background:#0c0c0c;
    padding:80px var(--pad);

}
.quem-criamos-style {
    max-width:1320px;
    margin:0 auto;
    text-align:center;
}
.quem-criamos-h3 {
    font-family:'Roboto',sans-serif;
    font-weight:500;
    font-size:clamp(26px,3vw,40px);
    color:#f5f5f5;
    line-height:1.30;
    letter-spacing:0px;
}
.quem-criamos-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;max-width:960px;
    margin-top:32px;
    margin-left:auto;
    margin-right:auto;
}
.quem-criamos-cards {
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.10);
    border-radius:10px;
    padding:28px 24px;
    text-align:center;
}
.quem-criamos-h4 {
    font-family:'Roboto',sans-serif;
    font-weight:500;
    font-size:18px;
    color:#f5f5f5;
    margin-bottom:8px;
}
.quem-criamos-p {
    font-family:'DM Sans',sans-serif;
    font-size:16px;
    color:rgba(245,245,245,0.70);
    line-height:1.65;
}
.quem-criamos-p-cta {
    font-family:'DM Sans',sans-serif;
    font-size:18px;
    line-height:1.75;
    color:rgba(245,245,245,0.90);
    margin-top:38px;
    max-width:960px;
    margin-left:auto;
    margin-right:auto;
}


/* --- Final CTA --- */
.cta-section-sobre {
    background:var(--blue);
    padding:88px var(--pad);
}
.cta-content { gap:56px; }
.cta-style {
    max-width:1320px;
    margin:0 auto;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    flex-wrap:wrap;
}
.cta-p1 {
    font-family:'DM Sans',sans-serif;
    font-weight:400;
    font-size:clamp(17px,2vw,18px);
    color:rgba(255,255,255,0.75);
    line-height:1.45;
    margin-top:20px;
}
.cta-p2 {
    font-family:'DM Sans',sans-serif;
    font-weight:400;
    font-size:clamp(17px,2vw,18px);
    color:rgba(255,255,255,0.75);
    line-height:1.45;
    max-width:720px;
    margin-top:14px;
}



@media (max-width:960px) {
.sobre-cols{
        flex-direction:column!important;
}
.vals-grid{
    grid-template-columns:1fr!important;
}
.vals-grid > div{
    border-right:none!important;
}
.cta-content{ 
    gap:24px;
    flex-direction:column;
    align-items:center; text-align:center; 
}
.quem-grid{ 
    max-width:100%!important; 
}
.quem-text{ 
    max-width:100%!important; 
}
.missao-h2{ 
    font-size:20px!important;
    border-left-width:2px!important; 
    padding-left:16px!important; 
}
.proposito-quote{ 
    font-size:20px!important; 
}
.proposito-quote span{ 
    font-size:32px!important; 
}
.hero-cols{ 
    text-align:center;
    align-items:center !important;
    padding:36px var(--pad) 64px !important; 
}
.hero-sub{ 
    display:none !important; 
}
.missao-section{ 
    padding-top:48px;
    padding-bottom:48px !important; 
}
.diferenciais-section{ 
    padding-top:48px !important;
    padding-bottom:48px !important; 
}
.quem-criamos-section{ 
    padding-top:48px !important;
    padding-bottom:48px !important; 
}
.cta-section{ 
    padding-top:48px !important;
    padding-bottom:48px !important; 
}
.hero-sub-break{
    display:inline!important;
}
}