@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
/* 318 Conecta: cores e tipografia do manual aprovado pelo cliente. */
:root{--brand-navy:#0b2d5b;--brand-blue:#0066ff;--brand-cyan:#00e5ff;--brand-light:#e9f3ff;--ink:#0f172a;--muted:#52657b;--green:var(--brand-blue);--purple:var(--brand-blue);--black:var(--brand-navy);--line:#dce6f2;--bg:#f5f8fc}
body,button,input,select,textarea,h1,h2,h3,h4,.stat strong{font-family:Montserrat,Arial,sans-serif}
.eyebrow{color:#52657b}
#auth-root{grid-template-columns:minmax(0,1fr)}.auth-box{width:min(470px,100%);min-width:0;justify-self:center}.auth-box form,.auth-tabs{min-width:0}.auth-box input{min-width:0}
button,.button,.access,.primary,input,select,textarea,.card,.stat,.scope-note,dialog{border-radius:10px}
.primary,.purple-button,.button:not(.white):not(.outline){background:#005ae0;color:#fff}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0066ff;outline-offset:4px}
button:hover,.button:hover{filter:brightness(.94)}
h1,h2,h3,h4,.title-row h1,.stat strong{color:var(--brand-navy)}
aside{border-top-color:var(--brand-navy);padding-top:24px}.brand{gap:12px}.brand-image.brand-icon{width:76px;height:auto;border-radius:17px}.brand-caption{font-size:15px;letter-spacing:1.5px;margin:0;color:var(--brand-navy);font-weight:800}
.workspace{border-left-color:var(--brand-blue);border-radius:10px;background:var(--brand-light)}.workspace strong{color:var(--brand-navy)}
nav a{border-radius:8px}nav a.active{color:#0053c7;border-left-color:var(--brand-blue);background:var(--brand-light)}nav a:hover{background:#f0f6ff}
header{border-top-color:var(--brand-navy)}.aside-bottom:before{background:var(--brand-cyan);border-radius:8px}.scope-note{color:#375679;background:var(--brand-light)}
.hero{background:var(--brand-navy);border-radius:16px}.hero h1,.hero h2,.hero h3{color:white}.hero p{color:#dceaff}.hero:after{background:#0066ff}.hero small{color:#c3e5ff}
.stat{border-top-color:var(--brand-navy)}.stat:nth-child(even){border-top-color:var(--brand-blue)}.module-card:nth-child(even) .symbol{background:var(--brand-navy)}
.badge{background:var(--brand-light);color:#0053c7}.money-in{color:#17663d}.money-out{color:#a13737}.badge.warn{background:#fff2d6;color:#795100}
footer{border-top-color:var(--brand-navy)}footer:before{background:var(--brand-cyan)}
#auth-root{background:radial-gradient(ellipse at 20% 10%,#d6f8ff,transparent 50%),linear-gradient(135deg,#e9f3ff,#f7faff)}.auth-box{border-top-color:var(--brand-blue);border-radius:18px;box-shadow:0 20px 65px #0b2d5b12;padding:38px 40px}.auth-box img{width:250px;max-width:100%;height:auto;margin:0 auto 26px}.auth-box small{color:#52657b}.auth-tabs button{color:#52657b}.auth-tabs button.selected{background:var(--brand-light);color:#0053c7}#auth-message{color:#375679}.auth-box .privacy-note{color:#375679;background:var(--brand-light)}
.cloud-shortcuts a{background:var(--brand-light);color:#0053c7;border-radius:10px}.school-book{background:var(--brand-light)}.school-description,.school-course small,.school-form-note{color:#52657b!important}.school-video p,.school-video a{color:#dceaff}.school-video{border-radius:12px}.school-video span{color:var(--brand-cyan)}
.site-header{border-top:0}.site-header .brand img{width:240px}.site-header .brand{gap:24px}.site-header .brand span{max-width:185px;line-height:1.9}.site-header .button{white-space:nowrap}.site-header nav a:hover{background:transparent}
.hero-grid h1{color:var(--brand-navy)}.hero-grid h1 em{color:#005ae0}.hero-grid .eyebrow{color:#0053c7}.hero-grid .intro{color:#52657b}.hero:has(.hero-grid){background:#f3f8ff;border-top:1px solid #dce6f2;border-radius:0;padding:64px 0}.hero-grid{gap:65px}.hero-art{border-radius:22px;background:linear-gradient(145deg,#0b2d5b,#0f172a);padding:36px}.hero-art strong{color:white;font-size:37px;line-height:1.35;letter-spacing:-1px}.hero-art small,.hero-art p{color:#dceaff}.hero-brand-icon{width:100px;height:auto;align-self:flex-start;border-radius:20px;margin-bottom:22px}.hero-art small{font-size:9px;letter-spacing:1.3px}.hero-art strong{margin:20px 0}.separation{background:var(--brand-navy)}.separation h2,.separation h3{color:white}.separation a{color:#9ddfff}.button.outline{color:#0053c7;border-color:#adc8e9;border-radius:10px}.feature{border-color:#dce6f2}.foot{border-top:3px solid var(--brand-cyan)}
.identity img{width:220px;max-width:100%;height:auto}.identity{min-width:0}.dark h2,.dark h3{color:white}.dark .tag{color:#9ddfff}.dark .cards article{border-color:#375679;border-radius:12px}.directory-tools input,.directory-tools select{border-color:#526b89;border-radius:8px}.dark .note,.dark .cards small,.dark .cards p,.directory-tools label{color:#c3d5ed}.tinted{background:#f5f9ff}.meeting,.ministries article,.cards article{border-radius:12px}.section-top p,.welcome p,.cards p{color:#52657b}.privacy-note{color:#375679;background:var(--brand-light);border-radius:10px}.demo{background:var(--brand-navy)}
@media(max-width:1100px){.site-header .brand span{display:none}.site-header .brand img{width:220px}}
@media(min-width:781px) and (max-width:1000px){.hero-art strong{font-size:29px}.hero-grid{gap:35px}}
@media(max-width:780px){.site-header{gap:16px;flex-wrap:wrap}.site-header .brand img{width:220px}.site-header nav{width:100%;justify-content:space-between}.hero-grid{gap:30px}.hero-art strong{font-size:31px}.hero-art{padding:28px}.hero-brand-icon{width:86px}.identity{flex-wrap:wrap}.identity img{width:220px}.hero:has(.hero-grid){padding:42px 0}}
@media(max-width:650px){.brand:has(.brand-icon){flex-direction:row;align-items:center}.brand-image.brand-icon{width:52px}.brand-caption{font-size:14px}.auth-box{padding:26px}.auth-box img{width:230px}.auth-box h1{font-size:27px}}
/* Menu lateral: fundo azul da identidade 318 Conecta. */
body>aside{background:#0b2d5b;border-right-color:#24476f;border-top-color:#0066ff}
body>aside .brand-caption{color:#fff}
body>aside .workspace{background:#163e6c;border-color:#365a82;border-left-color:#00e5ff;color:#c3d5ed}
body>aside .workspace strong{color:#fff}body>aside .workspace small{color:#dceaff}
body>aside nav a{color:#dceaff}body>aside nav a i{color:#9ddfff}
body>aside nav a:hover{background:#194576;color:#fff}
body>aside nav a.active{background:#0066ff;color:#fff;border-left-color:#00e5ff}
body>aside nav a.active i{color:#fff}
body>aside .aside-bottom{color:#dceaff}body>aside .aside-bottom small{color:#c3d5ed}
body>aside nav{scrollbar-color:#5d86b3 #103663}