:root{color-scheme:light;--bg:#fff;--canvas:#f7f9fe;--card:#fff;--text:#15213c;--muted:#68758c;--line:#e6ebf4;--blue:#2563eb;--blue-strong:#1855d9;--blue-soft:#edf3ff;--purple:#7954dc;--shadow:0 16px 42px rgba(21,44,88,.07);--radius:22px;--container:1190px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.58;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}svg.icon{height:19px;width:19px;flex:0 0 auto}.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}.sr-only{position:absolute;white-space:nowrap;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid #82a9ff;outline-offset:3px}::selection{background:#adc7ff;color:#101d39}
.site-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 90%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.nav-wrap{height:79px;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:19px;font-weight:800;letter-spacing:-.8px;white-space:nowrap}.brand-logo{height:39px;width:39px;border-radius:11px}.brand-lite{color:var(--blue)}.main-nav{display:flex;align-items:center;gap:34px;margin:auto}.main-nav a{font-weight:650;color:var(--muted);font-size:14px}.main-nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:14px}.icon-btn{border:1px solid var(--line);border-radius:12px;width:42px;height:42px;background:var(--card);display:grid;place-items:center;color:var(--text)}.mobile-menu{display:none}
.btn{min-height:44px;padding:0 18px;display:inline-flex;gap:9px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:11px;font-size:13px;font-weight:750;letter-spacing:-.12px;white-space:nowrap;transition:transform .18s,box-shadow .18s,background-color .18s;text-align:center}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn-primary,.btn-blue{color:white;background:linear-gradient(122deg,#2467ec,#4b64ec);box-shadow:0 7px 17px rgba(46,95,223,.19)}.btn-primary:hover:not(:disabled),.btn-blue:hover{box-shadow:0 12px 28px rgba(46,95,223,.27)}.btn:disabled{background:#e9edf6;color:#8896ad;box-shadow:none;border-color:#e1e8f3;transform:none}.btn-outline{border:1px solid #cfd9ee;background:var(--card);color:var(--text)}.btn-outline:hover:not(:disabled){border-color:#98b7f4}.btn-soft{background:#eef3ff;color:var(--blue)}.btn-large{min-height:53px;padding:0 25px;border-radius:13px;font-size:14px}.btn-small{min-height:37px;padding:0 14px;font-size:12px;border-radius:10px}.btn-icon-only{width:52px;height:53px;padding:0;border:1px solid var(--line);background:var(--card);color:var(--muted)}.btn-icon-only.is-favorite{color:#ec4e81;background:#fff0f6}
.hero-section{background:radial-gradient(ellipse at 80% 20%,#e4e9ff 0,transparent 44%),linear-gradient(155deg,#f6f9ff 5%,#fff 68%);overflow:hidden}.hero-grid{min-height:540px;display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:20px}.hero-text{padding:66px 0 74px}.eyebrow{display:inline-flex;gap:9px;align-items:center;color:#415bc4;background:#eaf0ff;border:1px solid #dce7ff;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:800;letter-spacing:1.2px}.eyebrow .icon{height:15px;width:15px}.eyebrow-dot{height:7px;width:7px;border-radius:50%;background:#8a70ed;box-shadow:0 0 0 4px #e5dcff}.hero-text h1{font-size:clamp(38px,4.25vw,62px);line-height:1.12;letter-spacing:-2.8px;margin:28px 0 21px;max-width:600px;font-weight:850}.gradient-text{background:linear-gradient(95deg,#2464e8,#895de9);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text>p{font-size:17px;line-height:1.78;color:var(--muted);max-width:510px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-notes{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;color:#70809d;font-size:12px;font-weight:650}.hero-notes span{display:flex;gap:6px;align-items:center}.hero-notes svg{color:#2bb394;width:15px;height:15px}.hero-art{position:relative}.hero-illustration{width:110%;max-width:none;margin-left:-5%}.float-badge{position:absolute;display:flex;gap:9px;align-items:center;white-space:nowrap;background:rgba(255,255,255,.91);border:1px solid #e6eafa;box-shadow:0 14px 30px rgba(40,63,104,.12);padding:12px 15px;border-radius:13px;font-size:12px;font-weight:750;color:#38456a;backdrop-filter:blur(8px)}.float-badge svg{color:#427be7}.float-badge-a{top:15%;right:-1%}.float-badge-b{bottom:10%;left:1%}.trust-strip{background:var(--bg);border-block:1px solid var(--line)}.strip-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0;gap:25px}.strip-grid>div{display:flex;gap:14px;align-items:center;justify-content:center;border-right:1px solid var(--line)}.strip-grid>div:last-child{border:0}.strip-grid .icon{height:24px;width:24px;color:var(--blue)}.strip-grid span{display:grid;gap:1px}.strip-grid b{font-size:14px}.strip-grid small{color:var(--muted);font-size:12px}
.section{padding:88px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:26px}.kicker{display:inline-block;color:#436ce5;font-size:11px;font-weight:850;letter-spacing:1.65px}.section h2,.related-section h2{font-size:clamp(28px,3.1vw,39px);line-height:1.19;letter-spacing:-1.4px;margin:10px 0 8px}.section-head p,.center-section p,.faq-grid>div>p{color:var(--muted);margin:0}.count-label{background:#f0f4fc;border-radius:10px;color:#54627e;font-size:12px;padding:9px 14px;font-weight:750;white-space:nowrap}.apps-section{background:var(--canvas)}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:22px 0 27px}.filter-pills{display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:7px;background:var(--card);color:#68758a;border:1px solid var(--line);padding:9px 16px;border-radius:9px;font-size:13px;font-weight:750}.pill.selected{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 5px 13px rgba(36,91,217,.16)}.pill .icon{height:15px;width:15px}.search-wrap{display:flex;align-items:center;gap:8px;background:var(--card);padding:0 14px;border:1px solid var(--line);border-radius:11px;width:275px;color:#8390a4}.search-wrap:focus-within{border-color:#6294f7;box-shadow:0 0 0 3px #c8dafb}.search-wrap input{border:0;background:transparent;outline:none;min-width:0;width:100%;height:43px;color:var(--text);font-size:13px}.search-wrap input::placeholder{color:#96a0b1}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.app-card{border:1px solid var(--line);border-radius:19px;overflow:hidden;background:var(--card);padding:21px 21px 18px;min-width:0;box-shadow:0 8px 25px rgba(26,60,120,.035);transition:transform .2s,box-shadow .2s}.app-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.app-icon-wrap{height:69px;width:69px;border-radius:17px;background:color-mix(in srgb,var(--app-color) 10%,transparent);padding:5px}.app-icon{height:59px;width:59px;border-radius:14px}.favorite{height:35px;width:35px;border-radius:10px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;color:#a7b0c1}.favorite .icon{height:18px;width:18px}.favorite:hover,.favorite.active{color:#eb5382;background:#fff1f5;border-color:#ffccdc}.card-type{display:flex;align-items:center;gap:6px;color:#65748d;font-size:11px;font-weight:650;margin-bottom:8px}.card-type svg{height:15px;width:15px;color:#6385c8}.dot,.detail-dot{width:4px;height:4px;border-radius:50%;background:#a8b2c7;margin:0 5px}.app-card h3{font-size:20px;letter-spacing:-.6px;line-height:1.25;margin:0 0 6px}.app-card h3 a:hover{color:var(--blue)}.card-subtitle{color:var(--muted);font-size:13px;height:41px;overflow:hidden;line-height:1.5;margin:0 0 19px}.card-shot{display:block;position:relative;overflow:hidden;background:#eef3fc;border:1px solid #e8edf6;border-radius:12px;aspect-ratio:1.62}.card-shot img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.card-shot:hover img{transform:scale(1.05)}.mock-mark{position:absolute;left:8px;bottom:8px;padding:3px 7px;background:rgba(255,255,255,.9);border-radius:5px;font-size:9px;color:#4f617c}.card-actions{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:17px}.card-actions svg{height:15px;width:15px}.card-os{font-size:11px;color:#8b96ab;text-align:right}.no-results{padding:75px 20px;text-align:center;border:1px dashed #cbd8ef;border-radius:17px;background:var(--card)}.no-results[hidden]{display:none}.no-results>.icon{height:35px;width:35px;color:#7a90b7;margin:auto}.no-results h3{font-size:20px;margin:10px 0 0}.no-results p{color:var(--muted)}
.spotlight-section{padding-block:78px;background:var(--bg)}.spotlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.spotlight-art{min-height:330px;border-radius:29px;background:radial-gradient(circle at 70% 10%,#e5ddff,transparent 52%),linear-gradient(140deg,#edf4ff,#dfe9ff);display:grid;place-items:center;overflow:hidden;position:relative}.spotlight-bubble{position:absolute;font-size:190px;font-weight:900;color:rgba(73,111,229,.07);right:-10px;bottom:-118px}.spotlight-grid-art{display:grid;grid-template-columns:repeat(2,95px);gap:22px;transform:rotate(-8deg)}.spotlight-grid-art a{background:#fff;padding:10px;border-radius:24px;box-shadow:0 12px 30px rgba(35,66,125,.14)}.spotlight-grid-art img{height:75px;width:75px;border-radius:15px}.spotlight-copy h2{font-size:clamp(32px,3.8vw,45px);letter-spacing:-1.8px;margin:12px 0}.spotlight-copy p{color:var(--muted);font-size:15px;max-width:480px;line-height:1.9;margin-bottom:26px}.steps-section{background:var(--canvas)}.center-section{text-align:center;max-width:650px;margin:0 auto 45px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{background:var(--card);border:1px solid var(--line);border-radius:19px;padding:29px;position:relative}.step-num{position:absolute;right:26px;top:22px;font-size:28px;font-weight:800;color:#dce5f4}.step-ico{height:57px;width:57px;display:grid;place-items:center;border-radius:16px;background:#eaf1ff;color:var(--blue)}.step-ico svg{height:26px;width:26px}.step h3{font-size:18px;margin:22px 0 5px}.step p{font-size:13px;color:var(--muted);margin:0}.faq-grid{display:grid;grid-template-columns:.78fr 1.2fr;gap:85px}.faq-items{border-top:1px solid var(--line)}.faq-items details{border-bottom:1px solid var(--line);padding:18px 0}.faq-items summary{cursor:pointer;display:flex;gap:12px;align-items:center;justify-content:space-between;font-weight:750;font-size:14px;list-style:none}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary span{font-size:23px;font-weight:300;color:#7488af;transition:transform .18s}.faq-items details[open] summary span{transform:rotate(45deg)}.faq-items p{color:var(--muted);margin:11px 20px 0 0;font-size:13px;line-height:1.8}
.footer{background:#111d37;color:#e7ecf8;padding-top:60px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1.25fr;gap:50px;padding-bottom:54px}.footer .brand-lite{color:#91b2ff}.footer-about p{color:#aab7cf;max-width:355px;font-size:13px;line-height:1.8}.footer-col{display:flex;flex-direction:column;align-items:start;gap:10px}.footer-col h4{font-size:14px;margin:2px 0 8px}.footer-col a,.footer-col span{font-size:13px;color:#aebbd3}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #2b3a57;display:flex;justify-content:space-between;padding:20px 0;gap:16px;color:#99aac6;font-size:11px}.footer-bottom span:last-child{display:flex;gap:7px;align-items:center}.footer-bottom svg{height:14px;width:14px}
.detail-container{padding-bottom:85px}.breadcrumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:32px 0;font-size:12px;color:#8390a5;font-weight:600}.breadcrumbs a:hover{color:var(--blue)}.breadcrumbs .icon{height:14px;width:14px}.breadcrumbs span{color:var(--text)}.detail-hero{padding:38px 43px 33px;background:radial-gradient(circle at 95% 1%,#e7ebff,transparent 43%),linear-gradient(116deg,#f8faff,#eff4ff);border-radius:24px;border:1px solid #e5ebfa}.detail-intro{display:flex;gap:30px;align-items:flex-start}.detail-app-icon{height:131px;width:131px;padding:8px;border-radius:29px;background:#fff;box-shadow:0 15px 30px rgba(44,81,151,.09);flex:0 0 auto}.detail-app-icon img{height:115px;width:115px;border-radius:23px}.detail-heading{min-width:0}.tagline{display:flex;gap:8px;align-items:center;color:#5676ab;font-size:12px;font-weight:750}.tagline .icon{height:17px;width:17px}.detail-heading h1{font-size:clamp(34px,4vw,49px);letter-spacing:-1.8px;line-height:1.12;margin:12px 0 7px}.detail-heading p{font-size:16px;color:#6b7890;margin:0}.detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:24px}.detail-desc{border-top:1px solid #dfe7f7;margin:32px 0 0;padding-top:24px;max-width:950px;color:#566982;line-height:1.9}.detail-content{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(285px,1fr);gap:26px;margin-top:30px;align-items:start}.detail-primary{display:grid;gap:25px}.detail-panel,.side-card,.side-cta{border:1px solid var(--line);background:var(--card);border-radius:19px;padding:28px}.panel-heading{display:flex;justify-content:space-between;align-items:end;gap:10px}.panel-heading h2{font-size:25px;letter-spacing:-.8px;margin:6px 0 0}.hint-badge{font-size:11px;color:#657690;background:#eef3fc;padding:5px 9px;border-radius:7px;white-space:nowrap}.panel-description{color:var(--muted);font-size:13px;margin:12px 0 21px}.screens-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.shot-button{border:1px solid var(--line);padding:0;border-radius:12px;overflow:hidden;text-align:left;background:var(--card);min-width:0}.shot-button:hover{border-color:#86aaf6}.shot-button img{aspect-ratio:1.61;width:100%;object-fit:cover}.shot-button span{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 13px;color:var(--muted);font-size:12px;font-weight:650}.shot-button svg{height:15px;width:15px}.features-list{margin-top:21px;display:grid;gap:11px}.feature{display:flex;align-items:start;gap:12px;padding:12px 14px;background:var(--canvas);border:1px solid var(--line);border-radius:10px;font-size:13px}.feature svg{color:#17ad84;height:18px;width:18px}.video-preview{border:1px dashed #cdd9f0;background:linear-gradient(145deg,#f4f7ff,#f0f2ff);border-radius:15px;margin-top:20px;min-height:247px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:26px}.video-icon{height:56px;width:56px;display:grid;place-items:center;border-radius:50%;background:#dee7ff;color:#3562de}.video-icon .icon{width:25px;height:25px}.video-preview h3{margin:11px 0 0}.video-preview p{margin:4px auto 15px;color:#74829a;font-size:12px;max-width:430px}.detail-sidebar{display:grid;gap:20px}.side-card h3,.side-cta h3{font-size:17px;margin:0 0 17px}.info-row{display:flex;justify-content:space-between;align-items:start;gap:15px;border-bottom:1px solid var(--line);padding:10px 0;font-size:12px}.info-row span{color:var(--muted)}.info-row strong{text-align:right;font-weight:700}.availability{margin-top:18px;display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:10px;font-size:12px;font-weight:700}.availability svg{height:17px;width:17px}.availability.pending{color:#916a1b;background:#fff6df}.availability.available{color:#0f8067;background:#e8f9f2}.requirements{padding:0;margin:0;list-style:none;display:grid;gap:13px}.requirements li{display:flex;gap:9px;color:var(--muted);font-size:12px}.requirements svg{height:16px;width:16px;color:#1dab89}.side-text{color:var(--muted);font-size:12px;line-height:1.8}.subtle{color:#929fb3}.checksum code{display:block;word-break:break-all;background:var(--canvas);padding:9px;border-radius:8px;font-size:10px;margin:8px 0}.checksum small{color:var(--muted)}.side-cta{background:linear-gradient(145deg,#225bdc,#5a63e8);color:white;border:0}.side-cta p{font-size:12px;opacity:.86}.side-cta .btn-primary{background:#fff;color:#275bd0;box-shadow:none;width:100%}.side-cta .btn:disabled{color:#8995aa;background:#e9edf6}.related-section{margin-top:75px}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.text-link{display:flex;align-items:center;gap:8px;color:var(--blue);font-weight:750;font-size:13px}.text-link .icon{height:17px;width:17px}.not-found,.load-error{text-align:center;min-height:55vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.not-found span{font-size:90px;font-weight:850;color:#d7e4ff}.not-found h1{font-size:38px;margin:0}.not-found p,.load-error p{color:var(--muted)}
#media-dialog{padding:35px 20px 20px;max-width:min(1010px,calc(100vw - 40px));width:100%;border:0;border-radius:18px;background:var(--card);color:var(--text);box-shadow:0 30px 100px #0005;position:fixed}#media-dialog::backdrop{background:rgba(11,24,47,.79);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:8px;top:6px;width:37px;height:37px;border:0;background:var(--canvas);border-radius:10px;color:var(--text);display:grid;place-items:center}.lightbox-image img{width:100%;max-height:74vh;object-fit:contain;border-radius:8px}.lightbox-image p{text-align:center;color:var(--muted);font-size:13px}.lightbox-video{aspect-ratio:16/9;background:#111827;border-radius:12px;overflow:hidden;display:grid;place-items:center}.lightbox-video iframe,.lightbox-video video{width:100%;height:100%;border:0}.external-video{color:#fff;text-align:center}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#15284a;color:white;padding:11px 19px;border-radius:11px;z-index:90;box-shadow:0 14px 40px #0004;font-size:13px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}#toast.show{opacity:1;transform:translate(-50%,0)}
/* Escuro opcional */
html[data-theme=dark]{color-scheme:dark;--bg:#101a2b;--canvas:#121f33;--card:#17253b;--text:#e8efff;--muted:#9eabc1;--line:#2a3b55;--blue:#7ca8ff;--blue-strong:#5585ec;--blue-soft:#1d3152;--shadow:0 15px 35px rgba(0,0,0,.21)}html[data-theme=dark] .hero-section{background:radial-gradient(ellipse at 85% 10%,#25345c 0,transparent 50%),#101a2b}html[data-theme=dark] .eyebrow{background:#1d3256;border-color:#2d4877;color:#b9cbff}html[data-theme=dark] .hero-art{filter:brightness(.86)}html[data-theme=dark] .count-label,html[data-theme=dark] .step-ico,html[data-theme=dark] .video-icon,html[data-theme=dark] .hint-badge{background:#233650;color:#b3c9fb}html[data-theme=dark] .spotlight-art{background:linear-gradient(135deg,#243452,#32426d)}html[data-theme=dark] .detail-hero{background:radial-gradient(circle at 100% 0%,#253456,transparent 60%),#1a2a45;border-color:#2d4363}html[data-theme=dark] .detail-desc,html[data-theme=dark] .detail-heading p{color:#acbbd1}html[data-theme=dark] .video-preview{background:#1b2b46;border-color:#344767}html[data-theme=dark] .video-preview p{color:#a0adc4}html[data-theme=dark] .availability.pending{background:#3a3220;color:#f1ce87}html[data-theme=dark] .availability.available{background:#1a3a32;color:#9ce4c8}html[data-theme=dark] .pill.selected{background:#356cdb;color:#fff}html[data-theme=dark] .search-wrap input{color:#e4eaff}
@media(max-width:1050px){.hero-grid{min-height:470px}.hero-text h1{font-size:47px}.float-badge{display:none}.app-grid{gap:15px}.app-card{padding:17px}.card-os{display:none}.spotlight-grid{gap:40px}.faq-grid{gap:50px}.detail-content{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr)}.detail-panel{padding:22px}}
@media(max-width:790px){.container{width:min(var(--container),calc(100% - 36px))}.nav-wrap{height:70px}.main-nav{display:none;position:absolute;left:0;right:0;top:69px;flex-direction:column;align-items:stretch;background:var(--card);padding:17px 24px;gap:17px;border-bottom:1px solid var(--line);box-shadow:0 10px 20px #0001}.main-nav.nav-open{display:flex}.mobile-menu{display:grid}.nav-cta{display:none}.header-actions{margin-left:auto}.hero-grid{grid-template-columns:1fr;gap:0}.hero-text{padding:56px 0 10px}.hero-text h1{max-width:690px;font-size:clamp(40px,7vw,57px)}.hero-text>p{max-width:670px}.hero-art{max-width:580px;margin:auto}.hero-illustration{width:100%;margin:0}.strip-grid{gap:6px}.strip-grid>div{padding:0 10px}.strip-grid small{display:none}.section{padding:68px 0}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.spotlight-grid{grid-template-columns:1fr}.spotlight-art{min-height:290px}.spotlight-copy{order:-1}.faq-grid{grid-template-columns:1fr;gap:24px}.detail-content{grid-template-columns:1fr}.detail-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-hero{padding:28px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top{grid-template-columns:1.4fr 1fr;gap:30px}.footer-col:last-child{grid-column:2}}
@media(max-width:540px){.container{width:calc(100% - 28px)}.brand{font-size:17px}.brand-logo{width:34px;height:34px}.nav-wrap{gap:8px}.header-actions{gap:7px}.icon-btn{height:39px;width:39px}.hero-text{padding-top:39px}.hero-text h1{font-size:clamp(35px,10vw,44px);letter-spacing:-1.65px;margin:20px 0 15px}.hero-text>p{font-size:14px}.hero-buttons{gap:8px}.hero-buttons .btn{font-size:12px;padding:0 15px;min-height:47px}.hero-notes{gap:12px;font-size:11px}.hero-art{margin-top:-15px}.strip-grid{grid-template-columns:1fr 1fr;gap:10px;padding:15px 0}.strip-grid>div{justify-content:start;border:0;padding:0}.strip-grid>div:last-child{display:none}.strip-grid b{font-size:12px}.strip-grid svg{height:20px!important;width:20px!important}.section{padding:55px 0}.section-head{align-items:start;flex-direction:column;gap:10px}.section h2,.related-section h2{font-size:29px}.filter-bar{flex-direction:column;align-items:stretch;margin:18px 0}.filter-pills{gap:6px}.pill{padding:8px 12px;font-size:12px}.search-wrap{width:100%}.app-grid,.related-grid{grid-template-columns:1fr;gap:16px}.app-card{padding:20px}.card-shot{aspect-ratio:1.85}.card-os{display:block}.card-subtitle{height:auto;min-height:36px}.spotlight-grid{gap:25px}.spotlight-art{min-height:260px}.spotlight-grid-art{grid-template-columns:repeat(2,76px);gap:15px}.spotlight-grid-art a{padding:7px;border-radius:17px}.spotlight-grid-art img{height:62px;width:62px}.steps-grid{grid-template-columns:1fr;gap:12px}.step{padding:22px}.step-ico{width:49px;height:49px}.step h3{margin-top:15px}.faq-items details{padding:14px 0}.footer{padding-top:40px}.footer-top{grid-template-columns:1fr;gap:20px;padding-bottom:30px}.footer-col:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.detail-container{padding-bottom:45px}.breadcrumbs{margin:18px 0}.detail-hero{padding:22px 18px}.detail-intro{gap:13px}.detail-app-icon{width:77px;height:77px;border-radius:17px;padding:5px}.detail-app-icon img{width:67px;height:67px;border-radius:13px}.detail-heading h1{font-size:27px;letter-spacing:-.9px;margin:7px 0}.detail-heading p{font-size:12px}.tagline{font-size:10px}.detail-actions{margin-top:18px;gap:8px}.detail-actions .btn-large{min-height:45px}.detail-actions .btn{font-size:12px;padding:0 11px}.detail-desc{margin-top:22px;padding-top:18px;font-size:13px}.detail-primary{gap:15px}.detail-panel,.side-card,.side-cta{padding:18px}.panel-heading h2{font-size:22px}.screens-grid{grid-template-columns:1fr}.detail-sidebar{grid-template-columns:1fr;gap:14px}.related-section{margin-top:48px}.hint-badge{font-size:9px}#media-dialog{max-width:calc(100vw - 18px);padding:42px 10px 13px}.float-badge{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* v1.1 — hero mais compacto: catálogo mais perto do início e download nos cards. */
@media (min-width: 791px) {
  .hero-grid { min-height: 395px; }
  .hero-text { padding: 40px 0 44px; }
  .hero-text h1 { font-size: clamp(38px, 3.5vw, 49px); letter-spacing: -2.2px; margin: 20px 0 14px; }
  .hero-text>p { font-size: 15px; line-height: 1.65; }
  .hero-buttons { margin-top: 22px; }
  .hero-notes { margin-top: 17px; }
  .hero-illustration { width: 98%; margin-left: 0; }
  .strip-grid { padding: 15px 0; }
  .section { padding: 62px 0; }
}
.card-actions { flex-wrap: wrap; }
.card-actions .btn { min-height: 38px; }
.card-actions .btn-blue { background: #2563eb; color: #fff; }
.card-actions .btn-outline { background: transparent; border: 1px solid var(--line); color: var(--text); }
@media (max-width: 790px) {
  .hero-grid { min-height: auto; }
  .hero-text { padding: 42px 0 18px; }
  .hero-art { max-width: 370px; }
  .hero-illustration { width: 100%; margin-left: 0; }
  .section { padding: 50px 0; }
}
@media (max-width: 540px) {
  .hero-text { padding: 29px 0 28px; }
  .hero-text h1 { margin: 15px 0 12px; font-size: clamp(32px,9vw,39px); line-height: 1.13; }
  .hero-text>p { line-height: 1.6; }
  .hero-buttons { margin-top: 19px; }
  .hero-notes { margin-top: 16px; }
  .hero-art { display:none; }
  .section { padding: 40px 0; }
  .strip-grid { padding: 12px 0; }
  .card-actions .btn { flex: 1; justify-content: center; }
}

.screens-grid:has(.shot-button:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.screens-grid:has(.shot-button:nth-child(3)) img{aspect-ratio:9/16;object-fit:contain;background:#111827}.lightbox-video{aspect-ratio:auto;min-height:65vh}.lightbox-video video{max-height:76vh;object-fit:contain;background:#111}@media(max-width:900px){.screens-grid:has(.shot-button:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* LOTE169 hotfix 30/10: cabecalho responsivo sem overflow de detalhes */
@media(max-width:540px){
.detail-intro{flex-direction:column;align-items:flex-start;min-width:0;width:100%}
.detail-heading{min-width:0;max-width:100%;width:100%}
.detail-heading h1{max-width:100%;overflow-wrap:anywhere}
.detail-heading p{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.detail-actions{width:100%;max-width:100%;display:flex;flex-wrap:wrap;gap:8px}
.detail-actions .btn-primary{flex:1 1 155px;min-width:0;white-space:normal;text-align:center}
.detail-actions .btn-outline{flex:1 1 135px;min-width:0;white-space:normal;text-align:center}
.detail-actions .btn-icon-only{flex:0 0 43px}
.detail-desc,.detail-panel,.detail-sidebar,.detail-hero{min-width:0;max-width:100%;overflow-wrap:anywhere}
}

/* Site com capturas reais, pedidos de teste e galeria responsiva */
.hero-illustration{max-width:300px;height:360px;object-fit:contain;filter:drop-shadow(0 12px 25px rgba(25,45,85,.24))}
.hero-art{display:flex;justify-content:center;align-items:center}
.card-shot-empty{min-height:190px;display:grid;place-items:center;background:var(--canvas);border:1px dashed var(--line);border-radius:12px;text-decoration:none}
.card-shot-empty span{display:flex;flex-direction:column;gap:10px;align-items:center;color:var(--muted);font-size:13px;text-align:center}
.card-shot-empty svg{width:32px;height:32px}
.app-icon-fallback{display:grid;place-items:center;height:100%;color:var(--blue)}
.app-icon-fallback svg{width:32px;height:32px}
.detail-app-icon svg{width:46px;height:46px}
.detail-note{padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--canvas);font-size:12px;line-height:1.7;margin:14px 0}
.detail-official a{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:700;font-size:13px;margin:12px 0}
.empty-gallery{padding:30px 15px;text-align:center;font-size:13px;color:var(--muted)}
.request-panel{padding:26px 25px;min-width:0;max-width:530px;color:var(--text)}
.request-panel h2{font-size:21px;margin:0 0 12px}
.request-panel p{font-size:13px;line-height:1.65}
.request-panel textarea{display:block;width:100%;padding:12px;margin:16px 0;border:1px solid var(--line);border-radius:10px;background:var(--canvas);color:var(--text);font:inherit}
.request-panel .request-note{color:var(--muted);font-size:11px}
.screens-grid .shot-button{min-width:0}
.screens-grid .shot-button img{object-fit:contain;max-height:300px;background:#e9eef6}
@media(max-width:620px){.detail-intro{display:block!important;width:100%;min-width:0}.detail-heading{min-width:0;width:100%}.detail-heading h1{font-size:clamp(25px,7vw,38px)!important;overflow-wrap:anywhere}.detail-heading p{max-width:100%;white-space:normal}.detail-actions{display:flex;flex-wrap:wrap;gap:10px}.detail-actions>*{flex:1 1 140px;min-width:0}.detail-app-icon{margin-bottom:13px}.detail-hero{overflow:hidden}.hero-art{display:none}.hero-grid{display:block}.screens-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.detail-desc{overflow-wrap:anywhere}}


/* SMARTTECH_LOTE172_WA_AUDITORIA */
.smarttech-contact{padding:54px 0;background:var(--canvas);border-top:1px solid var(--line)}
.smarttech-contact-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}
.smarttech-contact-copy{min-width:0;max-width:680px}
.smarttech-contact-eyebrow{font-size:11px;letter-spacing:1.3px;color:var(--blue);font-weight:800}
.smarttech-contact h2{font-size:clamp(24px,3vw,34px);line-height:1.2;letter-spacing:-.03em;margin:12px 0}
.smarttech-contact p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.smarttech-contact-actions{display:flex;flex-direction:column;align-items:center;gap:12px;flex:0 0 auto}
.smarttech-contact-phone{font-size:18px}
.smarttech-contact-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;background:#118443;color:white;border-radius:12px;font-weight:800;font-size:14px}
.smarttech-contact-button:hover{background:#086c33}
.smarttech-wa-icon{display:inline-flex;color:inherit}.smarttech-wa-icon svg{width:24px;height:24px}
.smarttech-wa-float{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:1000;width:62px;height:62px;background:#16a34a;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid #fff;color:#fff;box-shadow:0 9px 24px #1665345c}
.smarttech-wa-float:hover{transform:translateY(-2px);background:#12833c}
.smarttech-wa-float:focus-visible,.smarttech-contact-button:focus-visible{outline:3px solid #86efac;outline-offset:3px}
.smarttech-wa-glyph{display:inline-flex;color:inherit}.smarttech-wa-glyph svg{width:35px;height:35px}
.drive-backup-172{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px;background:var(--canvas);border:1px solid var(--line);padding:11px 13px;border-radius:10px;margin-top:13px}
.drive-backup-172 span{color:var(--muted)}
.drive-backup-172 a{color:var(--blue);font-weight:750;text-decoration:underline}
.smarttech-image-unavailable{display:none!important}
@media(max-width:700px){.smarttech-contact{padding:40px 0 70px}.smarttech-contact-inner{flex-direction:column;align-items:stretch;gap:20px}.smarttech-contact-actions{align-items:stretch}.smarttech-contact-phone{text-align:left}.smarttech-wa-float{height:55px;width:55px;right:14px;bottom:max(14px,env(safe-area-inset-bottom))}.smarttech-contact-button{min-height:48px}}
@media(max-width:620px){.detail-actions{display:flex;flex-wrap:wrap;gap:9px}.detail-actions>*{min-width:0;max-width:100%}.detail-heading h1{overflow-wrap:anywhere}.drive-backup-172{display:block}.drive-backup-172 a{display:block;margin-top:3px}}
@media(prefers-reduced-motion:reduce){.smarttech-wa-float,.smarttech-contact-button{transition:none!important}}

/* LOTE173_PREMIUM_CATALOGO | CSS premium sobre base publicada Lote172.
   Mídias: screenshots reais; PNGs provenientes dos próprios aplicativos. */
:root{--bg:#fff;--canvas:#f3f6fc;--card:#fff;--text:#142542;--muted:#546781;--line:#dce5f2;--blue:#245ee9;--blue-strong:#174bd5;--blue-soft:#eaf1ff;--shadow:0 20px 45px rgba(20,39,84,.1);font-family:"Segoe UI Variable","Segoe UI",Inter,system-ui,Arial,sans-serif}
html{scroll-padding-top:86px}body{color:var(--text);font-size:15px;letter-spacing:.002em}
.site-header{background:rgba(255,255,255,.96);box-shadow:0 2px 18px rgba(19,46,96,.065);border-bottom:1px solid #e3eaf7}
.nav-wrap{height:74px}.brand{font-size:18px;letter-spacing:-.6px;font-weight:850}.brand-logo{width:42px;height:42px;border-radius:12px;box-shadow:0 4px 12px rgba(51,84,176,.16)}
.main-nav a{font-size:13.5px;font-weight:750;color:#455b7d}.main-nav a:hover{color:#174dd9}
.nav-cta{font-weight:800;box-shadow:0 9px 20px rgba(38,82,200,.19)}.icon-btn{border-color:#dbe5f7;background:#fff}
.hero-section{background:radial-gradient(circle at 83% 12%,rgba(68,136,255,.29),transparent 35%),radial-gradient(circle at 50% 105%,rgba(24,172,197,.12),transparent 39%),linear-gradient(118deg,#0e214b 4%,#173776 62%,#1b427c 100%);border-bottom:0;isolation:isolate}
.hero-grid{min-height:390px;grid-template-columns:1.03fr 1fr;gap:25px}
.hero-text{padding:40px 0 44px}.hero-text h1{font-size:clamp(37px,3.7vw,52px);font-weight:850;line-height:1.10;letter-spacing:-1.95px;margin:19px 0 15px;color:#fff;max-width:610px}.hero-text>p{font-size:16px;line-height:1.63;color:#d1e1ff;max-width:530px;margin:0}
.hero-accent{color:#82e4ee}.eyebrow{background:rgba(157,193,255,.13);border:1px solid rgba(174,213,255,.25);color:#e0edff;letter-spacing:1px;padding:9px 14px;font-size:10.5px}.eyebrow .icon{color:#80d9fa}.eyebrow-dot{background:#46d1c8;box-shadow:0 0 0 4px rgba(70,209,200,.18)}
.hero-buttons{margin-top:23px;gap:11px}.hero-buttons .btn-primary{background:#fff;color:#1646ab;box-shadow:0 12px 26px rgba(0,16,56,.16);border-color:#fff}.hero-buttons .btn-primary:hover{background:#edf5ff}
.hero-buttons .btn-outline{background:rgba(255,255,255,.08);color:#f7fbff;border-color:rgba(229,239,255,.5)}.hero-buttons .btn-outline:hover{background:rgba(255,255,255,.17)}
.hero-notes{color:#c8d9f7;margin-top:18px;gap:18px;font-size:12px}.hero-notes svg{color:#65ddcb}
.hero-art-premium{min-height:370px;position:relative;filter:none}
.hero-screen-desktop{position:absolute;top:84px;left:0;width:min(83%,392px);padding:12px 12px 13px;background:#fff;border:1px solid #d8e9ff;border-radius:17px;box-shadow:0 23px 46px rgba(0,10,42,.30);transform:rotate(-2deg)}
.hero-shot-top{display:flex;align-items:center;gap:8px;color:#37537b;font-size:11px;font-weight:790;padding:0 2px 9px;white-space:nowrap}.hero-live-dot{width:8px;height:8px;border-radius:50%;background:#16ae9c;box-shadow:0 0 0 3px #d9faf1;flex:0 0 auto}
.hero-rescue-image{display:block;width:100%;height:199px;object-fit:cover;object-position:top;border:1px solid #e5ebf4;border-radius:10px}
.hero-screen-phone{position:absolute;right:3px;top:12px;width:171px;height:338px;overflow:hidden;border:6px solid #122348;border-radius:24px;background:#fff;box-shadow:0 24px 46px rgba(3,12,37,.38),0 0 0 2px #7398da;transform:rotate(5deg)}
.hero-phone-image{width:100%;height:100%;object-fit:cover;object-position:top}.hero-proof{position:absolute;left:16px;bottom:9px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:780;padding:9px 13px;border-radius:10px;color:#0c3c6b;background:#f1fbff;box-shadow:0 9px 24px rgba(2,12,32,.21);border:1px solid rgba(214,244,255,.8)}.hero-proof svg{width:16px;height:16px;color:#0aa78d}
.trust-strip{background:#fff;border-bottom:1px solid #e4ebf6}.strip-grid{padding:15px 0;gap:18px}.strip-grid>div{min-height:42px;align-items:center}.strip-grid>div .icon{width:23px;height:23px;color:#2961e9}.strip-grid b{font-size:13px;font-weight:800;color:#182f59}.strip-grid small{font-size:11.5px;color:#697e9c}
.section{padding-block:57px}.apps-section{background:linear-gradient(180deg,#f2f6ff 0%,#f7f9fe 80%);padding:39px 0 72px}.section-head{margin-bottom:21px}.kicker{font-size:11px;letter-spacing:1.25px;color:#235ed9;font-weight:850}
.section h2,.related-section h2{font-size:clamp(27px,3.25vw,39px);line-height:1.16;letter-spacing:-1.15px;font-weight:830}.section-head p{color:#5c708f;font-size:14px;line-height:1.6}
.count-label{font-size:12px;font-weight:750;color:#284e9b;background:#e8efff}
.filter-bar{display:flex;gap:16px;align-items:center;justify-content:space-between;border:1px solid #e0e9f8;background:#fff;box-shadow:0 6px 19px rgba(34,65,122,.045);border-radius:17px;padding:11px 12px;margin-bottom:21px}.filter-pills{gap:6px}
.pill{font-size:12.5px;font-weight:750;min-height:40px;padding:0 14px;color:#496080;border-color:transparent}.pill:not(.selected):hover{background:#edf3ff;color:#1a4dc8}.pill.selected{background:#2a60eb;box-shadow:0 6px 14px rgba(48,91,213,.22);color:#fff}
.search-wrap{background:#f5f8ff;border-color:#e0e8f6;border-radius:11px;min-height:43px;width:min(295px,100%)}.search-wrap:focus-within{border-color:#497cef;box-shadow:0 0 0 3px #dce8ff}.search-wrap input{color:#173057;font-size:13px}
.app-grid{gap:20px}.app-card{position:relative;border:1px solid #dce6f5;border-radius:22px;padding:21px 21px 18px;background:#fff;box-shadow:0 10px 28px rgba(18,43,92,.055);transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden;display:flex;flex-direction:column}
.app-card::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--app-accent,#3268ec),#7e8ff9);opacity:.8}.app-card:hover{transform:translateY(-3px);border-color:#afc8f4;box-shadow:0 18px 38px rgba(20,52,117,.12)}
.card-top{margin-bottom:15px}.app-icon-wrap{width:73px;height:73px;padding:5px;border-radius:21px;background:#f4f7ff;border:1px solid #e9eef9}.app-icon{width:61px;height:61px;object-fit:contain;border-radius:16px}
.favorite{height:39px;width:39px;border-radius:12px;color:#7a8aa8}.card-type{font-size:12px;line-height:1.45;color:#456188;font-weight:760;gap:7px;margin-bottom:9px}.card-type svg{width:16px;height:16px;color:#2b63e7}
.app-card h3{font-size:19px;font-weight:820;letter-spacing:-.55px;line-height:1.25;margin:0 0 8px}.card-subtitle{color:#59708d;font-size:13.2px;line-height:1.54;min-height:41px;height:auto;margin:0 0 16px}
.card-shot{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;width:100%;height:211px;aspect-ratio:auto;background:radial-gradient(circle at 30% 5%,#e8eeff,#f5f8fe 65%);border:1px solid #dce6f3;border-radius:14px;margin-top:auto}
.card-shot img{display:block;height:100%;width:100%;object-fit:contain;object-position:center;transition:transform .2s}.card-shot:hover img{transform:scale(1.028)}
.mock-mark{bottom:9px;left:9px;display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:7px;background:rgba(255,255,255,.96);color:#214773;font-size:10px;font-weight:760;box-shadow:0 2px 9px rgba(21,53,102,.10)}.mock-mark svg{width:12px;height:12px;color:#12a88d}
.card-shot-empty{height:211px;background:repeating-linear-gradient(-45deg,#f4f7fc,#f4f7fc 12px,#eef3fa 12px,#eef3fa 24px)}.card-shot-empty span{color:#627896;font-size:12px}
.card-actions{margin-top:17px;gap:9px;display:grid;grid-template-columns:1fr 1fr}.card-actions .btn{min-height:42px;width:100%;padding:0 9px;white-space:normal;font-size:12.5px;font-weight:780;border-radius:11px}.card-actions .btn-outline{border:1px solid #c9d9f3;color:#2052b9;background:#fdfefe}.card-actions .btn-blue{background:#2a61e9}
.spotlight-section{padding-block:65px}.spotlight-art{border:1px solid #dfe8fa;min-height:310px}.spotlight-grid-art a{transform:rotate(7deg)}
.step h3{font-weight:800}.step p,.faq-items p{font-size:13.5px;color:#566c88}.faq-items summary{font-size:14px}.footer{background:#0d1d3b}.footer-col a,.footer-about p{color:#c5d3ec}
.smarttech-contact{background:linear-gradient(125deg,#edf4ff,#f7fbff)}.smarttech-contact h2{color:#142b52}.smarttech-contact-phone{color:#244270}.smarttech-contact-button{box-shadow:0 10px 22px rgba(13,139,68,.22)}
html[data-theme=dark]{--bg:#101b30;--canvas:#14233b;--card:#1c2a42;--text:#f2f6ff;--muted:#c2cde0;--line:#34465f;--blue:#91b5ff;--blue-strong:#7da8ff}
html[data-theme=dark] .site-header{background:rgba(15,27,47,.95);border-color:#31415c}html[data-theme=dark] .main-nav a{color:#c9d6ed}html[data-theme=dark] .icon-btn{background:#1d304d;border-color:#364b6b;color:#fff}
html[data-theme=dark] .hero-section{background:radial-gradient(circle at 85% 15%,#274991,transparent 39%),linear-gradient(115deg,#0d1d3d,#1d3f79)}html[data-theme=dark] .hero-art{filter:none}
html[data-theme=dark] .apps-section{background:linear-gradient(#14233b,#101b30)}html[data-theme=dark] .trust-strip,html[data-theme=dark] .filter-bar{background:#1b2b44;border-color:#33445f}
html[data-theme=dark] .strip-grid b,html[data-theme=dark] .smarttech-contact h2,html[data-theme=dark] .smarttech-contact-phone{color:#eef4ff}html[data-theme=dark] .strip-grid small,html[data-theme=dark] .section-head p{color:#b5c6e0}
html[data-theme=dark] .app-card{background:#1d2c46;border-color:#344666}html[data-theme=dark] .app-icon-wrap{background:#263b5d;border-color:#355070}html[data-theme=dark] .card-type,html[data-theme=dark] .card-subtitle{color:#c3d0e5}
html[data-theme=dark] .card-shot,html[data-theme=dark] .card-shot-empty{background:#2b3d58;border-color:#435a79}html[data-theme=dark] .card-actions .btn-outline{background:#263d61;border-color:#5273a8;color:#e4eeff}
html[data-theme=dark] .search-wrap{background:#243650;border-color:#425879}html[data-theme=dark] .search-wrap input{color:#f1f5ff}html[data-theme=dark] .pill:not(.selected){color:#d5e1f3}
html[data-theme=dark] .smarttech-contact{background:#1c2d47;border-color:#324766}html[data-theme=dark] .smarttech-contact p{color:#c5d0e3}html[data-theme=dark] .step p,html[data-theme=dark] .faq-items p{color:#b9c9df}
@media(max-width:1050px) and (min-width:791px){.hero-grid{grid-template-columns:1fr .95fr}.hero-screen-desktop{width:82%;top:103px}.hero-screen-phone{width:142px;height:302px;right:0;top:39px}.hero-text h1{font-size:43px}.app-grid{gap:15px}.card-actions .btn{font-size:11.5px}}
@media(max-width:790px){.nav-wrap{height:68px}.main-nav{top:67px}.hero-grid{display:block;min-height:0}.hero-text{padding:39px 0 42px}.hero-text h1{font-size:clamp(35px,5.6vw,46px)}.hero-art-premium{display:none}.section{padding-block:42px}.apps-section{padding-block:33px 59px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-bar{flex-wrap:wrap}.search-wrap{flex:1 1 240px}}
@media(max-width:540px){.container{width:calc(100% - 30px)}.brand{font-size:17px}.brand-logo{height:38px;width:38px}.hero-grid{min-height:0}.hero-text{padding:28px 0 29px}.hero-text h1{font-size:clamp(32px,8.2vw,38px);letter-spacing:-1.3px;margin:16px 0 12px}.hero-text>p{font-size:14.4px;line-height:1.6}.eyebrow{max-width:100%;font-size:9.1px;letter-spacing:.7px;padding:8px 10px}.hero-buttons{margin-top:18px}.hero-buttons .btn{font-size:12px;min-height:46px;padding:0 14px}.hero-notes{font-size:10.7px;gap:13px;margin-top:14px}.trust-strip .strip-grid{grid-template-columns:1fr 1fr;padding:10px 0;gap:0}.strip-grid>div{padding:0 8px}.strip-grid>div:nth-child(3){display:none}.strip-grid b{font-size:11.8px}.apps-section{padding:28px 0 53px}.section-head{gap:8px}.section h2,.related-section h2{font-size:28px;letter-spacing:-.8px}.section-head p{font-size:13px}.count-label{font-size:11px}.filter-bar{padding:9px;gap:10px;border-radius:14px}.filter-pills{display:flex;width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:5px}.filter-pills::-webkit-scrollbar{display:none}.pill{flex:0 0 auto;font-size:11.2px;padding:0 11px;min-height:38px}.search-wrap{width:100%;min-height:42px}.app-grid{grid-template-columns:1fr;gap:16px}.app-card{padding:18px}.app-icon-wrap{height:67px;width:67px}.app-icon{height:55px;width:55px}.card-top{margin-bottom:12px}.card-type{margin-bottom:7px}.app-card h3{font-size:19px}.card-subtitle{font-size:13px;margin-bottom:13px;min-height:0}.card-shot,.card-shot-empty{height:205px}.card-actions{gap:9px}.card-actions .btn{font-size:12.5px;min-height:44px}.smarttech-wa-float{right:12px;bottom:13px;z-index:40}}
@media(max-width:370px){.hero-buttons .btn{flex:1 1 0;min-width:0;font-size:11px;padding:0 9px}.hero-text h1{font-size:31px}.filter-bar{padding:7px}.section h2{font-size:26px}}

/* LOTE173_HOTFIX_QUALIDADE_VISUAL: tipografia equilibrada e busca mobile compacta. */
.hero-text h1{font-weight:760}.brand{font-weight:770}.main-nav a{font-weight:650}
.section h2,.related-section h2{font-weight:750}.app-card h3{font-weight:770}
.strip-grid b{font-weight:730}.eyebrow{font-weight:700}.kicker{font-weight:730}
.card-type{font-weight:670}.pill{font-weight:670}
.card-actions .btn{font-weight:700}.hero-proof{font-weight:700}
@media(max-width:540px){
 .filter-bar{display:flex;flex-direction:column;align-items:stretch;gap:10px}
 .filter-pills{flex:0 0 auto;min-height:38px}
 .search-wrap{width:100%;flex:0 0 44px!important;height:44px;min-height:44px;max-height:44px;align-self:stretch;margin:0}
 .search-wrap input{height:40px;min-height:0;flex:1 1 auto;min-width:0}
 .hero-text h1{font-weight:750}
 .section h2{font-weight:750}
 .count-label{align-self:flex-start}
 .card-actions .btn{white-space:normal;min-width:0}
}

/* LOTE173_FINAL_FILTRAGEM_MOBILE: todos os filtros visiveis */
@media(max-width:540px){.filter-pills{flex-wrap:wrap;overflow:visible;gap:6px}.pill{font-size:11px;min-height:36px;padding:0 9px}.filter-bar{gap:10px}.search-wrap{flex:0 0 44px!important}}

/* LOTE173_FAVORITOS_UMALINHA */
@media(max-width:540px){.filter-pills{flex-wrap:nowrap;gap:4px;overflow:visible}.filter-pills .pill{padding:0 8px;font-size:10.6px}.filter-pills .fav-pill{font-size:0;min-width:36px;padding:0 8px;justify-content:center}.filter-pills .fav-pill .icon{width:18px;height:18px}}


/* LOTE174_FINAL_LAPIDACAO */
.brand-logo{width:44px;height:44px;object-fit:contain;border-radius:13px}
.footer .brand-logo{box-shadow:0 6px 18px rgba(5,10,35,.25)}
.screens-grid{align-items:stretch;gap:15px}
.screens-grid .shot-button{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:14px;border-color:var(--line)}
.screens-grid .shot-button img{display:block;width:100%;height:250px;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;background:linear-gradient(135deg,#eef3fc,#fafcff)}
.screens-grid .shot-button span{flex:1;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:11px 13px;min-height:54px;font-size:12px;line-height:1.45;color:var(--text);background:var(--card)}
.screens-grid .shot-button:hover{border-color:#7ea4eb;box-shadow:0 8px 18px rgba(17,57,120,.09)}
html[data-theme=dark] .screens-grid .shot-button img{background:#172b48}
html[data-theme=dark] .screens-grid .shot-button span{color:#e2edff}
.detail-heading h1{overflow-wrap:anywhere}
.detail-hero .detail-desc,.detail-panel .panel-description{overflow-wrap:anywhere}
@media(max-width:790px){.screens-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screens-grid .shot-button img{height:260px}}
@media(max-width:540px){.brand-logo{width:38px;height:38px}.screens-grid{grid-template-columns:1fr!important}.screens-grid .shot-button img{height:340px}.screens-grid .shot-button span{min-height:48px}.detail-panel{padding:17px!important}.panel-heading{align-items:flex-start}.panel-heading .hint-badge{white-space:normal;text-align:right}.detail-heading h1{font-size:clamp(28px,8vw,39px)}}

/* LOTE175: paginas de desenvolvimento, galeria real HD e lapidacao. */
.nav-dev-link{color:#1c55d2!important;font-weight:800!important}
.nav-dev-link[aria-current=page]{background:#e9f0ff;padding:8px 11px;border-radius:9px}
.app-card .card-shot{position:relative}
.card-shot-count{position:absolute;right:8px;top:8px;background:#fff;color:#173760;display:inline-flex;align-items:center;gap:5px;border:1px solid #dbe5f8;padding:5px 9px;font-size:10px;font-weight:800;border-radius:8px;box-shadow:0 3px 12px #051d431c}
.card-shot-count svg{width:12px;height:12px}
.gallery-summary{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 15px;border:1px solid #dfe9f7;border-radius:13px;background:#f5f8ff;margin-bottom:18px;color:#355680;font-size:12px}
.gallery-summary strong{color:#1644a0}
.gallery-summary .gallery-leading{display:inline-flex;gap:7px;align-items:center}
.gallery-summary .gallery-leading svg{width:17px;height:17px;color:#2676e9}
.screens-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.screens-grid .shot-button{border:1px solid #dbe5f5;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;background:var(--card);padding:0;text-align:left;min-width:0;box-shadow:0 7px 22px #0c36610c;transition:transform .18s,box-shadow .18s,border-color .18s}
.screens-grid .shot-button:first-child{grid-column:span 2;position:relative;border-color:#89aaea}
.screens-grid .shot-button:first-child::before{content:"CAPA · INÍCIO";position:absolute;top:11px;left:11px;background:#205bea;color:white;border-radius:8px;font-size:10px;font-weight:850;letter-spacing:.6px;padding:6px 10px;z-index:1;box-shadow:0 4px 14px #062e5480}
.screens-grid .shot-button img{width:100%;height:250px;object-fit:contain;object-position:center;background:#edf3fd;display:block;padding:7px}
.screens-grid .shot-button:first-child img{height:330px}
.screens-grid .shot-button:hover{transform:translateY(-2px);border-color:#6b92df;box-shadow:0 15px 29px #0a2b5e19}
.shot-meta{display:flex;flex-direction:column;gap:5px;padding:11px 13px 14px;min-height:98px;background:var(--card)}
.shot-meta strong{font-size:13px;color:var(--text);line-height:1.3;font-weight:800}
.shot-meta small{font-size:11px;color:#5c7392;line-height:1.5}
.shot-number{font-size:10px;letter-spacing:.65px;color:#2463de;font-weight:850}
.gallery-privacy-note{font-size:11.5px;color:#667995;line-height:1.55;margin:12px 0 0}
.home-dev-cta{padding:30px 0 0;background:#f7f9fe}
.home-dev-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px;padding:28px 34px;background:linear-gradient(120deg,#122c5e,#1e58b7);color:#fff;border-radius:22px;box-shadow:0 17px 36px #09225317}
.home-dev-panel:after{content:"";position:absolute;width:290px;height:290px;border-radius:50%;right:12%;top:-175px;background:#8bd8f415;pointer-events:none}
.home-dev-panel .kicker{color:#93eaff}.home-dev-panel h2{margin:4px 0 7px;color:#fff;font-size:clamp(22px,2.4vw,29px);line-height:1.18;letter-spacing:-.7px}
.home-dev-panel p{margin:0;color:#dbe9ff;font-size:13.2px;max-width:590px;line-height:1.6}
.home-dev-panel .btn{position:relative;z-index:2;background:#fff;color:#1746b2;border-color:#fff;font-weight:800;white-space:nowrap;min-height:47px}
.dev-hero{background:radial-gradient(circle at 85% 20%,#365aa2 0%,transparent 35%),linear-gradient(120deg,#101f43,#1b3974 65%,#234884);color:white;overflow:hidden}
.dev-hero-inner{min-height:490px;display:grid;grid-template-columns:1.04fr .96fr;gap:25px;align-items:center}
.dev-hero-copy{padding:62px 0}.dev-eyebrow{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:1.3px;border:1px solid #9fc4ff44;background:#acc9ff14;border-radius:20px;padding:9px 13px;color:#cfe6ff}
.dev-hero-copy h1{font-size:clamp(40px,4.2vw,58px);line-height:1.11;letter-spacing:-2px;font-weight:820;max-width:630px;margin:18px 0 16px;color:white}
.dev-hero-copy h1 span{color:#86e4ed}.dev-hero-copy>p{max-width:580px;color:#d0dcf4;font-size:15px;line-height:1.65;margin:0}
.dev-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}
.dev-hero-actions .btn-primary{background:#fff;color:#1741a4;border-color:#fff}
.dev-hero-actions .btn-outline{border-color:#94b6fa;color:#fff;background:#ffffff17}
.dev-hero-foot{margin-top:17px;color:#bad0f5;font-size:11.5px}
.dev-hero-media{position:relative;min-height:390px;align-self:stretch}
.dev-hero-media figure{margin:0;position:absolute;background:#fff;border-radius:18px;box-shadow:0 25px 43px #07142d7a;padding:9px}
.dev-preview-pc{width:min(89%,450px);left:0;top:120px;transform:rotate(-2deg)}
.dev-hero-media figure img{display:block;border-radius:9px;object-fit:contain;object-position:top;background:#eef4ff}
.dev-preview-pc img{height:235px;width:100%}
.dev-preview-mobile{width:170px;right:0;top:49px;transform:rotate(5deg);border:5px solid #14295b!important;border-radius:24px!important;padding:4px!important}
.dev-preview-mobile img{height:280px;width:100%;object-fit:cover!important}
.dev-hero-media figcaption{font-size:11px;color:#365476;font-weight:800;padding:5px 3px 2px}
.dev-trust{background:#f9fbff;border-bottom:1px solid #e1eaf8}
.dev-trust-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;font-size:12px;font-weight:700;color:#2c4b7d}
.dev-section{padding:69px 0}.dev-section:nth-of-type(2n){background:#f6f8ff}
.dev-section-heading{max-width:740px;margin-bottom:28px}
.dev-section-heading h2{font-size:clamp(28px,3.3vw,40px);line-height:1.15;letter-spacing:-1.1px;margin:8px 0 10px;color:var(--text)}
.dev-section-heading p{color:var(--muted);line-height:1.7;font-size:14px}
.dev-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.dev-service-card{background:var(--card);border:1px solid var(--line);border-radius:19px;padding:24px 21px;box-shadow:0 8px 25px #1434670d;min-width:0}
.dev-service-symbol{display:grid;place-items:center;width:54px;height:54px;font-size:27px;font-weight:800;color:#2761e8;background:#edf3ff;border-radius:15px}
.dev-service-card h3{font-size:18px;margin:18px 0 8px;color:var(--text)}
.dev-service-card p{font-size:12.5px;color:var(--muted);line-height:1.7;min-height:104px}
.dev-service-card small{font-size:11px;font-weight:800;color:#2f64d4}
.dev-process{background:linear-gradient(180deg,#f4f8ff,#f8faff)}
.dev-process-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.dev-process-grid li{padding:23px 16px;border:1px solid #dce8f7;background:#fff;border-radius:17px}
.dev-process-grid b{display:inline-grid;place-items:center;width:41px;height:41px;border-radius:12px;color:#1b54c8;background:#e6efff;font-size:14px}
.dev-process-grid h3{margin:16px 0 7px;color:#17294d;font-size:14px}
.dev-process-grid p{font-size:12px;line-height:1.65;color:#576c8a;margin:0}
.dev-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.dev-showcase-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card);min-width:0;box-shadow:0 9px 25px #123c7a0e}
.dev-showcase-card img{height:223px;object-fit:contain;object-position:center;background:#edf3fc;width:100%;padding:10px}
.dev-showcase-card strong{font-size:15px;color:var(--text);margin:16px 17px 0}
.dev-showcase-card span{font-size:12px;color:var(--muted);margin:4px 17px 18px}
.dev-showcase-card:hover{border-color:#719de9;transform:translateY(-2px)}
.dev-contact-section{background:linear-gradient(125deg,#edf4ff,#f7faff)}
.dev-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.dev-contact-grid>div>h2{font-size:clamp(31px,3.5vw,44px);line-height:1.15;letter-spacing:-1.3px;margin:12px 0;color:#17294d}
.dev-contact-grid>div>p{font-size:14px;line-height:1.7;color:#536b8a;max-width:490px}
.dev-contact-info{display:flex;flex-direction:column;gap:8px;margin-top:30px;color:#25477f;font-size:14px}
.dev-contact-info strong{font-size:19px;color:#142e58}.dev-contact-info a{color:#1c61cb;font-weight:780}
.dev-quote-form{border:1px solid #dbe6f7;border-radius:21px;padding:28px;background:#fff;box-shadow:0 18px 38px #17408412}
.dev-quote-form h3{font-size:21px;margin:0 0 18px;color:#182f59}
.dev-quote-form label{display:block;color:#264368;font-size:12px;font-weight:800;margin:14px 0 7px}
.dev-quote-form label span{font-weight:500;color:#7183a3}
.dev-quote-form select,.dev-quote-form textarea{display:block;width:100%;padding:12px 13px;background:#f8faff;border:1px solid #d5e2f5;border-radius:11px;font-size:13px;color:#18365d;resize:vertical;min-height:48px}
.dev-quote-form textarea{min-height:105px}
.dev-quote-form select:focus-visible,.dev-quote-form textarea:focus-visible{outline:3px solid #9fc2ff;outline-offset:1px}
.dev-quote-form button{display:flex;width:100%;margin-top:20px;white-space:normal;text-align:center}
.dev-privacy{color:#6e8099;font-size:11px;margin:11px 0 0;line-height:1.5}
.dev-faq{display:grid;gap:10px;max-width:860px}
.dev-faq details{border-radius:12px;background:var(--card);border:1px solid var(--line);padding:16px 19px}
.dev-faq summary{cursor:pointer;color:var(--text);font-weight:780;font-size:14px}
.dev-faq p{font-size:13px;color:var(--muted);margin-bottom:2px;line-height:1.7}
html[data-theme=dark] .nav-dev-link{color:#a6c9ff!important}
html[data-theme=dark] .nav-dev-link[aria-current=page]{background:#1c3560}
html[data-theme=dark] .gallery-summary{background:#1d314f;border-color:#3b5579;color:#c9d9ef}
html[data-theme=dark] .gallery-summary strong{color:#a4c7ff}
html[data-theme=dark] .card-shot-count{background:#233e65;color:#ecf4ff;border-color:#43618a}
html[data-theme=dark] .screens-grid .shot-button img{background:#1a2c48}
html[data-theme=dark] .shot-meta small{color:#b3c8e5}
html[data-theme=dark] .home-dev-cta{background:#101b30}
html[data-theme=dark] .dev-hero{background:radial-gradient(circle at 83% 20%,#2e5897 0%,transparent 42%),linear-gradient(120deg,#101a32,#1c3765)}
html[data-theme=dark] .dev-trust{background:#1b2a45;border-color:#385175}
html[data-theme=dark] .dev-trust-inner{color:#d0e1fa}
html[data-theme=dark] .dev-section:nth-of-type(2n),html[data-theme=dark] .dev-process,html[data-theme=dark] .dev-contact-section{background:#16263f}
html[data-theme=dark] .dev-section-heading h2,html[data-theme=dark] .dev-contact-grid>div>h2,html[data-theme=dark] .dev-contact-info strong{color:#f0f6ff}
html[data-theme=dark] .dev-service-symbol{background:#203f68;color:#b7daff}
html[data-theme=dark] .dev-service-card small{color:#a6c7f7}
html[data-theme=dark] .dev-process-grid li,html[data-theme=dark] .dev-quote-form{background:#20334f;border-color:#3e5575}
html[data-theme=dark] .dev-process-grid h3,html[data-theme=dark] .dev-quote-form h3,html[data-theme=dark] .dev-quote-form label,html[data-theme=dark] .dev-contact-info{color:#e6f0ff}
html[data-theme=dark] .dev-process-grid p,html[data-theme=dark] .dev-contact-grid>div>p{color:#c3d1e4}
html[data-theme=dark] .dev-quote-form select,html[data-theme=dark] .dev-quote-form textarea{background:#172843;border-color:#456184;color:#edf5ff}
@media(max-width:1160px) and (min-width:791px){.main-nav{gap:14px}.main-nav a{font-size:12px}.nav-wrap{gap:15px}.nav-cta{display:none}}
@media(max-width:980px) and (min-width:791px){.main-nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--card);padding:19px 24px;flex-direction:column;align-items:stretch;gap:15px;box-shadow:0 12px 25px #041d4430}.main-nav.nav-open{display:flex}.mobile-menu{display:grid}.header-actions{margin-left:auto}}
@media(max-width:900px){.dev-hero-inner{grid-template-columns:1fr}.dev-hero-copy{padding:54px 0 12px}.dev-hero-media{min-height:320px;max-width:560px;width:100%;margin-inline:auto}.dev-preview-pc{top:45px}.dev-preview-mobile{top:0}.dev-services{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dev-contact-grid{gap:28px}.home-dev-panel{grid-template-columns:1fr}}
@media(max-width:790px){.main-nav{top:68px}.nav-dev-link{padding:8px 0!important}.main-nav.nav-open{display:flex}.screens-grid .shot-button:first-child{grid-column:span 2}.screens-grid .shot-button:first-child img{height:290px}.dev-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-contact-grid{grid-template-columns:1fr}.dev-trust-inner{justify-content:center}}
@media(max-width:540px){.home-dev-panel{padding:23px 20px;border-radius:17px}.home-dev-panel .btn{width:100%;text-align:center;white-space:normal}.screens-grid{grid-template-columns:1fr}.screens-grid .shot-button:first-child{grid-column:1}.screens-grid .shot-button:first-child img{height:280px}.screens-grid .shot-button img{height:270px}.shot-meta{min-height:auto}.gallery-summary{gap:6px}.dev-hero-copy{padding:34px 0 20px}.dev-hero-copy h1{font-size:clamp(33px,8.1vw,43px);letter-spacing:-1.3px}.dev-hero-copy>p{font-size:13.7px}.dev-hero-media{display:none}.dev-hero-actions{gap:9px}.dev-hero-actions .btn{width:100%}.dev-trust-inner{justify-content:flex-start;gap:10px;font-size:11px}.dev-trust-inner span{flex:1 1 43%}.dev-section{padding:47px 0}.dev-section-heading h2{font-size:30px}.dev-services{grid-template-columns:1fr;gap:13px}.dev-service-card{padding:18px}.dev-service-card p{min-height:0}.dev-process-grid{grid-template-columns:1fr;gap:10px}.dev-process-grid li{padding:18px}.dev-process-grid li h3{margin:6px 0}.dev-showcase{grid-template-columns:1fr}.dev-contact-grid{gap:23px}.dev-quote-form{padding:20px}.dev-contact-info{margin-top:20px}.dev-contact-section{padding-bottom:80px}}

/* LOTE176 | AUDITORIA VISUAL PREMIUM 360 - A11Y, CONTRASTE, TIPOGRAFIA E COMPONENTES */
/* Ajustes cumulativos isolados: preservar design e logica das 8 paginas. */
:root{
  --muted:#52637d;
  --blue:#1d53c8;
  --blue-strong:#1445b5;
  --line:#d9e3f1;
  --shadow:0 14px 34px rgba(23,48,93,.085);
}
html[data-theme=dark]{
  --muted:#bdcde5;
  --blue:#9bc4ff;
  --blue-strong:#c6ddff;
  --line:#3d5373;
}
body{line-height:1.62;text-rendering:optimizeLegibility}
button,a,input,select,textarea,summary{touch-action:manipulation}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #f59e42;outline-offset:3px}
html[data-theme=dark] :where(a,button,input,select,textarea,summary):focus-visible{outline-color:#99dcff}
:where(.app-card,.dev-service-card,.dev-showcase-card,.detail-panel,.detail-sidebar,.step,.faq-item){border-color:var(--line)}
:where(.card-shot,.shot-button,.dev-showcase-card img) img{image-rendering:auto}
:where(.breadcrumb,.breadcrumbs){color:#50617e;font-size:12.5px}
.breadcrumbs a{color:#435c86;font-weight:650}
.breadcrumbs span{font-weight:750}
html[data-theme=dark] .breadcrumbs,
html[data-theme=dark] .breadcrumbs a{color:#d1def2}
html[data-theme=dark] .breadcrumbs span{color:#f6f8ff}
.side-text,.side-text.subtle,.subtle{color:#526580}
.side-text{font-size:12.8px;line-height:1.7}
html[data-theme=dark] .side-text,
html[data-theme=dark] .side-text.subtle,
html[data-theme=dark] .subtle{color:#c0d3eb}
.search-wrap{color:#50627c}
.search-wrap input{color:var(--text)}
.search-wrap input::placeholder{color:#51637d;opacity:1}
html[data-theme=dark] .search-wrap{color:#cbdbf1}
html[data-theme=dark] .search-wrap input::placeholder{color:#c0d3ed;opacity:1}
.search-wrap:focus-within{border-color:#2f65dd;box-shadow:0 0 0 3px rgba(51,108,225,.17)}
html[data-theme=dark] .search-wrap:focus-within{border-color:#a6cbff;box-shadow:0 0 0 3px rgba(134,181,255,.18)}
.step p,.faq-items p,.card-subtitle,.detail-desc,.detail-panel .panel-description{color:#52637d}
html[data-theme=dark] .step p,
html[data-theme=dark] .faq-items p,
html[data-theme=dark] .card-subtitle,
html[data-theme=dark] .detail-desc,
html[data-theme=dark] .detail-panel .panel-description{color:#c4d2e6}
.section-head p{color:#52637d;font-size:14.5px}
html[data-theme=dark] .section-head p{color:#cad8ed}
.kicker{font-size:12px;letter-spacing:1px}
html[data-theme=dark] .kicker{color:#a4c7ff}
.eyebrow{font-size:10.5px;letter-spacing:.9px}
.hero-notes{font-size:12.5px}
.trust-strip .strip-grid b{font-size:12.8px}
.pill{min-height:42px;font-size:12.5px;letter-spacing:0}
.pill.selected{box-shadow:inset 0 0 0 1px rgba(255,255,255,.26)}
.card-type{font-size:12.2px}
.card-subtitle{font-size:13.5px;line-height:1.55}
.app-card h3{line-height:1.28}
.app-card{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.app-card:hover{border-color:#9db9ee;box-shadow:0 20px 42px rgba(19,60,126,.13)}
html[data-theme=dark] .app-card:hover{border-color:#729ce1;box-shadow:0 20px 42px rgba(2,9,24,.24)}
.app-card .card-shot{outline-offset:3px}
.card-shot-count{font-size:11.5px;padding:6px 9px;background:#fff;color:#123e83}
html[data-theme=dark] .card-shot-count{background:#294570;color:#f3f7ff}
.btn-small{font-size:12.5px;min-height:42px}
.card-actions .btn{font-size:12.5px;min-height:44px}
html[data-theme=dark] .btn-soft{color:#e9f3ff;background:#294672;border:1px solid #6384b7}
html[data-theme=dark] .btn-soft:hover{background:#365785}
html[data-theme=dark] .video-icon{background:#2c4164;color:#e5f0ff}
.detail-container .info-row{font-size:12.8px;line-height:1.55}
.detail-container .info-row strong{font-weight:750}
.detail-container .detail-desc{line-height:1.75}
.hint-badge{font-size:11.5px}
.gallery-summary{font-size:12.5px;line-height:1.5}
.gallery-summary .gallery-leading{gap:9px}
.shot-meta{gap:6px;padding:13px 15px 16px}
.shot-meta strong{font-size:14px}
.shot-meta small{font-size:12.7px;line-height:1.6;color:#536681}
.shot-number{font-size:11.5px;letter-spacing:.6px;color:#1c55bd}
.gallery-privacy-note{font-size:12.5px;color:#526782}
html[data-theme=dark] .shot-number{color:#a8ceff}
html[data-theme=dark] .gallery-privacy-note{color:#c3d5eb}
html[data-theme=dark] .shot-meta small{color:#c5d7eb}
.screens-grid .shot-button:focus-visible{outline-offset:4px;border-color:#3065dd}
.screens-grid .shot-button:first-child::before{font-size:11.5px}
.screens-grid .shot-button img{border-radius:10px}
.screens-grid .shot-button:hover{border-color:#7c9cdb}
.step h3,.dev-process-grid h3{line-height:1.35}
.dev-service-card p{font-size:13.3px;line-height:1.7;min-height:0}
.dev-service-card small{font-size:12.5px}
.dev-service-card h3{font-size:19px}
.dev-process-grid p{font-size:12.8px;line-height:1.7}
.dev-trust-inner{font-size:12.5px}
.dev-showcase-card span{font-size:12.8px}
.dev-showcase-card strong{font-size:15.5px}
.dev-quote-form label{font-size:13px}
.dev-quote-form select,.dev-quote-form textarea{font-size:14px}
.dev-quote-form select::placeholder,.dev-quote-form textarea::placeholder{color:#62748e;opacity:1}
.dev-privacy{font-size:12.5px;line-height:1.6;color:#50627d}
.dev-contact-info a{color:#1959b9}
.dev-contact-grid>div>p{color:#50617b}
.dev-faq summary{font-size:14.5px;padding-right:5px}
.dev-faq p{font-size:13.5px}
.dev-hero-foot{font-size:12.5px}
html[data-theme=dark] .dev-privacy{color:#cfddf2}
html[data-theme=dark] .dev-contact-info a{color:#9bc8ff;text-decoration:underline;text-underline-offset:2px}
html[data-theme=dark] .dev-quote-form textarea::placeholder{color:#c1cee2}
html[data-theme=dark] .dev-faq p{color:#c0cee4}
html[data-theme=dark] .dev-service-card p{color:#c2d3e8}
html[data-theme=dark] .dev-process-grid p{color:#c2d2e5}
.footer-about p,.footer-col a{color:#d0ddf1}
.footer-bottom{color:#cbd8ee;font-size:12.5px}
.footer-col a:hover{text-decoration:underline;text-underline-offset:4px;color:#fff}
.smarttech-contact-copy p{color:#536984}
html[data-theme=dark] .smarttech-contact-copy p{color:#cbd9ef}
.smarttech-contact-button:focus-visible{outline-color:#ffbf69}
@media(max-width:1050px) and (min-width:791px){
  .card-actions .btn{font-size:12.5px}
}
@media(max-width:790px){
  .main-nav.nav-open{max-height:calc(100dvh - 76px);overflow-y:auto}
  .main-nav a{padding:8px 5px}
  .nav-dev-link{padding:8px 5px!important}
}
@media(max-width:540px){
  .eyebrow{font-size:10.3px;letter-spacing:.5px}
  .hero-notes{font-size:12px}
  .strip-grid b,.trust-strip .strip-grid b{font-size:12.5px}
  .filter-pills{flex-wrap:wrap;overflow:visible;gap:6px;align-items:center}
  .filter-pills .pill{font-size:12px;min-height:41px;padding:0 11px}
  .filter-pills .fav-pill{font-size:12px;min-width:0;padding:0 11px}
  .filter-pills .fav-pill .icon{height:17px;width:17px}
  .search-wrap{min-height:46px;flex:0 0 46px!important}
  .search-wrap input{height:42px}
  .card-shot-count{font-size:11.5px}
  .gallery-summary{padding:13px 14px}
  .dev-section-heading h2{line-height:1.19}
  .dev-trust-inner{font-size:12px}
  .dev-hero-foot{font-size:12px}
  .dev-showcase-card span{font-size:12.5px}
  .dev-quote-form label{font-size:13px}
}
@media(max-width:370px){
  .filter-pills .pill{font-size:11.5px;padding:0 9px}
  .hero-buttons .btn{font-size:12px}
}
@media(prefers-contrast:more){
  :root{--muted:#344761;--line:#8b9cb5}
  html[data-theme=dark]{--muted:#edf4ff;--line:#aabdda}
  :where(.btn,.app-card,.detail-panel,.dev-service-card,.dev-quote-form,.shot-button,.pill){border-width:2px}
  .search-wrap{border-color:#475e7c}
}
@media(prefers-reduced-motion:reduce){
  .app-card,.dev-showcase-card,.screens-grid .shot-button{transition:none!important;transform:none!important}
}

/* LOTE176 - final residual contrast and metadata typography */
.strip-grid small{font-size:12.5px;color:#52637d}
html[data-theme=dark] .strip-grid small{color:#d1def2}
.dev-hero-media figcaption{font-size:12.5px;color:#395570}

/* LOTE176: manually verified contrast on gradient detail headers */
.detail-hero .tagline{color:#395d91;font-size:12.5px;line-height:1.45}
.detail-hero .detail-heading p{color:#4c5f7c}
html[data-theme=dark] .detail-hero .tagline{color:#c7dfff}
html[data-theme=dark] .detail-hero .detail-heading p{color:#d7e5f6}

/* SMARTTECH LOTE178 — interface escura premium, referencia visual enviada pelo proprietario.
   Imagens internas dos aplicativos sao capturas reais. Ruido grafico procedural, sem geracao IA. */
:root {
  --bg:#0a121d;--canvas:#0d1724;--card:#152230;--text:#f1f6ff;
  --muted:#bfcbda;--line:#354759;--blue:#3592f1;--blue-strong:#1474d7;
  --blue-soft:#172d48;--shadow:0 15px 34px rgba(0,0,0,.32);
  --radius:15px;--container:1452px;
}
html[data-theme=dark] {
  --bg:#0a121d;--canvas:#0d1724;--card:#152230;--text:#f1f6ff;
  --muted:#bfcbda;--line:#354759;--blue:#3592f1;--blue-strong:#1474d7;
  --blue-soft:#172d48;--shadow:0 15px 34px rgba(0,0,0,.32);
}
html[data-theme=light] {
  --bg:#f5f8fd;--canvas:#edf3fb;--card:#fff;--text:#17263d;
  --muted:#4b5c73;--line:#cbd7e8;--blue:#1765c3;--blue-strong:#0d4eac;
  --blue-soft:#e4efff;--shadow:0 16px 35px rgba(17,43,79,.08);
}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{color:var(--text);background:var(--bg);font-family:Inter,"Segoe UI Variable","Segoe UI",system-ui,sans-serif}
body::selection{background:#3284e2;color:#fff}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #83c7ff;outline-offset:3px}
.container{width:min(var(--container),calc(100% - 72px))}
.site-header{height:auto;background:rgba(8,15,24,.96);border-bottom:1px solid #354353;box-shadow:0 4px 25px #040b1466;backdrop-filter:blur(16px)}
html[data-theme=light] .site-header{background:#eaf1faed;border-color:#c2d2e6}
.nav-wrap{height:78px;gap:24px}
.brand{display:inline-flex;gap:12px;font-size:19px;line-height:1.08;font-weight:850;color:#fff}
.brand-lite{color:#a6c2e7;font-size:12px;letter-spacing:0;vertical-align:baseline}
.brand-logo{height:45px;width:45px;border-radius:0;object-fit:contain;background:none;box-shadow:none}
.main-nav{gap:19px;justify-content:center}
.main-nav a{color:#dce6f6;font-size:13px;font-weight:620;padding:11px 14px;border-radius:9px;transition:background .18s,color .18s}
.main-nav a:hover,.main-nav a:focus-visible{background:#182e4b;color:#fff}
.main-nav a[href="/"]{background:#18477f;color:#fff}
.main-nav a.nav-dev-link{color:#9dcaff!important;background:transparent}
.header-actions{gap:11px}
.header-actions .icon-btn{border-color:#4c6685;background:#142235;color:#eaf4ff;box-shadow:none;height:40px;width:42px}
.nav-cta{background:transparent;color:#eaf3ff;border:1px solid #6789ad;box-shadow:none;font-size:12px;border-radius:11px;padding:0 17px;min-height:42px}
.nav-cta:hover{background:#19487f;color:#fff;border-color:#6aa9fa}
html[data-theme=light] .brand,html[data-theme=light] .main-nav a{color:#173152}
html[data-theme=light] .brand-lite{color:#335b90}
html[data-theme=light] .main-nav a[href="/"]{color:#fff}
html[data-theme=light] .header-actions .icon-btn{background:#fff;color:#1f416e;border-color:#b8cce9}
html[data-theme=light] .nav-cta{color:#1f416e;border-color:#94aac8}
html[data-theme=light] .nav-cta:hover{color:#fff}
html[data-theme=light] .main-nav a.nav-dev-link{color:#165eb8!important}
/* Hero photographic-style staging: genuine app QA screenshots in CSS hardware shells */
.hero-section{position:relative;overflow:hidden;isolation:isolate;background:
  radial-gradient(ellipse at 77% 26%,#284665 0%,transparent 45%),
  radial-gradient(ellipse at 39% 65%,#172a3d 0%,transparent 54%),
  linear-gradient(105deg,#090f16 4%,#102031 49%,#152a3c 100%);
  border-bottom:1px solid #4e6377;
}
.hero-section::before,.apps-section::before{content:"";position:absolute;inset:0;background:url("/assets/images/premium-grain-tile.png") repeat;opacity:.27;z-index:-1;pointer-events:none}
.hero-section::after{content:"";position:absolute;left:48%;right:-10%;bottom:0;height:48%;background:linear-gradient(175deg,transparent 23%,#67879e15 60%,#a4d1e020 85%,#22394c45);transform:skewY(-3deg);z-index:-1}
html[data-theme=light] .hero-section{background:radial-gradient(ellipse at 78% 20%,#d4e7fa 0,transparent 42%),linear-gradient(105deg,#e8f0f9,#c8d9ec)}
.hero-grid{min-height:430px;display:grid;grid-template-columns:45% 55%;align-items:center;gap:0}
.hero-text{z-index:3;padding:35px 0 36px;position:relative}
.eyebrow{background:#172a3a;border:1px solid #486175;color:#e5effe;font-size:12px;font-weight:670;letter-spacing:0;border-radius:30px;padding:8px 15px;gap:9px}
.eyebrow .eyebrow-dot{background:#1689fa}
.hero-text h1{font-size:clamp(43px,4.85vw,74px);line-height:1.035;letter-spacing:-3.6px;max-width:675px;color:#f4f7fc;font-weight:850;margin:19px 0 10px;text-shadow:0 2px 20px #0003}
.hero-text>p{font-size:19px;color:#bac9db;line-height:1.48;max-width:560px;margin:0 0 22px}
.hero-notes{display:flex;gap:0;align-items:center;color:#d4e2f4;font-size:12px;margin:22px 0}
.hero-notes span{display:flex;align-items:center;gap:7px;padding:0 17px;border-right:1px solid #627991}
.hero-notes span:first-child{padding-left:0}
.hero-notes span:last-child{border:0}
.hero-buttons{display:flex;gap:14px}
.hero-buttons .btn{height:45px;min-height:45px;border-radius:9px;padding:0 22px;font-size:14px}
.hero-buttons .btn-primary{color:white;background:linear-gradient(#248dfb,#0e5bbc);border:1px solid #3b9eff;box-shadow:0 8px 22px #115bbf33}
.hero-buttons .btn-outline{color:#eff7ff;background:#0c192769;border:1px solid #a2b2c5;box-shadow:none}
.hero-buttons .btn:hover{transform:translateY(-1px)}
html[data-theme=light] .hero-text h1{color:#162b44;text-shadow:none}
html[data-theme=light] .hero-text>p{color:#435b79}
html[data-theme=light] .hero-notes{color:#435e7d}
html[data-theme=light] .eyebrow{background:#ebf5ff;color:#164572;border-color:#a7c9ed}
html[data-theme=light] .hero-buttons .btn-outline{color:#22517b;border-color:#789bbe;background:#eaf5ff}
.hero-art-premium{position:relative;min-height:390px;width:100%;max-width:none;margin:0;filter:none;overflow:visible}
.hero-screen-desktop{position:absolute;top:50px;left:8%;width:76%;height:258px;padding:10px 10px 12px;background:linear-gradient(130deg,#0b1220,#111d30 70%,#29364a);border:3px solid #5c718a;border-radius:14px 14px 8px 8px;box-shadow:0 28px 50px #000b,0 1px 1px #bad4ec inset;transform:rotate(-3deg);z-index:1}
.hero-shot-top{height:22px;display:flex;color:#b8cef0;background:transparent;border:0;padding:0 5px;font-size:11px}
.hero-screen-desktop img.hero-rescue-image{width:100%;height:208px;object-fit:cover;object-position:top;border-radius:5px;border:1px solid #334561}
.hero-screen-desktop::after{content:"";position:absolute;left:-13%;right:-13%;height:30px;top:99%;border-radius:0 0 60% 60%/0 0 100% 100%;background:linear-gradient(180deg,#a7bccd,#476279 19%,#314961 59%,#172532 96%);box-shadow:0 20px 25px #01070d99;border-top:2px solid #819bb5;z-index:-1}
.hero-screen-phone{top:77px;right:0;width:157px;height:292px;transform:rotate(5deg);padding:5px;border-radius:25px;border:5px solid #121b28;background:#080d13;box-shadow:0 10px 35px #000d,0 0 0 2px #7b98b4;z-index:3}
.hero-phone-image{width:100%;height:100%;object-fit:cover;object-position:top;filter:none;border-radius:16px}
.hero-proof{display:none}
html[data-theme=dark] .hero-art{filter:none}
html[data-theme=light] .hero-art{filter:none}
/* Catalogue: compact landscape cards, six apps on 3x2 desktop grid */
.apps-section{position:relative;isolation:isolate;background:linear-gradient(160deg,#0c1621,#111c29 60%,#0b151e);padding:25px 0 66px}
html[data-theme=light] .apps-section{background:linear-gradient(160deg,#e9f1fa,#edf3fa)}
.apps-section .container{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-items:center}
.apps-section .section-head{grid-column:1;margin:0 0 10px;display:flex;flex-direction:column;align-items:flex-start;gap:0}
.apps-section .section-head .kicker{display:none}
.apps-section .section-head h2{font-size:clamp(25px,2.5vw,34px);font-weight:850;letter-spacing:-1.15px;color:#eff4fc;margin:0;padding-left:21px;position:relative}
.apps-section .section-head h2::before{content:"";position:absolute;left:0;top:8px;bottom:7px;width:5px;background:#168afa;border-radius:6px}
.apps-section .section-head p{font-size:13px;color:#c4d0df;margin:3px 0 0 21px}
.apps-section .section-head .count-label{display:none}
.apps-section .filter-bar{grid-column:2;margin:0 0 10px;display:flex;gap:9px;align-items:center;justify-content:flex-end;background:none;box-shadow:none;border:none;padding:0}
.apps-section .filter-pills{display:flex;flex-wrap:nowrap;align-items:center;gap:8px}
.apps-section .pill{font-size:12px;min-height:37px;padding:0 15px;gap:7px;border:1px solid #55687c;color:#e2eaf4;background:#101d2a;border-radius:13px;font-weight:650;white-space:nowrap}
.apps-section .pill.selected,.apps-section .pill:hover{background:linear-gradient(135deg,#258efa,#1755aa);color:#fff;border-color:#4b9ff0}
.apps-section .pill .icon{height:16px;width:16px}
.apps-section .search-wrap{width:170px;min-width:170px;background:#101d2a;border:1px solid #55687c;border-radius:12px;min-height:37px;color:#acc2da}
.apps-section .search-wrap input{color:#edf4ff;font-size:12px;min-width:0}
.apps-section .search-wrap input::placeholder{color:#bdcede}
.apps-section .filter-bar .fav-pill{display:none}
.apps-section .app-grid{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px;padding-top:0}
.apps-section .no-results{grid-column:1/-1}
.app-card{border:1px solid #455a70;background:linear-gradient(135deg,#1c2937,#14202c);box-shadow:0 6px 18px #0003;padding:0;border-radius:13px;overflow:hidden;min-width:0;min-height:196px;position:relative;display:grid;grid-template-columns:43% 57%;grid-template-rows:36px auto 1fr 51px;gap:0;transition:border-color .2s,transform .2s,box-shadow .2s}
.app-card:hover{border-color:#699ac8;box-shadow:0 12px 24px #0005;transform:translateY(-2px)}
.app-card .card-shot{grid-column:1;grid-row:1/5;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:196px;aspect-ratio:auto;background:radial-gradient(circle at 60% 24%,#2b445e,#101b29 75%);border:0;border-right:1px solid #41566b;border-radius:0;margin:0;overflow:hidden}
.app-card .card-shot img{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .25s;filter:none}
.app-card:hover .card-shot img{transform:scale(1.035)}
.app-card .card-shot-count{right:5px;top:6px;padding:3px 5px;font-size:9px;box-shadow:none;border-radius:6px;opacity:0;transition:opacity .15s;background:#0d2039d9;color:#fff;border:1px solid #54759c}
.app-card:hover .card-shot-count,.app-card:focus-within .card-shot-count{opacity:1}
.app-card .mock-mark{display:none}
.app-card .card-top{position:absolute;right:7px;top:7px;z-index:5;width:auto;height:auto;margin:0}
.app-card .app-icon-wrap{display:none}
.app-card .favorite{height:30px;width:30px;border:1px solid #5a7898;color:#d2e0f2;background:#112239b3;opacity:0;transition:opacity .2s}
.app-card:hover .favorite,.app-card:focus-within .favorite{opacity:1}
.app-card .card-type{grid-column:2;grid-row:1;align-self:end;margin:10px 12px 3px;color:#d3e4fa;font-size:10.7px;font-weight:700;line-height:1.2;border:none}
.app-card .card-type .icon{height:14px;width:14px;color:#3ca2ff}
.app-card .card-type .dot,.app-card .card-type .dot~*{display:none}
.app-card h3{grid-column:2;grid-row:2;margin:3px 12px 5px;font-size:clamp(14px,1.3vw,17px);font-weight:830;line-height:1.18;letter-spacing:-.3px;color:#f6f9ff;min-width:0}
.app-card h3 a{color:inherit}
.app-card h3 a:hover{color:#8bc8ff}
.app-card .card-subtitle{grid-column:2;grid-row:3;margin:0 12px 6px;height:auto;min-height:0;max-height:66px;overflow:hidden;color:#d0dbea;font-size:11.3px;line-height:1.43;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.app-card .card-actions{grid-column:2;grid-row:4;display:flex;align-items:center;gap:6px;margin:0 10px 10px;width:calc(100% - 20px);min-width:0}
.app-card .card-actions .btn{min-height:34px;height:34px;flex:1 1 auto;padding:0 5px;font-size:10.2px;font-weight:700;line-height:1.13;border-radius:7px;min-width:0;white-space:normal;box-shadow:none}
.app-card .card-actions .btn-blue{background:linear-gradient(#1e8af3,#1355ad);border:1px solid #4999e8;color:#fff;order:-1}
.app-card .card-actions .btn-outline{background:transparent;border:1px solid #657b92;color:#f3f7ff}
.app-card .card-actions .btn .icon{height:12px;width:12px}
.apps-section .card-os{display:none}
html[data-theme=light] .apps-section .section-head h2{color:#1b3251}
html[data-theme=light] .apps-section .section-head p{color:#435c7b}
html[data-theme=light] .apps-section .pill{background:#fff;color:#284970;border-color:#b5c8dd}
html[data-theme=light] .apps-section .pill.selected,html[data-theme=light] .apps-section .pill:hover{color:#fff;background:#1469ce}
html[data-theme=light] .apps-section .search-wrap{background:#fff;border-color:#afc5db;color:#244e78}
html[data-theme=light] .apps-section .search-wrap input{color:#1d385c}
html[data-theme=light] .apps-section .search-wrap input::placeholder{color:#59708c}
html[data-theme=light] .app-card{background:#fff;border-color:#bbcadc}
html[data-theme=light] .app-card .card-type{color:#34669b}
html[data-theme=light] .app-card h3{color:#18365a}
html[data-theme=light] .app-card .card-subtitle{color:#425872}
html[data-theme=light] .app-card .card-actions .btn-outline{color:#265078;border-color:#9aacc4}
/* Retain real content and other sections, use consistent dark premium surfaces */
html[data-theme=dark] .home-dev-cta{background:#0e1a27}
html[data-theme=dark] .home-dev-panel{background:linear-gradient(110deg,#12263b,#1a4772)}
html[data-theme=dark] .steps-section{background:#101c2b}
html[data-theme=dark] .steps-grid .step{background:#162635;border-color:#3c5269;box-shadow:none}
html[data-theme=dark] .step h3{color:#eef6ff}
html[data-theme=dark] .step p{color:#b9cbe1}
html[data-theme=dark] .faq-section{background:#0c1621}
html[data-theme=dark] .faq-section h2{color:#f0f6ff}
html[data-theme=dark] .faq-items details{background:#162536;border-color:#3b526b;color:#eaf2ff}
html[data-theme=dark] .faq-items details p{color:#bfd0e5}
html[data-theme=dark] .smarttech-contact{background:#12243a;border-color:#284462}
html[data-theme=dark] .smarttech-contact-copy p{color:#cadaed}
html[data-theme=dark] .footer{background:#080f1a;border-color:#2b4156}
html[data-theme=dark] .footer-col h4{color:#f1f7ff}
html[data-theme=dark] .footer-col a,html[data-theme=dark] .footer-about p{color:#bfcbdf}
html[data-theme=dark] .footer-bottom{color:#b7c7df}
html[data-theme=dark] .dev-hero{background:radial-gradient(ellipse at 72% 10%,#203f60,transparent 57%),linear-gradient(110deg,#0b1623,#17314d)}
html[data-theme=dark] .dev-contact-section{background:#101f30}
html[data-theme=dark] .dev-services,.dev-showcase{color:#eaf3ff}
html[data-theme=dark] .dev-service-card,html[data-theme=dark] .dev-showcase-card{background:#14263b;border-color:#3b5473}
html[data-theme=dark] .dev-section{background:#0d1b2b}
html[data-theme=dark] .dev-section:nth-of-type(2n),html[data-theme=dark] .dev-process{background:#13253a}
html[data-theme=dark] .dev-faq details{background:#14283d;border-color:#3a5370}
html[data-theme=dark] .dev-quote-form{background:#1b3048;border-color:#48617c}
html[data-theme=dark] .dev-quote-form h3,html[data-theme=dark] .dev-quote-form label{color:#eff6ff}
html[data-theme=dark] .dev-service-card h3,html[data-theme=dark] .dev-showcase-card strong{color:#eff7ff}
html[data-theme=dark] .dev-showcase-card span{color:#bed0e5}
html[data-theme=dark] .dev-contact-grid>div>p{color:#c6d7eb}
html[data-theme=dark] .dev-contact-info strong{color:#f0f6ff}
/* Accessibility and responsive layout */
@media(max-width:1350px){
  .container{width:min(var(--container),calc(100% - 48px))}
  .main-nav{gap:5px}.main-nav a{padding:10px}
  .hero-grid{grid-template-columns:48% 52%}
  .hero-text h1{font-size:clamp(43px,5vw,66px)}
  .app-card .card-actions .btn{font-size:9.7px}
}
@media(max-width:1170px){
  .apps-section .container{grid-template-columns:1fr}
  .apps-section .section-head{grid-column:1/-1}
  .apps-section .filter-bar{grid-column:1/-1;justify-content:flex-start;padding:4px 0 14px}
  .apps-section .app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-card{min-height:190px}.app-card .card-shot{min-height:190px}
}
@media(max-width:980px){
  .nav-cta{display:none}
  .hero-grid{grid-template-columns:1fr 1fr}
  .hero-screen-desktop{left:1%;width:80%;top:80px}
  .hero-screen-phone{right:0;top:103px}
  .hero-text h1{font-size:clamp(39px,5vw,55px);letter-spacing:-2.3px}
  .hero-text>p{font-size:16px}
  .hero-notes{gap:10px;flex-wrap:wrap}
  .hero-notes span{border:0;padding:0 10px 0 0}
}
@media(max-width:790px){
  .container{width:calc(100% - 32px)}
  .site-header .nav-wrap{height:66px}
  .site-header .brand-logo{height:36px;width:36px}
  .site-header .main-nav{position:absolute;top:65px;left:0;right:0;display:none;background:#0d1b2b;border-bottom:1px solid #46627e;padding:13px 16px;box-shadow:0 20px 30px #0008;max-height:80vh;overflow-y:auto}
  .site-header .main-nav.nav-open{display:flex;flex-direction:column;align-items:stretch}
  .site-header .main-nav a{color:#edf4ff!important;min-height:42px;padding:9px 13px}
  .site-header .mobile-menu{display:grid;place-items:center}
  .hero-grid{display:grid;grid-template-columns:1fr;min-height:auto}
  .hero-text{padding:42px 0 23px}
  .hero-text h1{font-size:clamp(40px,7vw,57px)}
  .hero-art-premium{display:none}
  .apps-section .app-grid{grid-template-columns:1fr}
  .apps-section .filter-pills{flex-wrap:wrap}
  .apps-section .filter-bar{align-items:stretch;flex-wrap:wrap}
  .apps-section .search-wrap{width:100%;min-width:200px}
  .app-card{grid-template-columns:40% 60%;min-height:205px}
  .app-card .card-shot{min-height:205px}
}
@media(max-width:550px){
  .container{width:calc(100% - 24px)}
  .nav-wrap{gap:8px}.brand{font-size:17px;gap:7px}
  .brand-lite{font-size:11px}
  .header-actions{gap:6px}.header-actions .icon-btn{height:37px;width:37px}
  .hero-text{padding:43px 0 46px}
  .hero-text h1{font-size:clamp(39px,10vw,52px);letter-spacing:-2.2px}
  .hero-text>p{font-size:15px;margin-bottom:14px}
  .hero-notes{margin:14px 0 20px;font-size:11px}
  .hero-notes span{gap:5px}
  .hero-buttons{gap:9px}
  .hero-buttons .btn{padding:0 11px;font-size:12px;height:44px;flex:1;min-width:0}
  .apps-section{padding:26px 0 46px}
  .apps-section .section-head h2{font-size:27px}
  .apps-section .filter-bar{margin:0;padding-bottom:13px}
  .apps-section .pill{font-size:11.5px;min-height:39px;padding:0 11px}
  .app-card{min-height:208px;grid-template-columns:41% 59%}
  .app-card .card-shot{min-height:208px}
  .app-card .card-type{margin:9px 10px 3px;font-size:10px}
  .app-card h3{font-size:15px;margin:3px 10px 4px}
  .app-card .card-subtitle{font-size:11.5px;margin:0 10px 5px;-webkit-line-clamp:4;max-height:68px}
  .app-card .card-actions{margin:0 8px 9px;width:calc(100% - 16px);gap:5px}
  .app-card .card-actions .btn{font-size:10px;padding:0 4px;height:37px;min-height:37px}
  .app-card .card-actions svg{display:none}
  .home-dev-panel{padding:23px 20px}
}
@media(max-width:370px){
  .app-card{grid-template-columns:39% 61%;min-height:222px}
  .app-card .card-shot{min-height:222px}
  .app-card .card-actions{display:grid;grid-template-columns:1fr;grid-row:4;align-self:end}
  .app-card .card-actions .btn{height:31px;min-height:31px}
  .app-card .card-subtitle{max-height:62px;-webkit-line-clamp:3}
  .hero-buttons{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.app-card,.hero-buttons .btn,.card-shot img{transition:none!important;transform:none!important}}

/* LOT178 QA visual correction: compact source reference 3x2 grid */
.trust-strip{display:none!important}
.brand{font-family:"Arial Black","Segoe UI",system-ui,sans-serif;font-size:20px;line-height:1;font-style:italic;font-weight:900}
.brand-lite{display:block;font-family:"Segoe UI",system-ui,sans-serif;font-size:12px;line-height:1.1;text-align:center;font-style:normal;font-weight:500;letter-spacing:0;margin-top:2px}
.hero-text h1{font-family:"Arial Black","Segoe UI",system-ui,sans-serif;font-weight:900!important;font-size:clamp(43px,4.9vw,74px);letter-spacing:-3.5px}
.app-card{height:205px;min-height:205px;max-height:205px;grid-template-rows:33px minmax(37px,auto) minmax(0,1fr) 47px;align-content:stretch}
.app-card .card-shot{position:relative;min-height:0!important;max-height:205px;height:100%;overflow:hidden}
.app-card .card-shot img{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain;object-position:center}
.app-card .card-type{align-self:center;margin:5px 12px 0}
.app-card .card-actions{align-self:end}
.app-card .card-subtitle{min-height:0;max-height:none;-webkit-line-clamp:3}
@media(max-width:790px){
  .app-card{height:216px;min-height:216px;max-height:216px}
  .app-card .card-shot{min-height:0!important;max-height:216px}
}
@media(max-width:550px){
  .hero-text h1{font-size:clamp(40px,10.5vw,52px);letter-spacing:-1.8px}
  .app-card{height:214px;min-height:214px;max-height:214px}
  .app-card .card-shot{max-height:214px}
  .app-card .card-type{margin:7px 9px 2px}
  .app-card .card-subtitle{min-height:0;max-height:none;-webkit-line-clamp:3}
}
@media(max-width:370px){
  .app-card{height:220px;min-height:220px;max-height:220px}
  .app-card .card-shot{max-height:220px}
}

/* LOTE178 final polish after review of actual desktop/mobile screenshots */
.app-card .card-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:1fr!important;align-items:center!important}
.app-card .card-actions .btn{display:inline-flex;width:100%;height:34px;min-height:34px;font-size:10.6px;min-width:0;padding:0 4px}
.app-card .card-actions .btn-blue{order:-1}
.app-card .card-actions .btn-outline{order:1}
.app-card .card-type{font-size:11.5px}
.app-card .card-subtitle{font-size:11.8px}
.hero-text h1{font-family:Inter,"Arial Black","Segoe UI",system-ui,sans-serif;font-weight:850!important;font-synthesis:weight;letter-spacing:-2.8px}
.hero-text h1 .hero-accent{color:#178eff}
html[data-theme=light] .hero-text h1 .hero-accent{color:#176dda}
body[data-program-slug] .main-nav a[href="/"]{background:transparent;color:#dbe6f5}
body[data-program-slug] .main-nav a[href="/#aplicativos"]{background:#1a467b;color:#fff}
html[data-theme=light] body[data-program-slug] .main-nav a[href="/"]{color:#285078}
@media(max-width:550px){
  .app-card .card-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .app-card .card-actions .btn{height:35px;min-height:35px;font-size:10px;padding:0 2px}
  .app-card .card-type{font-size:10.7px}
  .app-card .card-subtitle{font-size:11.7px}
}
@media(max-width:370px){
  .app-card .card-actions{grid-template-columns:1fr!important;grid-template-rows:auto auto!important}
  .app-card .card-actions .btn{min-height:30px;height:30px}
}

.apps-section .filter-bar .fav-pill{display:inline-flex;width:39px;justify-content:center;padding:0;font-size:0}.apps-section .filter-bar .fav-pill .icon{height:17px;width:17px}

/* LOT178 contrast final - light mode does not inherit dark showcase/link colors */
html[data-theme=light] .site-header{background:#e8f0fa!important;border-bottom-color:#c7d8ec}
html[data-theme=light] .site-header .nav-wrap{background:transparent}
html[data-theme=light] .site-header .brand{color:#173152!important}
html[data-theme=light] .site-header .brand-lite{color:#466582!important}
html[data-theme=light] .dev-showcase{color:#173152}
html[data-theme=light] .dev-showcase-card{color:#183658;background:#fff;border-color:#bfd0e4}
html[data-theme=light] .dev-showcase-card strong{color:#152e50}
html[data-theme=light] .dev-showcase-card span{color:#4c6381}
@media(max-width:790px){
  html[data-theme=light] .site-header .main-nav{background:#f5f9fe}
  html[data-theme=light] .site-header .main-nav a{color:#183d67!important}
  html[data-theme=light] .site-header .main-nav a[href="/"]{color:#fff!important}
}

/* Explicit light brand backdrop for reliable contrast sampling */
html[data-theme=light] .site-header a.brand{background:#e8f0fa;color:#173152;border-radius:6px}


/* LOT179: progressive enhancement / network-resilient fallback. Designed without AI imagery. */
.fallback-shell{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 77% 4%,#1b3852 0%,transparent 35%),linear-gradient(160deg,#0a121c,#122133);color:#eef5ff;font:400 15px/1.65 Inter,"Segoe UI",system-ui,sans-serif}
.fallback-header{max-width:1440px;margin:auto;display:flex;gap:25px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #43566a;padding:15px 26px}
.fallback-brand{display:inline-flex;align-items:center;gap:9px;font-weight:850;font-size:20px;text-decoration:none;color:#f2f7ff}
.fallback-brand span{font-size:13px;color:#acccec;font-weight:500}
.fallback-header nav{display:flex;flex-wrap:wrap;gap:11px}
.fallback-header nav a{color:#d9e8f7;padding:9px 13px;text-decoration:none;border-radius:8px}
.fallback-header nav a:hover,.fallback-header nav a:focus-visible{background:#173b66}
.fallback-main{width:min(1350px,calc(100% - 45px));margin:auto;padding:60px 0 70px}
.fallback-tag{color:#b7d7fa;border:1px solid #4e6886;background:#0c2338;padding:7px 12px;border-radius:25px;font-size:11px;letter-spacing:.7px;font-weight:750}
.fallback-intro h1,.fallback-detail h1{font-size:clamp(36px,5.2vw,66px);line-height:1.08;margin:23px 0 15px;letter-spacing:-1.7px;color:#fff}
.fallback-intro h1 em{color:#2699ff;font-style:normal}
.fallback-intro p,.fallback-detail p{max-width:680px;color:#d1dfef;font-size:16px;margin-bottom:42px}
.fallback-section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 17px}
.fallback-section-head h2{font-size:clamp(23px,3vw,32px);margin:0;color:#fff}
.fallback-section-head span{color:#c2d2e5;font-size:13px}
.fallback-apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fallback-app{display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:136px;padding:19px 21px;border:1px solid #4a5e74;background:#152434;border-radius:15px;text-decoration:none;color:#f7faff}
.fallback-app:hover,.fallback-app:focus-visible{border-color:#65aefe;background:#1e3750}
.fallback-app strong{font-size:17px;line-height:1.25}
.fallback-app small{font-size:12px;color:#c6d7eb}
.fallback-os{color:#9fcaf6;font-size:12px}
.fallback-status{margin-top:22px;padding:12px 16px;border-left:3px solid #4596e8;background:#162c44;color:#d0e1f3;border-radius:7px;font-size:13px}
.fallback-support{margin-top:26px}
.fallback-support a{color:#9dd1ff;font-weight:700;text-underline-offset:3px}
.fallback-back{color:#c1ddff;text-decoration:none}
.fallback-detail{display:grid;grid-template-columns:1fr minmax(210px,36%);gap:36px;align-items:center;margin-top:30px}
.fallback-detail img{width:100%;max-height:430px;object-fit:contain;object-position:center;background:#152a40;border:1px solid #526d86;border-radius:17px;padding:10px}
.fallback-actions{display:flex;flex-wrap:wrap;gap:10px}
.fallback-primary,.fallback-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:47px;border-radius:10px;padding:11px 17px;text-decoration:none;font-weight:750}
.fallback-primary{background:#166ad0;color:white;border:1px solid #3d9cff}
.fallback-secondary{border:1px solid #829bb6;color:#f0f6ff}
html[data-theme=light] .fallback-shell{background:linear-gradient(#eaf3fd,#f8fbff);color:#1b3553}
html[data-theme=light] .fallback-header{border-color:#c6d8ea}
html[data-theme=light] .fallback-brand,html[data-theme=light] .fallback-section-head h2,html[data-theme=light] .fallback-intro h1,html[data-theme=light] .fallback-detail h1{color:#173250}
html[data-theme=light] .fallback-brand span,html[data-theme=light] .fallback-header nav a,html[data-theme=light] .fallback-intro p,html[data-theme=light] .fallback-detail p{color:#3d5876}
html[data-theme=light] .fallback-app{background:#fff;border-color:#b8cce2;color:#1c385a}
html[data-theme=light] .fallback-app small{color:#526a85}
html[data-theme=light] .fallback-os{color:#275fc2}
html[data-theme=light] .fallback-status{background:#ddecff;color:#24476e}
html[data-theme=light] .fallback-tag{background:#e2f0ff;color:#225aa6;border-color:#9ec2ec}
html[data-theme=light] .fallback-secondary{color:#2c527a;border-color:#89a5c3}
@media(max-width:850px){.fallback-apps{grid-template-columns:repeat(2,minmax(0,1fr))}.fallback-main{padding-top:43px}.fallback-detail{grid-template-columns:1fr}}
@media(max-width:540px){.fallback-header{padding:12px 16px}.fallback-header nav{gap:1px}.fallback-header nav a{font-size:12px;padding:8px}.fallback-main{width:calc(100% - 28px);padding:37px 0}.fallback-apps{grid-template-columns:1fr;gap:10px}.fallback-app{min-height:98px;padding:13px 17px}.fallback-intro p{font-size:14px}.fallback-section-head span{white-space:nowrap}.fallback-detail img{max-height:340px}}


/* LOT179: visible retry/banner on unstable connection */
.catalog-status179{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 17px;margin:0 auto 18px;max-width:1350px;border:1px solid #5283ba;border-radius:11px;background:#16304c;color:#ebf5ff;font-size:13px;line-height:1.5}
.catalog-retry179{min-height:39px;border:1px solid #a9cfff;background:#246bb5;color:#fff;border-radius:9px;font:750 13px "Segoe UI",sans-serif;cursor:pointer;padding:8px 13px}
.catalog-retry179:hover,.catalog-retry179:focus-visible{background:#3789d8}
html[data-theme=light] .catalog-status179{background:#e0f0ff;border-color:#89b4e7;color:#204468}
@media(max-width:540px){.catalog-status179{margin:0 10px 15px}.catalog-retry179{width:100%}}


/* LOTE181 - acabamento natural, hierarquia e catálogo de cinco aplicativos */
:root{--st-card-edge:#47627b;--st-card-depth:0 15px 33px rgba(0,8,17,.28);--st-focus:#80c5ff}
html[data-theme=dark] .apps-section{background:radial-gradient(ellipse at 55% 0%,#182a3b 0%,transparent 58%),linear-gradient(170deg,#0b1520,#111f2e)}
html[data-theme=dark] .hero-section{background:radial-gradient(ellipse at 78% 26%,#223e56 0%,transparent 49%),linear-gradient(105deg,#0b121a 6%,#122637 66%,#0c1825)}
html[data-theme=dark] .app-card{background:linear-gradient(148deg,#1b2d3f,#152333 68%,#152435);border:1px solid #425971;box-shadow:var(--st-card-depth),inset 0 1px 0 rgba(232,245,255,.055)}
html[data-theme=dark] .app-card:hover{border-color:#6da8dd;box-shadow:0 20px 38px #0006,inset 0 1px 0 #d2eaff19}
html[data-theme=dark] .app-card .card-shot{background:radial-gradient(circle at 45% 32%,#29445c,#0c1827 88%)}
html[data-theme=dark] .app-card .card-actions .btn-blue{background:linear-gradient(180deg,#208cfa,#145cb9);border-color:#64a8ed}
html[data-theme=dark] .app-card .card-actions .btn-outline{background:#19283b;color:#f0f6fd;border-color:#6e879f}
html[data-theme=dark] .app-card .card-actions .btn-outline:hover{background:#294765}
html[data-theme=dark] .site-header{box-shadow:0 6px 22px rgba(0,0,0,.18)}
html[data-theme=light] .app-card{border-color:#b9c9dc;box-shadow:0 11px 29px rgba(25,47,74,.095),inset 0 1px 0 #fff}
html[data-theme=light] .app-card:hover{box-shadow:0 16px 30px rgba(25,47,74,.14)}
.app-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.app-card h3{letter-spacing:-.23px}
.app-card .card-subtitle{line-height:1.5}
.apps-section .section-head{margin-bottom:14px}
:where(.st-hero,.apps-section) :where(a,button):focus-visible{outline:3px solid var(--st-focus);outline-offset:3px}
@media(min-width:1171px){
 .apps-section .app-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
 .apps-section .app-grid>.app-card{grid-column:span 2}
 .apps-section .app-grid>.app-card:nth-child(4),
 .apps-section .app-grid>.app-card:nth-child(5){grid-column:span 3}
 .apps-section .app-grid>.app-card:nth-child(4) .card-shot,
 .apps-section .app-grid>.app-card:nth-child(5) .card-shot{object-fit:contain}
}
@media(max-width:790px){
 .app-card{box-shadow:0 8px 20px rgba(0,0,0,.18)}
 .app-card:hover{transform:none}
 .apps-section .section-head h2{line-height:1.2}
 .apps-section .filter-pills{row-gap:8px}
}
@media(max-width:540px){
 .apps-section .section-head p{font-size:13px;line-height:1.55}
 .app-card{height:220px;min-height:220px;max-height:220px}
 .app-card .card-shot{max-height:220px}
 .app-card .card-actions .btn{min-height:38px;height:38px}
 .apps-section .pill{min-height:42px}
 .hero-text>p{line-height:1.6}
}
@media(prefers-reduced-motion:reduce){
 .app-card,.app-card .card-shot img{transition:none!important;transform:none!important}
}