/*
Theme Name: MAT Tecnologia Connect
Theme URI: https://www.mattecnologiaconnect.com
Author: MAT Tecnologia Ltda
Description: Tema institucional responsivo da MAT Tecnologia, com foco em integração, automação e atendimento inteligente.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: mat-tecnologia
*/
:root{--navy:#0e1930;--navy2:#14223c;--blue:#2479d5;--sky:#65c7ff;--ink:#142039;--muted:#52627a;--bg:#f5f8fc;--line:#dfe7f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--ink);background:white;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #69bdff;outline-offset:3px}.container{width:min(1160px,calc(100% - 44px));margin:auto}.site-header{background:var(--navy);color:white;position:sticky;top:0;z-index:20;box-shadow:0 8px 24px #08152a1c}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:.03em;font-size:24px;line-height:1}.brand-mark{width:42px;height:42px;border:2px solid var(--sky);border-radius:11px;display:grid;place-items:center;color:var(--sky);font-size:24px}.brand small{display:block;font-size:10px;letter-spacing:.22em;color:#9bd6ff;margin-top:6px}.nav{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.nav a{font-size:14px;font-weight:650;color:#dce9fa}.nav a:hover,.nav a[aria-current=page]{color:var(--sky)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:white;border-radius:10px;padding:14px 22px;font-weight:750;box-shadow:0 8px 24px #1569b333;transition:transform .2s,background .2s}.button:hover{background:#1267be;transform:translateY(-2px)}.button.alt{background:white;color:var(--navy)}.button.outline{background:transparent;color:var(--blue);border:1px solid #a4c9ee;box-shadow:none}.hero{background:radial-gradient(circle at 78% 30%,#1a4577 0,transparent 42%),linear-gradient(135deg,#0c172c,#152844);color:white;padding:110px 0 115px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#76c7ff;font-weight:800;font-size:12px}.hero h1{font-size:clamp(42px,5vw,69px);line-height:1.12;letter-spacing:-.04em;margin:16px 0 23px}.hero h1 em{font-style:normal;color:#7bceff}.hero p{font-size:18px;color:#d5e2f4;max-width:660px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.hero-panel{border:1px solid #5a8ec14f;background:#ffffff0b;border-radius:24px;padding:30px;box-shadow:0 25px 70px #0003}.hero-panel .symbol{font-size:42px;color:#85d3ff}.hero-panel h2{font-size:23px;margin:15px 0 8px}.hero-panel p{font-size:15px}.pill{display:inline-block;border:1px solid #7bb5e677;border-radius:30px;padding:7px 12px;font-size:12px;color:#bce4ff;margin:6px 4px 0 0}.section{padding:88px 0}.section.soft{background:var(--bg)}.section.dark{background:var(--navy);color:white}.section-heading{max-width:770px;margin-bottom:38px}.section-heading h2,.page-title{font-size:clamp(31px,3.4vw,46px);line-height:1.17;letter-spacing:-.035em;margin:12px 0 16px}.section-heading p{color:var(--muted);font-size:17px}.dark .section-heading p{color:#b7c8e0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:white;border:1px solid var(--line);border-radius:17px;padding:29px;box-shadow:0 8px 28px #12254c09}.card .number{font-size:13px;font-weight:850;color:var(--blue)}.card h3{font-size:21px;line-height:1.3;margin:17px 0 10px}.card p{color:var(--muted);margin:0}.feature{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.feature h2{font-size:clamp(30px,3vw,43px);line-height:1.2;letter-spacing:-.03em}.feature p{color:var(--muted)}.feature-art{min-height:360px;background:linear-gradient(135deg,#112344,#1e5d91);border-radius:22px;padding:40px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.feature-art:before{content:'';position:absolute;width:320px;height:320px;border:1px solid #a0ddff66;border-radius:50%;box-shadow:0 0 0 45px #83caff11,0 0 0 100px #83caff0a}.diagram{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.diagram div{padding:20px 12px;text-align:center;background:#ffffff16;border:1px solid #8ad0ff88;color:white;border-radius:12px;font-weight:700;font-size:14px;backdrop-filter:blur(5px)}.cta{background:linear-gradient(110deg,#17335b,#205e95);color:white;padding:70px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:clamp(28px,3vw,42px);margin:0 0 8px;line-height:1.2}.cta p{color:#d4e7f8;margin:0}.site-footer{background:#0b1425;color:#c0d0e4;padding:52px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:36px}.site-footer h3{color:white;margin:0 0 15px}.site-footer p,.site-footer a{font-size:14px}.site-footer a:hover{color:#7acfff}.footer-bottom{border-top:1px solid #ffffff24;margin-top:35px;padding-top:22px;font-size:13px;color:#91a6c3}.page-hero{background:linear-gradient(130deg,#101d34,#20466d);color:white;padding:70px 0}.page-hero p{max-width:740px;color:#d3e4f6}.content{max-width:850px;margin:0 auto;padding:65px 0 90px}.content h2{margin-top:38px;font-size:26px}.content p,.content li{color:#42536b}.contact-card{border:1px solid var(--line);background:var(--bg);border-radius:16px;padding:25px;margin:28px 0}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;color:black;padding:12px;z-index:50}.wp-block-image img{max-width:100%;height:auto}@media(max-width:850px){.header-inner{padding:18px 0;align-items:flex-start;flex-direction:column}.nav{gap:13px 18px}.hero{padding:70px 0}.hero-grid,.feature{grid-template-columns:1fr;gap:35px}.cards{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.cta-inner{align-items:flex-start;flex-direction:column}}@media(max-width:570px){.cards,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:41px}.section{padding:60px 0}.feature-art{min-height:280px;padding:20px}.nav a{font-size:13px}.container{width:min(100% - 32px,1160px)}}

/* MAT Tecnologia Connect: identidade visual */
.brand{flex-shrink:0;max-width:min(340px,100%)}
.brand-logo{display:block;width:clamp(185px,24vw,305px);height:auto;max-height:72px;object-fit:contain;object-position:left center}
@media(max-width:850px){.brand-logo{width:250px;max-height:68px}}
@media(max-width:570px){.brand-logo{width:min(240px,78vw);max-height:65px}}

/* v1.0.1: logo transparente para cabeçalho escuro */
.brand{max-width:min(380px,100%)}
.brand-logo{width:clamp(230px,29vw,370px);max-height:80px;height:auto;object-fit:contain;object-position:left center}
.hero-panel h2{margin-top:0}
@media(max-width:850px){.brand-logo{width:min(340px,85vw);max-height:74px}}
@media(max-width:570px){.brand-logo{width:min(290px,85vw);max-height:68px}}