/* Identidade visual Tecmicro OS — site institucional */
:root{--nav:#0b1218;--nav2:#152431;--red:#ef1d24;--blue:#1267e8;--text:#172033;--muted:#748095;--line:#e3e8ef;--bg:#f2f5f8;--panel:#fff}
html{scroll-padding-top:105px}body{font-family:'Segoe UI',Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.65}
.container{width:min(1160px,calc(100% - 48px))}.topbar{background:var(--nav);border-bottom:1px solid #25313b;box-shadow:0 4px 20px #0b121816;backdrop-filter:none}.nav-wrap{min-height:84px;gap:24px}.brand-logo{width:224px;max-width:40vw;max-height:65px;object-fit:contain}nav{gap:6px}nav a{padding:10px 14px;color:#dce4ec;border-radius:7px;font-size:13px}nav a:hover,nav a:focus-visible{background:#1b2a36;color:#fff}nav a.active{background:var(--red);color:#fff}nav .btn{margin-left:12px;background:var(--blue);border-color:var(--blue);color:#fff}
.btn{font-family:inherit;border:1px solid var(--blue);border-radius:8px;background:var(--blue);font-size:14px;min-height:46px;padding:12px 20px;box-shadow:none}.btn:hover{background:#0d55c4;border-color:#0d55c4;transform:translateY(-2px);box-shadow:0 6px 16px #1267e81a}.btn-outline{color:var(--text)!important;background:#fff;border-color:#cbd5e1}.btn-outline:hover{background:#e8eff7;border-color:#b8c7d9}.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #60a5fa;outline-offset:4px}
.hero{padding:80px 0 74px;background:var(--bg);border-bottom:1px solid var(--line)}.hero-grid{grid-template-columns:1.25fr .85fr;gap:64px}.eyebrow{font-size:11px;letter-spacing:1.4px;background:#feecef;border:1px solid #fbd2d6;border-radius:5px;padding:6px 10px;color:#d71920;margin-bottom:20px}.hero h1{font-size:clamp(36px,3.8vw,52px);line-height:1.12;letter-spacing:-1.8px;color:var(--text);max-width:680px}.hero p{font-size:17px;color:#617085;line-height:1.8}.hero-actions{margin:28px 0;flex-wrap:wrap}.hero-badges{font-size:12px;color:#657386;gap:10px 16px}.hero-badges span{display:inline-flex;align-items:center}.hero-card{background:linear-gradient(155deg,#152431,#0b1218);border:1px solid #253949;border-radius:16px;padding:32px;box-shadow:0 20px 42px #0b12181a;position:relative;overflow:hidden}.hero-card:before{content:'';display:block;width:38px;height:4px;background:var(--red);border-radius:3px;margin-bottom:24px}.hero-card-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:12px;background:#1267e8;font-size:30px}.hero-card h2{font-size:26px;line-height:1.3;margin-top:18px}.hero-card p{color:#aebbc8;font-size:14px}.mini-stats{gap:10px;margin-top:24px}.mini-stats div{padding:13px 14px;background:#ffffff07;border:1px solid #2a3946;border-radius:8px;align-items:center}.mini-stats strong{color:#fff;font-size:13px;display:flex;align-items:center;gap:8px}.mini-stats strong:before{content:'';height:7px;width:7px;border-radius:50%;background:#3b82f6}.mini-stats div:nth-child(2) strong:before{background:#18a957}.mini-stats div:nth-child(3) strong:before{background:#f59e0b}.mini-stats span{font-size:12px;color:#acbac8}
.section{padding:78px 0}.section-alt{background:#eaf0f5;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{max-width:790px;margin-bottom:36px}.section-heading span,.section-label{font-size:11px;color:var(--red);letter-spacing:1.7px}.section-heading h2,.about-grid h2,.contact-grid h2{font-size:clamp(27px,3vw,36px);letter-spacing:-.8px;color:var(--text);line-height:1.22}.section-heading p,.about-grid p,.contact-grid>div>p{font-size:15px;color:#657386}.cards{gap:18px}.card{border:1px solid var(--line);border-radius:12px;padding:26px;box-shadow:0 3px 10px #17203304;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #1720330b}.card .icon{width:50px;height:50px;display:grid;place-items:center;border-radius:10px;background:#eaf1ff;font-size:24px;margin-bottom:20px}.card:nth-child(2) .icon{background:#e8f5ec}.card:nth-child(3) .icon{background:#fff2df}.card:nth-child(4) .icon{background:#f0eaff}.card:nth-child(5) .icon{background:#e5f5f7}.card:nth-child(6) .icon{background:#feedef}.card h3{font-size:18px;color:var(--text);letter-spacing:-.2px}.card p{font-size:14px;color:#657386}
.plans{gap:20px}.plans-detailed .plan{border:1px solid #d9e2ec;border-radius:12px;box-shadow:0 4px 18px #17203305}.plans-detailed .plan-top{background:#fff;color:var(--text);padding:30px 25px 16px;min-height:175px;border-top:4px solid #18a957}.plans-detailed .plan-top .plan-tag{color:#748095;letter-spacing:1.5px;font-size:10px}.plans-detailed .plan-top h3{color:var(--text);font-size:23px;letter-spacing:-.4px;margin:9px 0}.plans-detailed .plan-top p{color:#748095;font-size:13px;line-height:1.6}.plans-detailed .price{background:#fff;color:var(--text);padding:4px 25px 22px;border-bottom:1px solid var(--line);font-size:42px;letter-spacing:-1.8px}.plans-detailed .price small{font-size:17px;letter-spacing:0}.plans-detailed .price span{font-size:13px;color:#748095;letter-spacing:0}.plans-detailed .plan-pro{border:2px solid var(--blue)!important;box-shadow:0 10px 28px #1267e80d}.plans-detailed .plan-pro .plan-top{border-top:3px solid var(--blue)}.plans-detailed .plan-business .plan-top{border-top-color:#f59e0b}.plans-detailed .plan-badge{background:var(--blue);border:0;border-radius:0 0 0 8px;top:0;right:0;padding:5px 10px;font-size:9px;letter-spacing:.3px}.plans-detailed ul{padding:20px 25px 4px 43px;min-height:385px}.plans-detailed li{font-size:13px;line-height:1.55;margin:9px 0;color:#536174}.plans-detailed li strong{color:#253449}.plans-detailed .plan-btn{background:var(--blue);border-color:var(--blue);margin-bottom:22px;font-size:13px}.plans-detailed .plan-basic .plan-btn,.plans-detailed .plan-business .plan-btn{background:#f2f5f8;border-color:#d9e2ec;color:var(--text)!important}.plans-detailed .plan-btn:hover{background:#0d55c4;color:white!important;border-color:#0d55c4}.plans-detailed .plan-note{font-size:12px;font-weight:500;border-radius:7px;margin-top:8px}.plan-conditions{border-color:#d9e2ec;border-radius:10px}.plan-conditions>div{background:#fff;padding:22px}.plan-conditions strong{font-size:11px;letter-spacing:.5px}.plan-conditions span{color:#748095;line-height:1.7}.more-info{border-color:var(--line);border-radius:10px}.more-info summary{color:#334155;font-size:13px}.more-info-grid li{color:#657386}
.about-grid,.contact-grid{gap:64px}.about-box{background:#fff;border-color:var(--line);border-radius:12px;padding:30px;box-shadow:0 4px 16px #17203304}.about-box h3{font-size:21px}.check-item{border-top-color:var(--line);padding:20px 0}.check-item:last-child{padding-bottom:0}.check-item>span{background:#e8f5ec;color:#18a957;border-radius:7px}.check-item p{font-size:13px}.cta{background:var(--nav);border-block:1px solid #263847;padding:44px 0}.cta span{color:#91a3b5;font-size:10px;letter-spacing:1.6px}.cta h2{font-size:29px;letter-spacing:-.6px}.cta .btn-light{background:var(--blue);border-color:var(--blue);color:#fff!important;white-space:nowrap}.contact-icon{background:#e8effa;border:1px solid #dce6f5;border-radius:9px}.contact-item strong{font-size:14px}.contact-item span{color:#748095}.contact-form{border-color:var(--line);border-radius:12px;box-shadow:0 4px 16px #17203306}.contact-form h3{font-size:22px}.contact-form label{color:#536174;font-size:12px}.contact-form input,.contact-form select,.contact-form textarea{background:#f8fafc;border-color:#dce3eb;border-radius:7px;color:var(--text);font-family:inherit;font-weight:400;min-height:44px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1267e810}footer{background:var(--nav);border-top:1px solid #25313b;color:#8fa1b3;padding:26px 0}.footer-brand .brand-logo{width:200px}.footer-inner p{font-size:12px}.floating-whatsapp{width:52px;height:52px;border-radius:14px;box-shadow:0 6px 20px #17203322;bottom:20px;right:20px}
@media(max-width:1000px){.hero-grid{gap:32px;grid-template-columns:1.1fr .9fr}.hero h1{font-size:42px}nav a{padding:9px 10px}.plans-detailed .plan-top{min-height:190px}.plans-detailed .plan-top h3{font-size:21px}}
@media(max-width:900px){.nav-wrap{min-height:76px}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#1b2a36;border:1px solid #334657;border-radius:7px;min-height:44px;min-width:76px;font-size:15px;font-weight:600;padding:8px 12px;cursor:pointer}nav{top:76px;background:var(--nav);border-bottom:1px solid #334657;padding:12px 24px 20px;gap:5px}nav a{padding:12px 14px}nav .btn{margin:6px 0 0}.hero{padding:48px 0}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:32px}.hero-content{max-width:700px}.hero h1{font-size:clamp(34px,5.6vw,46px);max-width:700px}.hero-card{max-width:none}.hero-card h2{font-size:25px}.mini-stats{grid-template-columns:repeat(3,1fr)}.mini-stats div{flex-direction:column;align-items:flex-start;gap:5px}.cards,.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.plans-detailed .plan-top{min-height:170px}.plans-detailed ul{min-height:auto}.plans-detailed .plan-business{grid-column:1/-1}.plan-conditions{grid-template-columns:1fr 1fr}.cta-inner{gap:24px}.section{padding:58px 0}.cta h2{font-size:27px}}
@media(max-width:640px){html{scroll-padding-top:96px}.container{width:calc(100% - 32px)}.brand-logo{width:196px;max-width:57vw}.hero{padding:38px 0 40px}.hero h1{font-size:35px;letter-spacing:-1px;line-height:1.15}.hero p{font-size:15px;line-height:1.75}.eyebrow{font-size:9px;letter-spacing:1px;padding:5px 8px;margin-bottom:18px}.hero-actions{gap:10px;margin:24px 0}.hero-badges{font-size:11px;gap:8px}.hero-card{padding:24px;border-radius:12px}.hero-card:before{margin-bottom:18px}.mini-stats{grid-template-columns:1fr;gap:8px}.mini-stats div{flex-direction:row;align-items:center}.mini-stats span{font-size:11px}.section{padding:48px 0}.section-heading{text-align:left;margin-bottom:26px}.section-heading h2,.about-grid h2,.contact-grid h2{font-size:28px}.section-heading p{font-size:14px}.cards,.plans{grid-template-columns:1fr;gap:14px}.card{padding:23px}.plans-detailed .plan-top{min-height:0;padding:25px 24px 14px}.plans-detailed .plan-top h3{font-size:24px}.plans-detailed .price{padding-left:24px}.plans-detailed .plan-business{grid-column:auto}.plans-detailed ul{padding-top:18px}.plan-conditions,.more-info-grid{grid-template-columns:1fr}.about-box,.contact-form{padding:24px}.cta{padding:34px 0}.cta h2{font-size:26px}.cta .btn{width:100%}.footer-inner{gap:14px}.floating-whatsapp{bottom:16px;right:16px;width:48px;height:48px}.footer-inner p{max-width:270px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}