/* EMI Sites & Sistemas — visual portfolio. Scoped only to this page. */
.emi-sites{--ss-bg:#f1f6fd;--ss-paper:#fff;--ss-text:#142e4e;--ss-muted:#55708e;--ss-border:#d6e5f5;--ss-blue:#086ff6;--ss-soft:#eaf3ff;background:var(--ss-bg);color:var(--ss-text);min-height:100vh;padding:0 23px 75px;font-family:inherit}
.emi-sites *{box-sizing:border-box}.emi-sites a{text-decoration:none}
.emi-sites button,.emi-sites textarea{font:inherit}
.emi-sites button{cursor:pointer}
.emi-sites a:focus-visible,.emi-sites button:focus-visible,.emi-sites input:focus-visible,.emi-sites textarea:focus-visible{outline:3px solid #54b4fb;outline-offset:3px}
.emi-sites-wrap{max-width:1320px;margin:0 auto}
.emi-sites-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:30px;padding:65px 0 73px}
.emi-sites-back{font-weight:750;font-size:12px;color:var(--ss-blue);display:inline-block;margin:0 0 31px}
.emi-sites-eyebrow,.emi-sites-label{font-size:11px;color:var(--ss-blue);font-weight:850;letter-spacing:.16em;margin:0 0 15px}
.emi-sites-eyebrow{display:flex;align-items:center;gap:9px}.emi-sites-eyebrow span{display:block;width:8px;height:8px;border-radius:50%;background:#15c5a7;box-shadow:0 0 0 4px #17c7a721}
.emi-sites-hero h1{font-size:clamp(42px,4.75vw,70px);line-height:1.045;letter-spacing:-.063em;color:var(--ss-text);font-weight:840;margin:0 0 20px}
.emi-sites-hero h1 em{font-style:normal;color:var(--ss-blue)}
.emi-sites-hero-copy>p:not(.emi-sites-eyebrow){font-size:16px;line-height:1.72;color:var(--ss-muted);max-width:535px;margin:0}
.emi-sites-hero-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 0}
.emi-sites-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;border-radius:13px;padding:12px 19px;white-space:nowrap;font-weight:800;font-size:13px;border:1px solid transparent}
.emi-sites-btn.emi-sites-primary{background:linear-gradient(105deg,#0d98fc,#0962e8);color:#fff;box-shadow:0 8px 22px #0b7af026}
.emi-sites-btn.emi-sites-primary:hover{background:#0960de}
.emi-sites-btn.emi-sites-outline{color:var(--ss-blue);border-color:#9bcaf6;background:var(--ss-paper)}
.emi-sites-hero-micro{display:flex;gap:13px;flex-wrap:wrap;margin-top:27px;color:var(--ss-muted);font-size:11px;font-weight:700}
.emi-sites-hero-micro span{display:flex;align-items:center;gap:5px}.emi-sites-hero-micro i{font-style:normal;color:#0eaaa0}
.emi-sites-hero-art{position:relative;display:block;padding:30px 13px 35px 11px;min-width:0}
.emi-sites-hero-art:before{content:"";position:absolute;inset:8px -4px 23px 5px;border-radius:38px;background:radial-gradient(ellipse at 50% 52%,#2469a0 0%,#102b52 54%,#102444 85%);box-shadow:0 25px 44px #0c376124}
.emi-sites-laptop{position:relative;width:94%;z-index:1;border:10px solid #17293b;border-bottom-width:13px;border-radius:16px 16px 9px 9px;overflow:hidden;background:#111d2e;box-shadow:0 13px 29px #0007,0 0 0 1px #aac7e64d;transform:perspective(1600px) rotateY(-3deg) rotateX(2deg)}
.emi-sites-laptop-top{height:29px;background:#162842;display:flex;align-items:center;justify-content:space-between;padding:0 13px;gap:6px;color:#bbd0e9;font-size:10px;font-weight:700}
.emi-sites-chrome-dots{display:flex;gap:5px}.emi-sites-chrome-dots i{width:7px;height:7px;background:#4b7ba4;border-radius:50%}
.emi-sites-chrome-dots i:first-child{background:#f77c7c}.emi-sites-chrome-dots i:nth-child(2){background:#ffcb58}
.emi-sites-chrome-dots i:nth-child(3){background:#5ed4ac}
.emi-sites-laptop img{display:block;width:100%;height:auto;max-height:375px;object-fit:cover;object-position:top}
.emi-sites-laptop-bottom{height:7px;background:#243d55}
.emi-sites-mini-phone{position:absolute;z-index:2;width:23%;height:48%;bottom:5px;right:1%;border:7px solid #121d2e;border-radius:23px;background:#121d2e;box-shadow:0 9px 26px #000a;overflow:hidden}
.emi-sites-mini-phone img{width:100%;height:100%;object-fit:cover;object-position:50% 10%}
.emi-sites-mini-notch{position:absolute;z-index:1;top:0;left:50%;width:42%;height:10px;transform:translateX(-50%);border-radius:0 0 10px 10px;background:#121d2e}
.emi-sites-art-tag{z-index:3;position:absolute;left:21px;bottom:10px;background:#102b47eb;border:1px solid #78bcff6b;padding:9px 12px;color:#e4f3ff;border-radius:25px;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:.08em}
.emi-sites-art-dot{width:7px;height:7px;background:#29e2a1;border-radius:50%}
.emi-sites-portfolio,.emi-sites-possibilities,.emi-sites-request{scroll-margin-top:100px}
.emi-sites-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
.emi-sites-heading h2,.emi-sites-request h2{font-size:clamp(27px,3.2vw,43px);letter-spacing:-.046em;line-height:1.1;color:var(--ss-text);margin:0;font-weight:840}
.emi-sites-heading>p{max-width:355px;color:var(--ss-muted);font-size:13px;line-height:1.65;margin:0}
.emi-sites-gallery{display:grid;grid-template-columns:310px minmax(0,1fr);gap:15px;align-items:stretch}
.emi-sites-gallery-sidebar{display:grid;gap:9px;align-content:start}
.emi-sites-gallery-card{display:grid;grid-template-columns:106px minmax(0,1fr) 13px;align-items:center;gap:11px;text-align:left;border:1px solid var(--ss-border);background:var(--ss-paper);border-radius:16px;padding:9px;color:var(--ss-text);min-height:115px;box-shadow:0 7px 18px #133b6709}
.emi-sites-gallery-card[aria-pressed="true"]{border-color:#3796ff;background:#e9f3ff;box-shadow:inset 0 0 0 1px #398cf87a,0 7px 18px #0d78ff14}
.emi-sites-gallery-card:hover{border-color:#68acef}
.emi-sites-card-image{height:90px;width:106px;border-radius:10px;overflow:hidden;display:block;background:#112945}
.emi-sites-card-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.emi-sites-card-copy{display:grid;gap:4px;min-width:0}
.emi-sites-card-category{font-size:9px;color:var(--ss-blue);font-weight:850;letter-spacing:.04em}
.emi-sites-card-copy strong{font-size:13px;line-height:1.2}
.emi-sites-card-copy small{font-size:10px;color:var(--ss-muted);line-height:1.35}
.emi-sites-card-arrow{font-size:18px;color:var(--ss-blue)}
.emi-sites-preview{border:1px solid var(--ss-border);border-radius:21px;background:var(--ss-paper);min-width:0;overflow:hidden;box-shadow:0 10px 30px #123d6914}
.emi-sites-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap;padding:15px 18px;background:#112b47;color:#eef7ff}
.emi-sites-preview-info{display:flex;flex-direction:column;gap:5px;min-width:0}
.emi-sites-preview-info strong{font-size:14px}.emi-sites-preview-info small{font-size:11px;color:#a7caea;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.emi-sites-view-switch{display:flex;background:#203c5d;border:1px solid #446685;border-radius:10px;padding:3px;gap:3px;flex-shrink:0}
.emi-sites-view-switch button{background:transparent;color:#c8e3fc;border:0;border-radius:8px;padding:9px 12px;font-size:11px;font-weight:800}
.emi-sites-view-switch button[aria-pressed="true"]{background:#1176e7;color:#fff}
.emi-sites-preview-stage{height:530px;background:radial-gradient(circle at 50% 40%,#d9e9f9,#b5cce2 85%);padding:17px 10px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.emi-sites-viewport{min-width:0;max-width:100%;background:#fafcff;border:6px solid #142a42;border-radius:14px;overflow:hidden;box-shadow:0 12px 35px #081e3666;transition:width .28s ease}
.emi-sites-viewport[data-device="desktop"]{width:100%}
.emi-sites-viewport[data-device="mobile"]{width: min(275px,100%);border-width:7px;border-radius:23px}
.emi-sites-browser-bar{height:25px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;background:#172c45;color:#bbd6ec;font-size:10px}
.emi-sites-browser-dots{font-size:12px;letter-spacing:1px;color:#6f9ac8}
.emi-sites-browser-bar>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.emi-sites-frame-shell{height:450px;position:relative;width:100%;overflow:hidden;background:#e4edf8}
.emi-sites-viewport[data-device="mobile"] .emi-sites-frame-shell{height:437px}
.emi-sites-frame-shell iframe{border:0;display:block;position:absolute;left:0;top:0;transform-origin:0 0;background:#f8fbff;pointer-events:auto}
.emi-sites-frame-loading{position:absolute;inset:0;display:grid;place-items:center;background:#eff6ffed;color:#214b77;font-size:13px;font-weight:750;text-align:center;pointer-events:none}
.emi-sites-frame-loading[hidden]{display:none!important}
.emi-sites-preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:14px 18px 10px}
.emi-sites-preview-bottom>span{font-size:11px;color:var(--ss-muted);max-width:485px;line-height:1.45}
.emi-sites-preview-bottom>a{display:inline-flex;white-space:nowrap;background:#086ff2;color:#fff;border-radius:11px;padding:11px 13px;font-size:12px;font-weight:800}
.emi-sites-preview-note{font-size:10px;line-height:1.5;color:var(--ss-muted);padding:0 18px 15px;margin:0}
.emi-sites-possibilities{padding-top:66px}
.emi-sites-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.emi-sites-types article{border:1px solid var(--ss-border);border-radius:17px;padding:22px 19px;background:var(--ss-paper);display:flex;flex-direction:column;min-height:214px}
.emi-sites-types article>span{color:var(--ss-blue);font-size:12px;font-weight:850}
.emi-sites-types h3{font-size:18px;color:var(--ss-text);margin:18px 0 10px}
.emi-sites-types p{font-size:12px;color:var(--ss-muted);line-height:1.6;margin:0 0 18px}
.emi-sites-types strong{font-size:11px;color:var(--ss-blue);margin-top:auto}
.emi-sites-request{margin-top:65px;background:linear-gradient(125deg,#0b284b,#104779);padding:34px;border-radius:24px;display:grid;grid-template-columns:.74fr 1.26fr;gap:24px;color:white}
.emi-sites-request .emi-sites-label{color:#8bc7fc}
.emi-sites-request h2{color:#fff;font-size:clamp(27px,3.5vw,44px)}
.emi-sites-request-copy>p:not(.emi-sites-label){font-size:14px;line-height:1.7;color:#c6def3;margin:19px 0 26px;max-width:375px}
.emi-sites-request-steps{display:flex;gap:13px;flex-wrap:wrap}
.emi-sites-request-steps span{display:flex;align-items:center;gap:7px;color:#bfdaef;font-size:11px;font-weight:700}
.emi-sites-request-steps b{width:25px;height:25px;border:1px solid #6ca8dc80;border-radius:8px;display:grid;place-items:center;color:#fff}
.emi-sites-form{background:#fff;color:#193e65;border-radius:17px;padding:24px;min-width:0}
.emi-sites-form fieldset{margin:0 0 20px;padding:0;border:0;min-width:0}
.emi-sites-form legend,.emi-sites-text-label{font-size:13px;font-weight:800;color:#234568;display:block;margin-bottom:11px}
.emi-sites-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.emi-sites-choice-grid label{min-width:0;cursor:pointer;display:flex;align-items:center;gap:7px}
.emi-sites-choice-grid label>span{width:100%;min-height:42px;border:1px solid #d6e3f0;border-radius:10px;background:#f7faff;padding:12px 9px;text-align:center;font-size:11px;font-weight:760;display:grid;place-items:center;color:#395b77}
.emi-sites-choice-grid label input{position:absolute;opacity:0;width:1px;height:1px}
.emi-sites-choice-grid label:has(input:checked)>span{background:#dcecff;border-color:#3288ee;color:#0858af;box-shadow:inset 0 0 0 1px #3189e9}
.emi-sites-choice-grid label:has(input:focus-visible)>span{outline:3px solid #61a9f7;outline-offset:2px}
.emi-sites-options{grid-template-columns:repeat(3,minmax(0,1fr))}
.emi-sites-text-label small{font-weight:500;color:#7d8ea0}
.emi-sites-form textarea{display:block;width:100%;min-height:91px;resize:vertical;border-radius:12px;border:1px solid #cddfeb;background:#fbfdff;font-size:13px;color:#214969;padding:13px;line-height:1.5}
.emi-sites-form-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:18px}
.emi-sites-form-actions button{border:0}
.emi-sites-form-actions p{font-size:10px;line-height:1.55;max-width:220px;color:#63829a;margin:0}
.emi-sites-end{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:54px 6px 0}
.emi-sites-end span{font-size:10px;color:var(--ss-blue);letter-spacing:.13em;font-weight:850}
.emi-sites-end h2{font-size:clamp(24px,2.7vw,35px);color:var(--ss-text);line-height:1.25;letter-spacing:-.035em;margin:9px 0 0;max-width:650px}
:root[data-theme=dark] .emi-sites{--ss-bg:#111e32;--ss-paper:#1c304c;--ss-text:#eef5ff;--ss-muted:#b7cbe1;--ss-border:#345170;--ss-blue:#58a3ff;--ss-soft:#1d3654}
:root[data-theme=dark] .emi-sites-gallery-card[aria-pressed=true]{background:#1b426d;color:#f1f9ff;border-color:#61aeff}
:root[data-theme=dark] .emi-sites-gallery-card:hover{background:#203a56}
:root[data-theme=dark] .emi-sites-btn.emi-sites-primary{background:linear-gradient(105deg,#0489fa,#055fd9);color:#fff}
:root[data-theme=dark] .emi-sites-preview-note{color:#bdcee0}
@media(max-width:1160px){.emi-sites-hero{gap:13px}.emi-sites-hero h1{font-size:clamp(37px,4.2vw,55px)}.emi-sites-gallery{grid-template-columns:270px minmax(0,1fr)}.emi-sites-gallery-card{grid-template-columns:83px minmax(0,1fr) 11px}.emi-sites-card-image{width:83px;height:80px}.emi-sites-types{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:930px){.emi-sites-hero{grid-template-columns:1fr;gap:26px;padding:42px 0 60px}.emi-sites-hero-art{max-width:670px;width:100%;margin:auto}.emi-sites-gallery{grid-template-columns:1fr}.emi-sites-gallery-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.emi-sites-gallery-card{min-height:102px}.emi-sites-request{grid-template-columns:1fr}.emi-sites-request-copy>p:not(.emi-sites-label){max-width:600px}}
@media(max-width:650px){.emi-sites{padding:0 12px 45px}.emi-sites-hero{padding-top:28px}.emi-sites-back{margin-bottom:20px}.emi-sites-hero h1{font-size:clamp(38px,9vw,51px)}.emi-sites-hero-copy>p:not(.emi-sites-eyebrow){font-size:14px}.emi-sites-hero-buttons{gap:8px}.emi-sites-btn{min-height:45px;padding:11px 14px;font-size:11px;gap:8px}.emi-sites-hero-micro{gap:9px}.emi-sites-hero-art{padding:10px 4px 18px}.emi-sites-hero-art:before{inset:0}.emi-sites-mini-phone{border-width:4px;border-radius:15px}.emi-sites-mini-notch{height:7px}.emi-sites-art-tag{left:10px;bottom:0;font-size:8px}.emi-sites-heading{display:block}.emi-sites-heading>p{max-width:unset;margin-top:12px}.emi-sites-gallery-sidebar{grid-template-columns:1fr 1fr;gap:7px}.emi-sites-gallery-card{display:block;min-height:0;padding:6px;border-radius:11px}.emi-sites-card-image{width:100%;height:85px;border-radius:7px}.emi-sites-card-copy{padding:7px 3px;gap:4px}.emi-sites-card-copy strong{font-size:11px}.emi-sites-card-copy small{font-size:10px}.emi-sites-card-category{font-size:8px}.emi-sites-card-arrow{display:none}.emi-sites-preview-toolbar{padding:12px;gap:9px}.emi-sites-preview-info strong{font-size:12px}.emi-sites-preview-info small{font-size:9px}.emi-sites-view-switch button{padding:7px 9px;font-size:10px}.emi-sites-view-switch button span{display:none}.emi-sites-preview-stage{height:475px;padding:9px 6px}.emi-sites-viewport{border-width:4px}.emi-sites-browser-bar{height:21px;font-size:8px}.emi-sites-frame-shell{height:419px}.emi-sites-viewport[data-device=mobile]{width:245px}.emi-sites-viewport[data-device=mobile] .emi-sites-frame-shell{height:413px}.emi-sites-preview-bottom{padding:11px 12px}.emi-sites-preview-bottom>a{font-size:11px}.emi-sites-possibilities{padding-top:49px}.emi-sites-types{gap:8px}.emi-sites-types article{padding:14px 12px;min-height:195px}.emi-sites-types h3{font-size:15px}.emi-sites-request{padding:20px 14px;border-radius:17px;margin-top:46px}.emi-sites-form{padding:16px 12px}.emi-sites-options{grid-template-columns:repeat(2,minmax(0,1fr))}.emi-sites-form-actions{display:grid}.emi-sites-form-actions p{max-width:unset}}
@media(max-width:360px){.emi-sites-gallery-sidebar{grid-template-columns:1fr}.emi-sites-gallery-card{display:grid;grid-template-columns:84px minmax(0,1fr)}.emi-sites-card-image{width:84px;height:76px}.emi-sites-hero h1{font-size:36px}.emi-sites-types{grid-template-columns:1fr}.emi-sites-hero-buttons{flex-direction:column;align-items:stretch}}
@media(prefers-reduced-motion:reduce){.emi-sites-viewport{transition:none!important}}