/* DATOUNICO 2026 | Identidad editorial original | HTML5 + Tailwind + jQuery */
:root{--bg:#f6f8f7;--surface:#fff;--surface2:#eff3f3;--ink:#101e2c;--muted:#576573;--rule:#dce4e7;--blue:#05649d;--blue2:#087ac1;--lime:#a5db2c;--red:#fa1d19;--night:#071c2b;--deep:#061523;--font-head:'Space Grotesk',system-ui,sans-serif;--font-body:'DM Sans',system-ui,sans-serif;--shadow:0 20px 80px rgba(2,33,54,.13)}
html[data-theme="dark"]{--bg:#0c1924;--surface:#132531;--surface2:#1b303c;--ink:#edf7fb;--muted:#a9bdc6;--rule:#304450;--blue:#3ca5e4;--blue2:#55bdff;--night:#05121d;--deep:#06121d;--shadow:0 25px 80px rgba(0,0,0,.34)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .3s,color .3s}body.no-scroll{overflow:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}svg{display:block}.ic{height:20px;width:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.symbol-sprite{position:absolute;width:0;height:0;overflow:hidden}::selection{background:var(--lime);color:#061523}.shell{width:min(1320px,calc(100% - 88px));margin-inline:auto}.section-pad{padding-block:132px}.skip-link{position:fixed;top:-200px;left:16px;padding:12px 18px;background:var(--lime);z-index:1100;color:#061523}.skip-link:focus{top:16px}.reading-progress{position:fixed;top:0;left:0;width:0;height:3px;background:var(--lime);z-index:1001;pointer-events:none}.section-kicker{font-size:11px;letter-spacing:.16em;display:flex;gap:12px;align-items:center;font-weight:800;text-transform:uppercase;color:var(--blue)}.section-kicker.light{color:var(--lime)}.kicker-rule{display:inline-block;width:29px;height:2px;background:currentColor}.section-title{font:700 clamp(43px,5.2vw,78px)/1.09 var(--font-head);letter-spacing:-.065em;margin:24px 0 0}.title-soft{color:var(--blue)}.section-description{font-size:clamp(17px,1.75vw,21px);line-height:1.75;color:var(--muted)}
/* Header */
.site-header{height:89px;position:sticky;top:0;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--rule);z-index:900;transition:background .3s,box-shadow .3s}.site-header.scrolled{box-shadow:0 10px 30px rgba(3,20,35,.06)}.header-inner{height:100%;display:flex;align-items:center;gap:30px;justify-content:space-between}.brand{display:block;width:213px;flex-shrink:0}.brand img{display:block;width:100%;height:auto}.desktop-nav{display:flex;align-items:center;gap:clamp(17px,2vw,33px);margin-left:auto}.nav-anchor{position:relative;font-size:13px;font-weight:700;color:var(--muted);transition:color .2s;white-space:nowrap}.nav-anchor:hover,.nav-anchor.active{color:var(--blue)}.nav-anchor::after{position:absolute;content:'';bottom:-13px;left:0;width:0;height:2px;background:var(--blue);transition:width .25s}.nav-anchor:hover::after,.nav-anchor.active::after{width:100%}.header-actions{display:flex;align-items:center;gap:16px;margin-left:20px}.locale-picker{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--muted)}.locale-picker button{border:0;background:none;padding:6px 3px;font-size:11px;font-weight:800;color:var(--muted)}.locale-picker button.selected{color:var(--blue)}.icon-button{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--rule);background:transparent;border-radius:50%;color:var(--ink);transition:background .2s,border-color .2s}.icon-button:hover{background:var(--surface2);border-color:var(--blue)}.theme-sun{display:none}html[data-theme="dark"] .theme-sun{display:block}html[data-theme="dark"] .theme-moon{display:none}.nav-contact{display:inline-flex;gap:15px;align-items:center;background:var(--night);color:#fff;padding:14px 17px;font-size:12px;font-weight:700;border-radius:3px;white-space:nowrap;transition:transform .2s,background .2s}.nav-contact .ic{width:16px;height:16px}.nav-contact:hover{transform:translateY(-2px);background:#086fae}.menu-toggle{display:none}.menu-cross{display:none}.mobile-menu{display:none}
/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:19px 22px;min-height:59px;font-size:13px;font-weight:800;letter-spacing:-.01em;border:1px solid transparent;border-radius:3px;transition:transform .25s,background .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px)}.btn .ic{width:18px;height:18px}.btn-blue{background:#056ca9;color:#fff}.btn-blue:hover{background:#045685;box-shadow:0 9px 28px #0276be33}.btn-text{padding-inline:10px;color:var(--ink)}.btn-text:hover{color:var(--blue)}
/* Hero: distinctive light editorial typography + brand geometry */
.hero{position:relative;overflow:hidden;background:var(--bg)}.hero-grid-pattern{position:absolute;inset:0 0 auto auto;width:59%;height:100%;opacity:.45;pointer-events:none;background-image:linear-gradient(to right,transparent calc(100% - 1px),var(--rule) calc(100% - 1px)),linear-gradient(to bottom,transparent calc(100% - 1px),var(--rule) calc(100% - 1px));background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,black)}.hero-main{position:relative;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;min-height:clamp(660px,76svh,860px);gap:24px;padding-top:60px;padding-bottom:65px}.hero-copy{position:relative;z-index:3}.eyebrow{display:flex;gap:12px;align-items:center;font:700 11px var(--font-head);letter-spacing:.15em;color:var(--blue)}.signal{width:9px;height:9px;background:var(--lime);border:2px solid var(--blue);border-radius:50%;box-shadow:0 0 0 4px #a5db2c22}.eyebrow-code{color:#9aaab4;margin-left:5px}.hero-title{margin:32px 0 27px;font:700 clamp(64px,7.6vw,122px)/.99 var(--font-head);letter-spacing:-.088em;max-width:820px}.hero-title>span{display:block;white-space:nowrap}.hero-title .title-line-2{font-size:.77em;letter-spacing:-.078em}.hero-title em{font-style:normal;color:var(--blue);position:relative}.hero-title em::after{content:'';position:absolute;width:10px;height:10px;background:var(--red);border-radius:0;top:-3px;right:-16px}.hero-lead{max-width:530px;font-size:clamp(16px,1.6vw,20px);line-height:1.7;color:var(--muted);margin:0 0 30px}.hero-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:15px}.hero-micro{margin-top:57px;display:flex;gap:13px;align-items:center;font:700 10px var(--font-head);letter-spacing:.16em;color:var(--muted)}.mini-bar{width:31px;height:5px;background:var(--red)}
.hero-visual{height:min(600px,48vw);min-height:470px;position:relative;perspective:900px;isolation:isolate}.blueprint-lines{position:absolute;inset:4% 0;opacity:.65;background:repeating-linear-gradient(135deg,transparent 0 38px,color-mix(in srgb,var(--blue) 11%,transparent) 39px 40px);clip-path:polygon(13% 4%,92% 2%,100% 92%,13% 100%)}.visual-watermark{position:absolute;font:700 clamp(130px,19vw,280px)/1 var(--font-head);letter-spacing:-.1em;color:color-mix(in srgb,var(--blue) 7%,transparent);transform:rotate(-90deg);left:2%;top:20%}.visual-disc{position:absolute;border:1px solid color-mix(in srgb,var(--blue) 25%,transparent);border-radius:50%;aspect-ratio:1;left:50%;top:48%;transform:translate(-50%,-50%)}.disc-one{width:90%}.disc-two{width:65%;border-style:dashed;animation:orbit-turn 55s linear infinite}.visual-disc::after{content:'';position:absolute;width:13px;height:13px;background:var(--red);right:10%;top:16%;border:3px solid var(--bg)}.visual-core{position:absolute;left:50%;top:48%;width:60%;aspect-ratio:1;display:grid;place-items:center;transform:translate(-50%,-50%) rotateX(7deg) rotateY(-12deg);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,#aaddff),color-mix(in srgb,var(--surface2) 94%,var(--blue)));box-shadow:25px 30px 0 -11px #01639c,35px 42px 0 -14px #a4d72e,42px 50px 60px #0151822d;border:1px solid color-mix(in srgb,var(--blue) 25%,transparent);border-radius:21px;transition:transform .2s ease-out;will-change:transform}.visual-core img{width:56%;max-height:72%;object-fit:contain;filter:drop-shadow(0 18px 17px #034a7520)}.core-border{position:absolute;inset:18px;border:1px solid color-mix(in srgb,var(--blue) 20%,transparent);border-radius:12px;pointer-events:none}.floating-card{position:absolute;z-index:3;box-shadow:0 9px 30px #001c3040}.card-top{top:12%;right:-2%;display:flex;align-items:center;gap:10px;padding:16px 19px;background:var(--night);color:white;font:700 11px var(--font-head);letter-spacing:.09em;transform:rotate(3deg)}.tiny-cross{font-size:20px;color:var(--lime)}.card-bottom{bottom:13%;left:1%;display:flex;gap:13px;align-items:center;padding:17px 22px;background:var(--surface);color:var(--ink);border-left:4px solid var(--red);transform:rotate(-3deg)}.card-bottom strong{display:block;font-size:12px;letter-spacing:-.01em}.card-bottom small{display:block;font-size:9px;letter-spacing:.13em;margin-top:5px;color:var(--muted)}.pulse-dot{width:12px;height:12px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 7px #a5db2c22;animation:breathe 2.8s infinite}.visual-coordinate{position:absolute;z-index:2;color:var(--blue);font:600 10px var(--font-head);letter-spacing:.14em}.coordinate-a{top:3%;left:12%}.coordinate-b{bottom:4%;right:5%}.hero-bottom{position:relative;display:flex;gap:16px;align-items:center;justify-content:space-between;border-top:1px solid var(--rule);padding-block:22px;font:700 10px var(--font-head);letter-spacing:.17em;color:var(--muted)}.scroll-track{flex:1;max-width:130px;height:1px;background:var(--rule);position:relative;overflow:hidden}.scroll-track span{position:absolute;height:100%;width:46px;background:var(--blue);animation:scroll-line 3s infinite}.plus-mark{color:var(--red)}
/* Statement */
.statement-band{background:var(--lime);color:#082235}.statement-inner{display:flex;align-items:center;gap:42px;padding-block:42px}.statement-symbol{font-size:55px;line-height:1}.statement-inner p{font:700 clamp(20px,2.25vw,33px)/1.32 var(--font-head);letter-spacing:-.035em;margin:0;max-width:940px}.statement-index{margin-left:auto;align-self:end;font:700 10px var(--font-head);white-space:nowrap}
/* About */
.about-layout{display:grid;grid-template-columns:190px 1fr 335px;gap:48px;align-items:start}.number-stamp{font:700 100px/.9 var(--font-head);color:color-mix(in srgb,var(--blue) 15%,transparent);letter-spacing:-.09em;margin-top:115px}.number-stamp span{font-size:21px;vertical-align:top;color:var(--red);margin-left:15px}.about-content{max-width:620px}.about-content .section-title{margin-top:3px}.about-content .section-description{margin-top:35px;max-width:600px}.about-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.about-chips span{border:1px solid var(--rule);padding:11px 13px;font-size:11px;font-weight:700;color:var(--muted);border-radius:2px}.about-feature{min-height:430px;background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow);padding:25px;position:relative;overflow:hidden}.feature-top{display:flex;justify-content:space-between;font:700 11px var(--font-head);letter-spacing:.09em}.feature-top .ic{color:var(--blue)}.feature-orbit{height:300px;position:relative;display:grid;place-items:center}.orbit-circle{position:absolute;aspect-ratio:1;border:1px solid var(--rule);border-radius:50%}.orbit-1{width:92%}.orbit-2{width:68%;border-style:dashed;border-color:var(--blue)}.orbit-center{position:relative;font:700 64px var(--font-head);color:var(--blue);letter-spacing:-.1em}.orbit-center span{font-size:35px;color:var(--red);vertical-align:middle}.orbit-label{position:absolute;font:700 9px var(--font-head);letter-spacing:.08em;padding:7px 9px;background:var(--surface2)}.orbit-top{top:30px;left:31%}.orbit-right{top:46%;right:3%}.orbit-low{bottom:29px;left:12%}.orbit-ai{bottom:36px;right:16%}.about-feature p{font-size:13px;line-height:1.6;color:var(--muted);border-top:1px solid var(--rule);padding-top:17px;margin:0}
/* Services */
.services{background:var(--night);color:#eff8ff;position:relative;overflow:hidden}.services::before{content:'';position:absolute;width:700px;height:700px;background:radial-gradient(circle,#075d8c66,transparent 65%);right:-350px;top:-340px;pointer-events:none}.services-heading{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:44px}.services-heading .section-title{color:white;margin-top:27px}.services-heading .section-title em{font-style:normal;color:var(--lime)}.services-intro{max-width:380px;margin:0 0 7px;color:#bbd0da;line-height:1.65;font-size:16px}.service-filters{display:flex;flex-wrap:wrap;gap:8px;margin:54px 0 25px}.filter-chip{background:transparent;border:1px solid #395469;color:#a8c2d0;font-size:12px;font-weight:700;padding:12px 19px;border-radius:2px;transition:all .2s}.filter-chip:hover,.filter-chip.active{background:var(--lime);color:#091d27;border-color:var(--lime)}.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.service-card{min-width:0;min-height:310px;border:1px solid #2c4960;background:#0e3045;color:#fff;padding:23px;display:flex;flex-direction:column;text-align:left;position:relative;overflow:hidden;transition:transform .3s,background .3s,border .3s}.service-card::before{content:'';position:absolute;inset:0;background:linear-gradient(130deg,transparent 45%,#ffffff08 100%);pointer-events:none}.service-card:hover,.service-card:focus-visible{background:#17425b;transform:translateY(-5px);border-color:#58adce}.service-card[hidden]{display:none!important}.service-card-lead{background:var(--lime);border-color:var(--lime);color:#052638;grid-column:span 2}.service-card-lead:hover{background:#b8ed3b;color:#052638}.service-host-card{background:#087bb9;border-color:#087bb9}.service-host-card:hover{background:#1190d0}.service-card .card-index{font:700 10px var(--font-head);letter-spacing:.12em;opacity:.7}.service-icon{width:52px;height:52px;stroke-width:1.2;margin-top:22px;opacity:.8}.service-card-lead .service-icon{height:78px;width:78px;opacity:.65}.service-card-bottom{margin-top:auto;display:grid;gap:10px;position:relative;padding-right:27px}.service-card-bottom strong{font:700 clamp(18px,2vw,24px)/1.2 var(--font-head);letter-spacing:-.04em;max-width:285px}.service-card-bottom>span:not(.card-arrow){font-size:12px;line-height:1.5;opacity:.76;max-width:260px}.card-arrow{position:absolute;bottom:0;right:0;display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;transition:transform .3s}.service-card:hover .card-arrow{transform:rotate(45deg)}.card-arrow .ic{width:17px;height:17px}.service-note{display:flex;align-items:center;gap:15px;font-size:12px;color:#b6ceda;margin-top:31px}.service-note .note-star{font-size:30px;color:var(--lime)}.service-note>span:last-child{margin-left:auto;font:700 10px var(--font-head);letter-spacing:.14em;white-space:nowrap}.hosting-detail{margin-top:13px;background:#e8f1f3;color:#0b2535;padding:37px 42px;border-top:5px solid var(--lime)}.hosting-detail[hidden]{display:none}.hosting-detail-head{display:flex;gap:30px;align-items:flex-start;justify-content:space-between}.detail-index{font:700 11px var(--font-head);letter-spacing:.12em;color:#056ca9}.hosting-detail h3{font:700 clamp(26px,3vw,43px)/1.15 var(--font-head);letter-spacing:-.06em;max-width:720px;margin:14px 0}.close-detail{border:1px solid #cbdbe3;background:#fff;color:#102f40;width:42px;height:42px;display:grid;place-items:center;flex:none}.close-detail:hover{background:#d9e9ee}.hosting-detail-lead{max-width:820px;color:#496673;font-size:16px;line-height:1.7}.hosting-columns{display:grid;grid-template-columns:repeat(3,1fr);margin-block:35px;gap:14px}.hosting-columns div{border-top:1px solid #c7d6db;padding:21px 15px 8px 0}.hosting-columns span{font:700 10px var(--font-head);color:#0781bd}.hosting-columns strong{display:block;margin-top:17px;font:700 22px var(--font-head)}.hosting-columns p{font-size:13px;line-height:1.7;color:#4e6570}.hosting-cta{margin-top:7px}
/* Big divider */
.bridge{background:var(--blue2);color:#fff;overflow:hidden}.bridge-inner{min-height:430px;display:flex;flex-direction:column;justify-content:center;position:relative;padding-block:70px}.bridge-label{font:700 11px var(--font-head);letter-spacing:.2em;opacity:.75;margin-bottom:26px}.bridge h2{font:700 clamp(62px,8.4vw,132px)/.98 var(--font-head);letter-spacing:-.085em;margin:0;position:relative;z-index:2}.bridge-glyph{position:absolute;right:0;bottom:-130px;color:#ffffff1c;font:500 500px/.9 var(--font-head);transform:rotate(-6deg)}
/* Method */
.method-top>.section-title{margin-bottom:60px}.method-layout{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:start}.method-steps{border-top:1px solid var(--rule)}.method-step{width:100%;display:grid;grid-template-columns:56px 1fr 25px;gap:20px;align-items:start;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--rule);padding:31px 8px 32px 0;color:var(--ink);transition:background .2s}.step-counter{font:700 15px var(--font-head);color:var(--blue)}.step-text{display:flex;flex-direction:column;gap:10px}.step-text strong{font:700 clamp(23px,2.4vw,34px) var(--font-head);letter-spacing:-.055em}.step-text>span{color:var(--muted);font-size:14px;line-height:1.7;max-width:430px}.step-go{font-size:21px;opacity:.35;transition:transform .2s}.method-step:hover .step-go,.method-step.active .step-go{opacity:1;transform:translate(3px,-3px);color:var(--blue)}.method-step.active .step-text strong{color:var(--blue)}.method-display{position:sticky;top:126px;min-height:495px;background:var(--night);color:#dff6ff;box-shadow:var(--shadow);padding:28px;overflow:hidden}.display-head,.display-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;font:700 10px var(--font-head);letter-spacing:.1em}.display-live{display:flex;align-items:center;gap:8px;color:var(--lime)}.display-live i{width:7px;height:7px;border-radius:50%;background:var(--lime);animation:breathe 2s infinite}.display-scene{height:378px;position:relative;display:grid;place-items:center}.scene-ring{position:absolute;border:1px solid #4d8aab55;border-radius:50%;aspect-ratio:1;transition:transform 1s,border-color .8s}.ring-a{width:330px}.ring-b{width:250px;border-style:dashed}.ring-c{width:160px;border-color:var(--lime)}.method-display[data-current="1"] .ring-b{transform:rotate(48deg) scale(1.15);border-color:#ff3030}.method-display[data-current="2"] .ring-a{transform:rotate(-40deg) scale(.87);border-color:#b7e838}.scene-center{z-index:2;width:125px;height:125px;background:#0b4366;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #2b86bc;border-radius:9px;box-shadow:0 18px 40px #031c34;transform:rotate(5deg);transition:transform .7s}.method-display[data-current="1"] .scene-center{transform:rotate(-8deg) scale(.92)}.method-display[data-current="2"] .scene-center{transform:rotate(0deg) scale(1.06)}.scene-center>span{font:700 55px var(--font-head);line-height:1}.scene-center small{font:700 8px var(--font-head);color:var(--lime);margin-top:8px;letter-spacing:.12em}.scene-node{position:absolute;width:15px;height:15px;border:3px solid #071c2b;background:var(--lime);border-radius:50%;z-index:2}.n1{top:51px;left:50%}.n2{bottom:55px;right:21%;background:#f52722}.n3{top:42%;left:13%;background:#2ba7e8}.display-foot{border-top:1px solid #345268;padding-top:22px;font-size:12px;letter-spacing:0}.display-foot>span:last-child{font-size:10px;letter-spacing:.12em;display:flex;gap:12px;align-items:center}.method-bars{display:inline-flex;gap:3px}.method-bars i{width:12px;height:4px;background:#416376}.method-bars i.active{background:var(--lime)}
/* Advantages */
.advantages{background:var(--surface2)}.advantages .section-title{margin-bottom:55px}.advantages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.advantage-item{padding:31px;background:var(--surface);border:1px solid var(--rule);min-height:265px;transition:transform .25s}.advantage-item:hover{transform:translateY(-5px)}.advantage-item>span{display:flex;align-items:center;justify-content:space-between;font:700 12px var(--font-head);color:var(--blue)}.advantage-item h3{font:700 27px/1.2 var(--font-head);letter-spacing:-.055em;margin:55px 0 13px}.advantage-item p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}
/* FAQ */
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-questions{border-top:1px solid var(--rule)}.faq details{border-bottom:1px solid var(--rule)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none;padding:25px 0;font-weight:700;font-size:17px}.faq summary::-webkit-details-marker{display:none}.faq summary .ic{transition:transform .2s;width:20px;height:20px;color:var(--blue)}.faq details[open] summary .ic{transform:rotate(45deg)}.faq details p{line-height:1.7;color:var(--muted);font-size:14px;max-width:620px;padding:0 34px 24px 0;margin:0}
/* Contact */
.contact{background:var(--night);color:#fff;position:relative;overflow:hidden}.contact-ambient{position:absolute;width:780px;height:780px;border:1px solid #2777a036;border-radius:50%;left:-400px;bottom:-470px;box-shadow:0 0 0 120px #216c8c0d,0 0 0 240px #216c8c06;pointer-events:none}.contact-layout{position:relative;display:grid;grid-template-columns:1.03fr .97fr;gap:75px;align-items:start}.contact-title{font:700 clamp(52px,6vw,90px)/1.04 var(--font-head);letter-spacing:-.075em;margin:32px 0 25px}.red-stop{color:var(--red)}.contact-copy>p{font-size:17px;color:#bfd0d9;line-height:1.7;max-width:490px}.contact-mark{display:flex;align-items:center;gap:30px;margin-top:90px;color:#8fb2c3;font:700 10px var(--font-head);letter-spacing:.14em}.contact-mark img{width:72px}.contact-panel{background:#f8faf9;color:#102638;padding:40px;box-shadow:0 45px 90px #00111c44}.contact-panel-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #dce4e7;padding-bottom:28px;font:700 22px var(--font-head);letter-spacing:-.05em}.contact-panel-top>span:last-child{color:#077cb8;font-size:28px}.contact form{padding-top:12px}.form-row{display:flex;flex-direction:column;gap:9px;margin-top:17px}.form-row label{font-size:12px;font-weight:800}.form-row input,.form-row select,.form-row textarea{width:100%;min-width:0;border:1px solid #d5e0e5;background:#fff;border-radius:1px;color:#102638;padding:14px 15px;font-size:13px;outline:none;transition:border .2s,box-shadow .2s;resize:vertical}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:#087dbb;box-shadow:0 0 0 3px #0786c522}.form-row [aria-invalid="true"]{border-color:#d82424!important}.form-submit{margin-top:25px;width:100%;justify-content:space-between}.form-feedback{min-height:17px;font-weight:700;font-size:12px;margin:11px 0 0;color:#bd3a32}.form-feedback.is-demo{color:#0c7556}.form-disclaimer{color:#647781;line-height:1.6;font-size:11px;margin:12px 0 0}
/* Footer */
.site-footer{background:var(--surface);color:var(--ink)}.footer-top{padding:54px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-logo{width:217px;flex-shrink:0}.footer-slogan{font:700 clamp(15px,1.75vw,23px) var(--font-head);letter-spacing:-.04em;max-width:350px}.back-top{display:flex;gap:12px;align-items:center;font-size:12px;font-weight:800;color:var(--blue)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--rule);padding-block:20px;font:700 10px var(--font-head);letter-spacing:.08em;color:var(--muted)}
/* Detail dialog */
.service-dialog{background:var(--surface);color:var(--ink);border:1px solid var(--rule);box-shadow:0 50px 150px #0008;width:min(590px,calc(100% - 30px));max-height:min(92vh,850px);padding:0;inset:0;margin:auto;overflow-y:auto}.service-dialog::backdrop{background:#031521ba;backdrop-filter:blur(7px)}.dialog-body{padding:38px}.dialog-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font:700 11px var(--font-head);letter-spacing:.1em;color:var(--blue)}.dialog-close{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--rule);color:var(--ink);background:transparent}.dialog-close:hover{background:var(--surface2)}.dialog-symbol{font-size:63px;line-height:1;color:var(--lime);margin-top:33px}.service-dialog h2{font:700 clamp(31px,4.3vw,52px)/1.1 var(--font-head);letter-spacing:-.065em;margin:18px 0 18px}.service-dialog p{font-size:15px;color:var(--muted);line-height:1.7}.dialog-features{border-top:1px solid var(--rule);margin-top:29px;margin-bottom:31px;padding-top:23px;display:grid;gap:15px}.dialog-features span{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.dialog-features .ic{color:var(--blue);width:17px;height:17px}.service-dialog .btn{width:100%}
/* General animations */
@keyframes orbit-turn{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes breathe{50%{box-shadow:0 0 0 10px #a5db2c08;opacity:.7}}@keyframes scroll-line{from{left:-48px}to{left:100%}}.reveal{opacity:1;transform:none}.reveal.pre-reveal{opacity:0;transform:translateY(24px)}.reveal.pre-reveal.is-visible{opacity:1;transform:none;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1)}
/* Dark mode balance */
html[data-theme="dark"] .hero-visual .visual-core{background:linear-gradient(145deg,#e9f3f7,#d1e0e7)}html[data-theme="dark"] .visual-coordinate{color:#6fbdec}html[data-theme="dark"] .statement-band{background:#a5db2c}html[data-theme="dark"] .services{background:#03111b}html[data-theme="dark"] .services-heading .section-title{color:#fff}html[data-theme="dark"] .bridge{background:#08588b}html[data-theme="dark"] .method-display{background:#051522}html[data-theme="dark"] .contact{background:#03111b}html[data-theme="dark"] .card-bottom{border-left-color:var(--red)}html[data-theme="dark"] .footer-logo,html[data-theme="dark"] .brand{background:transparent}
/* Responsive */
@media(max-width:1240px){.shell{width:min(1180px,calc(100% - 64px))}.brand{width:187px}.desktop-nav{gap:18px}.header-actions{gap:10px;margin-left:5px}.nav-contact{padding:13px}.hero-title{font-size:clamp(58px,7.1vw,99px)}.about-layout{grid-template-columns:120px 1fr 290px;gap:28px}.hero-visual{min-height:440px}.service-card{min-height:295px}}
@media(max-width:1060px){.desktop-nav,.nav-contact{display:none}.menu-toggle{display:grid}.mobile-menu{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;background:var(--surface);border-bottom:1px solid var(--rule);padding:15px 36px 25px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-9px);transition:opacity .2s,visibility .2s,transform .2s}.mobile-menu.open{opacity:1;visibility:visible;transform:none}.mobile-menu a{padding:14px 0;border-bottom:1px solid var(--rule);font:700 19px var(--font-head)}.mobile-menu small{color:var(--blue);margin-top:23px;font-weight:800;letter-spacing:.14em}.menu-toggle[aria-expanded="true"] .menu-bars{display:none}.menu-toggle[aria-expanded="true"] .menu-cross{display:block}.about-layout{grid-template-columns:1fr 290px}.section-left{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.number-stamp{font-size:60px;margin:0}.about-content{grid-column:1}.about-feature{grid-column:2}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card-lead{grid-column:span 2}.method-layout{gap:30px}.contact-layout{gap:30px}}
@media(max-width:780px){html{scroll-padding-top:70px}.shell{width:calc(100% - 40px)}.section-pad{padding-block:86px}.site-header{height:75px}.brand{width:181px}.header-actions{gap:9px}.hero-main{grid-template-columns:1fr;gap:18px;padding-top:82px;min-height:auto;padding-bottom:28px}.hero-title{font-size:clamp(55px,11vw,95px);margin:29px 0 20px}.hero-title>span{white-space:normal}.hero-title .title-line-2{font-size:.85em}.hero-lead{max-width:640px}.hero-visual{width:min(610px,100%);height:480px;min-height:0;justify-self:center;margin-top:14px}.hero-bottom{padding-block:16px}.statement-inner{gap:16px;padding-block:30px}.statement-symbol{font-size:38px}.statement-index{display:none}.section-title{font-size:clamp(44px,7.8vw,68px)}.about-layout{grid-template-columns:1fr 1fr;gap:35px}.about-content{grid-column:1/-1}.about-feature{grid-column:1/-1;min-height:390px;max-width:500px}.feature-orbit{height:255px}.services-heading{display:block}.services-intro{margin-top:26px;max-width:600px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:285px}.service-card-lead{grid-column:span 2}.bridge-inner{min-height:330px}.bridge-glyph{font-size:360px;bottom:-110px}.method-layout{display:flex;flex-direction:column-reverse;gap:35px}.method-display{position:relative;top:auto;min-height:410px;width:100%;max-width:580px}.display-scene{height:300px}.ring-a{width:270px}.ring-b{width:210px}.ring-c{width:135px}.method-steps{width:100%}.advantages-grid{grid-template-columns:1fr}.advantage-item{min-height:180px}.advantage-item h3{margin-top:32px}.faq-layout{grid-template-columns:1fr;gap:40px}.contact-layout{grid-template-columns:1fr;gap:48px}.contact-title{font-size:clamp(60px,10vw,90px)}.contact-mark{margin-top:38px}.contact-panel{max-width:660px;width:100%}.footer-top{flex-wrap:wrap}.footer-logo{width:190px}.footer-slogan{order:3;flex-basis:100%}}
@media(max-width:540px){.shell{width:calc(100% - 32px)}.header-inner{gap:5px}.brand{width:154px}.header-actions{gap:8px}.locale-picker{font-size:10px}.locale-picker button{font-size:10px;padding:5px 1px}.icon-button{width:34px;height:34px}.hero-main{padding-top:67px}.eyebrow{font-size:9px;gap:8px;letter-spacing:.085em}.eyebrow-code{display:none}.hero-title{font-size:clamp(46px,11vw,62px);letter-spacing:-.075em}.hero-title .title-line-2{font-size:.8em}.hero-lead{font-size:15px}.hero-buttons{display:flex;align-items:stretch;flex-direction:column}.hero-buttons .btn{justify-content:space-between}.hero-micro{margin-top:35px;font-size:9px}.hero-visual{height:365px;margin-top:20px}.visual-core{width:62%;border-radius:14px}.core-border{inset:11px}.card-top{top:7%;right:0;padding:10px;font-size:8px}.card-bottom{bottom:8%;left:0;padding:12px;font-size:10px}.card-bottom strong{font-size:10px}.card-bottom small{font-size:7px}.visual-coordinate{font-size:8px}.hero-bottom{font-size:8px}.hero-bottom>span:last-child{display:none}.statement-inner{align-items:start}.statement-symbol{font-size:30px}.statement-inner p{font-size:21px}.section-title{font-size:clamp(40px,10.3vw,55px)}.about-layout{gap:20px}.section-left{gap:10px}.number-stamp{font-size:55px}.about-content .section-description{font-size:16px}.about-chips span{font-size:10px}.services-grid{grid-template-columns:1fr 1fr;gap:8px}.service-card{padding:17px;min-height:255px}.service-card-lead{grid-column:span 2;min-height:265px}.service-card .card-index{font-size:9px}.service-card .service-icon{width:34px;height:34px}.service-card-lead .service-icon{width:58px;height:58px}.service-card-bottom strong{font-size:17px}.service-card-bottom>span:not(.card-arrow){font-size:11px}.card-arrow{width:26px;height:26px}.card-arrow .ic{width:13px;height:13px}.service-filters{margin-top:36px}.filter-chip{font-size:11px;padding:10px}.service-note{align-items:start;font-size:11px}.service-note>span:last-child{display:none}.hosting-detail{padding:23px 18px}.hosting-detail h3{font-size:29px}.hosting-columns{grid-template-columns:1fr;margin-block:22px;gap:0}.hosting-columns div{padding-top:14px}.hosting-columns strong{margin-top:10px}.bridge-inner{min-height:290px}.bridge h2{font-size:clamp(55px,11vw,72px)}.bridge-glyph{font-size:260px;bottom:-65px}.method-top>.section-title{margin-bottom:36px}.method-display{min-height:335px;padding:18px}.display-scene{height:258px}.ring-a{width:232px}.ring-b{width:180px}.ring-c{width:117px}.scene-center{width:93px;height:93px}.scene-center>span{font-size:42px}.scene-node{width:12px;height:12px}.method-step{grid-template-columns:33px 1fr 16px;gap:13px;padding:23px 0}.step-text strong{font-size:25px}.step-text>span{font-size:13px}.contact-title{font-size:clamp(49px,10vw,66px)}.contact-panel{padding:25px 20px}.contact-panel-top{font-size:20px}.contact-copy>p{font-size:15px}.footer-top{padding-block:38px}.footer-bottom{flex-wrap:wrap;row-gap:12px;font-size:9px}.footer-bottom>span:nth-child(2){display:none}.dialog-body{padding:25px}.service-dialog h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal.pre-reveal{opacity:1;transform:none}}
/* La versión inglesa tiene titulares más largos: permitir un salto elegante. */
html[lang="en"] .hero-title{font-size:clamp(59px,6.65vw,99px)}
html[lang="en"] .hero-title .title-line-2{white-space:normal;max-width:750px;line-height:1.08}
@media(max-width:540px){html[lang="en"] .hero-title{font-size:clamp(44px,10.6vw,59px)}.service-host-card{grid-column:span 2;min-height:205px}}

/* v2.2 — Logotipo y eslogan alineados, con el mismo ancho visual.
   El nombre es un recorte sin cambios del PNG transparente original.
   El eslogan se ajusta a su ancho, sin recuadros y sin alejarlo del nombre. */
.brand.brand-lockup,.footer-logo.brand-lockup{
  width:290px;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:8px;
  padding:2px 0;
  background:transparent;
  border:0;
  min-width:0;
  text-decoration:none;
}
.brand-lockup .brand-symbol{
  flex:0 0 21%;
  width:21%;
  display:block;
  height:auto;
  object-fit:contain;
}
.brand-lockup .brand-type{
  display:flex;
  flex:1 1 0;
  flex-direction:column;
  justify-content:center;
  align-items:stretch;
  gap:2px;                 /* eslogan casi pegado al nombre */
  min-width:0;
}
.brand-lockup .brand-wordmark{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:657 / 78;
  object-fit:contain;
}
.brand-lockup .brand-slogan{
  display:block;
  width:100%;              /* mismo comienzo y final que DATOUNICO */
  box-sizing:border-box;
  white-space:nowrap;
  font-family:var(--font-body);
  font-size:10.5px;
  font-weight:600;
  line-height:1.15;
  letter-spacing:.22px;    /* fallback; brand.js ajusta el espaciado exactamente */
  color:#065f98;
  text-align:left;
  transform:none;
}
html[data-theme="dark"] .brand-lockup .brand-wordmark{
  filter:brightness(1.5) saturate(1.08);
}
html[data-theme="dark"] .brand-lockup .brand-symbol{
  filter:brightness(1.12) saturate(1.05);
}
html[data-theme="dark"] .brand-lockup .brand-slogan{
  color:#addfff;
}
@media(max-width:1240px){
  .brand.brand-lockup,.footer-logo.brand-lockup{width:254px;gap:7px}
  .brand-lockup .brand-slogan{font-size:9.4px}
  .header-inner{gap:14px}
}
@media(max-width:780px){
  .brand.brand-lockup{width:205px;gap:6px}
  .brand-lockup .brand-slogan{font-size:8.5px}
}
@media(max-width:540px){
  .brand.brand-lockup{width:clamp(160px,47vw,200px);gap:5px}
  .brand-lockup .brand-slogan{font-size:7.15px;line-height:1.12}
  .footer-logo.brand-lockup{width:250px;gap:7px}
  .footer-logo.brand-lockup .brand-slogan{font-size:9.3px}
  .header-inner{gap:4px}
  .header-actions{gap:6px;margin-left:auto}
}

/* DATOUNICO 2.3 — visitantes activos (sustituye el eslogan grande del footer) */
.footer-presence{flex:1;max-width:480px;min-width:240px;display:flex;flex-direction:column;gap:12px;padding:13px 22px;border:1px solid var(--rule);border-radius:18px;background:color-mix(in srgb,var(--surface) 92%,var(--blue) 8%)}
.footer-presence-copy{display:flex;flex-direction:column;gap:4px}
.footer-presence-label{display:flex;gap:9px;align-items:center;font:800 12px var(--font-head);text-transform:uppercase;letter-spacing:.08em;color:var(--ink)}
.footer-presence-dot{display:inline-block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#32ba75;box-shadow:0 0 0 4px rgba(50,186,117,.12)}
.footer-presence-time{font:500 11px/1.3 var(--font-body);color:var(--muted)}
.footer-presence-metrics{display:flex;align-items:center;gap:15px;min-width:0}
.footer-presence-number{font:700 clamp(35px,4vw,51px)/1 var(--font-head);color:var(--blue);font-variant-numeric:tabular-nums;letter-spacing:-.05em}
.footer-presence-countries{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
.footer-country{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;border:1px solid var(--rule);background:var(--surface);color:var(--ink);font:700 12px var(--font-body);white-space:nowrap}
.footer-country-flag{font-family:system-ui, 'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;font-size:17px;line-height:1}
.footer-country-count{font-variant-numeric:tabular-nums}
.footer-presence-pending,.footer-country-more{font:600 11px/1.35 var(--font-body);color:var(--muted)}
html[data-theme="dark"] .footer-presence{background:rgba(255,255,255,.035)}
html[data-theme="dark"] .footer-country{background:rgba(255,255,255,.045)}
@media(max-width:1000px){.footer-top{flex-wrap:wrap}.footer-presence{order:3;flex-basis:100%;max-width:100%;min-width:0}.footer-logo.brand-lockup{width:270px}.back-top{margin-left:auto}}
@media(max-width:540px){.footer-top{align-items:center;gap:24px}.footer-logo.brand-lockup{width:230px}.footer-presence{order:3;padding:14px}.footer-presence-number{font-size:40px}.footer-presence-metrics{gap:12px}.back-top{font-size:11px}}

/* v2.4 / DATOUNICO — pie de página: presencia editorial sin caja */
.site-footer .footer-top{display:grid;grid-template-columns:minmax(200px,290px) minmax(280px,1fr) auto;align-items:center;column-gap:clamp(25px,4vw,64px);row-gap:20px;padding-block:60px}
.site-footer .footer-logo.brand-lockup{width:290px;max-width:100%}
.site-footer .footer-presence{min-width:0;max-width:none;flex:none;margin:0;padding:0 0 0 clamp(20px,3.2vw,48px);display:flex;flex-direction:column;gap:13px;border:0;border-left:1px solid var(--rule);border-radius:0;background:transparent;box-shadow:none}
.site-footer .footer-presence-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.site-footer .footer-presence-label{display:flex;align-items:center;gap:9px;color:var(--ink);font:700 10px/1.3 var(--font-head);letter-spacing:.13em;text-transform:uppercase}
.site-footer .footer-presence-dot{width:7px;height:7px;box-shadow:0 0 0 4px rgba(48,183,124,.1);background:#34c782;animation:du-presence-pulse 2.4s ease-in-out infinite}
@keyframes du-presence-pulse{50%{box-shadow:0 0 0 8px rgba(48,183,124,0)}}
.site-footer .footer-presence-time{font:500 10px/1.3 var(--font-body);color:var(--muted);white-space:nowrap}
.site-footer .footer-presence-body{display:flex;align-items:center;gap:clamp(16px,2.4vw,32px);min-width:0}
.site-footer .footer-presence-total{display:flex;align-items:baseline;flex-direction:column;gap:1px;flex:0 0 auto}
.site-footer .footer-presence-number{font:700 clamp(40px,4.4vw,60px)/.92 var(--font-head);letter-spacing:-.075em;color:var(--blue);font-variant-numeric:tabular-nums}
.site-footer .footer-presence-unit{font:600 10px/1.4 var(--font-body);color:var(--muted);white-space:nowrap}
.site-footer .footer-presence-regions{border-left:1px solid var(--rule);padding-left:clamp(14px,2vw,24px);min-width:0;flex:1 1 0}
.site-footer .footer-presence-origin{display:block;margin-bottom:9px;font:600 10px/1.4 var(--font-body);color:var(--muted)}
.site-footer .footer-presence-countries{display:flex;gap:7px;flex-wrap:wrap;align-items:center;min-width:0}
.site-footer .footer-country{border:0;border-radius:7px;background:color-mix(in srgb,var(--ink) 6%,transparent);display:inline-flex;align-items:center;gap:7px;padding:8px 10px;color:var(--ink);font:600 11px/1.2 var(--font-body);max-width:100%}
.site-footer .footer-country-flag{font-size:19px;line-height:1;flex-shrink:0}
.site-footer .footer-country-name{overflow-wrap:anywhere}
.site-footer .footer-country-count{color:var(--blue);margin-left:4px;font-size:12px;font-variant-numeric:tabular-nums}
.site-footer .footer-country-more{font:600 10px var(--font-body);color:var(--muted)}
.site-footer .footer-geo{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font:500 10px/1.5 var(--font-body)}
.site-footer .footer-geo-label{color:var(--muted)}
.site-footer .footer-geo-value{color:var(--ink);font-weight:700}
.site-footer .footer-geo-note{color:var(--muted);opacity:.8}
.site-footer .footer-geo-note::before{content:'·';margin-right:6px;opacity:.55}
.site-footer .back-top{justify-self:end;white-space:nowrap;align-self:center}
html[data-theme="dark"] .site-footer .footer-presence{background:transparent}
html[data-theme="dark"] .site-footer .footer-country{background:rgba(255,255,255,.075)}
@media(max-width:1130px){
  .site-footer .footer-top{grid-template-columns:minmax(0,1fr) auto;row-gap:27px;padding-block:42px}
  .site-footer .footer-logo.brand-lockup{grid-row:1;grid-column:1;width:270px}
  .site-footer .back-top{grid-row:1;grid-column:2}
  .site-footer .footer-presence{grid-row:2;grid-column:1/-1;border-left:0;border-top:1px solid var(--rule);padding:23px 0 0;order:unset;max-width:none;min-width:0}
}
@media(max-width:600px){
  .site-footer .footer-top{gap:24px;padding-block:38px}
  .site-footer .footer-logo.brand-lockup{width:min(250px,63vw)}
  .site-footer .footer-presence-head{gap:8px}
  .site-footer .footer-presence-time{font-size:9px}
  .site-footer .footer-presence-body{align-items:flex-start;gap:15px}
  .site-footer .footer-presence-number{font-size:44px}
  .site-footer .footer-presence-unit{font-size:9px}
  .site-footer .footer-presence-regions{padding-left:14px}
  .site-footer .footer-country{padding:7px 8px;font-size:10px}
  .site-footer .footer-country-flag{font-size:17px}
  .site-footer .footer-geo{font-size:10px}
}
@media(max-width:360px){.site-footer .footer-presence-body{flex-direction:column}.site-footer .footer-presence-regions{border-left:0;padding-left:0}}
@media(prefers-reduced-motion:reduce){.site-footer .footer-presence-dot{animation:none}}

/* v2.6 — envío de contacto por PHP */
.form-honey{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;pointer-events:none}
.form-submit:disabled{opacity:.65;cursor:wait;pointer-events:none}
#form-feedback.is-demo{color:#08765d}


/* v2.7 — indicador compacto de presencia, siempre en una línea */
.site-footer .footer-presence-label{flex:0 0 auto;white-space:nowrap;min-width:max-content}
.site-footer .footer-presence-label > span{white-space:nowrap;display:inline-block}

/* v2.7 — acceso de clientes estilo Metro, responsivo y apto para modo oscuro */
.login-trigger{position:relative;flex:0 0 auto}
.login-trigger:hover,.login-trigger:focus-visible{color:var(--blue);border-color:var(--blue);background:var(--surface2)}
.login-trigger .ic{width:18px;height:18px}
body.login-modal-open{overflow:hidden}
.login-dialog{padding:0;border:0;width:min(720px,calc(100% - 32px));max-height:min(94dvh,700px);overflow:auto;margin:auto;inset:0;color:var(--ink);background:var(--surface);box-shadow:0 35px 120px #0017268c}
.login-dialog::backdrop{background:rgba(2,16,29,.76);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.login-dialog[open]{animation:du-login-reveal .26s cubic-bezier(.16,1,.3,1) both}
@keyframes du-login-reveal{from{opacity:0;transform:translateY(15px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.login-modal-grid{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:385px}
.login-modal-tile{background:linear-gradient(145deg,#086fae,#034f89);color:#fff;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:29px}
.login-modal-tile::before{content:'';position:absolute;z-index:-1;width:255px;height:255px;border:1px solid rgba(255,255,255,.18);border-radius:50%;top:27%;left:34%}
.login-modal-tile::after{content:'';position:absolute;z-index:-1;width:170px;height:170px;border:1px solid rgba(255,255,255,.16);border-radius:50%;top:45%;left:55%}
.login-tile-grid{display:grid;grid-template-columns:repeat(2,10px);grid-template-rows:repeat(2,10px);gap:4px}
.login-tile-grid span{background:#fff}.login-tile-grid span:nth-child(2){background:#b6df32}.login-tile-grid span:nth-child(3){background:#fc3029}
.login-tile-icon{width:86px;height:86px;stroke-width:1.2;margin:auto;opacity:.95}
.login-tile-tag{font:700 11px var(--font-head);letter-spacing:.16em;display:flex;align-items:center;justify-content:space-between;gap:12px}
.login-tile-cross{font-size:21px;color:#b6df32}
.login-modal-content{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:80px 47px 40px}
.login-dialog-close{position:absolute;top:20px;right:20px;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--rule);color:var(--ink);background:transparent;border-radius:0}
.login-dialog-close:hover,.login-dialog-close:focus-visible{border-color:var(--blue);color:var(--blue);background:var(--surface2)}
.login-modal-kicker{font:700 10px/1.4 var(--font-head);letter-spacing:.17em;text-transform:uppercase;color:var(--blue)}
.login-modal-content h2{font:700 clamp(48px,6vw,75px)/1 var(--font-head);letter-spacing:-.075em;margin:22px 0 18px;color:var(--ink)}
.login-modal-content p{font:400 15px/1.7 var(--font-body);color:var(--muted);max-width:360px;margin:0}
.login-modal-divider{display:flex;gap:6px;margin-top:30px}
.login-modal-divider i{display:block;width:22px;height:4px;background:var(--rule)}
.login-modal-divider i:first-child{background:var(--blue)}
.login-modal-action{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;margin-top:auto;min-height:47px;background:#056ca9;color:#fff;border:0;padding:13px 16px;font-weight:700;font-size:12px;transition:background .2s}
.login-modal-action .ic{width:17px;height:17px}
.login-modal-action:hover,.login-modal-action:focus-visible{background:#034d7f}
html[data-theme="dark"] .login-modal-tile{background:linear-gradient(145deg,#0875b8,#053b6b)}
@media(max-width:540px){
  .site-header .brand.brand-lockup{width:clamp(132px,38vw,174px)}
  .header-actions{gap:5px}
  .icon-button{width:33px;height:33px}
  .login-dialog{width:calc(100% - 24px);max-height:92dvh}
  .login-modal-grid{grid-template-columns:1fr;min-height:auto}
  .login-modal-tile{height:112px;min-height:0;padding:19px 24px;flex-direction:row;align-items:center}
  .login-tile-icon{height:60px;width:60px;margin:0}
  .login-tile-tag{font-size:10px}
  .login-modal-content{padding:64px 26px 28px}
  .login-dialog-close{right:17px;top:14px}
  .login-modal-content h2{margin:16px 0 14px;font-size:clamp(41px,12vw,61px)}
  .login-modal-content p{font-size:14px}
  .login-modal-action{margin-top:30px;width:100%}
}
@media(max-width:365px){.site-header .brand.brand-lockup{width:125px}.locale-picker{gap:1px}.header-actions{gap:4px}.icon-button{width:31px;height:31px}}
@media(prefers-reduced-motion:reduce){.login-dialog[open]{animation:none}}

/* v2.8 - Enlace legal integrado al footer */
.footer-meta-right{display:inline-flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;text-align:right}
.footer-privacy-link{color:var(--ink);font:700 11px var(--font-body);letter-spacing:0;white-space:nowrap;text-decoration:none;text-underline-offset:4px;transition:color .2s}
.footer-privacy-link:hover,.footer-privacy-link:focus-visible{color:var(--blue);text-decoration:underline}
.footer-meta-sep{color:var(--rule)}
.form-privacy-link{display:flex;align-items:center;gap:6px;margin-top:7px;font:600 12px var(--font-body);color:#93d5ff}
.form-privacy-link a{text-underline-offset:3px;text-decoration:underline}
.form-privacy-link a:hover{color:white}
.form-privacy-link .ic{width:12px;height:12px}
@media(max-width:540px){.footer-meta-right{width:100%;justify-content:flex-start;text-align:left;gap:10px}.footer-privacy-link{font-size:11px}}

/* v3.0 — Servicios y Soluciones diferenciados. Ciberseguridad pertenece a Soluciones. */
.catalog-group{scroll-margin-top:100px}
.catalog-group[hidden]{display:none!important}
.catalog-group+.catalog-group{margin-top:70px}
.catalog-group-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid rgba(183,211,226,.28);padding:27px 0 24px}
.catalog-group-heading>div{min-width:0}
.catalog-kicker{display:block;color:#9bd8e9;font:700 10px/1.5 var(--font-head);letter-spacing:.16em}
.catalog-group-heading h3{font:700 clamp(35px,4.8vw,64px)/1 var(--font-head);letter-spacing:-.06em;margin:9px 0 0;color:#fff}
.catalog-group-heading p{max-width:410px;color:#bad0dd;font-size:14px;line-height:1.6;margin:0}
.service-cyber-card{background:#123952;border-color:#4b9bba;position:relative}
.service-cyber-card::after{content:'✳';position:absolute;right:16px;top:12px;font:700 24px var(--font-head);color:var(--lime);opacity:.75}
.service-cyber-card:hover{background:#1a4c67;border-color:var(--lime)}
@media(min-width:1061px) and (max-width:1280px){.desktop-nav{gap:11px}.nav-anchor{font-size:12px}.header-actions{gap:7px}.nav-contact{padding:10px}}
@media(max-width:720px){.catalog-group-heading{flex-direction:column;align-items:flex-start;gap:9px}.catalog-group-heading p{max-width:600px}.catalog-group+.catalog-group{margin-top:44px}}
@media(max-width:400px){.catalog-group-heading h3{font-size:36px}}

/* Navegación compacta antes del menú móvil para seis enlaces. */
@media (min-width:1061px) and (max-width:1260px){
 .desktop-nav,.nav-contact{display:none}
 .menu-toggle{display:grid}
 .mobile-menu{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;background:var(--surface);border-bottom:1px solid var(--rule);padding:15px 36px 25px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-9px);transition:opacity .2s,visibility .2s,transform .2s}
 .mobile-menu.open{opacity:1;visibility:visible;transform:none}
 .mobile-menu a{padding:14px 0;border-bottom:1px solid var(--rule);font:700 19px var(--font-head)}
 .mobile-menu small{color:var(--blue);margin-top:23px;font-weight:800;letter-spacing:.14em}
 .menu-toggle[aria-expanded="true"] .menu-bars{display:none}
 .menu-toggle[aria-expanded="true"] .menu-cross{display:block}
}

/* v3.1: Software development joins the Services catalog */
.service-software-card{background:linear-gradient(138deg,#073752 0%,#095178 63%,#086ab0 100%);border-color:#2677a1}
.service-software-card:hover,.service-software-card:focus-visible{background:linear-gradient(138deg,#095176 0%,#126f9d 65%,#087bb9 100%);border-color:#90dcf3}
.service-software-card .service-icon{color:#a2e437;opacity:1}

/* v3.4 — Insignia configurable de disponibilidad. */
.service-card .service-status-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px;position:relative;z-index:1}
.service-coming-soon{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;border:1px solid #d1ed79;background:#b6e637;color:#092b40;border-radius:2px;padding:6px 9px;font:700 10px/1.2 var(--font-head);letter-spacing:.015em;white-space:nowrap}
.service-coming-soon::before{content:"";background:#0878ab;border-radius:50%;width:5px;height:5px;flex:none}
.service-coming-soon[hidden],.dialog-coming-soon[hidden]{display:none!important}
.dialog-coming-soon{display:inline-flex;align-items:center;gap:7px;width:max-content;margin-top:17px;padding:7px 10px;border-radius:2px;background:#e6f7c0;border:1px solid #c2e575;color:#163c1f;font:700 11px/1.2 var(--font-head)}
.dialog-coming-soon::before{content:"";width:6px;height:6px;background:#168c70;border-radius:50%}
@media(max-width:540px){.service-card .service-status-head{gap:7px}.service-coming-soon{font-size:9px;padding:5px 7px}}

/* v3.5 — Insignia genérica para cualquier tarjeta de Servicios o Soluciones. */
.service-card.is-coming-soon.service-cyber-card::after{display:none}
.service-card .service-status-head{width:100%}
.service-card .service-status-head .card-index{flex:0 1 auto}
.service-card .service-coming-soon{margin-left:auto}
@media(max-width:540px){
  .service-card .service-status-head{align-items:flex-start;gap:6px}
  .service-card .service-coming-soon{margin-left:0;max-width:100%;white-space:normal}
}

/* v3.9 — banderas locales rasterizadas, independientes de las fuentes emoji */
.site-footer .footer-country-flag {
  display:inline-block;
  flex:0 0 22px;
  width:22px;
  height:17px;
  object-fit:contain;
  vertical-align:middle;
}
.site-footer .footer-geo-value {
  display:inline-flex;
  align-items:center;
  column-gap:5px;
  vertical-align:middle;
  white-space:nowrap;
}
.site-footer .footer-geo-value .footer-country-flag {
  width:18px;
  height:14px;
  flex-basis:18px;
}
.site-footer .footer-country-flag-code {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:16px;
  border:1px solid var(--rule);
  font:700 9px/1 var(--font-body);
  border-radius:2px;
}