*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070707;color:#fff;font:16px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.header{position:sticky;top:0;z-index:20;background:#060606;border-bottom:2px solid #d76c06}.header-inner{max-width:1672px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:110px;padding:8px 2.6%}.brand img{width:min(360px,27vw);display:block;height:auto}.header nav{display:flex;align-items:center;gap:clamp(12px,2.1vw,36px)}.header nav a{font-size:clamp(12px,1.05vw,17px);font-weight:700;white-space:nowrap;position:relative;padding:12px 0}.header nav a::after{content:"";position:absolute;bottom:3px;left:0;width:0;height:3px;background:#ff8b00;transition:width .2s}.header nav a:hover::after,.header nav a:focus-visible::after{width:100%}.contact{background:#0da51b;padding:11px 18px;border-radius:12px;white-space:nowrap;font-weight:900}.contact:hover{background:#17c62a}.hero-art{position:relative;max-width:1672px;margin:auto}.hero-art img{width:100%;display:block}.hero-hit{position:absolute;left:7%;top:76%;width:26%;height:16%;border-radius:14px}.hero-hit:hover{box-shadow:0 0 24px #ff8500aa}.services{max-width:1672px;margin:auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:12px 10px;background:#060606}.service{display:block;overflow:hidden;border-radius:15px;transition:transform .2s,filter .2s}.service:hover,.service:focus-visible{transform:translateY(-3px);filter:brightness(1.15)}.service img{display:block;width:100%;height:auto}.benefits{max-width:1672px;margin:auto}.benefits>img{width:100%;display:block}.about{max-width:1250px;margin:auto;padding:60px 25px;display:grid;grid-template-columns:1.6fr 1fr;gap:60px}.eyebrow{color:#ff8a11;font-weight:900;letter-spacing:1.5px}.about h2{font-size:clamp(25px,3vw,38px);margin:12px 0}.about p{color:#c6c6c6}.hours{border:1px solid #a94d0c;border-radius:15px;padding:24px;background:#13100e}.hours a{color:#ff9b29;font-weight:700}footer{border-top:1px solid #71370d;text-align:center;padding:24px;color:#aaa;font-size:13px}.screenreader{position:absolute;left:-10000px}.mobile-hero,.mobile-benefits{display:none}@media(max-width:1100px){.header-inner{flex-wrap:wrap;min-height:80px}.brand img{width:260px}.header nav{order:3;width:100%;overflow-x:auto;padding:4px 0}.contact{font-size:12px}.hero-hit{top:74%;height:19%}}@media(max-width:700px){.header-inner{gap:8px}.brand img{width:210px}.header nav{gap:18px}.hero-art{display:none}.mobile-hero{display:flex;flex-direction:column;align-items:flex-start;padding:45px 20px 25px;background:radial-gradient(ellipse at 75% 65%,#52210a,#09090b 65%)}.mobile-hero h1{font-size:clamp(28px,7vw,43px);line-height:1.13;margin:12px 0}.mobile-hero h1 em{color:#ff9414;font-style:normal}.mobile-hero p{color:#dedede}.quote{padding:13px 20px;background:#ff8510;border-radius:10px;color:#140b04;font-weight:900}.mobile-hero img{align-self:center;width:170px;margin-top:30px}.services{grid-template-columns:1fr;gap:12px;padding:12px}.service img{width:100%}.benefits>img{display:none}.mobile-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:25px 15px;border-block:1px solid #a84d0a}.mobile-benefits span{border:1px solid #5e330f;padding:12px;border-radius:10px;font-size:13px;color:#eee}.about{grid-template-columns:1fr;gap:20px;padding:38px 20px}}
/* Informações institucionais — extensão da página principal aprovada */
.business-info{background:linear-gradient(125deg,#0a0b0d 0%,#15100d 58%,#0a0b0d 100%);border-top:1px solid #6d3414;padding:56px 22px 64px}.business-info-inner{max-width:1260px;margin:auto}.business-info-heading h2{margin:10px 0 6px;font-size:clamp(25px,3vw,38px);color:#fff}.business-info-heading p{color:#bfc1c6;margin:0 0 27px}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.info-item{background:#121416;border:1px solid #63351b;border-radius:12px;padding:25px;min-width:0}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;border:1px solid #ff891c;border-radius:50%;color:#ff941d;font-size:27px}.info-item h3{color:#fff;font-size:19px;margin:15px 0 8px}.info-item .info-subtitle{font-size:16px;margin-top:19px}.info-item p{color:#d5d6d8;line-height:1.7;margin:5px 0 12px;overflow-wrap:anywhere}.info-item a{color:#ffad56;text-decoration:none;overflow-wrap:anywhere}.info-item a:hover{text-decoration:underline;color:#ffd29e}@media(max-width:800px){.info-grid{grid-template-columns:1fr}.business-info{padding:40px 18px}.info-item{padding:20px}}

/* Refinamento visual da seção institucional: luz, circuitos e cartões elegantes */
.business-info{
 position:relative;isolation:isolate;overflow:hidden;
 background:
 radial-gradient(ellipse 700px 370px at 6% 0%,rgba(255,111,13,.18),transparent 75%),
 radial-gradient(ellipse 560px 360px at 96% 92%,rgba(255,118,18,.13),transparent 75%),
 linear-gradient(125deg,#111217 0%,#1a1412 48%,#0a0d12 100%);
 padding:72px 22px 78px;
}
.business-info::before{
 content:"";position:absolute;inset:0;z-index:-1;opacity:.34;pointer-events:none;
 background-image:url("circuitos_institucionais.svg");background-size:cover;background-position:center;
}
.business-info::after{
 content:"";position:absolute;left:0;right:0;top:0;height:3px;
 background:linear-gradient(90deg,transparent,#ff7c14 25%,#ffd194 50%,#ff7c14 75%,transparent);
 box-shadow:0 0 24px #ff7615a0;
}
.business-info-heading{position:relative;padding-left:21px;margin-bottom:32px}
.business-info-heading::before{content:"";position:absolute;left:0;top:7px;height:76%;width:4px;background:#ff891c;box-shadow:0 0 16px #ff891c;border-radius:4px}
.business-info-heading p{max-width:660px}
.info-grid{gap:22px}
.info-item{
 position:relative;overflow:hidden;
 background:linear-gradient(155deg,rgba(36,39,46,.94),rgba(15,17,22,.96));
 border:1px solid #82502b;border-radius:16px;padding:30px;
 box-shadow:0 14px 40px #0007,inset 0 1px 0 #ffffff14;
 transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.info-item::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#ff7d12,#ffbd70 55%,transparent)}
.info-item:hover{transform:translateY(-4px);border-color:#f18b37;box-shadow:0 16px 42px #0009,0 0 22px #ff8a161a}
.info-icon{width:58px;height:58px;background:radial-gradient(circle,#71341150,#1b1b1e);border:1px solid #f18b37;box-shadow:0 0 20px #ff811d30}
.info-icon svg{width:28px;height:28px;fill:none;stroke:#ffae52;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.info-item h3{font-size:20px;margin-top:20px}
.info-item a{font-weight:700}
@media(max-width:800px){.business-info{padding:50px 18px 55px}.info-item{padding:24px}.business-info::before{background-position:40% center}}
@media(prefers-reduced-motion:reduce){.info-item{transition:none}.info-item:hover{transform:none}}

/* Quatro cartões institucionais, duas colunas em telas grandes */
@media(min-width:801px){.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Seção institucional premium — elementos HTML funcionais, arte SVG responsiva */
.business-info{padding:0 20px 70px;background:radial-gradient(ellipse at 50% 0,#12304a 0%,#090b11 45%,#07090d 100%);border-top:2px solid #e07817;position:relative;overflow:hidden}
.business-info::before{background-image:url('circuitos_institucionais.svg');background-size:cover;opacity:.36}
.business-info-inner{max-width:1280px;position:relative}
.institutional-banner{min-height:210px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:38px 24px 35px;background:radial-gradient(ellipse at 80% 35%,#244e68aa,transparent 55%),linear-gradient(110deg,#11151ed9,#121824c9);border-bottom:1px solid #a45e24;position:relative}
.institutional-banner::before{content:'';position:absolute;left:6px;top:34px;bottom:34px;width:4px;background:#ff8b17;box-shadow:0 0 18px #ff8b17}
.institutional-banner h2{font-size:clamp(26px,3.6vw,49px);line-height:1.08;color:#fff;margin:14px 0 10px;font-weight:900;font-style:italic;letter-spacing:-.8px}
.institutional-banner h2 em,.premium-grid h3 em{font-style:inherit;color:#ff9c1b}
.institutional-banner p{color:#e0e9f1;font-size:clamp(14px,1.5vw,17px);line-height:1.5;max-width:780px;margin:0}
.city-pill{white-space:nowrap;background:#090d14;border:1px solid #ff8b16;border-radius:28px;padding:12px 20px;color:#fff;font-size:18px;font-weight:800;box-shadow:0 0 20px #ff7c1430}
.premium-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:20px 0 0}
.premium-grid .info-item{min-height:265px;display:flex;align-items:center;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(130deg,#091723 0%,#052d46 58%,#071019 100%);border:1px solid #3cb9ef;border-top:2px solid #ff941c;border-radius:22px;padding:25px 26px;box-shadow:inset 0 1px 0 #ffffff25,0 12px 30px #000a,0 0 20px #16a3ef1c}
.premium-grid .info-item::before{height:2px;background:linear-gradient(90deg,#ff941c,#6ee8ff,#ff941c)}
.premium-grid .info-item::after{content:'';position:absolute;right:-40px;top:-70px;width:260px;height:260px;background:radial-gradient(circle,#00b7ff35,transparent 68%);z-index:-1}
.premium-grid .info-item:hover{border-color:#72d9ff;box-shadow:0 16px 40px #000a,0 0 30px #0bc3ff30}
.premium-grid .info-copy{position:relative;z-index:2;max-width:75%}
.premium-grid .info-icon{display:inline-flex;width:48px;height:48px;border:2px solid #ff9017;border-radius:14px;color:#ff9d20;font-size:32px;font-weight:700;background:#1a1c1f;box-shadow:0 0 14px #ff831780}
.premium-grid h3{font-size:clamp(20px,2vw,27px);font-style:italic;line-height:1.1;margin:13px 0 13px;text-transform:uppercase}
.premium-grid p{font-size:clamp(13px,1.2vw,16px);line-height:1.5;color:#f0f5fb;margin:7px 0}
.premium-grid .info-item a{color:#f6fbff}
.premium-grid .info-item a:hover{color:#ffbf6c}
.premium-grid .artwork{position:absolute;right:6px;bottom:4px;width:34%;max-width:200px;opacity:.97;filter:drop-shadow(0 0 16px #00c6ff65);pointer-events:none}
.premium-grid .artwork svg{width:100%;height:auto;display:block}
.premium-grid .info-action{display:inline-flex;align-items:center;gap:5px;margin-top:12px;border-radius:24px;padding:11px 15px;font-size:12px;font-weight:900;text-decoration:none!important;white-space:nowrap}
.premium-grid .orange-action{border:2px solid #ff9b22;background:#20140b;color:#fff;box-shadow:0 0 14px #ff8c1880}
.premium-grid .green-action{border:2px solid #30f65d;background:#046b28;color:#fff;box-shadow:0 0 14px #20ff6d7a}
.premium-grid .info-action span{font-size:21px;line-height:12px;margin-left:4px}
.premium-grid .contact-line{overflow-wrap:anywhere;font-size:14px}
.premium-grid .contact-line span{color:#39ec85;font-size:20px}
.premium-grid .time-large{font-size:clamp(20px,2.2vw,28px);font-weight:750;line-height:1.35}
.premium-grid .info-region .info-copy{max-width:73%}
.premium-grid .info-region p{font-size:14px}
@media(max-width:900px){.premium-grid{grid-template-columns:1fr}.institutional-banner{flex-wrap:wrap}.premium-grid .info-item{min-height:255px}}
@media(max-width:550px){.business-info{padding:0 12px 40px}.institutional-banner{padding:30px 15px}.city-pill{font-size:14px}.premium-grid .info-item{padding:20px 16px;min-height:270px}.premium-grid .info-copy{max-width:84%}.premium-grid .artwork{width:28%;right:0;opacity:.5}.premium-grid .info-action{font-size:10px;padding:10px}.premium-grid .info-region .info-copy{max-width:92%}.premium-grid .info-region .artwork{opacity:.24}.premium-grid .contact-line{font-size:12px}}

/* Faixa Quem Somos — fundo tecnológico, texto centralizado, sem duplicar horário */
.about.about-tech{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;max-width:none;min-height:265px;margin:0;padding:58px 24px 62px;text-align:center;background:radial-gradient(ellipse at 50% 110%,rgba(0,159,231,.22),transparent 55%),linear-gradient(110deg,#06101e 0%,#061b2c 48%,#07101e 100%);border-top:1px solid #135c87;border-bottom:1px solid #b65d13}
.about-tech::before{content:"";position:absolute;inset:0;z-index:-1;background:url('circuitos_desde_2013.svg') center center/cover no-repeat;opacity:.9}
.about-tech::after{content:"";position:absolute;bottom:0;left:12%;width:76%;height:2px;background:linear-gradient(90deg,transparent,#ff8917 38%,#13baff 70%,transparent);box-shadow:0 0 20px #11aaff}
.about-tech-inner{max-width:1110px;margin:auto;position:relative;z-index:1}
.about.about-tech h2{font-size:clamp(29px,4.4vw,60px);font-weight:900;line-height:1.16;letter-spacing:-.025em;margin:0 0 17px;color:#fff;text-shadow:0 3px 15px #0008}
.about.about-tech h2 em{font-style:normal;color:#ff9a19}
.about.about-tech p{max-width:1040px;margin:0 auto;color:#f1f5f8;font-size:clamp(16px,1.7vw,23px);line-height:1.55;text-shadow:0 2px 9px #000b}
@media(max-width:700px){.about.about-tech{min-height:240px;padding:48px 20px}.about.about-tech h2{font-size:clamp(29px,7vw,42px)}.about.about-tech p{font-size:16px}}

/* Fundo tecnológico único, contínuo, preservando todas as artes existentes */
html{background:#060c15}
body{background:#060c15 url("fundo_tecnologico_continuo.svg") center top / 1600px 1100px repeat-y fixed}
main{position:relative;background:transparent}
.hero,.services,.benefits{background:transparent!important}
/* As artes originais são preservadas; o fundo aparece nos espaços e transições */
.services{position:relative;z-index:1;padding-top:12px;padding-bottom:12px}
.benefits{position:relative;z-index:1;padding-top:4px;padding-bottom:4px}
.about.about-tech{background:linear-gradient(90deg,rgba(2,12,24,.80),rgba(3,22,41,.69),rgba(2,12,24,.80))!important}
.about-tech::before{opacity:.52}
.business-info{background:linear-gradient(180deg,rgba(3,13,25,.43),rgba(4,12,22,.22))!important;border-top:0}
.business-info::before{background:none!important;opacity:0!important}
.institutional-banner{background:linear-gradient(110deg,rgba(7,18,31,.84),rgba(10,35,54,.72))!important;backdrop-filter:blur(5px)}
.premium-grid .info-item{background:linear-gradient(130deg,rgba(5,20,35,.96),rgba(5,43,68,.95) 58%,rgba(5,16,28,.97))!important}
footer{background:rgba(3,9,18,.78);backdrop-filter:blur(5px)}
@media(max-width:700px){body{background-size:1000px 688px;background-attachment:scroll}.mobile-hero{background:linear-gradient(90deg,rgba(3,12,24,.80),rgba(7,26,42,.67))!important}}
@media(prefers-reduced-motion:reduce){.premium-grid .info-item{transition:none}}

/* V2 — FUNDO TECNOLÓGICO VISÍVEL EM TODA A PÁGINA */
html,body{background-color:#020813!important}
body{background-image:url('fundo_tecnologico_continuo.svg')!important;background-repeat:repeat-y!important;background-position:center top!important;background-size:100% auto!important;background-attachment:scroll!important}
main{background:transparent!important;isolation:isolate}
/* Não encobrir o fundo com grandes painéis opacos */
.hero,.services,.benefits,.about.about-tech,.business-info{background-color:transparent!important}
.about.about-tech{background-image:linear-gradient(90deg,rgba(2,10,22,.62),rgba(3,19,32,.42),rgba(2,10,22,.62))!important;border-top:1px solid #13a8f0;border-bottom:1px solid #fa891b;box-shadow:0 0 30px #00b8ff33}
.about.about-tech::before{opacity:.18!important}
.business-info{background-image:linear-gradient(180deg,rgba(1,9,20,.15),rgba(1,8,18,.10))!important}
.institutional-banner{background:linear-gradient(100deg,rgba(2,14,28,.72),rgba(5,27,44,.64))!important;border:1px solid #008ec1;box-shadow:0 0 22px #02a9e633}
.premium-grid .info-item{box-shadow:0 0 20px #02b8f32e,0 18px 34px #0008!important;border-color:#13bdf5!important}
.services{background:transparent!important;box-shadow:none!important}
footer{background:rgba(1,8,17,.55)!important;border-top:1px solid #03a7eb}
@media(max-width:700px){body{background-size:auto 1000px!important;background-position:center top!important}.business-info{padding-left:14px;padding-right:14px}}

/* V9: botão de acesso à plataforma destacado em laranja */
.header .contact{background:linear-gradient(135deg,#ffad26,#ff7600)!important;color:#15100b!important;border:1px solid #ffbc53;box-shadow:0 0 18px #ff83004a, inset 0 1px 0 #ffffff60;transition:background .2s,transform .2s,box-shadow .2s}
.header .contact:hover{background:linear-gradient(135deg,#ffc04c,#ff8b12)!important;transform:translateY(-2px);box-shadow:0 0 27px #ff850077}

/* V10: símbolo do destaque mobile isolado, sem retângulo escuro */
@media(max-width:700px){.mobile-hero .mobile-symbol-clean{display:block;width:min(230px,65vw);height:auto;object-fit:contain;align-self:center;margin:30px auto 12px;background:transparent!important;box-shadow:none!important;border:0!important;filter:drop-shadow(0 12px 22px rgba(0,0,0,.22))}}

/* V11: logomarca completa, proporcional e transparente na versão mobile */
@media(max-width:700px){.mobile-hero .mobile-symbol-clean{width:min(360px,92vw)!important;max-width:100%;height:auto!important;object-fit:contain;display:block;align-self:center;margin:28px auto 6px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.14))}}
