@charset "UTF-8";

/*
  GC2 Tecnologia — sistema visual claro 2026
  Inspirado na identidade institucional: azul profundo, azul elétrico,
  branco, cinzas frios e tipografia geométrica de alta legibilidade.
*/

:root{
  --bg:#F7FAFF;
  --panel:#FFFFFF;
  --panel2:#EEF4FF;
  --text:#071944;
  --muted:#52627C;
  --line:rgba(15,74,172,.14);
  --accent:#0B63F3;
  --accent2:#0346C5;
  --accent3:#16A0FF;
  --radius:22px;
  --shadow:0 24px 70px rgba(16,62,137,.14);
  --shadow2:0 15px 40px rgba(16,62,137,.13),0 2px 8px rgba(16,62,137,.05);
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-title:"Montserrat","Inter",system-ui,sans-serif;
}

html{background:#F7FAFF;color-scheme:light}
body{
  color:var(--text);
  line-height:1.6;
  background:
    radial-gradient(720px 430px at -8% 2%, rgba(22,160,255,.11), transparent 68%),
    radial-gradient(650px 380px at 108% 12%, rgba(11,99,243,.09), transparent 70%),
    linear-gradient(180deg,#FFFFFF 0%,#F8FBFF 54%,#F3F7FF 100%);
}
::selection{background:rgba(11,99,243,.18);color:#04153C}

h1,h2,h3,h4,
.plan__price,.kpi__v,.review-stars span,.national-stats strong{
  color:var(--text);
  font-family:var(--font-title);
  letter-spacing:-.025em;
}
h1,h2{font-weight:800}
h3,h4{font-weight:750}
h1{font-size:clamp(2.25rem,4.4vw,4rem);line-height:1.04}
h2{font-size:clamp(1.75rem,3vw,2.7rem);line-height:1.12}
.muted,.lead{color:var(--muted)}
.lead{line-height:1.7}
a{color:var(--accent2)}
.link,.link-arrow,.related-links a{color:var(--accent2)}

/* Cabeçalho claro e institucional */
.topbar{
  background:rgba(255,255,255,.93);
  border-bottom:1px solid rgba(15,74,172,.11);
  box-shadow:0 8px 30px rgba(13,53,117,.07);
  backdrop-filter:blur(16px) saturate(1.2);
}
.topbar__inner{min-height:80px;padding:8px 0}
.brand__logo{
  height:64px;
  filter:drop-shadow(0 7px 12px rgba(10,66,165,.13));
}
.nav a,.nav .nav__button{color:#12264F;opacity:.9;font-weight:700}
.nav a:hover,.nav .nav__button:hover{color:var(--accent);opacity:1}
.nav a.btn,.nav a.btn:hover,.nav .btn,.nav .btn:hover{color:#FFFFFF;opacity:1}
.lang-switch__btn{
  background:#FFFFFF;
  border-color:rgba(15,74,172,.16);
  box-shadow:0 6px 16px rgba(16,62,137,.08);
}
.lang-switch__btn:hover,.lang-switch__btn.is-active{border-color:rgba(11,99,243,.48)}
.hamburger{background:#FFFFFF;border-color:rgba(15,74,172,.18)}
.hamburger span{background:var(--text)}

/* Botões */
.btn{
  min-height:46px;
  padding:12px 18px;
  border:1px solid transparent;
  border-radius:13px;
  color:#FFFFFF;
  background:linear-gradient(135deg,#1279FF 0%,#0B63F3 48%,#0346C5 100%);
  box-shadow:0 12px 27px rgba(3,70,197,.23);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(3,70,197,.29);filter:saturate(1.06)}
.btn:active{transform:translateY(0)}
.btn--ghost{
  color:var(--accent2);
  background:#FFFFFF;
  border-color:rgba(11,99,243,.28);
  box-shadow:0 9px 24px rgba(16,62,137,.08);
}
.btn--ghost:hover{background:#F2F7FF;border-color:rgba(11,99,243,.48)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:3px solid rgba(22,160,255,.42);
  outline-offset:3px;
}

/* Ritmo e fundos das seções */
.section{
  position:relative;
  padding:68px 0;
  background:
    radial-gradient(900px 300px at 8% 0%,rgba(22,160,255,.105),transparent 70%),
    radial-gradient(780px 260px at 94% 100%,rgba(11,99,243,.075),transparent 72%),
    linear-gradient(180deg,#F8FBFF 0%,#EEF4FF 52%,#F7FAFF 100%);
}
.section:nth-of-type(odd){
  background:
    radial-gradient(900px 300px at 92% 0%,rgba(22,160,255,.09),transparent 70%),
    radial-gradient(760px 250px at 6% 100%,rgba(11,99,243,.065),transparent 72%),
    linear-gradient(180deg,#FFFFFF 0%,#F2F7FF 52%,#F9FBFF 100%);
}
.section>.container{position:relative;z-index:1}
.section + .section{border-top:1px solid rgba(15,74,172,.13)}
.section + .section::before{
  background:
    linear-gradient(180deg,rgba(11,99,243,.035),transparent 30%),
    radial-gradient(820px 170px at 50% 0%,rgba(22,160,255,.055),transparent 72%);
}
.section--alt{
  background:
    radial-gradient(920px 310px at 10% 0%,rgba(22,160,255,.12),transparent 70%),
    radial-gradient(800px 270px at 92% 100%,rgba(11,99,243,.085),transparent 72%),
    linear-gradient(180deg,#EDF4FF 0%,#F6F9FF 54%,#EEF4FF 100%);
  border-block-color:rgba(15,74,172,.13);
}
.section--alt::before{
  background:
    radial-gradient(850px 190px at 12% 0%,rgba(22,160,255,.075),transparent 72%),
    radial-gradient(760px 180px at 92% 100%,rgba(11,99,243,.06),transparent 72%);
}
.section__head{max-width:850px;margin-bottom:28px}
.eyebrow{
  color:var(--accent2);
  font-size:.78rem;
  letter-spacing:.16em;
  text-transform:uppercase;
}

/* Hero: mantém a força das imagens, agora com azul GC2 */
.hero--carousel{padding:38px 0 42px}
.hero-slider{
  border:3px solid #FFFFFF;
  background:#071944;
  box-shadow:0 30px 80px rgba(7,42,101,.22),0 0 0 1px rgba(11,99,243,.10);
}
.hero-slide::before{filter:saturate(.92) contrast(1.01)}
.hero-slide::after{
  background:
    linear-gradient(90deg,rgba(3,20,61,.96) 0%,rgba(4,34,92,.91) 35%,rgba(5,53,128,.62) 64%,rgba(4,32,81,.28) 100%),
    linear-gradient(180deg,rgba(8,97,232,.08),rgba(2,15,48,.45));
}
.hero-slide h1,.hero-slide h2{color:#FFFFFF;letter-spacing:-.04em;text-wrap:balance}
.hero-slide .eyebrow{color:#9DD4FF}
.hero-slide .lead{color:rgba(255,255,255,.88)}
.hero-slider__arrow{
  color:#FFFFFF;
  background:rgba(4,30,79,.64);
  border-color:rgba(255,255,255,.28);
  backdrop-filter:blur(8px);
}
.hero-slider__dot{background:rgba(255,255,255,.38)}
.hero-slider__dot.is-active{background:#21A5FF;box-shadow:0 0 0 4px rgba(33,165,255,.22)}
.hero-summary__card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(155deg,#FFFFFF 0%,#F7FAFF 100%);
  border-color:rgba(11,99,243,.19);
  box-shadow:var(--shadow2);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.hero-summary__card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,var(--accent3),var(--accent2));
}
.hero-summary__card:hover{transform:translateY(-3px);border-color:rgba(11,99,243,.28);box-shadow:0 17px 38px rgba(16,62,137,.14)}
.hero-summary__card strong{color:var(--text)}
.hero-summary__card span{color:var(--muted)}

/* Superfícies e cards compartilhados */
.glass,.card,.case,.step,.kpi,.feature-card,.process-mini article,
.hub-card,.related-cards a,.review-preview article,.discovery-grid>a,
.service-state-grid article,.state-card,.language-cards a,.global-proof span,
.national-stats div,.diagnostic-form,.contact__card,.video-text,.dash-card,
.inteligencia__highlights article,.aplicca-points article{
  background:linear-gradient(155deg,#FFFFFF 0%,#FCFDFF 58%,#F7FAFF 100%);
  border-color:rgba(11,99,243,.19);
  box-shadow:var(--shadow2);
}
.card,.case,.step,.kpi,.feature-card,.hub-card,.review-preview article,.discovery-grid>a,.state-card{
  box-shadow:0 15px 40px rgba(16,62,137,.13),0 0 0 1px rgba(255,255,255,.72) inset;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.card:hover,.case:hover,.step:hover,.kpi:hover,.feature-card:hover,.hub-card:hover,
.review-preview article:hover,.discovery-grid>a:hover,.state-card:hover{
  transform:translateY(-4px);
  border-color:rgba(11,99,243,.34);
  background:linear-gradient(155deg,#FFFFFF 0%,#F6FAFF 100%);
  box-shadow:0 21px 50px rgba(16,62,137,.17),0 0 0 1px rgba(255,255,255,.82) inset;
}
.glass{
  background:linear-gradient(145deg,#FFFFFF,#F2F7FF);
  border-color:rgba(11,99,243,.16);
}
.chip,.tags span,.pill,.tag-cloud span,.state-inline-links a{
  color:#294065;
  background:#F1F6FF;
  border-color:rgba(15,74,172,.13);
}
.badge,.content-badge{
  color:var(--accent2);
  background:#EAF2FF;
  border-color:rgba(11,99,243,.22);
}
.checklist li,.case p,.content-section>p,.content-list li,.modal__body li,
.about-popup__intro,.about-popup__box p,.about-popup__proof p,.about-popup__proof li{
  color:#3E506E;
}
.checklist li::before,.content-list li::before{color:var(--accent)}
.note,.about__box,.about-popup__box,.about-popup__kpis,.about-popup__proof{
  color:#3E506E;
  background:#F2F7FF;
  border-color:rgba(11,99,243,.15);
}
.about-popup__kpi{background:#FFFFFF;border-color:rgba(15,74,172,.12)}
.about-popup__kpi span,.kpi__t{color:var(--muted)}

/* Planos */
.plan{background:#FFFFFF}
.plan__media{border-bottom-color:rgba(15,74,172,.10)}
.plan__media::after{background:linear-gradient(180deg,rgba(7,25,68,.02),rgba(7,25,68,.12) 52%,rgba(7,25,68,.62) 100%)}
.plan__price{color:var(--accent2)}
.plan__price span{color:var(--muted)}
.plan__list{color:#334764}
.plan--highlight{
  border-color:rgba(11,99,243,.45);
  box-shadow:0 0 0 2px rgba(11,99,243,.10),0 22px 55px rgba(3,70,197,.16);
}
.plan-badge{color:#063C23;box-shadow:0 10px 24px rgba(30,170,97,.18)}
.seo-plan-note{
  background:linear-gradient(135deg,#EFF6FF,#F3FBFF);
  border-color:rgba(11,99,243,.17);
  box-shadow:var(--shadow2);
}
.seo-plan-note>i{color:var(--accent);background:#E1EDFF}

/* Dados, vídeo, Aplicca e prova social */
.inteligencia__highlights span{color:var(--muted)}
.inteligencia__highlights strong{font-family:var(--font-title);color:var(--text)}
.dash-card,.video-text{background:#FFFFFF;border-color:rgba(15,74,172,.13)}
.inteligencia__header h2,.video-text h3{font-family:var(--font-title)}
.video-text p{color:var(--muted)}
.aplicca-media{border-color:rgba(15,74,172,.13);box-shadow:0 24px 60px rgba(16,62,137,.13)}
.aplicca-points i,.review-preview i,.discovery-grid i{color:var(--accent)}
.aplicca-points span,.review-preview p,.discovery-grid p{color:var(--muted)}

/* Página própria do Aplicca: mesma linguagem clara da GC2 */
.initiative-page{
  color:var(--text);
  background:
    radial-gradient(920px 340px at 6% 0%,rgba(22,160,255,.11),transparent 70%),
    radial-gradient(820px 300px at 96% 48%,rgba(11,99,243,.08),transparent 72%),
    linear-gradient(180deg,#FFFFFF 0%,#EEF4FF 48%,#F8FBFF 100%);
}
.initiative-hero{
  border-color:rgba(11,99,243,.18);
  background:
    radial-gradient(720px 340px at 0 0,rgba(22,160,255,.12),transparent 68%),
    radial-gradient(640px 300px at 100% 100%,rgba(11,99,243,.08),transparent 70%),
    linear-gradient(145deg,#FFFFFF 0%,#F1F6FF 100%);
  box-shadow:0 28px 75px rgba(16,62,137,.15);
}
.initiative-logo{
  border:1px solid rgba(11,99,243,.15);
  background:#FFFFFF;
  box-shadow:0 20px 55px rgba(16,62,137,.13);
}
.initiative-copy h1{
  color:var(--text);
  font-family:var(--font-title);
  letter-spacing:-.035em;
}
.initiative-copy .lead{color:var(--muted)}
.initiative-card,.initiative-steps article{
  border-color:rgba(11,99,243,.19);
  background:linear-gradient(155deg,#FFFFFF 0%,#F7FAFF 100%);
  box-shadow:0 15px 40px rgba(16,62,137,.13),0 0 0 1px rgba(255,255,255,.72) inset;
}
.initiative-card{
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.initiative-card:hover{
  transform:translateY(-4px);
  border-color:rgba(11,99,243,.34);
  box-shadow:0 21px 50px rgba(16,62,137,.17);
}
.initiative-card i{
  color:var(--accent);
  background:#E7F1FF;
}
.initiative-card h3,.initiative-steps h3,.initiative-detail h2{color:var(--text)}
.initiative-card p,.initiative-steps p,.initiative-detail>div>p{color:var(--muted)}
.initiative-steps article>span{
  color:#FFFFFF;
  background:linear-gradient(135deg,var(--accent3),var(--accent2));
  box-shadow:0 8px 20px rgba(3,70,197,.22);
}
.initiative-cta{
  border-color:rgba(255,255,255,.26);
  background:
    radial-gradient(520px 220px at 0 0,rgba(53,174,255,.26),transparent 68%),
    linear-gradient(135deg,#0868EF 0%,#0346C5 58%,#082D82 100%);
  box-shadow:0 24px 60px rgba(3,70,197,.22);
}
.initiative-cta h2{color:#FFFFFF}
.initiative-cta p{color:rgba(255,255,255,.86)}
.initiative-cta .btn{
  color:var(--accent2);
  background:#FFFFFF;
  border-color:rgba(255,255,255,.72);
  box-shadow:0 12px 28px rgba(0,25,78,.18);
}
.social-proof__copy{
  background:
    radial-gradient(500px 190px at 0 0,rgba(22,160,255,.12),transparent 65%),
    #FFFFFF;
  border-color:rgba(15,74,172,.13);
  box-shadow:var(--shadow2);
}
.review-stars span{color:var(--text)}

/* Formulários e filtros */
.input label{color:#263B5E}
.input input,.input select,.diagnostic-form input,.diagnostic-form select,.diagnostic-form textarea{
  color:var(--text);
  background:#FFFFFF;
  border-color:rgba(15,74,172,.18);
  box-shadow:inset 0 1px 2px rgba(16,62,137,.04);
}
.input input:focus,.input select:focus,.diagnostic-form input:focus,.diagnostic-form select:focus,.diagnostic-form textarea:focus{
  border-color:rgba(11,99,243,.58);
  box-shadow:0 0 0 4px rgba(11,99,243,.10);
}
.diagnostic-form label{color:#263B5E}
.consent{color:var(--muted)!important}

/* Páginas de conteúdo, serviços, cases e estados */
.content-page{background:transparent}
.content-page{padding-top:46px}
.breadcrumbs,.breadcrumbs a{color:#697891}
.content-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(620px 260px at 100% 0,rgba(22,160,255,.12),transparent 68%),
    radial-gradient(520px 240px at 0 100%,rgba(11,99,243,.08),transparent 70%),
    #FFFFFF;
  border-color:rgba(11,99,243,.16);
  box-shadow:var(--shadow);
}
.trust-strip{border-top-color:rgba(15,74,172,.12)}
.trust-strip span{color:var(--muted)}
.content-aside{
  background:linear-gradient(155deg,#EDF5FF,#FFFFFF);
  border-color:rgba(11,99,243,.17);
  box-shadow:var(--shadow2);
}
.content-aside p,.feature-card p,.process-mini p,.faq-list p,.content-cta p,.hub-card p,
.related-cards span,.author-box p,.global-promise p,.region-heading>p,.service-state-grid p,
.international-callout p{color:var(--muted)}
.process-mini b,.author-avatar{
  color:#FFFFFF;
  background:linear-gradient(135deg,var(--accent3),var(--accent2));
}
.faq-list details{
  background:#FFFFFF;
  border-color:rgba(15,74,172,.13);
  box-shadow:0 8px 22px rgba(16,62,137,.06);
}
.article-section,.author-box{border-color:rgba(15,74,172,.12)}
.key-takeaway,.result-panel{
  background:linear-gradient(135deg,#EAF3FF,#F8FBFF);
  border-color:rgba(11,99,243,.17);
}
.result-icon,.hub-icon,.feature-card>i{
  color:var(--accent);
  background:#E7F1FF;
}
.author-avatar{color:#FFFFFF}

/* Páginas legadas de serviço */
.seo-page{padding-top:36px}
.seo-wrap{padding-top:24px}
.seo-hero h1{
  color:var(--text);
  font-family:var(--font-title);
  font-size:clamp(2.15rem,4vw,3.5rem);
  letter-spacing:-.035em;
}
.seo-links a{
  color:var(--accent2);
  font-weight:700;
  text-decoration:none;
  border-bottom:1px solid rgba(11,99,243,.22);
}
.seo-links a:hover{border-bottom-color:var(--accent)}

.national-stats strong,.state-card__abbr,.state-card>i,.service-state-grid i,.service-state-grid a,
.global-proof i,.global-promise>i,.language-orbit>i,.language-cards b{color:var(--accent)}
.national-stats div,.state-card,.service-state-grid article,.language-cards a,.global-proof span{background:#FFFFFF}
.state-card__abbr,.global-promise>i,.language-cards b,.international-hero b{
  background:linear-gradient(135deg,#E4F1FF,#EDF3FF);
}
.global-promise{
  background:linear-gradient(145deg,#EEF6FF,#FFFFFF);
  border-color:rgba(11,99,243,.16);
  box-shadow:var(--shadow2);
}
.state-card small{color:var(--muted)}
.international-callout{
  background:
    radial-gradient(560px 220px at 100% 0,rgba(22,160,255,.12),transparent 70%),
    #FFFFFF;
  border-color:rgba(11,99,243,.17);
  box-shadow:var(--shadow2);
}
.language-orbit{border-color:rgba(11,99,243,.20);box-shadow:0 0 0 28px rgba(11,99,243,.035)}
.language-orbit span{color:var(--text);background:#FFFFFF;border-color:rgba(11,99,243,.22);box-shadow:0 8px 20px rgba(16,62,137,.10)}

/* Chamadas de alto impacto */
.contact__main,
.global-home__panel,
.content-cta{
  color:#FFFFFF;
  background:
    radial-gradient(520px 220px at 100% 0,rgba(67,190,255,.30),transparent 68%),
    linear-gradient(135deg,#0759DC 0%,#0649C5 48%,#072E91 100%);
  border-color:rgba(255,255,255,.18);
  box-shadow:0 25px 65px rgba(3,70,197,.25);
}
.contact__main h2,.contact__main h3,.global-home__panel h2,.content-cta h2,.content-cta h3{color:#FFFFFF}
.contact__main .eyebrow,.global-home__panel .eyebrow{
  color:#D5ECFF;
  text-shadow:0 1px 12px rgba(0,24,78,.22);
}
.contact__main .muted,.contact__lead,.global-home__panel .muted,.content-cta p{color:rgba(255,255,255,.86)}
.contact__cta-points span{
  color:#FFFFFF;
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.22);
}
.contact__main .btn--ghost,.global-home__panel .btn--ghost,.content-cta .btn--ghost{
  color:#0647BD;
  background:#FFFFFF;
  border-color:#FFFFFF;
}
.global-home__visual{border-color:rgba(255,255,255,.32);box-shadow:0 0 0 26px rgba(255,255,255,.045)}
.global-home__visual>i{color:#FFFFFF}
.global-home__visual span{
  color:#073A9D;
  background:#FFFFFF;
  border-color:rgba(255,255,255,.58);
  box-shadow:0 9px 24px rgba(0,25,78,.16);
}
.contact__main .contact-icon{color:#FFFFFF}
.contact__main .contact-icon:hover{color:#D5ECFF}

/* A experiência da GC2 precisa fazer parte da narrativa da home. */
#sobre{display:block}

/* Modal */
.modal__overlay{background:rgba(5,19,53,.68)}
.modal__panel{
  color:var(--text);
  background:#FFFFFF;
  border-color:rgba(11,99,243,.18);
  box-shadow:0 32px 90px rgba(4,25,68,.28);
}
.modal__head{border-bottom-color:rgba(15,74,172,.12)}
.modal__close{color:var(--text);background:#EEF4FF;border-color:rgba(15,74,172,.16)}

/* Rodapé: âncora azul-marinho da marca */
.footer{
  color:#FFFFFF;
  background:linear-gradient(135deg,#06183F,#08245F);
  border-top-color:rgba(255,255,255,.12);
}
.footer .muted,.footer-seo-links a{color:rgba(255,255,255,.72)}
.footer-seo-links a:hover{color:#FFFFFF}
.contact-icon{color:var(--accent2)}
.contact-icon:hover{color:var(--accent)}
.contact-icon::after{background:#071944;color:#FFFFFF}
.floating-whatsapp{box-shadow:0 17px 38px rgba(15,104,56,.24)}

/* Navegação responsiva */
@media(max-width:980px){
  .nav.is-open{
    top:76px;
    color:var(--text);
    background:rgba(255,255,255,.98);
    border-color:rgba(15,74,172,.14);
    box-shadow:var(--shadow);
  }
}
@media(max-width:760px){
  .content-nav{
    background:#FFFFFF;
    border-color:rgba(15,74,172,.14);
  }
  .content-nav a{color:var(--text)}
  .content-page{padding-top:26px}
  .content-hero{padding:28px 22px}
  .seo-page{padding-top:22px}
  .seo-wrap{padding-top:18px}
}
@media(max-width:720px){
  .section{padding:52px 0}
  .brand__logo{height:48px;filter:drop-shadow(0 5px 9px rgba(10,66,165,.12))}
  .topbar__inner{min-height:66px}
  .hero--carousel{padding-top:20px}
  .hero-slider{border-width:2px;border-radius:20px}
  .hero-slide{border-radius:18px}
  .hero-slide::after{
    background:linear-gradient(90deg,rgba(3,20,61,.96),rgba(4,34,92,.88)),linear-gradient(180deg,rgba(8,97,232,.08),rgba(2,15,48,.46));
  }
  .hero-summary__card::before{inset:0 0 auto;width:auto;height:4px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}