
/* Shared ALICE identity from approved Home. */

        .sys-grid {
            background-size: 48px 48px;
            background-image: 
                linear-gradient(to right, rgba(99, 102, 241, 0.05) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(59, 130, 246, 0.05) 1px, transparent 1px);
        }

        .sys-card {
            background: linear-gradient(135deg, rgba(15, 23, 42, 0.85) 0%, rgba(19, 31, 55, 0.7) 100%);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(99, 102, 241, 0.18);
            box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
        }

        .sys-card-interactive {
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .sys-card-interactive:hover {
            border-color: rgba(139, 92, 246, 0.4);
            transform: translateY(-2px);
            box-shadow: 0 14px 40px -10px rgba(99, 102, 241, 0.15);
        }

        .text-gradient-systems {
            background: linear-gradient(135deg, #ffffff 0%, #93c5fd 40%, #a855f7 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #080c19; }
        ::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 3px; }

        .whatsapp-glow-btn{
            box-shadow: 0 0 0 0 rgba(16,185,129,0.55);
            animation: whatsappGlow 2.4s ease-in-out infinite;
        }

        .cat-card{
            position:relative;
            overflow:hidden;
            opacity:0;
            transform:translateY(16px);
            animation: catCardIn 0.65s cubic-bezier(.22,.8,.28,1) forwards;
        }
        @keyframes catCardIn{
            to{ opacity:1; transform:translateY(0); }
        }
        .cat-card::after{
            content:"";
            position:absolute;
            top:0;
            left:-75%;
            width:45%;
            height:100%;
            background:linear-gradient(75deg, transparent 0%, rgba(255,255,255,0.45) 50%, transparent 100%);
            transform:skewX(-20deg);
            transition:left 0.7s cubic-bezier(.22,.8,.28,1);
            pointer-events:none;
        }
        .cat-card:hover::after{
            left:130%;
        }
        .cat-card.cat-blue::after{
            background:linear-gradient(75deg, transparent 0%, rgba(96,165,250,0.55) 50%, transparent 100%);
        }
        .cat-card.cat-indigo::after{
            background:linear-gradient(75deg, transparent 0%, rgba(129,140,248,0.55) 50%, transparent 100%);
        }
        .cat-card.cat-purple::after{
            background:linear-gradient(75deg, transparent 0%, rgba(192,132,252,0.55) 50%, transparent 100%);
        }
        .cat-card.cat-emerald::after{
            background:linear-gradient(75deg, transparent 0%, rgba(52,211,153,0.55) 50%, transparent 100%);
        }

        .brand-shimmer{
            background: linear-gradient(110deg, #ffffff 20%, #93c5fd 40%, #ffffff 50%, #c4b5fd 60%, #ffffff 80%);
            background-size: 250% auto;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            animation: brandShimmer 5s linear infinite;
        }
        @keyframes brandShimmer{
            0%{ background-position: 0% 50%; }
            100%{ background-position: -250% 50%; }
        }

        .brand-glow-pulse{
            animation: brandGlowPulse 2.8s ease-in-out infinite;
        }
        @keyframes brandGlowPulse{
            0%, 100%{
                filter: drop-shadow(0 0 10px rgba(147,197,253,0.35)) drop-shadow(0 0 22px rgba(168,85,247,0.22));
            }
            50%{
                filter: drop-shadow(0 0 24px rgba(147,197,253,0.7)) drop-shadow(0 0 48px rgba(168,85,247,0.5));
            }
        }

        .brand-hero-fx{
            background: linear-gradient(110deg, #ffffff 20%, #93c5fd 40%, #ffffff 50%, #c4b5fd 60%, #ffffff 80%);
            background-size: 250% auto;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            animation:
                brandShimmer 5s linear infinite,
                brandGlowPulse 2.8s ease-in-out infinite;
        }

        /* ===================== BRAND FX LAYER (shockwave rings) ===================== */
        .brand-explosion-wrap{
            position:relative;
            display:inline-flex;
            align-items:center;
            justify-content:center;
        }
        .brand-explosion-wrap h1{
            position:relative;
            z-index:2;
        }
        .brand-core{
            position:absolute;
            width:55%; height:220%;
            aspect-ratio:1;
            border-radius:50%;
            background:radial-gradient(circle, rgba(99,102,241,0.35) 0%, rgba(139,92,246,0.18) 45%, transparent 75%);
            filter:blur(4px);
            animation: coreBreathe 10s ease-in-out infinite;
            z-index:0;
            pointer-events:none;
        }
        @keyframes coreBreathe{
            0%,100%{ transform:scale(0.9); opacity:0.75; }
            50%{ transform:scale(1.15); opacity:1; }
        }
        .brand-ring{
            position:absolute;
            width:38%;
            aspect-ratio:1;
            border-radius:50%;
            border:1.5px solid rgba(59,130,246,0.55);
            opacity:0;
            z-index:0;
            pointer-events:none;
            animation: ringExpand 11s cubic-bezier(.2,.7,.3,1) infinite;
        }
        .brand-ring.r2{ border-color:rgba(99,102,241,0.5); animation-delay:2.75s; }
        .brand-ring.r3{ border-color:rgba(139,92,246,0.5); animation-delay:5.5s; }
        .brand-ring.r4{ border-color:rgba(16,185,129,0.45); animation-delay:8.25s; }
        @keyframes ringExpand{
            0%{ transform:scale(0.4); opacity:0; }
            12%{ opacity:0.9; }
            100%{ transform:scale(3.4); opacity:0; }
        }
        .whatsapp-glow-btn:hover{
            animation-play-state: paused;
            box-shadow: 0 0 22px 4px rgba(16,185,129,0.55);
        }
        @keyframes whatsappGlow{
            0%   { box-shadow: 0 0 0 0 rgba(16,185,129,0.55); }
            50%  { box-shadow: 0 0 16px 4px rgba(16,185,129,0.45); }
            100% { box-shadow: 0 0 0 0 rgba(16,185,129,0.55); }
        }


        /* Acceso destacado a Servicios: misma geometría que WhatsApp, paleta índigo/azul. */
        .services-glow-btn {
            box-shadow: 0 0 0 0 rgba(99, 102, 241, 0.45);
            animation: servicesGlow 3.2s ease-in-out infinite;
        }
        .services-glow-btn:hover, .services-glow-btn:focus-visible {
            animation-play-state: paused;
            box-shadow: 0 0 20px 3px rgba(59, 130, 246, 0.5);
            outline: none;
        }
        @keyframes servicesGlow {
            0%, 100% { box-shadow: 0 0 0 0 rgba(99, 102, 241, 0.4); }
            50% { box-shadow: 0 0 15px 3px rgba(59, 130, 246, 0.32); }
        }
        .alice-footer-link { transition: color .2s ease, transform .2s ease; }
        .alice-footer-link:hover, .alice-footer-link:focus-visible {
            color: #fff;
            transform: translateX(3px);
            outline: none;
        }
        /* Conserva la barra en una fila cuando aparece el menú de escritorio. */
        @media (min-width: 1024px) and (max-width: 1179px) {
            .alice-brand-subtitle { display: none; }
        }
        @media (max-width: 639px) {
            .alice-services-shortcut-label { display: none; }
        }
        @media (max-width: 380px) {
            .alice-whatsapp-shortcut-label { display: none; }
        }
        @media (prefers-reduced-motion: reduce) {
            .services-glow-btn { animation: none; }
        }

        /* Barra principal: una sola fila. Menú compacto únicamente en móvil/tablet. */
        .alice-header-links { min-width: 0; }
        .alice-brand-subtitle { letter-spacing: .09em; }
        .alice-mobile-menu {
            background: linear-gradient(145deg, rgba(10,16,34,.99), rgba(15,23,42,.99));
            border: 1px solid rgba(99,102,241,.35);
            box-shadow: 0 20px 50px -15px rgba(0,0,0,.7);
            backdrop-filter: blur(24px);
            -webkit-backdrop-filter: blur(24px);
        }
        .alice-mobile-menu button {
            width: 100%; text-align: left; display: flex; align-items: center;
            gap: .75rem; padding: .75rem 1rem; border-radius: .75rem;
            color: #cbd5e1; font-size: .875rem; font-weight: 600;
            transition: color .2s ease, background .2s ease;
        }
        .alice-mobile-menu button:not(:disabled):hover,
        .alice-mobile-menu button:not(:disabled):focus-visible { color: #fff; background: rgba(99,102,241,.17); outline: none; }
        .alice-mobile-menu button:disabled { cursor: not-allowed; opacity: .5; }
        @media (max-width: 639px) { .alice-brand-subtitle { display: none; } }
        @media (prefers-reduced-motion: reduce) {
            .alice-mega-menu { animation: none; }
        }

        /* ALICE - Navigation and Mega Menu */
        .alice-menu-item { transition: color .2s ease, background .2s ease; }
        .alice-menu-item:hover, .alice-menu-item:focus-visible {
            color: #e0e7ff;
            background: rgba(99, 102, 241, .15);
            outline: none;
        }
        .alice-mega-menu {
            background: linear-gradient(145deg, rgba(10, 16, 34, .99), rgba(15, 23, 42, .99));
            border: 1px solid rgba(99, 102, 241, .35);
            box-shadow: 0 28px 80px -16px rgba(0, 0, 0, .85), 0 0 40px -28px rgba(99, 102, 241, .45);
            backdrop-filter: blur(26px);
            -webkit-backdrop-filter: blur(26px);
            animation: aliceMenuEnter .2s ease-out both;
        }
        @keyframes aliceMenuEnter {
            from { opacity: 0; transform: translateY(-9px); }
            to   { opacity: 1; transform: translateY(0); }
        }
        .alice-menu-category {
            background: linear-gradient(155deg, rgba(15, 23, 42, .93), rgba(10, 17, 33, .88));
            border: 1px solid rgba(148, 163, 184, .11);
            transition: border-color .2s ease, transform .2s ease, background .2s ease;
        }
        .alice-menu-category:hover {
            border-color: var(--category-color, #6366f1);
            transform: translateY(-2px);
        }
        .alice-service-link {
            display: flex;
            align-items: center;
            gap: 9px;
            padding: 9px 10px;
            border-radius: 10px;
            font-size: 12px;
            line-height: 1.4;
            color: #cbd5e1;
            transition: background .2s ease, color .2s ease;
        }
        .alice-service-link:hover, .alice-service-link:focus-visible {
            background: rgba(99, 102, 241, .14);
            color: #fff;
            outline: none;
        }
        .alice-service-link i { width: 16px; text-align: center; opacity: .88; }
        .alice-cat-link { text-decoration: none; }
        .alice-cat-link:focus-visible { outline: 2px solid #a5b4fc; outline-offset: 4px; border-radius: 8px; }
        .alice-card-link { display: block; text-decoration: none; color: inherit; }
        .alice-card-link:focus-visible { outline: 2px solid #818cf8; outline-offset: 3px; }
        @media (prefers-reduced-motion: reduce) {
            .alice-mega-menu { animation: none; }
        }
    
/* Global harmony: preserve one-line Home navigation and corporate footer on all pages. */
html { scroll-behavior:smooth; }
.font-display { font-family:"Space Grotesk",sans-serif; }
body { margin:0; background-color:#080c19; color:#f3f4f6; }
#aliceFooter { font-family:"Plus Jakarta Sans",sans-serif; padding:0; color:#94a3b8; border-top:1px solid rgba(99,102,241,.2); }
#aliceFooter a { text-decoration:none; }
header.alice-site-header { box-sizing:border-box; z-index:100; padding:16px 16px 0; font-family:"Plus Jakarta Sans",sans-serif; }
header.alice-site-header * { box-sizing:border-box; }
header.alice-site-header button,#aliceFooter button { cursor:pointer; }
header.alice-site-header a { text-decoration:none; }
#whatsappModal { z-index:120; }
#whatsappModal button { cursor:pointer; }
.alice-global-space { scroll-margin-top:30px; }








@keyframes aliceStackMarquee {to {transform:translateX(-50%);}}

/* Distinct service hero visual vocabulary */
.alice-art { position:relative;width:min(100%,515px);margin:auto;min-height:450px;display:grid;place-items:center;isolation:isolate;}
.alice-art:before {content:"";position:absolute;inset:8%;border:1px solid rgba(99,102,241,.19);border-radius:50%;box-shadow:0 0 90px rgba(59,130,246,.09) inset;}
.alice-art:after {content:"";position:absolute;inset:18%;border:1px dashed rgba(99,102,241,.18);border-radius:50%;animation:aliceSpin 48s linear infinite;pointer-events:none;}
.alice-art-board {position:relative;z-index:3;width:min(100%,410px);min-height:290px;border:1px solid rgba(96,165,250,.35);border-radius:20px;padding:19px;display:flex;flex-direction:column;justify-content:center;gap:13px;background:linear-gradient(140deg,rgba(16,32,61,.96),rgba(7,13,30,.97));box-shadow:0 22px 90px #0007,0 0 80px rgba(37,99,235,.08);transform:perspective(850px) rotateY(-5deg);animation:aliceArtFloat 7s ease-in-out infinite;overflow:hidden;}
.alice-art-board:before {content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(147,197,253,.035) 50%,transparent 70%);pointer-events:none;}
.alice-art-top {display:flex;gap:8px;align-items:center;color:#90a8cd;font:10px "Fira Code",monospace;letter-spacing:.1em;padding-bottom:12px;border-bottom:1px solid #253654;}
.alice-art-top .status {margin-left:auto;color:#34d399;}
.alice-art-top .led {display:block;width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 12px #34d399;}
.alice-art-tag {position:absolute;z-index:4;min-width:110px;max-width:145px;border:1px solid rgba(129,140,248,.35);padding:12px 13px;border-radius:12px;background:rgba(12,22,43,.94);font:10px "Fira Code",monospace;color:#849abb;animation:aliceArtFloat 6s ease-in-out infinite;box-shadow:0 15px 25px #0004;}
.alice-art-tag strong {display:block;color:#e2eeff;margin-top:5px;font-size:11px;}
.alice-art-tag.tl {top:7%;left:0;}
.alice-art-tag.br {bottom:5%;right:0;animation-delay:-2s;}
.alice-art-line {height:6px;background:#243753;border-radius:5px;position:relative;overflow:hidden;}
.alice-art-line:after {content:"";position:absolute;width:25%;inset:0 auto 0 0;background:linear-gradient(90deg,#2563eb,#22d3ee);animation:aliceProgress 4s ease-in-out infinite alternate;}
.alice-unit {display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(96,165,250,.18);background:rgba(20,39,71,.63);border-radius:12px;font:11px "Fira Code",monospace;color:#dfedff;}
.alice-unit svg {width:18px;height:18px;color:#67e8f9;flex-shrink:0;}
.alice-unit small {margin-left:auto;color:#34d399;font:9px "Fira Code",monospace;}
.alice-mini-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.alice-mini-tile {padding:14px;background:#101f3a;border:1px solid #2a476e;border-radius:12px;text-align:center;color:#e1edff;font-size:11px;font-weight:700;}
.alice-mini-tile svg{width:25px;height:25px;display:block;margin:auto auto 8px;color:#75ccff;}
.alice-mini-tile small {display:block;color:#8ba4c7;margin-top:5px;font:9px "Fira Code",monospace;}
.alice-art-flow {display:flex;align-items:center;justify-content:space-between;gap:5px;padding:16px 3px;}
.alice-art-flow .stage {flex:1;min-width:0;border:1px solid rgba(96,165,250,.3);padding:14px 6px;border-radius:11px;text-align:center;background:#122542;color:#e7f1ff;font:10px "Fira Code",monospace;animation:aliceStageGlow 4s ease-in-out infinite;}
.alice-art-flow .stage:nth-child(3){animation-delay:1s}.alice-art-flow .stage:nth-child(5){animation-delay:2s}.alice-art-flow .stage:nth-child(7){animation-delay:3s}
.alice-art-flow .stage svg {display:block;margin:0 auto 7px;color:#38bdf8;width:22px;height:22px;}
.alice-art-flow .arrow {color:#60a5fa;font-size:18px;}
.alice-editor {background:#080f20;border:1px solid #253c64;border-radius:13px;padding:13px;font:11px "Fira Code",monospace;color:#c0d4ee;min-height:170px;}
.alice-editor .code {margin:10px 0;color:#8fb5ec;line-height:2;white-space:normal;}
.alice-editor b{color:#c4b5fd}.alice-editor em{color:#7dd3fc;font-style:normal}.alice-editor strong{color:#6ee7b7}
.alice-browser {border:1px solid #335077;border-radius:13px;background:#081124;overflow:hidden;padding:0;}
.alice-browser .chrome {padding:10px 12px;border-bottom:1px solid #293d5c;background:#0c1931;font:10px "Fira Code",monospace;color:#869bbd;}
.alice-browser .site {padding:23px 18px;display:grid;gap:10px;}
.alice-browser .site .bar {height:13px;border-radius:6px;background:linear-gradient(90deg,#1d4ed8,#6366f1);width:65%;}
.alice-browser .site .rows {display:flex;gap:8px;}.alice-browser .site .rows i {height:70px;flex:1;background:#142b50;border:1px solid #284978;border-radius:8px;}
.alice-phone {width:170px;height:280px;border:6px solid #2b4268;border-radius:31px;background:#091329;box-shadow:0 20px 40px #0008;padding:27px 12px 15px;margin:auto;position:relative;display:flex;flex-direction:column;gap:11px;animation:aliceArtFloat 6s ease-in-out infinite;}
.alice-phone:before{content:"";position:absolute;top:7px;left:58px;width:44px;height:5px;border-radius:7px;background:#273b59;}
.alice-phone .screen-line{height:19px;border-radius:7px;background:linear-gradient(100deg,#12355a,#174271);}.alice-phone .screen-card{height:61px;border:1px solid #33557a;border-radius:10px;background:#152d4d;}
.alice-data-chips {display:grid;grid-template-columns:repeat(3,1fr);gap:9px;}
.alice-data-chips span{background:#0c2140;border:1px solid #244973;border-radius:10px;text-align:center;padding:14px 4px;color:#a7c6e8;font:10px "Fira Code",monospace;}
.alice-radar {width:175px;height:175px;margin:auto;border:1px solid #2e4b71;border-radius:50%;position:relative;display:grid;place-items:center;background:repeating-radial-gradient(circle,transparent 0 28px,rgba(99,102,241,.12) 29px 30px);}
.alice-radar svg{width:62px;height:62px;color:#80bdff;animation:aliceSpin 22s linear infinite;}
.alice-status-pill {padding:9px 12px;border:1px solid #2e4b71;border-radius:100px;color:#6ee7b7;background:#102b34;font:10px "Fira Code",monospace;align-self:start;}
.alice-art-neural {height:178px;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:center;}
.alice-art-neural span{width:20px;height:20px;border-radius:50%;border:1px solid #6ea8ff;background:#112c52;margin:auto;box-shadow:0 0 22px rgba(56,189,248,.3);animation:aliceStageGlow 3s infinite;}
.alice-art-neural span:nth-child(3n){animation-delay:-1s}.alice-art-neural span:nth-child(4n){animation-delay:-2s}
.alice-art-neural:after {content:"";position:absolute;inset:22%;background:radial-gradient(circle,rgba(99,102,241,.14),transparent 65%);z-index:-1;}
.alice-tick {display:flex;justify-content:space-between;align-items:center;font:10px "Fira Code",monospace;color:#a4b5cd;}
.alice-tick span:last-child {color:#34d399;}
@keyframes aliceArtFloat {50%{transform:perspective(850px) rotateY(-5deg) translateY(-10px)}}
@keyframes aliceStageGlow {50%{border-color:#67e8f9;box-shadow:0 0 18px rgba(56,189,248,.22)}}
@keyframes aliceProgress {to{left:80%;}}
@keyframes aliceSpin {to{transform:rotate(360deg)}}
@media(max-width:560px){.alice-art{min-height:345px}.alice-art-board{min-height:240px;width:86%;padding:12px}.alice-art-tag{font-size:8px;min-width:90px;max-width:110px;padding:8px}.alice-art-tag.tl{top:0}.alice-art-tag.br{bottom:0}.alice-art-flow .stage{font-size:8px}.alice-mini-tile{padding:9px}}
/* Lab system: individual simulations with distinct layouts, shared hardware shell */
.alice-lab { border:1px solid rgba(129,140,248,.27);background:linear-gradient(145deg,#0c172b,#080e1d);border-radius:24px;overflow:hidden;box-shadow:0 30px 90px #0006;color:#e9f3ff;}
.alice-lab-top,.alice-lab-bottom {display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 25px;}
.alice-lab-top {border-bottom:1px solid #263651;font:11px "Fira Code",monospace;letter-spacing:.07em;}
.alice-lab-top strong {display:flex;align-items:center;gap:9px;}.alice-lab-top strong i{width:7px;height:7px;display:inline-block;border-radius:50%;background:#34d399;box-shadow:0 0 15px #34d399;}
.alice-lab-status {color:#34d399;text-align:right;}
.alice-lab-center {padding:26px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);gap:21px;}
.alice-lab-visual {position:relative;min-height:375px;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(37,99,235,.12),transparent 70%),linear-gradient(#131f34 1px,transparent 1px),linear-gradient(90deg,#131f34 1px,transparent 1px);background-size:auto,33px 33px,33px 33px;border:1px solid #253d62;border-radius:17px;overflow:hidden;}
.alice-lab-wires {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.alice-lab-wires path {fill:none;stroke:var(--labtone,#38bdf8);stroke-width:2;stroke-dasharray:6 8;animation:aliceLabDash 2s linear infinite;opacity:.75;filter:drop-shadow(0 0 4px var(--labtone,#38bdf8));}
.alice-lab-node {position:absolute;transform:translate(-50%,-50%);background:#10213d;border:1px solid #38547d;border-radius:12px;padding:12px 8px;text-align:center;min-width:108px;max-width:160px;color:#d8e9ff;font:10px "Fira Code",monospace;cursor:pointer;z-index:2;transition:.25s;box-shadow:0 12px 20px #0006;}
.alice-lab-node svg {display:block;margin:0 auto 8px;width:24px;height:24px;color:var(--labtone,#67e8f9);}
.alice-lab-node small {display:block;margin-top:4px;color:#86a1c7;font-size:9px;}
.alice-lab-node:hover,.alice-lab-node.active {border-color:var(--labtone,#67e8f9);transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 23px rgba(56,189,248,.22);}
.alice-lab-metrics {display:flex;flex-direction:column;gap:12px;}
.alice-lab-metric {flex:1;border:1px solid #263a58;border-radius:13px;background:rgba(8,17,36,.87);padding:17px;min-height:105px;}
.alice-lab-metric label {display:block;color:#90a3bf;font:10px "Fira Code",monospace;margin-bottom:9px;}
.alice-lab-metric strong {display:block;font:600 21px "Space Grotesk",sans-serif;color:#e5f1ff;}
.alice-lab-meter {height:5px;background:#1c2f4c;border-radius:5px;margin-top:14px;overflow:hidden;}
.alice-lab-meter span {display:block;width:70%;height:100%;background:linear-gradient(90deg,#2563eb,var(--labtone,#22d3ee));transition:width .6s;}
.alice-lab-bottom {border-top:1px solid #263651;}
.alice-lab-message {font:11px "Fira Code",monospace;color:#9cb0cb;line-height:1.5;}
.alice-lab-run {border:1px solid #355e91;background:#102b4d;color:#90dfff;padding:12px 16px;border-radius:10px;display:flex;align-items:center;gap:8px;font:11px "Fira Code",monospace;cursor:pointer;white-space:nowrap;}
.alice-lab-run:hover {background:#17426b;}.alice-lab-run:disabled{opacity:.6;cursor:wait;}
@keyframes aliceLabDash {to {stroke-dashoffset:-28}}
@media(max-width:850px){.alice-lab-center{grid-template-columns:1fr}.alice-lab-metrics{display:grid;grid-template-columns:repeat(3,1fr)}.alice-lab-metric{min-height:95px}}
@media(max-width:580px){.alice-lab-center{padding:12px}.alice-lab-visual{min-height:320px}.alice-lab-node{min-width:76px;max-width:94px;font-size:8px;padding:9px 4px}.alice-lab-metrics{grid-template-columns:1fr}.alice-lab-top,.alice-lab-bottom{padding:13px;}.alice-lab-bottom{flex-wrap:wrap}.alice-lab-run{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.alice-art-board,.alice-art-tag,.alice-art:after,.alice-art-flow .stage,.alice-art-neural span,.alice-lab-wires path{animation:none}}

/* ALICE360 navigation 2026-10: only Servicios and WhatsApp in a compact single row. */
@media (max-width: 640px) {
  header.alice-site-header #navCard {gap:8px;padding:10px 11px;}
  header.alice-site-header .alice-brand-subtitle {display:none;}
  header.alice-site-header .alice-services-direct,
  header.alice-site-header .whatsapp-glow-btn {padding:8px 10px;gap:5px;white-space:nowrap;}
}
@media (max-width: 480px) {
  header.alice-site-header .alice-services-direct > span:first-child,
  header.alice-site-header .whatsapp-glow-btn > span:first-child {display:none;}
  header.alice-site-header .alice-services-direct,
  header.alice-site-header .whatsapp-glow-btn {padding:9px 11px;}
}


/* ===== ALICE360 / MOBILE & BRAND / V3 ===== */
html, body { max-width:100%; overflow-x:clip; }
header.alice-site-header {z-index:110;}
header.alice-site-header .alice-brand-link { display:flex; align-items:center; flex-shrink:0; gap:8px; min-width:0; }


.alice-brand-name{display:block;}
#servicesShortcutToggle {display:inline-flex!important;align-items:center;justify-content:center;min-width:0;cursor:pointer;white-space:nowrap;}
#servicesShortcutToggle .alice-services-shortcut-label {display:inline!important;white-space:nowrap;}
#servicesMegaMenu[aria-hidden="true"] {display:none!important;}
#servicesMegaMenu {max-height:min(78dvh,720px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;z-index:500;}
#servicesMegaMenu a {touch-action:manipulation;}
#servicesMegaMenu button {touch-action:manipulation;}
/* Static, lighter service/category heroes: real content visible immediately, no hero art/canvas. */
.alice-category-hero-layout {display:block!important;}
.alice-category-copy {max-width:900px;}
.alice-category-hero {padding-top:52px;padding-bottom:52px;}
.alice-category-hero *, .alice-category-hero *::before, .alice-category-hero *::after,
.alice-service-hero *, .alice-service-hero *::before,.alice-service-hero *::after {animation:none!important;}
.alice-service-hero {display:block!important;max-width:1040px;min-height:0!important;padding:70px 0 75px!important;}
.alice-service-hero > div:first-child {max-width:870px;}
/* All stacks go at the foot of the content; never make the mobile viewport wider. */





@media (max-width:767px) {
  header.alice-site-header {padding:11px 9px 0;}
  header.alice-site-header #navCard {display:flex;flex-wrap:nowrap;gap:5px;padding:7px 8px;min-width:0;}
  
  
  header.alice-site-header .alice-brand-link{gap:4px;}
  header.alice-site-header .alice-brand-name{font-size:13px!important;letter-spacing:.01em!important;}
  header.alice-site-header .alice-brand-subtitle{display:none!important;}
  header.alice-site-header .alice-services-trigger,header.alice-site-header .whatsapp-glow-btn {font-size:10px!important;gap:4px!important;padding:8px 9px!important;min-height:38px;border-radius:18px;flex-shrink:0;}
  header.alice-site-header .alice-services-trigger {margin-left:auto!important;}
  header.alice-site-header .alice-services-trigger > span:first-child,header.alice-site-header .whatsapp-glow-btn > span:first-child {display:none!important;}
  header.alice-site-header .alice-whatsapp-shortcut-label {display:inline!important;}
  #servicesMegaMenu {top:calc(100% + 7px);left:0;right:0;padding:17px 13px;max-height:min(78dvh,670px);border-radius:18px;}
  body.alice-menu-open {overflow:hidden!important;}
  
  
  
  
  
  
  
  
  
  
  
  
  .alice-service-hero {padding:40px 0 48px!important;}
  .alice-category-hero {padding-top:33px!important;padding-bottom:45px!important;}
  .alice-category-hero .alice-category-copy{width:100%;}
  .alice-category-hero .alice-category-copy h1 {max-width:100%;}
  .sys-card {backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
  .whatsapp-glow-btn,.services-glow-btn {animation:none!important;}
}
@media(max-width:340px){
  
  header.alice-site-header .alice-brand-name{font-size:12px!important}
  header.alice-site-header .alice-services-trigger,header.alice-site-header .whatsapp-glow-btn {padding:6px!important;font-size:9.5px!important;}
}
@media(prefers-reduced-motion:reduce){#servicesMegaMenu{animation:none!important}}
