:root { --navy-950:#03142b; --navy-900:#041d3c; --navy-800:#062d59; --blue:#087eea; --cyan:#20c8f3; --cyan-soft:#bff3ff; --mist:#f5f9ff; --white:#fff; --ink:#0b2345; --muted:#5d708c; --line:#dce9f8; --whatsapp:#25d366; --container:1200px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:92px; }
body { margin:0; color:var(--ink); background:#fff; font-family:"DM Sans",Arial,sans-serif; line-height:1.55; overflow-x:hidden; }
a { color:inherit; text-decoration:none; } button { font:inherit; } img { max-width:100%; display:block; }
.container { width:min(calc(100% - 48px),var(--container)); margin-inline:auto; position:relative; }
.skip-link { position:fixed; top:12px; left:12px; z-index:1000; padding:10px 16px; color:var(--ink); background:#fff; border-radius:8px; transform:translateY(-160%); transition:transform .2s; }.skip-link:focus { transform:translateY(0); outline:3px solid var(--cyan); }
.site-header { position:absolute; z-index:30; inset:0 0 auto; color:#fff; padding:22px 0; transition:background .2s,box-shadow .2s,padding .2s; }.site-header.scrolled { position:fixed; background:rgba(3,20,43,.94); backdrop-filter:blur(12px); padding:12px 0; box-shadow:0 8px 26px rgba(0,0,0,.2); }
.header-inner { min-height:46px; display:flex; align-items:center; justify-content:space-between; gap:22px; }.brand { display:inline-flex; align-items:center; gap:9px; flex-shrink:0; line-height:1; }.brand strong { display:block; letter-spacing:.07em; font:700 1.18rem/1 "Manrope",sans-serif; }.brand small { display:block; margin-top:4px; color:#b4c7df; font-size:.39rem; font-weight:600; line-height:1.15; letter-spacing:.02em; }
.brand-mark { width:29px; height:29px; position:relative; display:inline-block; border:2px solid var(--cyan); border-radius:50%; box-shadow:0 0 14px rgba(32,200,243,.35); }.brand-mark:after { content:""; position:absolute; inset:8px; border-radius:50%; background:var(--blue); }.brand-mark i { position:absolute; width:5px; height:5px; border-radius:50%; background:#fff; z-index:1; }.brand-mark i:nth-child(1){top:-4px;left:10px}.brand-mark i:nth-child(2){right:-4px;top:10px}.brand-mark i:nth-child(3){bottom:-4px;left:10px}.brand-mark i:nth-child(4){left:-4px;top:10px}
.primary-nav { display:flex; align-items:center; gap:19px; font-size:.7rem; font-weight:600; white-space:nowrap; }.primary-nav>a { color:#e6effb; transition:color .2s; }.primary-nav>a:hover { color:var(--cyan); }.nav-actions { display:flex; align-items:center; gap:8px; margin-left:4px; }.button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:47px; padding:0 20px; border:1px solid transparent; border-radius:10px; background:linear-gradient(135deg,#129dff,#1279ef); color:#fff; box-shadow:0 10px 22px rgba(0,129,241,.24); font-size:.82rem; font-weight:700; transition:transform .2s,box-shadow .2s,background .2s; }.button:hover { transform:translateY(-2px); box-shadow:0 14px 28px rgba(0,129,241,.34); }.button:focus-visible,.primary-nav a:focus-visible,.text-link:focus-visible,.menu-toggle:focus-visible,.site-footer a:focus-visible { outline:3px solid var(--cyan); outline-offset:3px; }.button-small { min-height:36px; padding:0 15px; font-size:.66rem; }.button-ghost { color:#fff; border-color:rgba(93,198,255,.65); background:transparent; box-shadow:none; }.button-ghost:hover { background:rgba(20,141,229,.13); }.button-outline-light { background:transparent; border-color:#1e9be8; box-shadow:none; }.play-icon { font-size:1rem; }
.menu-toggle { display:none; width:42px; height:42px; border:1px solid rgba(132,208,255,.6); border-radius:8px; background:transparent; padding:10px; }.menu-toggle span { display:block; width:100%; height:2px; background:#fff; margin:4px 0; transition:transform .2s,opacity .2s; }
.hero { min-height:720px; position:relative; overflow:hidden; color:#fff; isolation:isolate; background-color:#03142b; background-image:linear-gradient(90deg,rgba(1,12,28,.91) 0%,rgba(1,15,33,.76) 29%,rgba(1,18,39,.22) 55%,rgba(1,17,37,.12) 100%),linear-gradient(0deg,rgba(1,12,28,.74) 0%,transparent 34%),url("../referencias/cora.png"); background-size:cover; background-position:center center; background-repeat:no-repeat; }.hero:before { content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse 48% 65% at 72% 38%,rgba(10,121,211,.22),transparent 70%),linear-gradient(130deg,rgba(0,63,120,.12),transparent 48%); pointer-events:none; }.hero:after { content:""; position:absolute; inset:auto 0 0; height:185px; background:linear-gradient(transparent,rgba(3,20,43,.78) 100%); pointer-events:none; }.hero-noise { position:absolute; inset:0; opacity:.12; background-image:radial-gradient(#67ddff 1px,transparent 1.5px),radial-gradient(#fff 1px,transparent 1.5px); background-size:41px 41px,79px 79px; background-position:4px 18px,31px 45px; mask-image:linear-gradient(90deg,transparent,black 25%,black 83%,transparent); }.hero-glow { position:absolute; width:760px; height:690px; left:48%; top:0; border-radius:50%; background:radial-gradient(ellipse,rgba(19,156,244,.15) 0,transparent 70%); filter:blur(12px); }.hero-grid { min-height:720px; display:grid; grid-template-columns:minmax(360px,.89fr) 1.15fr; align-items:center; padding-top:75px; }.hero-copy { z-index:4; padding:60px 0 32px; }.eyebrow { margin:0 0 12px; color:var(--blue); font-size:.68rem; font-weight:800; letter-spacing:.075em; text-transform:uppercase; }.eyebrow-light { color:var(--cyan); }.hero h1 { max-width:600px; margin:0; font:700 clamp(2.2rem,4vw,3.6rem)/1.1 "Manrope",sans-serif; letter-spacing:-.045em; }.hero h1 em { color:var(--cyan); font-style:normal; }.hero-description { max-width:492px; margin:20px 0 24px; color:#e1ebf6; font-size:.94rem; }.hero-actions { display:flex; flex-wrap:wrap; gap:12px; }.hero-benefits { display:flex; gap:26px; padding:0; margin:31px 0 0; list-style:none; color:#e7f3ff; font-size:.69rem; line-height:1.18; }.hero-benefits li { display:flex; align-items:center; gap:8px; }.mini-icon { width:31px; height:31px; flex:none; filter:drop-shadow(0 0 9px rgba(32,200,243,.24)); }
.hero-visual { position:relative; height:100%; min-height:610px; z-index:2; }.chat-preview { position:absolute; z-index:4; width:190px; right:-2px; top:270px; padding:13px 13px 15px; border:1px solid rgba(25,185,248,.85); border-radius:13px; background:linear-gradient(145deg,rgba(3,29,57,.92),rgba(4,52,96,.8)); box-shadow:0 12px 36px rgba(0,0,0,.25); color:#e7f4ff; font-size:.67rem; }.chat-preview-head { display:flex; align-items:center; gap:7px; margin-bottom:11px; }.chat-preview-head b,.chat-preview-head small { display:block; }.chat-preview-head small { color:#61efad; font-size:.51rem; }.chat-avatar { display:grid; width:22px; height:22px; place-items:center; border-radius:50%; background:#0577da; color:#fff; }.chat-preview p { margin:0 0 7px; line-height:1.35; }.whatsapp-badge { position:absolute; right:-8px; bottom:-11px; display:grid; width:28px; height:28px; place-items:center; border:2px solid #fff; border-radius:50%; background:var(--whatsapp); color:#fff; font-size:1.2rem; }.hero-circuit { position:absolute; z-index:1; height:120px; width:42%; opacity:.52; background:repeating-linear-gradient(0deg,transparent 0 12px,rgba(28,191,248,.8) 13px 15px,transparent 16px 25px); mask-image:linear-gradient(90deg,transparent,black 18%,black 84%,transparent); }.hero-circuit:after { content:"•  •  •  •  •"; letter-spacing:20px; color:var(--cyan); position:absolute; font-size:23px; top:30px; left:15%; text-shadow:0 0 12px var(--cyan); }.hero-circuit-left { left:-3%; top:140px; transform:rotate(-1deg); }.hero-circuit-right { right:-2%; top:108px; transform:scaleX(-1) rotate(2deg); }
.section { padding:104px 0; }.split-layout { display:grid; grid-template-columns:.86fr 1.14fr; gap:70px; align-items:center; }.section-copy h2,.section-heading h2,.final-cta h2 { margin:0; font:700 clamp(2rem,3vw,2.8rem)/1.16 "Manrope",sans-serif; letter-spacing:-.045em; }.section-copy>p:not(.eyebrow) { max-width:505px; margin:19px 0 0; color:var(--muted); font-size:.97rem; }.text-link { display:inline-flex; align-items:center; gap:9px; margin-top:25px; padding-bottom:4px; border-bottom:1px solid currentColor; color:var(--blue); font-size:.82rem; font-weight:700; }.text-link span { font-size:1.05rem; transition:transform .2s; }.text-link:hover span { transform:translateX(4px); }
.intro { overflow:hidden; background:linear-gradient(180deg,#fff,#f7fbff); }.cora-orbit { height:455px; position:relative; max-width:600px; margin:auto; }.orbit-ring { position:absolute; border:1px solid rgba(8,126,234,.2); border-radius:50%; }.ring-one { inset:25px 42px; }.ring-two { inset:70px 88px; border-style:dashed; }.orbit-core { position:absolute; z-index:2; inset:calc(50% - 47px) auto auto calc(50% - 47px); width:94px; height:94px; display:grid; place-items:center; align-content:center; gap:5px; border-radius:50%; background:radial-gradient(circle at 30% 20%,#159df9,#004caa); box-shadow:0 13px 28px rgba(0,97,209,.3); color:#fff; font-size:.63rem; }.orbit-core .brand-mark { transform:scale(.7); }.orbit-card { position:absolute; z-index:3; min-width:150px; padding:12px 16px 12px 41px; border-radius:12px; background:#fff; box-shadow:0 10px 28px rgba(20,64,119,.12); color:#59708f; font-size:.65rem; line-height:1.25; }.orbit-card span { position:absolute; left:13px; top:13px; color:var(--blue); font-size:1.15rem; }.orbit-card b { color:var(--ink); font-weight:700; }.card-obligations{left:3%;top:45px}.card-normatives{right:0;top:45px}.card-updates{left:0;bottom:97px}.card-impact{right:-1%;bottom:97px}.card-whatsapp{left:50%;bottom:3px;transform:translateX(-50%)}.card-whatsapp span{color:var(--whatsapp)}
.intro-information-visual { width:min(100%,720px); margin:0 auto; }.intro-information-visual img { width:100%; height:auto; filter:drop-shadow(0 18px 24px rgba(16,57,111,.08)); }
.features { position:relative; overflow:hidden; background:radial-gradient(circle at 8% 30%,rgba(112,218,255,.19),transparent 22%),radial-gradient(circle at 92% 70%,rgba(21,124,244,.15),transparent 23%),linear-gradient(145deg,#f8fcff 0%,#edf6ff 47%,#f9fcff 100%); }.features:before { content:""; position:absolute; inset:0; opacity:.52; background-image:linear-gradient(rgba(18,130,235,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(18,130,235,.06) 1px,transparent 1px); background-size:44px 44px; mask-image:radial-gradient(circle at center,black,transparent 74%); pointer-events:none; }.features .container { z-index:1; }.section-heading { max-width:755px; margin:0 auto 45px; }.centered { text-align:center; }.section-heading>p:not(.eyebrow) { max-width:590px; margin:16px auto 0; color:var(--muted); }.feature-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:16px; }.feature-card { position:relative; min-height:286px; overflow:hidden; padding:31px 19px 26px; border:1px solid rgba(115,193,255,.42); border-radius:22px; background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(244,250,255,.82)); box-shadow:0 10px 24px rgba(32,86,146,.09),inset 0 1px rgba(255,255,255,.9); text-align:center; isolation:isolate; transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s,border-color .32s; animation:feature-rise .65s both; }.feature-card:before { content:""; position:absolute; z-index:-1; width:130px; height:130px; top:-76px; left:50%; border-radius:50%; transform:translateX(-50%); background:radial-gradient(circle,rgba(51,193,255,.25),transparent 70%); transition:transform .35s,opacity .35s; }.feature-card:after { content:""; position:absolute; bottom:0; left:18%; width:64%; height:3px; border-radius:5px 5px 0 0; background:linear-gradient(90deg,transparent,var(--cyan),transparent); opacity:.48; transition:width .35s,opacity .35s; }.feature-card:nth-child(2){animation-delay:.08s}.feature-card:nth-child(3){animation-delay:.16s}.feature-card:nth-child(4){animation-delay:.24s}.feature-card:nth-child(5){animation-delay:.32s}.feature-card:hover { transform:translateY(-11px); border-color:rgba(26,164,245,.8); box-shadow:0 25px 40px rgba(20,93,159,.18),0 3px 0 rgba(12,146,239,.12); }.feature-card:hover:before { transform:translateX(-50%) scale(1.4); }.feature-card:hover:after { width:82%; left:9%; opacity:1; }.feature-icon { display:grid; width:78px; height:78px; margin:0 auto 22px; place-items:center; border:1px solid rgba(75,189,255,.5); border-radius:24px; background:linear-gradient(145deg,#fff,#e1f4ff); box-shadow:0 11px 20px rgba(15,121,211,.14),inset 0 1px #fff; transition:transform .35s,box-shadow .35s; }.feature-icon img { width:61px; height:61px; object-fit:contain; }.feature-card:hover .feature-icon { transform:translateY(-4px) rotate(-4deg); box-shadow:0 15px 25px rgba(15,121,211,.22),inset 0 1px #fff; }.feature-card h3 { margin:0; color:#092752; font:700 1rem/1.25 "Manrope",sans-serif; letter-spacing:-.025em; }.feature-card p { margin:13px 0 0; color:#637896; font-size:.78rem; line-height:1.56; }.feature-accent { position:absolute; top:14px; right:16px; color:rgba(4,93,180,.22); font:800 .68rem "Manrope",sans-serif; letter-spacing:.08em; }.feature-card-whatsapp { background:linear-gradient(150deg,#fff 0%,#f0fff7 100%); border-color:rgba(80,209,131,.43); }.feature-card-whatsapp:before { background:radial-gradient(circle,rgba(37,211,102,.24),transparent 70%); }.feature-card-whatsapp:after { background:linear-gradient(90deg,transparent,#25d366,transparent); }.feature-card-whatsapp .feature-icon { border-color:rgba(36,191,99,.28); background:linear-gradient(145deg,#fff,#e9fff0); }.feature-card-whatsapp .feature-icon img { width:52px; height:52px; filter:drop-shadow(0 5px 6px rgba(23,161,73,.22)); }.feature-card-whatsapp:hover { border-color:rgba(37,211,102,.75); box-shadow:0 25px 40px rgba(20,132,74,.16),0 3px 0 rgba(37,211,102,.12); } @keyframes feature-rise { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
.process { position:relative; overflow:hidden; padding:112px 0 108px; background:radial-gradient(ellipse 40% 43% at 50% 24%,rgba(27,191,249,.13),transparent 70%),linear-gradient(180deg,#fff 0%,#f6faff 100%); }.process:before { content:""; position:absolute; inset:120px 0 0; opacity:.62; background-image:url("data:image/svg+xml,%3Csvg width='1440' height='480' viewBox='0 0 1440 480' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%230A9BE8' stroke-opacity='.2' stroke-width='1.5'%3E%3Cpath d='M0 302H122l42-42h170l36 36h164'/%3E%3Cpath d='M1440 158h-154l-42 42h-148l-42 42H896'/%3E%3Cpath d='M36 124h108l50 50h154l38 38h174'/%3E%3Cpath d='M1404 346h-112l-54-54h-152l-40-40H884'/%3E%3Cpath d='M218 452v-54l42-42h110'/%3E%3Cpath d='M1222 28v68l-40 40h-104'/%3E%3C/g%3E%3Cg fill='%2320C8F3'%3E%3Ccircle cx='122' cy='302' r='4'/%3E%3Ccircle cx='164' cy='260' r='4'/%3E%3Ccircle cx='370' cy='296' r='3.5'/%3E%3Ccircle cx='1286' cy='158' r='4'/%3E%3Ccircle cx='1244' cy='200' r='4'/%3E%3Ccircle cx='1096' cy='242' r='3.5'/%3E%3Ccircle cx='144' cy='174' r='4'/%3E%3Ccircle cx='194' cy='174' r='4'/%3E%3Ccircle cx='1238' cy='292' r='4'/%3E%3Ccircle cx='1086' cy='292' r='3.5'/%3E%3C/g%3E%3C/svg%3E"); background-position:center 20px; background-repeat:no-repeat; background-size:cover; pointer-events:none; }.process .container { z-index:1; }.process .section-heading { margin-bottom:58px; }.process-list { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:19px; padding:0; margin:5px 0 0; list-style:none; }.process-list:before { content:""; position:absolute; z-index:0; left:10.5%; right:10.5%; top:42px; height:2px; border-radius:2px; background:linear-gradient(90deg,rgba(22,164,244,.05),rgba(24,169,244,.75) 15%,rgba(41,209,255,.75) 85%,rgba(22,164,244,.05)); box-shadow:0 0 9px rgba(27,184,250,.28); }.process-list:after { content:""; position:absolute; z-index:1; left:10.5%; top:39px; width:13px; height:8px; border-radius:50%; background:#d6f8ff; box-shadow:0 0 12px 4px #30d5ff; animation:timeline-travel 5.6s ease-in-out infinite; }.process-list li { position:relative; z-index:2; min-height:202px; padding:0 14px 22px; border:1px solid transparent; border-radius:20px; text-align:center; transition:transform .3s,border-color .3s,box-shadow .3s,background .3s; }.process-list li:hover { transform:translateY(-7px); border-color:rgba(124,207,255,.45); background:rgba(255,255,255,.72); box-shadow:0 18px 30px rgba(23,90,150,.1); }.step-number { position:relative; display:grid; width:84px; height:84px; margin:0 auto 20px; place-items:center; border:1px solid rgba(99,213,255,.78); border-radius:27px; background:linear-gradient(145deg,#fff,#e4f7ff); box-shadow:0 12px 23px rgba(9,127,234,.16),inset 0 1px #fff; color:#087eea; font:800 1.1rem "Manrope",sans-serif; letter-spacing:.025em; transition:transform .3s,box-shadow .3s; }.step-number:before { content:""; position:absolute; inset:8px; border:1px solid rgba(20,191,243,.34); border-radius:20px; }.process-list li:hover .step-number { transform:translateY(-4px) rotate(-3deg); box-shadow:0 18px 28px rgba(9,127,234,.23),inset 0 1px #fff; }.whatsapp-step { border-color:rgba(50,202,123,.5); color:#159d53; background:linear-gradient(145deg,#fff,#ebfff1); }.whatsapp-step:before { border-color:rgba(37,211,102,.32); }.step-label { display:block; margin-bottom:7px; color:#1689e9; font-size:.61rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.process-list h3 { margin:0; color:#0a2852; font:700 1.08rem/1.2 "Manrope",sans-serif; letter-spacing:-.03em; }.process-list p { max-width:217px; margin:10px auto 0; color:#5d7391; font-size:.8rem; line-height:1.55; }.process-list li:nth-child(2) .step-label { color:#0a9be8; }.process-list li:nth-child(3) .step-label { color:#197dce; }.process-list li:nth-child(4) .step-label { color:#169656; } @keyframes timeline-travel { 0%,8% { left:10.5%; opacity:0; } 14% { opacity:1; } 83% { left:88%; opacity:1; } 94%,100% { left:89.5%; opacity:0; } }
.conversation { padding-top:74px; background:linear-gradient(150deg,#f2f8ff,#fff); }.conversation-layout { grid-template-columns:.88fr 1.12fr; }.conversation-visual { width:min(100%,355px); margin:0 auto; filter:drop-shadow(20px 22px 28px rgba(7,36,65,.2)); }.conversation-visual img { width:100%; height:auto; }
.note { padding-left:14px; border-left:2px solid var(--cyan); font-size:.8rem!important; font-style:italic; }.conversation .button { margin-top:25px; }
.sta-section { position:relative; overflow:hidden; padding:80px 0; color:#fff; background:radial-gradient(circle at 86% 48%,#075eae,transparent 22%),linear-gradient(115deg,#02162d,#06335f); }.sta-layout { display:grid; grid-template-columns:.78fr 1.07fr .45fr; gap:38px; align-items:center; }.sta-circuits { position:absolute; inset:0; opacity:.3; background:linear-gradient(100deg,transparent 49%,rgba(32,200,243,.8) 49.1% 49.25%,transparent 49.4%),repeating-linear-gradient(0deg,transparent 0 21px,rgba(19,146,232,.55) 22px 23px,transparent 24px 43px); mask-image:linear-gradient(90deg,transparent 5%,#000 60%,transparent); }.sta-flow { position:relative; z-index:2; display:flex; align-items:center; justify-content:center; gap:9px; }.flow-node { position:relative; display:grid; width:116px; height:116px; min-height:0; place-items:center; align-content:center; padding:8px; border:1px solid rgba(82,211,255,.67); border-radius:50%; background:radial-gradient(circle at 34% 24%,rgba(78,209,255,.28),transparent 36%),linear-gradient(155deg,rgba(10,79,137,.97),rgba(2,39,78,.94)); box-shadow:0 13px 25px rgba(0,0,0,.23),inset 0 1px rgba(213,250,255,.22),0 0 0 7px rgba(17,163,239,.08); text-align:center; animation:flow-node-pulse 3.4s ease-in-out infinite; }.flow-node:before { content:""; position:absolute; inset:6px; border:1px solid rgba(100,224,255,.25); border-radius:50%; }.flow-icon { position:relative; z-index:1; display:grid; width:54px; height:54px; margin-bottom:1px; place-items:center; border-radius:50%; background:radial-gradient(circle at 30% 25%,rgba(96,225,255,.3),transparent 55%),#073e78; box-shadow:0 7px 13px rgba(0,0,0,.2); }.flow-icon img { width:50px; height:50px; object-fit:contain; }.flow-node small,.flow-node em { position:relative; z-index:1; display:block; font-style:normal; }.flow-node small { color:#fff; font-size:.61rem; font-weight:800; letter-spacing:.015em; }.flow-node em { margin-top:0; color:#aee7ff; font-size:.45rem; font-weight:600; }.flow-node i { position:relative; width:20px; height:2px; border-radius:3px; background:linear-gradient(90deg,#35cafa,#c2f8ff); box-shadow:0 0 10px rgba(53,202,250,.68); }.flow-node i:after { content:""; position:absolute; top:50%; right:-2px; width:5px; height:5px; border-radius:50%; background:#c7f8ff; transform:translateY(-50%); box-shadow:0 0 9px #35cafa; }.cora-node { border-color:rgba(93,224,255,.9); background:radial-gradient(circle at 34% 24%,rgba(112,235,255,.35),transparent 36%),linear-gradient(155deg,rgba(10,114,201,.97),rgba(2,54,127,.96)); animation-delay:.45s; }.cora-node .flow-icon { background:#056ecb; }.whatsapp-node { border-color:rgba(100,231,147,.75); background:radial-gradient(circle at 34% 24%,rgba(105,235,151,.28),transparent 36%),linear-gradient(155deg,rgba(18,115,71,.97),rgba(5,68,48,.95)); animation-delay:.9s; }.whatsapp-node .flow-icon { background:#fff; }.whatsapp-node .flow-icon img { width:45px; height:45px; }.whatsapp-node em { color:#c1f8d4; }.section-copy-light>p:not(.eyebrow) { color:#cbdcee; }.section-copy-light h2 { max-width:620px; font-size:clamp(1.8rem,2.8vw,2.55rem); }.check-list { padding:0; margin:20px 0 23px; list-style:none; color:#d1e7f8; font-size:.76rem; }.check-list li { margin:7px 0; }.check-list li:before { content:"✓"; margin-right:8px; color:#2ecdf7; font-weight:bold; }.security-orb { display:grid; width:190px; aspect-ratio:1; place-items:center; border:2px solid #128add; border-radius:50%; background:radial-gradient(circle,rgba(29,160,236,.35),rgba(0,86,160,.05) 54%,transparent 55%); box-shadow:0 0 0 18px rgba(8,115,202,.08),0 0 0 42px rgba(8,115,202,.07); color:#fff; font-size:4rem; } @keyframes flow-node-pulse { 0%,100% { transform:translateY(0); box-shadow:0 13px 25px rgba(0,0,0,.23),inset 0 1px rgba(213,250,255,.22),0 0 0 7px rgba(17,163,239,.08); } 50% { transform:translateY(-4px); box-shadow:0 18px 28px rgba(0,0,0,.27),inset 0 1px rgba(213,250,255,.26),0 0 0 11px rgba(17,163,239,.12); } }
.security { position:relative; overflow:hidden; background:radial-gradient(circle at 7% 77%,rgba(60,202,255,.13),transparent 23%),radial-gradient(circle at 95% 22%,rgba(12,127,237,.1),transparent 23%),linear-gradient(160deg,#fff,#f6faff); }.security:before { content:""; position:absolute; inset:0; opacity:.35; background-image:linear-gradient(90deg,rgba(20,144,234,.06) 1px,transparent 1px),linear-gradient(rgba(20,144,234,.06) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(90deg,transparent,black 25% 75%,transparent); pointer-events:none; }.security .container { z-index:1; }.trust-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }.trust-grid article { position:relative; min-height:245px; overflow:hidden; padding:31px 30px 28px; border:1px solid rgba(129,203,255,.48); border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,248,255,.75)); box-shadow:0 10px 23px rgba(18,80,139,.08),inset 0 1px #fff; transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s,border-color .32s; }.trust-grid article:before { content:""; position:absolute; width:150px; height:150px; top:-78px; right:-58px; border-radius:50%; background:radial-gradient(circle,rgba(37,191,246,.2),transparent 68%); transition:transform .35s; }.trust-grid article:after { content:""; position:absolute; left:30px; bottom:0; width:58px; height:3px; border-radius:4px 4px 0 0; background:linear-gradient(90deg,var(--blue),var(--cyan)); transition:width .35s; }.trust-grid article:hover { transform:translateY(-10px); border-color:rgba(29,167,241,.83); box-shadow:0 25px 39px rgba(15,88,152,.17),0 3px 0 rgba(12,143,235,.12); }.trust-grid article:hover:before { transform:scale(1.42); }.trust-grid article:hover:after { width:calc(100% - 60px); }.trust-icon { position:relative; z-index:1; display:grid; width:78px; height:78px; place-items:center; border:1px solid rgba(89,204,255,.48); border-radius:23px; background:linear-gradient(145deg,#fff,#ddf4ff); box-shadow:0 10px 18px rgba(11,120,205,.13),inset 0 1px #fff; transition:transform .32s,box-shadow .32s; }.trust-icon img { width:64px; height:64px; }.trust-grid article:hover .trust-icon { transform:translateY(-5px) rotate(-4deg); box-shadow:0 16px 25px rgba(11,120,205,.2),inset 0 1px #fff; }.trust-number { position:absolute; z-index:1; top:23px; right:27px; color:rgba(5,88,174,.2); font:800 .74rem "Manrope",sans-serif; letter-spacing:.1em; }.trust-grid h3 { position:relative; z-index:1; margin:22px 0 9px; color:#082650; font:700 1.22rem/1.2 "Manrope",sans-serif; letter-spacing:-.035em; }.trust-grid p { position:relative; z-index:1; max-width:300px; margin:0; color:#58708f; font-size:.84rem; line-height:1.62; }.benefits { padding:86px 0 114px; background:radial-gradient(circle at 11% 42%,rgba(43,194,249,.14),transparent 20%),radial-gradient(circle at 89% 68%,rgba(12,128,237,.12),transparent 21%),linear-gradient(145deg,#f5faff,#edf6ff); }.benefits .section-heading { margin-bottom:38px; }.benefit-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; }.benefit-grid>div { position:relative; display:flex; min-height:165px; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:21px 13px; border:1px solid rgba(140,207,255,.45); border-radius:18px; background:rgba(255,255,255,.66); box-shadow:0 8px 20px rgba(25,88,150,.07); text-align:center; transition:transform .28s,box-shadow .28s,border-color .28s; }.benefit-grid>div:hover { transform:translateY(-6px); border-color:rgba(28,164,241,.76); box-shadow:0 18px 29px rgba(16,85,150,.14); }.benefit-icon { display:grid; width:58px; height:58px; margin-bottom:8px; place-items:center; border:1px solid rgba(100,211,255,.5); border-radius:18px; background:linear-gradient(145deg,#fff,#e1f5ff); box-shadow:0 8px 15px rgba(10,116,204,.12); transition:transform .3s; }.benefit-icon img { width:49px; height:49px; }.benefit-grid>div:hover .benefit-icon { transform:translateY(-3px) rotate(-3deg); }.benefit-grid p { margin:0; color:#5d7593; font-size:.74rem; font-weight:600; line-height:1.25; }.benefit-grid b { color:#092956; font:700 .88rem/1.25 "Manrope",sans-serif; letter-spacing:-.02em; }.benefit-whatsapp { border-color:rgba(94,211,141,.46)!important; background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(238,255,244,.77))!important; }.benefit-whatsapp .benefit-icon { border-color:rgba(59,201,112,.35); background:#effff4; }
.final-cta { position:relative; overflow:hidden; margin:54px auto 0; width:min(calc(100% - 48px),1140px); padding:37px 0; border-radius:22px; color:#fff; background:radial-gradient(circle at 12% 50%,rgba(20,145,235,.35),transparent 20%),linear-gradient(110deg,#062444,#063b6e); }.final-cta:before { content:""; position:absolute; inset:0; opacity:.3; background:repeating-linear-gradient(0deg,transparent 0 14px,rgba(31,194,244,.5) 15px 16px,transparent 17px 31px); mask-image:linear-gradient(90deg,#000,transparent 32%,transparent 65%,#000); }.final-cta-inner { position:relative; display:grid; grid-template-columns:82px 1fr auto; gap:22px; align-items:center; }.final-whatsapp { display:grid; width:67px; height:67px; place-items:center; overflow:hidden; border-radius:50%; background:#fff; border:4px solid #dffff0; box-shadow:0 0 0 7px rgba(29,209,100,.18); }.final-whatsapp img { width:100%; height:100%; object-fit:contain; }.final-cta h2 { max-width:570px; font-size:clamp(1.5rem,2.5vw,2.2rem); }.final-cta p { margin:4px 0 0; color:#c9ddec; font-size:.82rem; }.final-actions { display:flex; flex-direction:column; align-items:flex-start; gap:12px; }.light-link { margin:0; color:#80d8ff; }
.site-footer { padding:58px 0 20px; margin-top:50px; color:#d4e0ed; background:var(--navy-950); }.footer-grid { display:grid; grid-template-columns:1.7fr repeat(3,.8fr); gap:50px; }.footer-brand p { max-width:230px; margin:20px 0 0; color:#9eb2c9; font-size:.72rem; }.site-footer h3 { margin:4px 0 15px; color:#fff; font:700 .8rem "Manrope",sans-serif; }.site-footer a:not(.brand) { display:block; margin:8px 0; color:#afc1d2; font-size:.72rem; }.site-footer a:not(.brand):hover { color:var(--cyan); }.footer-bottom { margin-top:43px; padding-top:17px; border-top:1px solid rgba(161,198,230,.16); color:#7890aa; text-align:center; font-size:.66rem; }
@media (max-width:1120px) { .primary-nav { gap:12px; font-size:.63rem; }.hero-grid { grid-template-columns:.9fr 1.05fr; }.feature-grid { grid-template-columns:repeat(3,1fr); }.feature-card:nth-child(4) { grid-column:1/3; }.feature-card:nth-child(5) { grid-column:3; }.sta-layout { grid-template-columns:.8fr 1fr; }.security-orb { display:none; } }
@media (max-width:850px) { .container { width:min(calc(100% - 36px),var(--container)); }.site-header { padding:15px 0; }.site-header.scrolled { padding:10px 0; }.menu-toggle { display:block; z-index:32; }.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-6px) rotate(-45deg)}.primary-nav { position:absolute; top:56px; right:18px; left:18px; display:none; align-items:stretch; gap:0; padding:13px; border:1px solid rgba(72,173,231,.4); border-radius:12px; background:#052448; box-shadow:0 14px 35px rgba(0,0,0,.25); }.primary-nav.open { display:flex; flex-direction:column; }.primary-nav>a { padding:10px; }.nav-actions { margin:8px 0 0; padding-top:13px; border-top:1px solid rgba(255,255,255,.12); }.hero { min-height:760px; background-position:59% center; }.hero-grid { min-height:760px; grid-template-columns:1fr; padding-top:79px; }.hero-copy { padding:55px 0 12px; }.hero h1 { max-width:590px; }.hero-visual { min-height:300px; }.chat-preview { top:37px; right:2%; }.hero-circuit-left { top:145px; }.hero-circuit-right { display:none; }.split-layout,.conversation-layout { grid-template-columns:1fr; gap:45px; }.section-copy { max-width:670px; }.intro-information-visual { width:min(100%,700px); order:-1; }.intro .section-copy { order:0; }.process-list { grid-template-columns:repeat(2,1fr); row-gap:38px; }.process-list:before,.process-list:after { display:none; }.sta-layout { grid-template-columns:1fr; }.sta-flow { justify-content:flex-start; }.footer-grid { grid-template-columns:1.3fr repeat(3,.8fr); gap:25px; }.final-cta-inner { grid-template-columns:68px 1fr; }.final-actions { grid-column:2; align-items:flex-start; } }
@media (max-width:600px) { html { scroll-padding-top:66px; }.container { width:min(calc(100% - 32px),var(--container)); }.brand strong { font-size:1rem; }.hero { min-height:785px; background-position:57% center; }.hero-grid { min-height:785px; grid-template-columns:1fr; }.hero-copy { padding-top:43px; }.hero h1 { font-size:clamp(2.05rem,9.2vw,2.6rem); }.hero-description { font-size:.86rem; }.hero-actions { gap:9px; }.button { min-height:44px; padding:0 15px; font-size:.73rem; }.hero-benefits { gap:13px; font-size:.59rem; }.mini-icon { width:27px; height:27px; }.hero-visual { min-height:329px; }.chat-preview { width:168px; top:15px; right:0; font-size:.59rem; }.hero-circuit-left { top:137px; width:80%; }.section { padding:72px 0; }.section-copy h2,.section-heading h2 { font-size:clamp(1.72rem,7.4vw,2.2rem); }.intro-information-visual { width:calc(100% + 24px); margin-left:-12px; }.feature-grid { grid-template-columns:1fr; }.feature-card,.feature-card:nth-child(4),.feature-card:nth-child(5) { grid-column:auto; min-height:0; padding:25px 20px; }.feature-card p { font-size:.75rem; }.process-list { grid-template-columns:1fr; gap:24px; }.process-list li { display:grid; grid-template-columns:59px 1fr; gap:16px; text-align:left; align-items:center; }.step-number { margin:0; }.process-list p { margin:6px 0 0; max-width:none; }.conversation-layout { gap:36px; }.conversation-visual { width:min(100%,320px); }.sta-section { padding:62px 0; }.sta-flow { justify-content:center; gap:4px; }.flow-node { width:82px; min-height:106px; padding:6px 3px; border-radius:21px; }.flow-icon { width:48px; height:48px; margin-bottom:2px; border-radius:16px; }.flow-icon img { width:44px; height:44px; }.whatsapp-node .flow-icon img { width:39px; height:39px; }.flow-node small { font-size:.54rem; }.flow-node em { font-size:.43rem; }.flow-node i { width:10px; }.trust-grid { grid-template-columns:1fr; gap:12px; }.trust-grid article { padding:23px; }.benefit-grid { grid-template-columns:1fr 1fr; }.benefit-grid>div { justify-content:flex-start; border-right:0; border-bottom:1px solid #d5e4f3; }.benefit-grid>div:last-child { border-bottom:0; }.final-cta { width:calc(100% - 32px); padding:30px 0; }.final-cta-inner { grid-template-columns:55px 1fr; gap:12px; }.final-whatsapp { width:50px; height:50px; font-size:2.15rem; border-width:3px; }.final-cta p { font-size:.73rem; }.final-actions { grid-column:1/-1; margin-top:8px; }.footer-grid { grid-template-columns:1fr 1fr; gap:28px 20px; }.footer-brand { grid-column:1/-1; }.footer-brand p { max-width:300px; }.site-footer { margin-top:35px; } }
@media (prefers-reduced-motion:reduce) { *,*:before,*:after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important; } }
.sta-reference-visual { position:relative; z-index:2; width:clamp(190px,19vw,275px); margin:0; justify-self:end; filter:drop-shadow(0 16px 24px rgba(0,0,0,.3)); }.sta-reference-visual img { width:100%; height:auto; }
@media (max-width:1120px) { .sta-reference-visual { display:none; } }
@media (max-width:600px) { .flow-node { width:82px; height:82px; min-height:82px; padding:4px; border-radius:50%; }.flow-node:before { inset:4px; border-radius:50%; }.flow-icon { width:40px; height:40px; }.flow-icon img { width:37px; height:37px; }.whatsapp-node .flow-icon img { width:33px; height:33px; }.flow-node small { font-size:.49rem; }.flow-node em { font-size:.37rem; }.flow-node i { width:9px; } }

/* Composição principal da integração STA: conteúdo à esquerda, ilustração à direita. */
.sta-section { background:radial-gradient(ellipse 48% 82% at 79% 49%,rgba(7,119,216,.48),transparent 68%),radial-gradient(circle at 87% 42%,rgba(18,197,252,.22),transparent 23%),linear-gradient(112deg,#020e20 0%,#031b38 42%,#062e5d 72%,#03172e 100%); }.sta-layout { grid-template-columns:minmax(0,.92fr) minmax(340px,.8fr); gap:clamp(34px,6vw,92px); }.sta-copy { max-width:620px; }.sta-reference-visual { position:relative; width:clamp(330px,34vw,510px); justify-self:center; filter:drop-shadow(0 22px 30px rgba(0,0,0,.18)); }.sta-reference-visual:before { content:""; position:absolute; z-index:-1; inset:8% 4%; border-radius:50%; background:radial-gradient(circle,rgba(15,179,248,.35),rgba(4,104,204,.15) 43%,transparent 72%); filter:blur(22px); }.sta-reference-visual img { display:block; width:100%; mix-blend-mode:screen; animation:sta-visual-float 5.5s ease-in-out infinite; } @keyframes sta-visual-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } }
@media (max-width:1120px) { .sta-layout { grid-template-columns:1fr 1fr; gap:36px; }.sta-reference-visual { display:block; width:min(100%,400px); } }
@media (max-width:760px) { .sta-layout { grid-template-columns:1fr; gap:34px; }.sta-copy { max-width:640px; }.sta-reference-visual { width:min(100%,410px); order:-1; } }
@media (max-width:600px) { .sta-reference-visual { width:min(100%,330px); } }

/* A Hero separa o fundo navy da arte para preservar o enquadramento da CORA. */
.hero { background:#001426; }
.hero-art { position:absolute; z-index:0; inset:0; overflow:hidden; pointer-events:none; }
.hero-cora { position:absolute; top:4%; right:-28px; bottom:4%; width:auto; height:92%; max-width:none; object-fit:contain; -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 8%,#000 91%,transparent 100%); -webkit-mask-composite:source-in; mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 8%,#000 91%,transparent 100%); mask-composite:intersect; }
.hero-cora-fallback { display:none; }
.hero-art:before,.hero-art:after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; }
.hero-art:before { background:linear-gradient(90deg,#001426 0%,#001426 30%,rgba(0,20,38,.95) 38%,rgba(0,20,38,.55) 49%,transparent 62%); }
.hero-art:after { background:linear-gradient(90deg,transparent 0%,transparent 91%,rgba(0,20,38,.32) 97%,#001426 100%),linear-gradient(180deg,#001426 0%,rgba(0,20,38,.35) 6%,transparent 14%,transparent 86%,rgba(0,20,38,.35) 94%,#001426 100%); }
.hero-grid { position:relative; z-index:4; }
.hero-noise,.hero-glow { z-index:1; }
@media (max-width:850px) { .hero { background:#001426; }.hero-cora { top:7%; right:-14px; bottom:7%; height:86%; } }
@media (max-width:600px) { .hero-cora { top:9%; right:auto; bottom:9%; left:18%; height:82%; opacity:.92; } }
@media (prefers-reduced-motion:reduce) { .hero-video { display:none; }.hero-cora-fallback { display:block; } }

@media (min-width:851px) { .hero-grid { grid-template-columns:minmax(400px,1fr) 1.04fr; }.hero h1 { max-width:660px; }.hero-description { max-width:545px; } }

/* Navegação premium: estados sutis, ativos e glass ao rolar. */
.site-header { position:fixed; z-index:100; transition:background .25s ease,backdrop-filter .25s ease,box-shadow .25s ease,padding .25s ease,border-color .25s ease; }
.site-header:after { content:""; position:absolute; right:0; bottom:0; left:0; height:1px; opacity:0; background:linear-gradient(90deg,transparent,rgba(0,183,255,.45),transparent); transition:opacity .25s ease; pointer-events:none; }
.site-header.scrolled { background:rgba(0,17,32,.82); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); border-bottom:1px solid rgba(0,183,255,.1); box-shadow:0 8px 30px rgba(0,0,0,.18); }.site-header.scrolled:after { opacity:1; }
.primary-nav { gap:clamp(13px,1.45vw,25px); }.primary-nav>a { position:relative; padding:7px 6px 9px; border-radius:8px; color:rgba(239,248,255,.9); transition:color .25s ease,background .25s ease,text-shadow .25s ease; }.primary-nav>a:after { content:""; position:absolute; left:50%; bottom:2px; width:0; height:2px; border-radius:999px; background:var(--cyan); box-shadow:0 0 9px rgba(32,200,243,.5); transform:translateX(-50%); transition:width .25s ease; }.primary-nav>a:hover,.primary-nav>a.is-active { color:var(--cyan); background:rgba(0,174,255,.06); text-shadow:0 0 12px rgba(0,183,255,.32); }.primary-nav>a:hover:after,.primary-nav>a.is-active:after { width:70%; }.nav-actions { gap:10px; margin-left:7px; }.nav-actions .button-ghost { border-color:rgba(103,211,255,.65); transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease; }.nav-actions .button-ghost:hover { border-color:rgba(137,226,255,.92); background:rgba(0,139,232,.18); box-shadow:0 7px 18px rgba(0,153,255,.16); transform:translateY(-1px); }.nav-actions .button:not(.button-ghost) { box-shadow:0 6px 16px rgba(0,129,241,.18); transition:transform .22s ease,background .22s ease,box-shadow .22s ease; }.nav-actions .button:not(.button-ghost):hover { background:linear-gradient(135deg,#2bb4ff,#1684f5); box-shadow:0 8px 24px rgba(0,145,255,.28),0 0 20px rgba(0,183,255,.12); transform:translateY(-2px); }.nav-actions .button:active { transform:translateY(0) scale(.98); }
@media (max-width:850px) { .primary-nav { background:rgba(0,22,47,.91); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }.primary-nav>a { padding:12px 11px; font-size:.78rem; }.primary-nav>a:after { bottom:6px; }.nav-actions { gap:10px; }.nav-actions .button { flex:1; }.site-header { position:fixed; } }

section[id] { scroll-margin-top:88px; }
.site-footer { height:auto; min-height:0; padding-bottom:20px; }

/* Modal local para o fluxo visual de credenciais do STA. */
body.sta-modal-open { overflow:hidden; }
.sta-modal { position:fixed; z-index:1000; inset:0; display:grid; place-items:center; padding:20px; opacity:0; transition:opacity .22s ease; }
.sta-modal[hidden] { display:none; }
.sta-modal.is-open { opacity:1; }
.sta-modal__backdrop { position:absolute; inset:0; background:rgba(0,8,18,.76); -webkit-backdrop-filter:blur(7px); backdrop-filter:blur(7px); }
.sta-modal__content { position:relative; z-index:1; width:min(480px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); overflow:auto; padding:35px; border:1px solid rgba(83,202,255,.4); border-radius:22px; background:radial-gradient(circle at 88% 6%,rgba(17,157,232,.2),transparent 31%),linear-gradient(145deg,#07294e,#03152d 72%); box-shadow:0 24px 68px rgba(0,0,0,.46),0 0 28px rgba(17,170,245,.12),inset 0 1px rgba(218,249,255,.1); color:#f5fbff; opacity:0; transform:translateY(10px) scale(.98); transition:opacity .22s ease,transform .22s ease; }
.sta-modal.is-open .sta-modal__content { opacity:1; transform:translateY(0) scale(1); }
.sta-modal__close { position:absolute; top:16px; right:16px; display:grid; width:34px; height:34px; place-items:center; padding:0; border:1px solid rgba(128,215,255,.32); border-radius:10px; background:rgba(3,24,48,.45); color:#d9f5ff; cursor:pointer; transition:background .2s,transform .2s,border-color .2s; }
.sta-modal__close:hover { border-color:var(--cyan); background:rgba(14,130,204,.2); transform:rotate(4deg); }
.sta-modal__close svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
.sta-modal__icon,.sta-modal__success-icon { display:grid; width:52px; height:52px; margin-bottom:18px; place-items:center; border:1px solid rgba(102,215,255,.58); border-radius:16px; background:linear-gradient(145deg,rgba(23,167,238,.33),rgba(8,78,143,.38)); box-shadow:0 10px 20px rgba(0,0,0,.18),0 0 18px rgba(25,199,247,.13); color:#9beeff; }
.sta-modal__icon svg { width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.sta-modal h2 { margin:0; font:700 clamp(1.55rem,4vw,1.9rem)/1.15 "Manrope",sans-serif; letter-spacing:-.04em; }
.sta-modal__description { max-width:370px; margin:11px 0 25px; color:#bed5e9; font-size:.9rem; }
.sta-form { display:grid; gap:17px; }
.sta-form__field { display:grid; gap:7px; }
.sta-form__field label { color:#eff9ff; font-size:.8rem; font-weight:700; }
.sta-form__input-wrap { position:relative; display:flex; align-items:center; }
.sta-form__field-icon { position:absolute; left:14px; width:19px; height:19px; fill:none; stroke:#75dafa; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }
.sta-form input { width:100%; min-height:50px; padding:0 46px 0 45px; border:1px solid rgba(121,203,248,.3); border-radius:11px; outline:none; background:rgba(0,15,34,.55); color:#f3fbff; font:500 .88rem "DM Sans",sans-serif; transition:border-color .2s,box-shadow .2s,background .2s; }
.sta-form select { width:100%; min-height:50px; padding:0 42px 0 15px; border:1px solid rgba(121,203,248,.3); border-radius:11px; outline:none; appearance:none; background:linear-gradient(45deg,transparent 50%,#8cddf7 50%) calc(100% - 19px) 22px/6px 6px no-repeat,linear-gradient(135deg,#8cddf7 50%,transparent 50%) calc(100% - 13px) 22px/6px 6px no-repeat,rgba(0,15,34,.55); color:#f3fbff; font:500 .88rem "DM Sans",sans-serif; transition:border-color .2s,box-shadow .2s,background .2s; }
.sta-form select:focus { border-color:var(--cyan); box-shadow:0 0 0 4px rgba(32,200,243,.12),0 0 17px rgba(32,200,243,.1); }
.sta-form select:disabled { cursor:not-allowed; opacity:.65; }
.sta-form__readonly { padding-left:15px!important; color:#a8dff1!important; cursor:default; }
.sta-form input::placeholder { color:#7f9bb5; }
.sta-form input:hover { border-color:rgba(126,215,255,.55); }
.sta-form input:focus { border-color:var(--cyan); background:rgba(0,25,53,.72); box-shadow:0 0 0 4px rgba(32,200,243,.12),0 0 17px rgba(32,200,243,.1); }
.sta-form__field.has-error input { border-color:#ff8d9a; box-shadow:0 0 0 3px rgba(255,94,112,.1); }
.sta-form__error { min-height:17px; margin:0; color:#ffb4bd; font-size:.72rem; line-height:1.25; }
.sta-form__password-toggle { position:absolute; right:8px; display:grid; width:34px; height:34px; place-items:center; padding:0; border:0; border-radius:8px; background:transparent; color:#9edff8; cursor:pointer; transition:background .2s,color .2s; }
.sta-form__password-toggle:hover { background:rgba(27,163,226,.16); color:#fff; }
.sta-form__password-toggle svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.sta-password-toggle__icon--hidden { display:none; }
.sta-form__password-toggle[aria-pressed="true"] .sta-password-toggle__icon--visible { display:none; }
.sta-form__password-toggle[aria-pressed="true"] .sta-password-toggle__icon--hidden { display:block; }
.sta-form__submit { width:100%; margin-top:3px; border:0; cursor:pointer; }
.sta-form__submit:disabled { cursor:wait; opacity:.78; transform:none; box-shadow:0 8px 18px rgba(0,129,241,.18); }
.sta-form__spinner { display:none; width:16px; height:16px; border:2px solid rgba(255,255,255,.38); border-top-color:#fff; border-radius:50%; animation:sta-spinner .7s linear infinite; }
.sta-form__submit.is-loading .sta-form__spinner { display:block; }
.sta-form__notice { display:flex; align-items:flex-start; gap:7px; margin:2px 0 0; color:#91b0c9; font-size:.7rem; line-height:1.45; }
.sta-form__notice svg { flex:none; width:15px; height:15px; margin-top:2px; fill:none; stroke:#79d8fa; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.sta-modal__success { padding:22px 8px 6px; text-align:center; }
.sta-modal__success-icon { width:66px; height:66px; margin:0 auto 22px; border-color:rgba(75,231,168,.6); border-radius:50%; background:radial-gradient(circle at 30% 20%,rgba(69,232,168,.42),rgba(16,128,113,.35)); color:#e4fff2; box-shadow:0 0 0 8px rgba(42,214,145,.08),0 0 22px rgba(53,228,158,.2); animation:sta-success-pop .35s cubic-bezier(.2,.9,.25,1.25) both; }
.sta-modal__success-icon svg { width:34px; height:34px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.sta-modal__success p { max-width:330px; margin:12px auto 25px; color:#bfd7e8; font-size:.9rem; }
.sta-modal__success .button { min-width:132px; border:0; cursor:pointer; }
.sta-modal__close:focus-visible,.sta-form input:focus-visible,.sta-form__password-toggle:focus-visible,.sta-modal__success .button:focus-visible { outline:3px solid var(--cyan); outline-offset:3px; }
@keyframes sta-spinner { to { transform:rotate(360deg); } }
@keyframes sta-success-pop { from { opacity:0; transform:scale(.65); } to { opacity:1; transform:scale(1); } }
@media (max-width:600px) { .sta-modal { padding:16px; }.sta-modal__content { width:100%; max-height:calc(100dvh - 32px); padding:30px 22px 24px; border-radius:18px; }.sta-modal__description { font-size:.84rem; }.sta-form input { min-height:48px; }.sta-modal__close { top:12px; right:12px; } }

/* Marca oficial usada no cabeçalho e no rodapé. */
.brand-logo { display:block; width:auto; height:auto; object-fit:contain; }
.brand-logo--header { width:158px; }
.brand-logo--footer { width:220px; }
.header-inner .brand { gap:0; }
.footer-brand .brand { gap:0; }
@media (max-width:850px) { .brand-logo--header { width:142px; } }
@media (max-width:600px) { .brand-logo--header { width:124px; }.brand-logo--footer { width:184px; } }

/* Submenu de credenciais STA na navegação principal. */
.nav-dropdown { position:relative; display:flex; align-items:center; }
.nav-dropdown::after { content:""; position:absolute; top:100%; right:0; left:0; height:12px; }
.nav-dropdown__toggle { display:inline-flex; align-items:center; gap:5px; padding:7px 6px 9px; border:0; border-radius:8px; background:transparent; color:rgba(239,248,255,.9); font:inherit; cursor:pointer; transition:color .25s ease,background .25s ease,text-shadow .25s ease; }
.nav-dropdown__toggle span { position:relative; top:-1px; display:inline-flex; width:12px; height:1em; align-items:center; justify-content:center; color:var(--cyan); font-size:1rem; line-height:1; transition:transform .22s ease; }
.nav-dropdown:hover .nav-dropdown__toggle,.nav-dropdown.is-open .nav-dropdown__toggle { color:var(--cyan); background:rgba(0,174,255,.06); text-shadow:0 0 12px rgba(0,183,255,.32); }
.nav-dropdown:hover .nav-dropdown__toggle span,.nav-dropdown.is-open .nav-dropdown__toggle span { transform:rotate(180deg); }
.nav-dropdown__menu { position:absolute; top:calc(100% + 10px); left:50%; z-index:110; display:grid; width:max-content; min-width:198px; padding:8px; border:1px solid rgba(72,190,244,.35); border-radius:13px; background:rgba(1,25,51,.96); box-shadow:0 16px 34px rgba(0,0,0,.3),inset 0 1px rgba(210,245,255,.08); opacity:0; pointer-events:none; transform:translate(-50%,-6px); transition:opacity .2s ease,transform .2s ease; }
.nav-dropdown:hover .nav-dropdown__menu,.nav-dropdown.is-open .nav-dropdown__menu { opacity:1; pointer-events:auto; transform:translate(-50%,0); }
.nav-dropdown__menu a { padding:10px 12px; border-radius:8px; color:#dceefa; font-size:.71rem; font-weight:650; transition:color .2s,background .2s; }
.nav-dropdown__menu a:hover,.nav-dropdown__menu a:focus-visible { background:rgba(9,144,227,.16); color:var(--cyan); outline:none; }
.nav-dropdown__toggle:focus-visible { outline:3px solid var(--cyan); outline-offset:3px; }
@media (max-width:850px) { .nav-dropdown { display:block; }.nav-dropdown::after { display:none; }.nav-dropdown__toggle { width:100%; justify-content:space-between; padding:12px 11px; font-size:.78rem; }.nav-dropdown__menu { position:static; width:100%; min-width:0; margin-top:4px; padding:5px; border-radius:10px; background:rgba(0,10,26,.34); box-shadow:none; opacity:0; max-height:0; overflow:hidden; transform:none; transition:opacity .2s ease,max-height .25s ease; }.nav-dropdown:hover .nav-dropdown__menu { opacity:0; max-height:0; pointer-events:none; }.nav-dropdown.is-open .nav-dropdown__menu { max-height:150px; opacity:1; pointer-events:auto; }.nav-dropdown__menu a { padding:10px 12px 10px 20px; font-size:.75rem; } }

/* Etapas do cadastro visual de credenciais do STA. */
.sta-progress { display:flex; gap:0; padding:0; margin:0 34px 28px 0; list-style:none; color:#7394b0; font-size:.62rem; font-weight:700; white-space:nowrap; }
.sta-progress li { position:relative; flex:1; padding-bottom:9px; border-bottom:2px solid rgba(125,190,229,.22); transition:color .2s,border-color .2s; }
.sta-progress li:not(:last-child)::after { content:"→"; position:absolute; right:8px; color:rgba(117,209,247,.42); }
.sta-progress li.is-active { color:#9deaff; border-color:var(--cyan); }
.sta-progress li.is-complete { color:#8fdff5; border-color:rgba(32,200,243,.65); }
.sta-modal__step,.sta-modal__confirmation { animation:sta-step-in .25s ease both; }
.sta-modal__step[hidden],.sta-modal__confirmation[hidden] { display:none; }
.sta-form__help { margin:1px 0 0; color:#90abc2; font-size:.71rem; line-height:1.42; }
.sta-code-inputs { display:grid; grid-template-columns:repeat(6,1fr); gap:8px; }
.sta-form .sta-code-inputs input { min-width:0; height:52px; min-height:0; padding:0; border-radius:10px; text-align:center; font:700 1.08rem "Manrope",sans-serif; }
.sta-code-inputs input[aria-invalid="true"] { border-color:#ff8d9a; box-shadow:0 0 0 3px rgba(255,94,112,.1); }
.sta-form__secondary-actions { display:flex; justify-content:space-between; gap:12px; margin-top:-4px; }
.sta-form__secondary-actions button { padding:4px 0; border:0; background:transparent; color:#86dff9; font:700 .73rem "DM Sans",sans-serif; cursor:pointer; }
.sta-form__secondary-actions button:hover { color:#fff; text-decoration:underline; }
.sta-modal__confirmation { min-height:250px; display:grid; place-items:center; align-content:center; text-align:center; }
.sta-modal__confirmation .sta-modal__success-icon { margin-bottom:18px; }
.sta-modal__confirmation h2 { max-width:260px; font-size:1.55rem; }
@keyframes sta-step-in { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:600px) { .sta-progress { margin-bottom:24px; font-size:.54rem; }.sta-progress li:not(:last-child)::after { right:4px; }.sta-form .sta-code-inputs { gap:6px; }.sta-form .sta-code-inputs input { height:48px; }.sta-form__secondary-actions { flex-wrap:wrap; } }

.sta-delete-credential { margin:4px 0 18px; padding:12px 14px; border:1px solid rgba(255,159,170,.32); border-radius:11px; background:rgba(107,16,39,.2); color:#ffd6dc; font:700 .92rem "Manrope",sans-serif; }
.sta-delete-actions { display:grid; grid-template-columns:1fr 1.25fr; gap:10px; margin-top:8px; }
.sta-delete-actions .button { border:0; cursor:pointer; }
.sta-delete-actions .button-ghost { border:1px solid rgba(127,208,255,.55); }
.sta-button-danger { background:linear-gradient(135deg,#ed5265,#bd2444); box-shadow:0 10px 22px rgba(190,31,65,.25); }
.sta-button-danger:hover { background:linear-gradient(135deg,#f36778,#d13050); box-shadow:0 14px 28px rgba(190,31,65,.34); }
@media (max-width:600px) { .sta-delete-actions { grid-template-columns:1fr; } }

/* Processo: reserve no mobile a largura integral do card numérico. */
@media (max-width:600px) { .process-list li { grid-template-columns:84px minmax(0,1fr); } }