*,
*::before,
*::after{box-sizing: border-box;margin: 0;padding: 0;}
html{scroll-behavior: smooth;}
body{min-height: 100vh;overflow-x: hidden;color: #f5f7fa;background:
radial-gradient(circle at 50% -10%, #1d2730 0%, transparent 35%),
#07090d;font-family:
Inter,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Helvetica,
Arial,
sans-serif;-webkit-font-smoothing: antialiased;}
body.menu-open{overflow: hidden;}
a{color: inherit;text-decoration: none;}
button{color: inherit;font: inherit;}
::selection{color: #080a0d;background: #dfff43;}
:root{--bg: #07090d;--bg-soft: #0b0e13;--card: rgba(255, 255, 255, 0.055);--card-hover: rgba(255, 255, 255, 0.085);--border: rgba(255, 255, 255, 0.10);--border-strong: rgba(255, 255, 255, 0.17);--text: #f4f7fa;--muted: #939aa5;--muted-2: #68707b;--accent: #dfff43;--accent-soft: rgba(223, 255, 67, 0.15);--max-width: 1260px;--radius-xl: 36px;--radius-lg: 26px;--radius-md: 18px;}
.site-background{position: fixed;inset: 0;z-index: -10;pointer-events: none;overflow: hidden;}
.noise{position: absolute;inset: 0;opacity: 0.035;background-image:
url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");}
.grid-bg{position: absolute;inset: 0;opacity: 0.13;background-image:
linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);background-size: 80px 80px;mask-image: linear-gradient(to bottom, black, transparent 85%);}
header{position: fixed;top: 18px;left: 0;width: 100%;z-index: 100;}
.nav-shell{width: calc(100% - 36px);max-width: var(--max-width);margin: auto;display: flex;align-items: center;justify-content: space-between;padding: 11px 12px 11px 18px;border: 1px solid var(--border);border-radius: 22px;background: rgba(7, 9, 13, 0.66);backdrop-filter: blur(24px);-webkit-backdrop-filter: blur(24px);box-shadow: 0 16px 70px rgba(0, 0, 0, 0.32);transition: background 0.3s ease, border 0.3s ease, transform 0.3s ease;}
.nav-shell.scrolled{background: rgba(7, 9, 13, 0.92);border-color: rgba(255, 255, 255, 0.14);}
.brand{display: flex;align-items: center;gap: 12px;font-size: 18px;font-weight: 800;letter-spacing: -0.03em;}
.brand-symbol{position: relative;width: 34px;height: 34px;display: grid;place-items: center;border-radius: 10px;background: var(--accent);color: #090b0e;font-size: 16px;font-weight: 900;box-shadow: 0 0 30px rgba(223, 255, 67, 0.15);}
.brand-symbol img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit;}
.brand-symbol.brand-logo{width:45px !important;height:45px !important;flex:0 0 45px !important;background:transparent !important;box-shadow:none !important;}
.brand-symbol.brand-logo img{filter:drop-shadow(0 6px 12px rgba(0,0,0,.32));transition:transform .3s ease,filter .3s ease;}
.brand-symbol.brand-logo::after{display:none !important;}
.brand-wordmark{position:relative;display:inline-flex;align-items:center;min-height:32px;padding-left:0;border-left:none;color:#ffffff !important;font-size:32px !important;font-weight:850;line-height:1;letter-spacing:.06em;text-shadow:0 4px 18px rgba(0,0,0,.35);background:none !important;background-image:none !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;-webkit-text-fill-color:#ffffff !important;transition:filter .3s ease;}
.brand:hover .brand-symbol.brand-logo img{transform:scale(1.06);filter:drop-shadow(0 8px 16px rgba(0,0,0,.4));}
.brand:hover .brand-wordmark{filter:brightness(1.15);}
.brand-symbol::after{content: "";position: absolute;inset: -5px;border: 1px solid rgba(223, 255, 67, 0.25);border-radius: 14px;opacity: 0;transition: 0.3s ease;}
.brand:hover .brand-symbol::after{opacity: 1;}
.desktop-nav{display: flex;align-items: center;gap: 30px;}
.desktop-nav a{position: relative;color: #b1b7c0;font-size: 14px;font-weight: 500;transition: 0.25s ease;}
.desktop-nav a:hover{color: white;}
.desktop-nav a::after{content: "";position: absolute;left: 0;bottom: -7px;width: 0;height: 1px;background: var(--accent);transition: width 0.3s ease;}
.desktop-nav a:hover::after{width: 100%;}
.mobile-quick-nav{display:none;align-items:center;gap:5px;}
.mobile-quick-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 9px;border:1px solid rgba(37,217,255,.22);border-radius:10px;background:rgba(37,217,255,.065);color:#53ddff;font-size:10px;font-weight:750;letter-spacing:.025em;white-space:nowrap;}
.nav-actions{display: flex;align-items: center;gap: 10px;}
.nav-contact{padding: 11px 18px;border-radius: 13px;color: #080b0e;background: var(--accent);font-size: 13px;font-weight: 750;transition: transform 0.25s ease, box-shadow 0.25s ease;}
.nav-contact:hover{transform: translateY(-2px);box-shadow: 0 10px 30px rgba(223, 255, 67, 0.15);}
.menu-button{display: none;width: 42px;height: 42px;border: 0;border-radius: 12px;background: rgba(255, 255, 255, 0.06);cursor: pointer;}
.menu-lines{width: 18px;height: 14px;margin: auto;position: relative;}
.menu-lines span{position: absolute;left: 0;width: 100%;height: 1.5px;border-radius: 999px;background: #fff;transition: 0.3s ease;}
.menu-lines span:first-child{top: 3px;}
.menu-lines span:last-child{bottom: 3px;}
.menu-button.active .menu-lines span:first-child{top: 6px;transform: rotate(45deg);}
.menu-button.active .menu-lines span:last-child{bottom: 6px;transform: rotate(-45deg);}
.mobile-menu{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 90;padding: 120px 30px 40px;display: flex;flex-direction: column;justify-content: space-between;background: rgba(7, 9, 13, 0.97);backdrop-filter: blur(30px);opacity: 0;visibility: hidden;transform: translateY(-15px);transition: opacity 0.35s ease, visibility 0.35s ease, transform 0.35s ease;}
.mobile-menu.open{opacity: 1;visibility: visible;transform: translateY(0);}
.mobile-links{display: flex;flex-direction: column;}
.mobile-links a{padding: 18px 0;border-bottom: 1px solid var(--border);font-size: clamp(28px, 8vw, 48px);font-weight: 650;letter-spacing: -0.045em;}
.mobile-menu-bottom{color: var(--muted);font-size: 13px;line-height: 1.7;}
.container{width: calc(100% - 40px);max-width: var(--max-width);margin-inline: auto;}
.section{position: relative;padding: clamp(90px, 11vw, 160px) 0;}
.eyebrow{display: inline-flex;align-items: center;gap: 10px;margin-bottom: 22px;color: #b6bdc7;font-size: 11px;font-weight: 700;letter-spacing: 0.16em;text-transform: uppercase;}
.eyebrow-dot{width: 7px;height: 7px;border-radius: 50%;background: var(--accent);box-shadow: 0 0 18px rgba(223, 255, 67, 0.7);animation: pulse-dot 2s infinite;}
@keyframes pulse-dot{0%, 100%{box-shadow: 0 0 0 0 rgba(223, 255, 67, 0.35);}
50%{box-shadow: 0 0 0 8px rgba(223, 255, 67, 0);}
}
.section-heading{max-width: 800px;margin-bottom: 60px;}
.section-heading h2{font-size: clamp(42px, 6.5vw, 82px);line-height: 0.98;letter-spacing: -0.06em;font-weight: 620;}
.section-heading h2 span{color: #737b85;}
.section-heading p{max-width: 650px;margin-top: 25px;color: var(--muted);font-size: 17px;line-height: 1.75;}
.hero{min-height: 100vh;display: flex;align-items: center;padding: 145px 0 80px;position: relative;}
.hero-inner{width: 100%;display: grid;grid-template-columns: minmax(0, 1.1fr) minmax(350px, 0.9fr);align-items: center;gap: clamp(40px, 7vw, 100px);}
.hero-copy{position: relative;z-index: 2;}
.hero h1{max-width: 860px;margin-bottom: 28px;font-size: clamp(62px, 8vw, 116px);line-height: 0.88;font-weight: 620;letter-spacing: -0.075em;}
.hero h1 .muted-line{display: block;color: #606873;}
.hero-description{max-width: 640px;color: #a5acb6;font-size: clamp(16px, 1.7vw, 20px);line-height: 1.65;letter-spacing: -0.015em;}
.hero-actions{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 38px;}
.button{min-height: 52px;display: inline-flex;align-items: center;justify-content: center;gap: 12px;padding: 0 22px;border-radius: 15px;font-size: 14px;font-weight: 700;transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;}
.button-primary{color: #07090c;background: var(--accent);border: 1px solid var(--accent);}
.button-primary:hover{transform: translateY(-3px);}
.button-secondary{color: white;background: rgba(255, 255, 255, 0.05);border: 1px solid var(--border);}
.button-secondary:hover{transform: translateY(-3px);background: rgba(255, 255, 255, 0.09);border-color: var(--border-strong);}
.button-arrow{width: 20px;height: 20px;display: grid;place-items: center;border-radius: 50%;background: rgba(0, 0, 0, 0.12);transition: transform 0.25s ease;}
.button:hover .button-arrow{transform: translateX(3px);}
.hero-visual{position: relative;min-height: 570px;display: flex;align-items: center;justify-content: center;perspective: 1200px;}
.visual-ring{position: absolute;width: 500px;aspect-ratio: 1;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.08);animation: ring-rotate 25s linear infinite;}
.visual-ring::before,
.visual-ring::after{content: "";position: absolute;border-radius: inherit;border: 1px solid rgba(255, 255, 255, 0.055);}
.visual-ring::before{inset: 55px;}
.visual-ring::after{inset: 115px;}
@keyframes ring-rotate{to{transform: rotate(360deg);}
}
.orbit-dot{position: absolute;top: 50%;left: -5px;width: 10px;height: 10px;border-radius: 50%;background: var(--accent);box-shadow: 0 0 30px var(--accent);}
.tech-core{width: min(370px, 80vw);aspect-ratio: 0.83;position: relative;display: flex;flex-direction: column;justify-content: space-between;padding: 28px;border: 1px solid rgba(255, 255, 255, 0.13);border-radius: 34px;background:
linear-gradient(
145deg,
rgba(255, 255, 255, 0.105),
rgba(255, 255, 255, 0.025)
);backdrop-filter: blur(24px);box-shadow:
0 50px 120px rgba(0, 0, 0, 0.45),
inset 0 1px 0 rgba(255, 255, 255, 0.07);transform: rotateY(-9deg) rotateX(5deg);transition: transform 0.15s ease-out;}
.tech-core::before{content: "";position: absolute;inset: 0;border-radius: inherit;background:
radial-gradient(
circle at 30% 20%,
rgba(223, 255, 67, 0.11),
transparent 35%
);pointer-events: none;}
.core-top{display: flex;justify-content: space-between;align-items: center;color: #b9c0c8;font-size: 11px;letter-spacing: 0.1em;}
.live-status{display: flex;align-items: center;gap: 7px;}
.live-status span{width: 6px;height: 6px;border-radius: 50%;background: var(--accent);}
.core-logo{position: relative;text-align: center;}
.core-logo strong{display: block;font-size: clamp(50px, 6vw, 74px);font-weight: 800;letter-spacing: -0.065em;}
.core-logo small{color: #818995;font-size: 10px;font-weight: 700;letter-spacing: 0.32em;}
.core-logo::before{content: "";position: absolute;top: 50%;left: 50%;width: 150px;height: 150px;transform: translate(-50%, -50%);border-radius: 50%;background: rgba(223, 255, 67, 0.08);filter: blur(45px);z-index: -1;}
.core-bottom{display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px;}
.core-data{padding: 12px;border-radius: 13px;background: rgba(0, 0, 0, 0.18);border: 1px solid rgba(255, 255, 255, 0.06);}
.core-data small{display: block;margin-bottom: 5px;color: var(--muted-2);font-size: 9px;letter-spacing: 0.06em;text-transform: uppercase;}
.core-data strong{font-size: 13px;font-weight: 650;}
.floating-chip{position: absolute;padding: 10px 13px;border: 1px solid rgba(255, 255, 255, 0.11);border-radius: 12px;background: rgba(15, 18, 23, 0.78);backdrop-filter: blur(12px);color: #c5cad1;font-size: 11px;font-weight: 600;box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);}
.chip-one{top: 115px;right: 1px;animation: float 4s ease-in-out infinite;}
.chip-two{bottom: 100px;left: 0;animation: float 4.6s ease-in-out infinite 0.4s;}
@keyframes float{0%, 100%{transform: translateY(0);}
50%{transform: translateY(-10px);}
}
.marquee-wrap{overflow: hidden;border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);background: rgba(255, 255, 255, 0.018);}
.marquee{width: max-content;display: flex;align-items: center;animation: marquee 28s linear infinite;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translate3d(0,0,0);}
.marquee-group{display: flex;flex:0 0 auto;align-items:center;white-space:nowrap;backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.marquee-item{display: flex;align-items: center;gap: 24px;padding: 22px 35px;color: #8b929c;font-size: 12px;font-weight: 650;letter-spacing: 0.12em;text-transform: uppercase;}
.marquee-item span{width: 5px;height: 5px;border-radius: 50%;background: var(--accent);}
@keyframes marquee{from{transform:translate3d(0,0,0);}to{transform:translate3d(-50%,0,0);}
}
.capabilities-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 14px;}
.capability{position: relative;min-height: 310px;display: flex;flex-direction: column;justify-content: space-between;padding: clamp(24px, 4vw, 38px);overflow: hidden;border: 1px solid var(--border);border-radius: var(--radius-lg);background:
linear-gradient(
145deg,
rgba(255, 255, 255, 0.055),
rgba(255, 255, 255, 0.018)
);transition: transform 0.35s ease, border-color 0.35s ease, background 0.35s ease;}
.capability:hover{transform: translateY(-5px);border-color: rgba(223, 255, 67, 0.22);background:
linear-gradient(
145deg,
rgba(255, 255, 255, 0.075),
rgba(255, 255, 255, 0.025)
);}
.capability::after{content: "";position: absolute;right: -70px;bottom: -70px;width: 220px;height: 220px;border-radius: 50%;background: var(--accent);opacity: 0;filter: blur(90px);transition: opacity 0.4s ease;}
.capability:hover::after{opacity: 0.08;}
.capability-number{width: 42px;height: 42px;display: grid;place-items: center;border: 1px solid var(--border);border-radius: 13px;color: #818994;font-size: 11px;background: rgba(0, 0, 0, 0.14);}
.capability h3{margin-bottom: 13px;font-size: clamp(28px, 3vw, 42px);font-weight: 560;letter-spacing: -0.045em;}
.capability p{max-width: 480px;color: var(--muted);line-height: 1.65;font-size: 15px;}
.capability-bottom{position: relative;z-index: 1;}
.project-card{position: relative;min-height: 650px;display: grid;grid-template-columns: 1fr 1fr;gap: 50px;align-items: center;padding: clamp(32px, 6vw, 72px);overflow: hidden;border: 1px solid var(--border);border-radius: var(--radius-xl);background:
radial-gradient(
circle at 80% 30%,
rgba(223, 255, 67, 0.08),
transparent 32%
),
linear-gradient(145deg, #10141a, #090c10);}
.project-card::before{content: "";position: absolute;inset: 0;background:
linear-gradient(
90deg,
transparent 49.8%,
rgba(255, 255, 255, 0.035) 50%,
transparent 50.2%
);pointer-events: none;}
.project-badge{display: inline-flex;align-items: center;gap: 9px;margin-bottom: 28px;padding: 9px 12px;border-radius: 999px;border: 1px solid rgba(223, 255, 67, 0.18);background: rgba(223, 255, 67, 0.055);color: #d9ff32;font-size: 10px;font-weight: 750;letter-spacing: 0.1em;text-transform: uppercase;}
.project-badge span{width: 6px;height: 6px;border-radius: 50%;background: var(--accent);}
.project-info{position: relative;z-index: 2;}
.project-info h3{margin-bottom: 22px;font-size: clamp(46px, 6vw, 76px);line-height: 0.96;font-weight: 610;letter-spacing: -0.065em;}
.project-info h3 span{color: #737b85;}
.project-info p{max-width: 540px;color: var(--muted);line-height: 1.7;font-size: 16px;}
.project-features{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 30px;}
.project-features span{padding: 9px 12px;border-radius: 11px;border: 1px solid var(--border);background: rgba(255, 255, 255, 0.035);color: #aab1ba;font-size: 11px;}
.vending-stage{position: relative;min-height: 500px;display: flex;align-items: center;justify-content: center;perspective: 1000px;}
.vending-glow{position: absolute;width: 320px;height: 320px;border-radius: 50%;background: rgba(223, 255, 67, 0.15);filter: blur(90px);animation: vending-glow 4s ease-in-out infinite;}
@keyframes vending-glow{0%, 100%{opacity: 0.4;transform: scale(0.9);}
50%{opacity: 0.8;transform: scale(1.1);}
}
.vending{position: relative;width: 245px;height: 430px;padding: 17px;border-radius: 28px 28px 24px 24px;background: linear-gradient(145deg, #222831, #101318 70%);border: 1px solid rgba(255, 255, 255, 0.13);box-shadow:
0 70px 90px rgba(0, 0, 0, 0.48),
inset 0 1px 0 rgba(255, 255, 255, 0.08);transform: rotateY(-10deg) rotateX(3deg);animation: machine-float 5s ease-in-out infinite;}
@keyframes machine-float{0%, 100%{transform: rotateY(-10deg) rotateX(3deg) translateY(0);}
50%{transform: rotateY(-7deg) rotateX(2deg) translateY(-9px);}
}
.vending-head{height: 42px;display: flex;align-items: center;justify-content: space-between;padding: 0 4px;}
.vending-brand{font-size: 17px;font-weight: 800;letter-spacing: -0.04em;}
.machine-online{width: 7px;height: 7px;border-radius: 50%;background: var(--accent);box-shadow: 0 0 14px rgba(223, 255, 67, 0.7);}
.vending-window{position: relative;height: 260px;display: grid;grid-template-columns: repeat(3, 1fr);gap: 8px;padding: 13px;border-radius: 18px;background: linear-gradient(160deg, #090b0e, #171b21);border: 1px solid rgba(255, 255, 255, 0.06);overflow: hidden;}
.vending-window::before{content: "";position: absolute;top: -40%;left: -70%;width: 60%;height: 180%;transform: rotate(20deg);background:
linear-gradient(
90deg,
transparent,
rgba(255, 255, 255, 0.075),
transparent
);animation: glass-scan 5s infinite;}
@keyframes glass-scan{0%{left: -70%;}
45%, 100%{left: 140%;}
}
.product-slot{position: relative;border-radius: 10px;background: rgba(255, 255, 255, 0.035);border: 1px solid rgba(255, 255, 255, 0.04);overflow: hidden;}
.product-slot::after{content: "";position: absolute;left: 20%;right: 20%;bottom: 10px;height: 28px;border-radius: 8px 8px 5px 5px;background: linear-gradient(180deg, #464e59, #252b33);box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);}
.vending-control{height: 72px;margin-top: 10px;display: grid;grid-template-columns: 1.35fr 0.65fr;gap: 9px;}
.vending-display,
.vending-pay{border-radius: 12px;border: 1px solid rgba(255, 255, 255, 0.06);background: rgba(0, 0, 0, 0.24);}
.vending-display{display: flex;align-items: center;padding: 0 13px;color: #cfff26;font-family: monospace;font-size: 9px;letter-spacing: 0.05em;}
.vending-pay{display: grid;place-items: center;color: #87909b;font-size: 9px;}
.vending-output{width: 120px;height: 18px;margin: 12px auto 0;border-radius: 7px;background: #080a0d;box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.8);}
.stats{display: grid;grid-template-columns: repeat(4, 1fr);border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);}
.stat{padding: 38px clamp(18px, 4vw, 38px);border-right: 1px solid var(--border);}
.stat:last-child{border-right: 0;}
.stat strong{display: block;margin-bottom: 8px;font-size: clamp(34px, 4vw, 54px);line-height: 1;font-weight: 580;letter-spacing: -0.05em;}
.stat span{color: var(--muted);font-size: 12px;text-transform: uppercase;letter-spacing: 0.08em;}
.about-layout{display: grid;grid-template-columns: 0.85fr 1.15fr;gap: clamp(50px, 8vw, 120px);}
.about-label{color: #707984;font-size: 13px;line-height: 1.6;}
.about-text{font-size: clamp(30px, 4.5vw, 60px);line-height: 1.08;font-weight: 500;letter-spacing: -0.05em;}
.about-text span{color: #737b85;}
.contact-box{position: relative;min-height: 490px;display: flex;flex-direction: column;justify-content: space-between;padding: clamp(32px, 6vw, 70px);overflow: hidden;border-radius: var(--radius-xl);background: var(--accent);color: #07090c;}
.contact-box::after{content: "";position: absolute;width: 500px;height: 500px;top: -270px;right: -110px;border: 1px solid rgba(0, 0, 0, 0.13);border-radius: 50%;box-shadow:
0 0 0 70px rgba(0, 0, 0, 0.035),
0 0 0 140px rgba(0, 0, 0, 0.025),
0 0 0 210px rgba(0, 0, 0, 0.018);}
.contact-label{position: relative;z-index: 2;font-size: 11px;font-weight: 800;letter-spacing: 0.14em;text-transform: uppercase;}
.contact-main{position: relative;z-index: 2;}
.contact-main h2{max-width: 850px;margin-bottom: 35px;font-size: clamp(50px, 8vw, 100px);line-height: 0.9;font-weight: 650;letter-spacing: -0.07em;}
.contact-link{display: inline-flex;align-items: center;gap: 14px;padding: 15px 18px;border-radius: 14px;border: 1px solid rgba(0, 0, 0, 0.16);background: rgba(0, 0, 0, 0.06);font-weight: 720;transition: background 0.25s ease, transform 0.25s ease;}
.contact-link:hover{transform: translateY(-3px);background: rgba(0, 0, 0, 0.1);}
footer{padding: 35px 0 50px;}
.footer-inner{display: flex;align-items: flex-end;justify-content: space-between;gap: 30px;}
.footer-brand{font-size: clamp(55px, 10vw, 130px);line-height: 0.8;font-weight: 800;letter-spacing: -0.075em;color: #171b20;}
.footer-info{text-align: right;color: #656e79;font-size: 12px;line-height: 1.8;}
.reveal{opacity: 0;transform: translateY(35px);transition:
opacity 0.9s cubic-bezier(.2,.7,.2,1),
transform 0.9s cubic-bezier(.2,.7,.2,1);}
.reveal.visible{opacity: 1;transform: translateY(0);}
.delay-1{transition-delay: 0.1s;}
.delay-2{transition-delay: 0.2s;}
.delay-3{transition-delay: 0.3s;}
.scroll-indicator{position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);width: 24px;height: 40px;border-radius: 999px;border: 1px solid rgba(255, 255, 255, 0.15);}
.scroll-indicator::after{content: "";position: absolute;top: 8px;left: 50%;width: 3px;height: 7px;transform: translateX(-50%);border-radius: 999px;background: var(--accent);animation: scroll-dot 1.8s infinite;}
@keyframes scroll-dot{0%{transform: translate(-50%, 0);opacity: 0;}
30%{opacity: 1;}
100%{transform: translate(-50%, 15px);opacity: 0;}
}
@media (max-width: 980px){.desktop-nav{display: none;}
.nav-contact{display: none;}
.menu-button{display: block;}
.nav-shell{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;}
.mobile-quick-nav{display:flex;position:static;justify-self:center;margin-left:0;transform:none;}
.hero{min-height: auto;padding-top: 145px;}
.hero-inner{grid-template-columns: 1fr;}
.hero-visual{min-height: 500px;}
.project-card{grid-template-columns: 1fr;min-height: auto;}
.project-card::before{display: none;}
.about-layout{grid-template-columns: 1fr;}
.stats{grid-template-columns: repeat(2, 1fr);}
.stat:nth-child(2){border-right: 0;}
.stat:nth-child(-n+2){border-bottom: 1px solid var(--border);}
}
@media (max-width: 700px){header{top: 10px;}
.nav-shell{width: calc(100% - 20px);padding: 9px 9px 9px 14px;}
.brand-symbol{width: 32px;height: 32px;}
.container{width: calc(100% - 28px);}
.hero{padding: 120px 0 60px;}
.hero h1{font-size: clamp(54px, 17vw, 84px);}
.hero-description{font-size: 16px;}
.hero-actions{flex-direction: column;}
.button{width: 100%;}
.hero-visual{min-height: 430px;}
.visual-ring{width: min(420px, 110vw);}
.tech-core{width: min(330px, 88vw);padding: 22px;}
.floating-chip{font-size: 9px;}
.chip-one{right: -4px;}
.chip-two{left: -4px;}
.capabilities-grid{grid-template-columns: 1fr;}
.capability{min-height: 260px;}
.project-card{padding: 35px 22px;border-radius: 26px;}
.vending-stage{min-height: 450px;}
.vending{transform: scale(0.9);animation: machine-float-mobile 5s ease-in-out infinite;}
@keyframes machine-float-mobile{0%, 100%{transform: scale(0.9) translateY(0);}
50%{transform: scale(0.9) translateY(-10px);}
}
.stats{grid-template-columns: 1fr 1fr;}
.stat{padding: 25px 20px;}
.contact-box{min-height: 430px;padding: 30px 24px;}
.contact-main h2{font-size: clamp(48px, 15vw, 74px);}
.contact-link{width: 100%;justify-content: space-between;font-size: 13px;}
.footer-inner{align-items: flex-start;flex-direction: column;}
.footer-info{text-align: left;}
.scroll-indicator{display: none;}
}
@media (prefers-reduced-motion: reduce){*,
*::before,
*::after{animation-duration: 0.001ms !important;animation-iteration-count: 1 !important;scroll-behavior: auto !important;transition-duration: 0.001ms !important;}
}
body{position: relative;overflow-x: hidden;}
body::before{content: "";position: fixed;inset: -25%;z-index: -2;pointer-events: none;background:
radial-gradient(circle at 20% 30%, rgba(210,255,35,.09), transparent 28%),
radial-gradient(circle at 78% 24%, rgba(60,150,255,.07), transparent 30%),
radial-gradient(circle at 55% 78%, rgba(210,255,35,.055), transparent 26%);filter: blur(35px);transform: translate3d(0,0,0) scale(1.05);animation: edoolAmbient 20s ease-in-out infinite alternate;}
body::after{content: "";position: fixed;inset: 0;z-index: -1;pointer-events: none;opacity: .16;background-image:
linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);background-size: 72px 72px;animation: edoolGrid 28s linear infinite;}
@keyframes edoolAmbient{0%{transform: translate3d(-2%, -1%, 0) scale(1.04) rotate(0deg);}
45%{transform: translate3d(2%, 1.5%, 0) scale(1.08) rotate(1deg);}
100%{transform: translate3d(-1%, 2%, 0) scale(1.06) rotate(-1deg);}
}
@keyframes edoolGrid{from{background-position: 0 0, 0 0;}
to{background-position: 72px 36px, 72px 36px;}
}
@media (prefers-reduced-motion: reduce){body::before,
body::after{animation: none !important;}
}
.hero, .hero-section, #inicio{position: relative;isolation: isolate;}
.hero h1, .hero-section h1, #inicio h1{position: relative;display: inline-block;max-width: 1000px;font-weight: 900;letter-spacing: -0.055em;line-height: .96;text-wrap: balance;background: linear-gradient(
105deg,
#ffffff 0%,
#ffffff 25%,
#d8ff32 42%,
#ffffff 57%,
#a8c7ff 73%,
#ffffff 100%
);background-size: 260% auto;-webkit-background-clip: text;background-clip: text;color: transparent;animation: edoolTitleShine 8s ease-in-out infinite;filter: drop-shadow(0 12px 35px rgba(0,0,0,.28));}
.hero h1::after, .hero-section h1::after, #inicio h1::after{content: "";position: absolute;left: 4%;right: 22%;bottom: -18px;height: 3px;border-radius: 99px;background: linear-gradient(90deg, transparent, #d8ff32, rgba(216,255,50,.15), transparent);transform-origin: left;animation: edoolTitleLine 4.5s ease-in-out infinite;box-shadow: 0 0 24px rgba(216,255,50,.35);}
@keyframes edoolTitleShine{0%, 100%{background-position: 0% center;}
50%{background-position: 100% center;}
}
@keyframes edoolTitleLine{0%,100%{transform: scaleX(.45);opacity:.35;}
50%{transform: scaleX(1);opacity:1;}
}
section{position: relative;}
section::before{content: "";position: absolute;width: 260px;height: 260px;border: 1px solid rgba(216,255,50,.055);border-radius: 50%;right: -130px;top: 12%;pointer-events: none;box-shadow:
0 0 0 40px rgba(216,255,50,.012),
0 0 0 80px rgba(216,255,50,.008);}
.card, .project-card, .capability-card{transition: transform .35s cubic-bezier(.2,.8,.2,1),
border-color .35s ease,
box-shadow .35s ease;}
.card:hover, .project-card:hover, .capability-card:hover{transform: translateY(-7px);border-color: rgba(216,255,50,.25);box-shadow: 0 24px 60px rgba(0,0,0,.22),
0 0 35px rgba(216,255,50,.045);}
@media (max-width: 700px){.hero h1, .hero-section h1, #inicio h1{letter-spacing: -0.04em;line-height: 1;}
section::before{opacity:.45;}
}
.desktop-nav{position: relative;display: flex;align-items: center;gap: 5px;padding: 5px;border: 1px solid rgba(255,255,255,.075);border-radius: 16px;background: linear-gradient(
180deg,
rgba(255,255,255,.055),
rgba(255,255,255,.018)
);box-shadow:
inset 0 1px 0 rgba(255,255,255,.05),
0 10px 30px rgba(0,0,0,.12);}
.desktop-nav a{position: relative;z-index: 2;min-width: 82px;height: 39px;display: inline-flex;align-items: center;justify-content: center;padding: 0 15px;border-radius: 11px;color: #8e96a1;font-size: 12px;font-weight: 700;letter-spacing: .015em;transition:
color .28s ease,
transform .28s ease;overflow: hidden;}
.desktop-nav a::before{content: "";position: absolute;inset: 0;z-index: -1;border-radius: inherit;opacity: 0;transform: scale(.88);background:
linear-gradient(
135deg,
rgba(216,255,50,.16),
rgba(216,255,50,.045)
);border: 1px solid rgba(216,255,50,.13);box-shadow:
inset 0 1px 0 rgba(255,255,255,.06),
0 8px 24px rgba(216,255,50,.04);transition:
opacity .28s ease,
transform .28s cubic-bezier(.2,.8,.2,1);}
.desktop-nav a::after{content: "";position: absolute;left: 50%;bottom: 5px;width: 4px;height: 4px;border-radius: 50%;background: #dfff43;box-shadow: 0 0 12px rgba(223,255,67,.85);opacity: 0;transform: translate(-50%, 5px) scale(.5);transition:
opacity .28s ease,
transform .28s ease;}
.desktop-nav a:hover{color: #f8fafc;transform: translateY(-1px);}
.desktop-nav a:hover::before{opacity: 1;transform: scale(1);}
.desktop-nav a:hover::after{opacity: 1;transform: translate(-50%, 0) scale(1);}
.desktop-nav a.active{color: #f8fafc;}
.desktop-nav a.active::before{opacity: 1;transform: scale(1);background:
linear-gradient(
135deg,
rgba(216,255,50,.18),
rgba(216,255,50,.055)
);border-color: rgba(216,255,50,.18);}
.desktop-nav a.active::after{opacity: 1;transform: translate(-50%, 0) scale(1);}
.nav-contact{position: relative;overflow: hidden;min-height: 44px;padding: 0 20px;display: inline-flex;align-items: center;justify-content: center;border-radius: 14px;color: #090b0e;background: #dfff43;border: 1px solid rgba(255,255,255,.14);box-shadow:
0 8px 24px rgba(216,255,50,.10),
inset 0 1px 0 rgba(255,255,255,.45);}
.nav-contact::before{content: "";position: absolute;top: -100%;left: -45%;width: 34%;height: 300%;transform: rotate(22deg);background: linear-gradient(
90deg,
transparent,
rgba(255,255,255,.48),
transparent
);transition: left .65s ease;}
.nav-contact:hover::before{left: 125%;}
.nav-contact:hover{transform: translateY(-2px);box-shadow:
0 13px 32px rgba(216,255,50,.16),
inset 0 1px 0 rgba(255,255,255,.5);}
.mobile-links{gap: 8px;}
.mobile-links a{position: relative;padding: 17px 18px;border: 1px solid rgba(255,255,255,.07);border-radius: 16px;background: rgba(255,255,255,.025);font-size: clamp(24px, 7vw, 38px);overflow: hidden;transition:
transform .3s ease,
border-color .3s ease,
background .3s ease;}
.mobile-links a::after{content: "↗";position: absolute;right: 18px;top: 50%;transform: translateY(-50%);color: #dfff43;font-size: 17px;opacity: .6;}
.mobile-links a:hover{transform: translateX(5px);border-color: rgba(216,255,50,.2);background: rgba(216,255,50,.055);}
@media (max-width: 1100px) and (min-width: 981px){.desktop-nav a{min-width: auto;padding: 0 11px;}
}
.gallery-wrap{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 30px 80px rgba(0,0,0,.25)}
.gallery-viewport{position:relative;aspect-ratio:16/8;min-height:320px;overflow:hidden}
.gallery-track{display:flex;height:100%;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.gallery-slide{min-width:100%;height:100%;position:relative}
.gallery-slide img{width:100%;height:100%;object-fit:cover;display:block}
.gallery-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.08) 55%,rgba(0,0,0,.05))}
.gallery-caption{position:absolute;left:30px;right:30px;bottom:26px;z-index:2}
.gallery-caption h3{font-size:clamp(26px,4vw,54px);letter-spacing:-.045em;margin:0 0 8px}
.gallery-caption p{color:#c2c8d0;max-width:700px;line-height:1.55}
.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(8,10,14,.62);backdrop-filter:blur(12px);color:white;font-size:22px;cursor:pointer;transition:.25s ease}
.gallery-nav:hover{background:rgba(216,255,50,.16);border-color:rgba(216,255,50,.30)}
.gallery-prev{left:16px}
.gallery-next{right:16px}
.gallery-dots{display:flex;justify-content:center;gap:8px;padding:15px}
.gallery-dot{width:8px;height:8px;border-radius:50%;border:0;background:rgba(255,255,255,.22);cursor:pointer;transition:.25s ease}
.gallery-dot.active{width:28px;border-radius:99px;background:#dfff43}
.admin-fab{position:fixed;right:20px;bottom:20px;z-index:180;display:none;align-items:center;gap:9px;padding:12px 16px;border:1px solid rgba(216,255,50,.25);border-radius:14px;background:rgba(12,15,19,.92);color:#eef2f5;box-shadow:0 15px 45px rgba(0,0,0,.35);cursor:pointer;backdrop-filter:blur(18px)}
body.admin-mode .admin-fab{display:flex}
.admin-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.72);backdrop-filter:blur(12px)}
.admin-modal.open{display:flex}
.admin-card{width:min(620px,100%);max-height:88vh;overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:24px;background:#0b0e13;box-shadow:0 40px 120px rgba(0,0,0,.55)}
.admin-card h3{font-size:28px;margin-bottom:6px}
.admin-note{color:#8e97a3;font-size:13px;line-height:1.55;margin-bottom:20px}
.admin-grid{display:grid;gap:12px}
.admin-grid input,.admin-grid textarea{width:100%;padding:13px 14px;color:white;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.04);outline:none}
.admin-grid textarea{min-height:90px;resize:vertical}
.admin-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.admin-btn{border:0;border-radius:12px;padding:11px 15px;cursor:pointer;font-weight:700}
.admin-primary{background:#dfff43;color:#080a0d}
.admin-secondary{background:rgba(255,255,255,.07);color:white;border:1px solid rgba(255,255,255,.09)}
.admin-danger{background:rgba(255,78,78,.10);color:#ff9a9a;border:1px solid rgba(255,78,78,.18)}
.admin-list{margin-top:18px;display:grid;gap:9px}
.admin-item{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025)}
.admin-thumb{width:62px;height:44px;object-fit:cover;border-radius:8px}
.admin-item-text{min-width:0;flex:1}
.admin-item-text strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-item-text small{color:#7e8792}
.empty-gallery{height:100%;min-height:320px;display:grid;place-items:center;text-align:center;color:#727b86;padding:40px}
.admin-login{position:fixed;left:18px;bottom:18px;z-index:170;opacity:1;padding:11px 15px;border:1px solid rgba(223,255,67,.22);border-radius:13px;background:rgba(10,13,17,.90);color:#eaff8b;cursor:pointer;font-size:12px;font-weight:750;backdrop-filter:blur(16px);box-shadow:0 12px 35px rgba(0,0,0,.32);transition:transform .25s ease,border-color .25s ease;}
.admin-login:hover{transform:translateY(-2px);border-color:rgba(223,255,67,.42);}
@media(max-width:700px){.gallery-viewport{aspect-ratio:4/5;min-height:420px}
.gallery-caption{left:20px;right:20px;bottom:20px}
.gallery-nav{width:40px;height:40px}
}
html, body{width: 100%;max-width: 100%;overflow-x: clip !important;}
body{min-width: 0 !important;}
main,
section,
header,
footer,
.container,
.nav-shell,
.hero-inner,
.project-card,
.about-layout,
.capabilities-grid,
.stats,
.gallery-wrap,
.gallery-viewport,
.contact-box{min-width: 0 !important;max-width: 100% !important;}
img,
video,
svg,
canvas{max-width: 100% !important;height: auto;}
@media (max-width: 1024px){.container{width: min(92vw, 860px) !important;margin-inline: auto !important;}
header{top: 10px !important;}
.nav-shell{width: calc(100% - 20px) !important;max-width: 860px !important;padding: 9px 10px 9px 13px !important;border-radius: 18px !important;}
.desktop-nav,
.nav-contact{display: none !important;}
.menu-button{display: grid !important;place-items: center !important;}
.hero{min-height: auto !important;padding: 125px 0 55px !important;}
.hero-inner{display: grid !important;grid-template-columns: 1fr !important;gap: 32px !important;width: 100% !important;}
.hero-copy{width: 100% !important;}
.hero h1,
#inicio h1{width: 100% !important;max-width: 100% !important;font-size: clamp(54px, 10vw, 86px) !important;line-height: .94 !important;overflow-wrap: anywhere !important;}
.hero-description{max-width: 680px !important;}
.hero-visual{width: 100% !important;min-height: 460px !important;overflow: hidden !important;}
.visual-ring{width: min(470px, 90vw) !important;}
.tech-core{width: min(350px, 72vw) !important;}
.capabilities-grid{grid-template-columns: repeat(2, minmax(0,1fr)) !important;}
.project-card{grid-template-columns: 1fr !important;gap: 28px !important;}
.about-layout{grid-template-columns: 1fr !important;}
.stats{grid-template-columns: repeat(2, minmax(0,1fr)) !important;}
.mobile-menu{padding:
calc(90px + env(safe-area-inset-top))
18px
calc(24px + env(safe-area-inset-bottom)) !important;overflow-y: auto !important;}
}
@media (max-width: 700px){:root{--radius-xl: 22px !important;--radius-lg: 18px !important;}
body{font-size: 16px !important;background:
radial-gradient(circle at 50% -10%, #16202a 0%, transparent 28%),
#07090d !important;}
.container{width: calc(100% - 22px) !important;max-width: none !important;margin-inline: auto !important;}
.section{padding: 68px 0 !important;}
.nav-shell{width: calc(100% - 14px) !important;min-height: 56px !important;gap:7px !important;border-radius: 16px !important;padding: 8px 8px 8px 9px !important;}
.brand{gap:6px !important;font-size:15px !important;flex:0 0 auto !important;}
.brand-symbol.brand-logo{width:34px !important;height:34px !important;flex:0 0 34px !important;}
.brand-wordmark{min-height:24px !important;font-size:20px !important;letter-spacing:.045em !important;}
.mobile-quick-nav{display:flex !important;margin-left:0 !important;}
.nav-actions{gap:6px !important;}
.menu-button{width: 40px !important;height: 40px !important;flex: 0 0 40px !important;border-radius: 11px !important;}
.hero{padding: 104px 0 38px !important;}
.hero-inner{gap: 24px !important;}
.eyebrow{max-width: 100% !important;font-size: 9px !important;letter-spacing: .11em !important;gap: 7px !important;margin-bottom: 15px !important;white-space: normal !important;line-height: 1.45 !important;}
.hero h1,
#inicio h1{display: block !important;width: 100% !important;max-width: 100% !important;font-size: clamp(46px, 15.2vw, 68px) !important;line-height: .94 !important;letter-spacing: -0.055em !important;margin: 0 0 24px !important;text-wrap: balance !important;overflow-wrap: anywhere !important;}
.hero h1 .muted-line{display: block !important;}
.hero h1::after,
#inicio h1::after{left: 0 !important;right: 35% !important;bottom: -8px !important;height: 2px !important;}
.hero-description{width: 100% !important;max-width: 100% !important;font-size: 15px !important;line-height: 1.65 !important;}
.hero-actions{width: 100% !important;display: grid !important;grid-template-columns: 1fr !important;gap: 9px !important;margin-top: 24px !important;}
.hero-actions .button{width: 100% !important;min-height: 52px !important;justify-content: space-between !important;padding-inline: 16px !important;}
.hero-visual{min-height: 360px !important;width: 100% !important;overflow: hidden !important;margin-top: 0 !important;}
.visual-ring{width: min(330px, 88vw) !important;max-width: 330px !important;}
.visual-ring::before{inset: 40px !important;}
.visual-ring::after{inset: 84px !important;}
.tech-core{width: min(270px, 72vw) !important;max-width: 270px !important;min-height: 320px !important;aspect-ratio: auto !important;padding: 18px !important;border-radius: 24px !important;transform: none !important;}
.core-top{font-size: 9px !important;}
.core-logo strong{font-size: 48px !important;}
.core-logo small{font-size: 7px !important;letter-spacing: .22em !important;}
.core-bottom{gap: 5px !important;}
.core-data{padding: 8px 6px !important;}
.core-data small{font-size: 6px !important;}
.core-data strong{font-size: 9px !important;}
.floating-chip{display: none !important;}
.marquee-item{padding: 15px 18px !important;gap: 12px !important;font-size: 9px !important;}
.section-heading{margin-bottom: 28px !important;width: 100% !important;}
.section-heading h2{width: 100% !important;max-width: 100% !important;font-size: clamp(36px, 11vw, 50px) !important;line-height: 1 !important;letter-spacing: -0.05em !important;text-wrap: balance !important;overflow-wrap: anywhere !important;}
.section-heading p{width: 100% !important;max-width: 100% !important;font-size: 14.5px !important;line-height: 1.65 !important;margin-top: 15px !important;}
.capabilities-grid{grid-template-columns: 1fr !important;gap: 10px !important;}
.capability{min-height: 210px !important;width: 100% !important;padding: 20px !important;border-radius: 18px !important;}
.capability-number{width: 38px !important;height: 38px !important;}
.capability h3{font-size: 29px !important;line-height: 1 !important;margin-bottom: 9px !important;}
.capability p{font-size: 13.5px !important;line-height: 1.6 !important;}
.project-card{width: 100% !important;grid-template-columns: 1fr !important;padding: 22px 15px !important;gap: 16px !important;border-radius: 20px !important;}
.project-badge{margin-bottom: 18px !important;font-size: 8px !important;}
.project-info h3{font-size: clamp(40px, 12vw, 54px) !important;line-height: .96 !important;margin-bottom: 14px !important;}
.project-info p{font-size: 14px !important;line-height: 1.65 !important;}
.project-features{margin-top: 18px !important;gap: 5px !important;}
.project-features span{font-size: 8px !important;padding: 7px 8px !important;}
.vending-stage{min-height: 350px !important;width: 100% !important;overflow: hidden !important;}
.vending{width: 190px !important;height: 340px !important;padding: 12px !important;border-radius: 22px !important;transform: none !important;}
.vending-head{height: 35px !important;}
.vending-window{height: 205px !important;padding: 9px !important;gap: 5px !important;}
.vending-control{height: 55px !important;gap: 6px !important;}
.vending-output{width: 100px !important;height: 15px !important;}
.vending-glow{width: 220px !important;height: 220px !important;}
.stats{grid-template-columns: 1fr !important;width: 100% !important;border: 1px solid var(--border) !important;border-radius: 18px !important;overflow: hidden !important;}
.stat{width: 100% !important;padding: 20px 18px !important;border-right: 0 !important;border-bottom: 1px solid var(--border) !important;}
.stat:last-child{border-bottom: 0 !important;}
.stat strong{font-size: 32px !important;}
.stat span{font-size: 9px !important;}
.about-layout{grid-template-columns: 1fr !important;gap: 20px !important;}
.about-label{font-size: 10px !important;}
.about-text{width: 100% !important;font-size: clamp(28px, 8.8vw, 39px) !important;line-height: 1.08 !important;}
.gallery-wrap{width: 100% !important;border-radius: 18px !important;}
.gallery-viewport{width: 100% !important;min-height: 380px !important;aspect-ratio: 4 / 5 !important;overflow: hidden !important;}
.gallery-track,
.gallery-slide{width: 100% !important;height: 100% !important;}
.gallery-slide{min-width: 100% !important;}
.gallery-slide img{width: 100% !important;height: 100% !important;object-fit: cover !important;}
.gallery-caption{left: 14px !important;right: 14px !important;bottom: 14px !important;}
.gallery-caption h3{font-size: clamp(24px, 8vw, 36px) !important;line-height: 1 !important;}
.gallery-caption p{font-size: 12px !important;line-height: 1.45 !important;}
.gallery-nav{width: 36px !important;height: 36px !important;font-size: 18px !important;}
.gallery-prev{left: 7px !important;}
.gallery-next{right: 7px !important;}
.contact-box{width: 100% !important;min-height: 340px !important;padding: 24px 17px !important;border-radius: 20px !important;}
.contact-main h2{width: 100% !important;max-width: 100% !important;font-size: clamp(40px, 13vw, 56px) !important;line-height: .94 !important;margin-bottom: 22px !important;}
.contact-link{width: 100% !important;max-width: 100% !important;display: flex !important;justify-content: space-between !important;gap: 10px !important;padding: 12px 13px !important;font-size: 11px !important;overflow-wrap: anywhere !important;}
footer{padding: 12px 0 30px !important;}
.footer-inner{flex-direction: column !important;align-items: flex-start !important;gap: 18px !important;}
.footer-brand{font-size: clamp(58px, 20vw, 86px) !important;}
.footer-info{width: 100% !important;text-align: left !important;font-size: 10px !important;}
.admin-login{left: 8px !important;bottom: calc(8px + env(safe-area-inset-bottom)) !important;max-width: calc(100vw - 16px) !important;font-size: 9px !important;padding: 8px 9px !important;}
.admin-fab{right: 8px !important;bottom: calc(8px + env(safe-area-inset-bottom)) !important;max-width: calc(100vw - 16px) !important;font-size: 10px !important;padding: 9px 10px !important;}
.admin-modal{padding:
calc(10px + env(safe-area-inset-top))
8px
calc(10px + env(safe-area-inset-bottom)) !important;align-items: flex-end !important;}
.admin-card{width: 100% !important;max-width: 100% !important;max-height: 88dvh !important;padding: 16px !important;border-radius: 20px 20px 14px 14px !important;}
.admin-card h3{font-size: 22px !important;}
.admin-grid input,
.admin-grid textarea{width: 100% !important;font-size: 16px !important;}
.admin-actions{display: grid !important;grid-template-columns: 1fr !important;}
.admin-btn{width: 100% !important;min-height: 44px !important;}
.mobile-menu{padding:
calc(84px + env(safe-area-inset-top))
12px
calc(18px + env(safe-area-inset-bottom)) !important;}
.mobile-links{gap: 7px !important;}
.mobile-links a{width: 100% !important;font-size: clamp(21px, 7vw, 31px) !important;padding: 14px 15px !important;border-radius: 14px !important;}
.mobile-menu-bottom{font-size: 11px !important;}
.capability:hover,
.project-card:hover,
.contact-link:hover,
.nav-contact:hover,
.button:hover{transform: none !important;}
.scroll-indicator{display: none !important;}
}
@media (max-width: 390px){.container{width: calc(100% - 18px) !important;}
.hero h1,
#inicio h1{font-size: clamp(42px, 14.5vw, 56px) !important;}
.hero-visual{min-height: 330px !important;}
.visual-ring{width: 295px !important;max-width: 86vw !important;}
.tech-core{width: 245px !important;max-width: 70vw !important;min-height: 300px !important;}
.project-card{padding: 19px 12px !important;}
.vending{width: 175px !important;height: 315px !important;}
.vending-window{height: 185px !important;}
.gallery-viewport{min-height: 350px !important;}
.contact-main h2{font-size: clamp(37px, 12.2vw, 50px) !important;}
}
@media (max-height: 520px) and (orientation: landscape){.mobile-menu{padding-top: 68px !important;}
.mobile-links{display: grid !important;grid-template-columns: 1fr 1fr !important;}
.mobile-links a{font-size: 18px !important;padding: 10px 12px !important;}
.hero{padding-top: 92px !important;}
.hero-visual{min-height: 290px !important;}
}
@media (hover: none), (pointer: coarse){.tech-core,
.vending{transform: none !important;}
}
@media (max-width: 1100px){html,
body{overflow-x: hidden !important;}
body{padding-left: max(14px, env(safe-area-inset-left)) !important;padding-right: max(14px, env(safe-area-inset-right)) !important;}
header{left: 0 !important;right: 0 !important;padding-left: max(8px, env(safe-area-inset-left)) !important;padding-right: max(8px, env(safe-area-inset-right)) !important;}
.nav-shell{width: 100% !important;max-width: none !important;margin: 0 auto !important;}
main,
footer,
.hero,
.section{width: 100% !important;max-width: 100% !important;}
.container{width: 100% !important;max-width: 820px !important;margin-left: auto !important;margin-right: auto !important;padding-left: 12px !important;padding-right: 12px !important;}
.hero-inner,
.hero-copy,
.section-heading,
.project-info,
.about-layout,
.contact-main{width: 100% !important;max-width: 100% !important;min-width: 0 !important;}
.hero h1,
#inicio h1,
.hero h1 .muted-line,
#inicio h1 .muted-line,
.section-heading h2,
.project-info h3,
.about-text,
.contact-main h2{width: 100% !important;max-width: 100% !important;white-space: normal !important;word-break: normal !important;overflow-wrap: break-word !important;hyphens: none !important;}
.hero h1,
#inicio h1{font-size: clamp(50px, 8.4vw, 78px) !important;line-height: .95 !important;letter-spacing: -0.055em !important;}
.hero h1 .muted-line,
#inicio h1 .muted-line{display: block !important;font-size: .88em !important;}
.hero-description{width: 100% !important;max-width: 680px !important;padding-right: 4px !important;}
.hero-actions{width: 100% !important;display: grid !important;grid-template-columns: 1fr !important;gap: 10px !important;max-width: 430px !important;}
.hero-actions .button{width: 100% !important;max-width: 100% !important;}
.capabilities-grid,
.project-card,
.stats,
.about-layout,
.gallery-wrap,
.contact-box{width: 100% !important;max-width: 100% !important;}
}
@media (max-width: 700px){body{padding-left: max(10px, env(safe-area-inset-left)) !important;padding-right: max(10px, env(safe-area-inset-right)) !important;}
.container{padding-left: 5px !important;padding-right: 5px !important;}
.hero h1,
#inicio h1{font-size: clamp(43px, 14vw, 62px) !important;letter-spacing: -0.045em !important;}
.hero h1 .muted-line,
#inicio h1 .muted-line{font-size: .82em !important;}
.section-heading h2{font-size: clamp(34px, 10.5vw, 48px) !important;}
.project-info h3{font-size: clamp(38px, 11.5vw, 52px) !important;}
.about-text{font-size: clamp(27px, 8vw, 38px) !important;}
.contact-main h2{font-size: clamp(38px, 11.5vw, 52px) !important;}
.project-card,
.contact-box,
.gallery-wrap,
.capability,
.stats{margin-left: 0 !important;margin-right: 0 !important;}
.admin-login,
.admin-fab{max-width: calc(100vw - 32px) !important;}
}
@media (max-width: 1100px){:root{--edool-gutter: 24px;}
html,
body{width: 100% !important;max-width: 100% !important;overflow-x: hidden !important;}
body{padding-left: 0 !important;padding-right: 0 !important;}
.container{width: calc(100% - (var(--edool-gutter) * 2)) !important;max-width: 860px !important;margin-left: auto !important;margin-right: auto !important;padding-left: 0 !important;padding-right: 0 !important;}
.nav-shell{width: calc(100% - (var(--edool-gutter) * 2)) !important;max-width: 860px !important;margin-left: auto !important;margin-right: auto !important;}
.hero-inner,
.hero-copy,
.section-heading,
.capabilities-grid,
.project-card,
.stats,
.about-layout,
.gallery-wrap,
.contact-box,
.footer-inner{width: 100% !important;max-width: 100% !important;min-width: 0 !important;margin-left: 0 !important;margin-right: 0 !important;}
.hero h1,
#inicio h1,
.section-heading h2,
.project-info h3,
.about-text,
.contact-main h2{max-width: 100% !important;min-width: 0 !important;white-space: normal !important;overflow-wrap: break-word !important;word-break: normal !important;}
.hero-actions{width: 100% !important;max-width: 420px !important;}
.hero-actions .button{max-width: 100% !important;}
}
@media (max-width: 700px){:root{--edool-gutter: 18px;}
.container,
.nav-shell{width: calc(100% - 36px) !important;}
.hero h1,
#inicio h1{font-size: clamp(42px, 13.2vw, 58px) !important;line-height: .95 !important;letter-spacing: -0.04em !important;}
.hero h1 .muted-line,
#inicio h1 .muted-line{font-size: .80em !important;}
.section-heading h2{font-size: clamp(33px, 9.7vw, 46px) !important;}
.project-info h3{font-size: clamp(37px, 10.8vw, 50px) !important;}
.contact-main h2{font-size: clamp(36px, 10.8vw, 48px) !important;}
.about-text{font-size: clamp(26px, 7.5vw, 36px) !important;}
}
@media (max-width: 390px){:root{--edool-gutter: 16px;}
.container,
.nav-shell{width: calc(100% - 32px) !important;}
.hero h1,
#inicio h1{font-size: clamp(40px, 12.6vw, 52px) !important;}
}
@media (min-width: 701px){.hero .container,
#inicio .container{width: calc(100% - 96px) !important;max-width: 1380px !important;margin-left: auto !important;margin-right: auto !important;}
.hero-inner{grid-template-columns: minmax(0, .95fr) minmax(420px, 1.05fr) !important;gap: clamp(55px, 7vw, 120px) !important;align-items: center !important;}
.hero-copy{width: 100% !important;max-width: 690px !important;padding-left: 10px !important;}
.hero h1,
#inicio h1{width: 100% !important;max-width: 680px !important;font-size: clamp(64px, 6.2vw, 102px) !important;line-height: .91 !important;letter-spacing: -0.065em !important;margin-bottom: 30px !important;overflow-wrap: normal !important;word-break: normal !important;white-space: normal !important;}
.hero h1 .muted-line,
#inicio h1 .muted-line{display: block !important;width: 100% !important;max-width: 100% !important;font-size: .86em !important;line-height: .98 !important;}
.hero-description{width: 100% !important;max-width: 610px !important;font-size: clamp(16px, 1.35vw, 19px) !important;line-height: 1.68 !important;margin-top: 0 !important;padding-right: 10px !important;}
.hero-actions{width: 100% !important;max-width: 520px !important;display: flex !important;flex-wrap: wrap !important;gap: 12px !important;margin-top: 34px !important;}
.hero-actions .button{width: auto !important;min-width: 190px !important;max-width: 100% !important;}
.hero-visual{min-width: 0 !important;width: 100% !important;}
}
@media (min-width: 701px) and (max-width: 1180px){.hero .container,
#inicio .container{width: calc(100% - 64px) !important;}
.hero-inner{grid-template-columns: 1fr 1fr !important;gap: 46px !important;}
.hero h1,
#inicio h1{font-size: clamp(58px, 7vw, 82px) !important;}
.hero-copy{max-width: 570px !important;}
.hero-description{max-width: 520px !important;font-size: 16px !important;}
}
@media (max-width: 700px){.hero .container,
#inicio .container{width: calc(100% - 44px) !important;margin-left: auto !important;margin-right: auto !important;padding-left: 0 !important;padding-right: 0 !important;}
.hero-copy{width: 100% !important;max-width: 100% !important;padding-left: 0 !important;padding-right: 0 !important;}
.hero h1,
#inicio h1{width: 100% !important;max-width: 100% !important;font-size: clamp(40px, 12.5vw, 56px) !important;line-height: .96 !important;letter-spacing: -0.035em !important;margin-bottom: 28px !important;}
.hero h1 .muted-line,
#inicio h1 .muted-line{display: block !important;width: 100% !important;font-size: .78em !important;line-height: 1.04 !important;}
.hero-description{width: 100% !important;max-width: 100% !important;font-size: 14.5px !important;line-height: 1.7 !important;padding: 0 !important;}
.hero-actions{width: 100% !important;max-width: 100% !important;display: grid !important;grid-template-columns: 1fr !important;gap: 10px !important;margin-top: 26px !important;}
.hero-actions .button{width: 100% !important;max-width: 100% !important;min-width: 0 !important;}
}
@media (max-width: 390px){.hero .container,
#inicio .container{width: calc(100% - 36px) !important;}
.hero h1,
#inicio h1{font-size: clamp(38px, 12vw, 50px) !important;}
}
.edool-carousel{position: relative;width: 100%;overflow: hidden;border: 1px solid rgba(255,255,255,.10);border-radius: 28px;background: #0b0f14;box-shadow: 0 28px 80px rgba(0,0,0,.30);}
.edool-carousel-viewport{position: relative;overflow: hidden;width: 100%;aspect-ratio: 16 / 8;min-height: 420px;}
.edool-carousel-track{display: flex;height: 100%;will-change: transform;transition: transform .65s cubic-bezier(.2,.8,.2,1);}
.edool-slide{position: relative;min-width: 100%;height: 100%;overflow: hidden;}
.edool-slide img{width: 100%;height: 100%;display: block;object-fit: cover;transform: none;transition: none;}
.edool-slide.active img{transform: none;}
.edool-slide::after{content: "";position: absolute;inset: 0;background:
linear-gradient(to top, rgba(0,0,0,.78) 0%, rgba(0,0,0,.18) 48%, rgba(0,0,0,.04) 100%);pointer-events: none;}
.edool-slide-content{position: absolute;left: clamp(18px,3vw,34px);right: auto;bottom: clamp(18px,3vw,30px);z-index: 3;width: min(520px, calc(100% - 90px));max-width: 520px;padding: 14px 16px 15px;border-radius: 16px;background: linear-gradient(135deg, rgba(7,10,15,.68), rgba(7,10,15,.34));border: 1px solid rgba(255,255,255,.10);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);box-shadow: 0 14px 34px rgba(0,0,0,.18);}
.edool-slide-kicker{display: inline-flex;align-items: center;gap: 7px;margin-bottom: 7px;color: #dfff43;font-size: 9px;font-weight: 800;letter-spacing: .12em;text-transform: uppercase;}
.edool-slide-kicker::before{content: "";width: 6px;height: 6px;border-radius: 50%;background: #dfff43;box-shadow: 0 0 14px rgba(223,255,67,.8);}
.edool-slide-content h3{margin: 0 0 7px;font-size: clamp(22px,2.5vw,34px);line-height: 1.05;letter-spacing: -.035em;color: #fff;}
.edool-slide-content p{margin: 0;max-width: 470px;color: #d2d7de;font-size: 12.5px;line-height: 1.45;}
.edool-carousel-btn{position: absolute;top: 50%;transform: translateY(-50%);z-index: 5;width: 46px;height: 46px;display: grid;place-items: center;border-radius: 50%;border: 1px solid rgba(255,255,255,.15);background: rgba(8,11,15,.58);backdrop-filter: blur(14px);color: white;font-size: 24px;cursor: pointer;transition: .25s ease;}
.edool-carousel-btn:hover{background: rgba(223,255,67,.13);border-color: rgba(223,255,67,.28);}
.edool-carousel-prev{left: 14px;}
.edool-carousel-next{right: 14px;}
.edool-carousel-dots{display: flex;justify-content: center;align-items: center;gap: 8px;padding: 14px 16px 16px;}
.edool-carousel-dot{width: 8px;height: 8px;padding: 0;border: 0;border-radius: 999px;background: rgba(255,255,255,.22);cursor: pointer;transition: .28s ease;}
.edool-carousel-dot.active{width: 30px;background: #dfff43;box-shadow: 0 0 14px rgba(223,255,67,.25);}
@media (max-width: 700px){.edool-carousel{border-radius: 20px;}
.edool-carousel-viewport{aspect-ratio: 4 / 5;min-height: 390px;}
.edool-slide-content{left: 12px;right: auto;bottom: 13px;width: calc(100% - 66px);max-width: 400px;padding: 10px 12px 11px;border-radius: 13px;}
.edool-slide-kicker{margin-bottom: 5px;font-size: 8px;}
.edool-slide-content h3{margin-bottom: 5px;font-size: clamp(18px,5.7vw,25px);line-height: 1.08;}
.edool-slide-content p{font-size: 10.5px;line-height: 1.38;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.edool-carousel-btn{width: 38px;height: 38px;font-size: 20px;}
.edool-carousel-prev{left: 8px;}
.edool-carousel-next{right: 8px;}
}
.core-mini-carousel{position: relative;width: 100%;margin: auto 0;perspective: 1100px;z-index: 2;}
.core-mini-stage{position: relative;width: 100%;aspect-ratio: 1.35 / 1;border-radius: 22px;overflow: visible;transform-style: preserve-3d;}
.core-mini-slide{position: absolute;inset: 0;border-radius: 22px;overflow: hidden;opacity: 0;transform:
translateZ(-90px)
scale(.92)
rotateY(8deg);filter: blur(.2px) brightness(.68) saturate(.85);transition:
opacity .75s ease,
transform .85s cubic-bezier(.2,.8,.2,1),
filter .75s ease;border: 1px solid rgba(255,255,255,.11);background: #0c1015;box-shadow:
0 24px 70px rgba(0,0,0,.38),
inset 0 1px 0 rgba(255,255,255,.08);}
.core-mini-slide::before{content: "";position: absolute;inset: 0;z-index: 2;background:
linear-gradient(
180deg,
rgba(0,0,0,.05) 0%,
rgba(0,0,0,.02) 45%,
rgba(0,0,0,.72) 100%
);pointer-events: none;}
.core-mini-slide::after{content: "";position: absolute;top: -45%;left: -80%;width: 46%;height: 190%;z-index: 3;transform: rotate(20deg);background:
linear-gradient(
90deg,
transparent,
rgba(255,255,255,.14),
transparent
);animation: coreMiniScan 6s ease-in-out infinite;pointer-events: none;}
.core-mini-slide.active{opacity: 1;transform:
translateZ(26px)
scale(1)
rotateY(-2deg)
rotateX(1deg);filter: brightness(.92) saturate(1.02);z-index: 4;}
.core-mini-slide img{width: 100%;height: 100%;object-fit: cover;display: block;transform: scale(1.035);transition: transform 6s ease;}
.core-mini-slide.active img{transform: scale(1.085);}
.core-mini-overlay{position: absolute;left: 16px;right: 16px;bottom: 14px;z-index: 5;display: flex;align-items: end;justify-content: space-between;gap: 10px;}
.core-mini-overlay span{color: #dfff43;font-size: 8px;font-weight: 800;letter-spacing: .13em;}
.core-mini-overlay strong{color: #fff;font-size: 14px;font-weight: 800;letter-spacing: -.03em;}
.core-mini-indicators{display: flex;justify-content: center;gap: 7px;margin-top: 12px;}
.core-mini-dot{width: 7px;height: 7px;padding: 0;border: 0;border-radius: 99px;background: rgba(255,255,255,.18);cursor: pointer;transition: .28s ease;}
.core-mini-dot.active{width: 24px;background: #dfff43;box-shadow: 0 0 16px rgba(223,255,67,.32);}
@keyframes coreMiniScan{0%, 15%{left: -80%;}
55%, 100%{left: 140%;}
}
@media (hover: hover) and (pointer: fine){.tech-core:hover .core-mini-slide.active{transform:
translateZ(42px)
scale(1.015)
rotateY(-3deg)
rotateX(1.5deg);}
}
@media (max-width: 700px){.core-mini-stage{aspect-ratio: 1.22 / 1;border-radius: 18px;}
.core-mini-slide{border-radius: 18px;}
.core-mini-overlay{left: 12px;right: 12px;bottom: 11px;}
.core-mini-overlay span{font-size: 7px;}
.core-mini-overlay strong{font-size: 12px;}
}
@media (prefers-reduced-motion: reduce){.core-mini-slide::after{animation: none !important;}
.core-mini-slide,
.core-mini-slide img{transition: none !important;}
}
:root{--bg:#06080d !important;--bg-soft:#0a0e15 !important;--card:rgba(255,255,255,.052) !important;--card-hover:rgba(255,255,255,.082) !important;--border:rgba(173,196,220,.115) !important;--border-strong:rgba(202,221,240,.19) !important;--text:#f6f8fb !important;--muted:#9aa6b4 !important;--muted-2:#687482 !important;--accent:#d8ff3e !important;--accent-soft:rgba(216,255,62,.14) !important;--edool-blue:#7dd9ff;--edool-violet:#9e8cff;--edool-cyan:#68f0dc;}
body{color:#f6f8fb !important;background:
radial-gradient(circle at 12% 6%, rgba(125,217,255,.09), transparent 30%),
radial-gradient(circle at 88% 18%, rgba(158,140,255,.075), transparent 28%),
radial-gradient(circle at 52% 92%, rgba(216,255,62,.055), transparent 26%),
linear-gradient(180deg,#06080d 0%,#080b11 48%,#06080d 100%) !important;}
body::before{background:
radial-gradient(circle at 18% 28%, rgba(216,255,62,.09), transparent 28%),
radial-gradient(circle at 78% 22%, rgba(125,217,255,.085), transparent 30%),
radial-gradient(circle at 62% 76%, rgba(158,140,255,.065), transparent 28%) !important;}
body::after{background-image:
linear-gradient(rgba(125,217,255,.028) 1px, transparent 1px),
linear-gradient(90deg, rgba(158,140,255,.022) 1px, transparent 1px) !important;}
.nav-shell{background:
linear-gradient(
180deg,
rgba(13,18,27,.84),
rgba(7,10,16,.78)
) !important;border-color:rgba(150,180,210,.13) !important;box-shadow:
0 22px 65px rgba(0,0,0,.36),
inset 0 1px 0 rgba(255,255,255,.045) !important;}
.nav-shell.scrolled{background:
linear-gradient(
180deg,
rgba(10,14,22,.97),
rgba(6,9,14,.95)
) !important;border-color:rgba(165,195,225,.17) !important;}
.brand-symbol{background:
linear-gradient(
145deg,
#e6ff63 0%,
#d8ff3e 52%,
#baf51d 100%
) !important;box-shadow:
0 0 30px rgba(216,255,62,.20),
0 8px 30px rgba(0,0,0,.25) !important;}
.desktop-nav{background:
linear-gradient(
180deg,
rgba(255,255,255,.048),
rgba(255,255,255,.015)
) !important;border-color:rgba(142,177,208,.10) !important;}
.desktop-nav a{color:#8996a6 !important;}
.desktop-nav a:hover,
.desktop-nav a.active{color:#f8fbff !important;}
.desktop-nav a::before{background:
linear-gradient(
135deg,
rgba(216,255,62,.13),
rgba(125,217,255,.055)
) !important;border-color:rgba(216,255,62,.14) !important;}
.desktop-nav a.active::before{background:
linear-gradient(
135deg,
rgba(216,255,62,.17),
rgba(125,217,255,.065),
rgba(158,140,255,.045)
) !important;}
.nav-contact,
.button-primary{background:
linear-gradient(
135deg,
#e5ff60 0%,
#d8ff3e 55%,
#c4fb26 100%
) !important;color:#070a0e !important;box-shadow:
0 12px 36px rgba(216,255,62,.12),
inset 0 1px 0 rgba(255,255,255,.5) !important;}
.button-secondary{background:
linear-gradient(
145deg,
rgba(125,217,255,.055),
rgba(158,140,255,.025)
) !important;border-color:rgba(158,191,220,.14) !important;}
.eyebrow{color:#a8b5c4 !important;}
.eyebrow-dot,
.live-status span,
.machine-online,
.orbit-dot{background:#d8ff3e !important;box-shadow:
0 0 16px rgba(216,255,62,.70),
0 0 35px rgba(125,217,255,.10) !important;}
.hero h1,
.hero-section h1,
#inicio h1{background:
linear-gradient(
108deg,
#ffffff 0%,
#eef6ff 22%,
#d8ff3e 40%,
#ffffff 55%,
#7dd9ff 72%,
#c8bfff 88%,
#ffffff 100%
) !important;background-size:280% auto !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;filter:
drop-shadow(0 12px 34px rgba(0,0,0,.28))
drop-shadow(0 0 28px rgba(125,217,255,.035)) !important;}
.hero h1::after,
.hero-section h1::after,
#inicio h1::after{background:
linear-gradient(
90deg,
transparent,
#d8ff3e,
#7dd9ff,
rgba(158,140,255,.35),
transparent
) !important;box-shadow:
0 0 22px rgba(216,255,62,.22),
0 0 28px rgba(125,217,255,.09) !important;}
.hero-description{color:#a8b1bc !important;}
.tech-core{background:
linear-gradient(
145deg,
rgba(20,28,39,.82),
rgba(9,13,20,.72) 55%,
rgba(11,14,22,.80)
) !important;border-color:rgba(157,192,222,.15) !important;box-shadow:
0 50px 120px rgba(0,0,0,.46),
0 0 70px rgba(125,217,255,.035),
inset 0 1px 0 rgba(255,255,255,.065) !important;}
.tech-core::before{background:
radial-gradient(circle at 25% 18%, rgba(216,255,62,.10), transparent 30%),
radial-gradient(circle at 78% 74%, rgba(125,217,255,.065), transparent 35%) !important;}
.core-data{background:
linear-gradient(
145deg,
rgba(2,5,10,.28),
rgba(125,217,255,.025)
) !important;border-color:rgba(137,176,210,.08) !important;}
.floating-chip{background:
linear-gradient(
145deg,
rgba(15,21,30,.90),
rgba(9,12,18,.86)
) !important;border-color:rgba(151,188,219,.13) !important;color:#c3ced9 !important;}
.core-mini-slide{border-color:rgba(153,188,220,.13) !important;box-shadow:
0 24px 70px rgba(0,0,0,.42),
0 0 40px rgba(125,217,255,.035),
inset 0 1px 0 rgba(255,255,255,.08) !important;}
.core-mini-overlay span{color:#d8ff3e !important;}
.core-mini-dot.active{background:
linear-gradient(90deg,#d8ff3e,#7dd9ff) !important;box-shadow:
0 0 16px rgba(216,255,62,.24),
0 0 18px rgba(125,217,255,.12) !important;}
.marquee-wrap{background:
linear-gradient(
90deg,
rgba(125,217,255,.014),
rgba(216,255,62,.014),
rgba(158,140,255,.012)
) !important;}
.marquee-item{color:#84919f !important;}
.capability{background:
linear-gradient(
145deg,
rgba(18,25,35,.72),
rgba(8,11,17,.64)
) !important;border-color:rgba(147,180,210,.11) !important;}
.capability:hover{border-color:rgba(216,255,62,.20) !important;background:
linear-gradient(
145deg,
rgba(23,31,42,.80),
rgba(9,13,20,.70)
) !important;box-shadow:
0 22px 65px rgba(0,0,0,.25),
0 0 45px rgba(125,217,255,.025) !important;}
.capability-number{background:
linear-gradient(
145deg,
rgba(125,217,255,.045),
rgba(158,140,255,.022)
) !important;border-color:rgba(142,177,208,.12) !important;color:#8392a2 !important;}
.project-card{background:
radial-gradient(
circle at 82% 24%,
rgba(216,255,62,.065),
transparent 30%
),
radial-gradient(
circle at 68% 78%,
rgba(125,217,255,.055),
transparent 30%
),
linear-gradient(
145deg,
#10161f,
#090d13 58%,
#080b10
) !important;border-color:rgba(150,185,215,.12) !important;}
.project-badge{background:
linear-gradient(
135deg,
rgba(216,255,62,.055),
rgba(125,217,255,.025)
) !important;border-color:rgba(216,255,62,.16) !important;color:#e3ff6e !important;}
.project-features span{background:
linear-gradient(
145deg,
rgba(125,217,255,.045),
rgba(158,140,255,.018)
) !important;border-color:rgba(151,185,214,.10) !important;}
.vending{background:
linear-gradient(
145deg,
#28313d 0%,
#151b23 46%,
#0d1117 100%
) !important;border-color:rgba(159,192,220,.14) !important;box-shadow:
0 70px 95px rgba(0,0,0,.48),
0 0 50px rgba(125,217,255,.025),
inset 0 1px 0 rgba(255,255,255,.08) !important;}
.vending-window{background:
linear-gradient(
160deg,
#080b10,
#121821 65%,
#0a0d12
) !important;}
.vending-display{color:#dcff4e !important;}
.stats{border-color:rgba(145,177,206,.10) !important;}
.stat{border-color:rgba(145,177,206,.10) !important;}
.stat strong{background:
linear-gradient(
100deg,
#ffffff,
#d8ff3e 45%,
#7dd9ff 85%
) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;}
.edool-carousel{background:#090d13 !important;border-color:rgba(148,183,214,.12) !important;box-shadow:
0 28px 80px rgba(0,0,0,.34),
0 0 50px rgba(125,217,255,.025) !important;}
.edool-slide-kicker{color:#d8ff3e !important;}
.edool-slide-kicker::before{background:#d8ff3e !important;}
.edool-carousel-btn{background:
linear-gradient(
145deg,
rgba(9,13,20,.72),
rgba(17,23,32,.70)
) !important;border-color:rgba(158,193,223,.15) !important;}
.edool-carousel-btn:hover{background:
linear-gradient(
145deg,
rgba(216,255,62,.13),
rgba(125,217,255,.07)
) !important;}
.edool-carousel-dot.active{background:
linear-gradient(
90deg,
#d8ff3e,
#7dd9ff
) !important;box-shadow:
0 0 14px rgba(216,255,62,.20),
0 0 18px rgba(125,217,255,.09) !important;}
.contact-box{background:
linear-gradient(
135deg,
#e5ff61 0%,
#d8ff3e 55%,
#bff72b 100%
) !important;box-shadow:
0 32px 90px rgba(0,0,0,.24),
0 0 55px rgba(216,255,62,.08) !important;}
.footer-brand{background:
linear-gradient(
110deg,
#161c25,
#202b35 45%,
#17212a 70%,
#12161d
) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;}
@media(max-width:700px){body{background:
radial-gradient(circle at 20% 5%, rgba(125,217,255,.07), transparent 25%),
radial-gradient(circle at 85% 14%, rgba(158,140,255,.055), transparent 24%),
#06080d !important;}
.nav-shell{background:
linear-gradient(
180deg,
rgba(11,16,24,.94),
rgba(6,9,14,.91)
) !important;}
.tech-core{box-shadow:
0 35px 80px rgba(0,0,0,.44),
0 0 42px rgba(125,217,255,.025),
inset 0 1px 0 rgba(255,255,255,.055) !important;}
}
.core-mini-stage{overflow:hidden !important;transform-style:flat !important;perspective:none !important;}
.core-mini-carousel .core-mini-stage{display:block !important;}
.core-mini-slide{inset:auto !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;opacity:1 !important;filter:none !important;transform:
translate3d(110%,0,0)
scale(.985) !important;transition:
transform 1.15s cubic-bezier(.22,.61,.36,1),
opacity .55s ease !important;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;pointer-events:none;}
.core-mini-slide.active{transform:
translate3d(0,0,0)
scale(1) !important;opacity:1 !important;z-index:3 !important;}
.core-mini-slide.leaving-left{transform:
translate3d(-110%,0,0)
scale(.985) !important;opacity:.92 !important;z-index:2 !important;}
.core-mini-slide.enter-from-left{transform:
translate3d(-110%,0,0)
scale(.985) !important;}
.core-mini-slide.leaving-right{transform:
translate3d(110%,0,0)
scale(.985) !important;opacity:.92 !important;z-index:2 !important;}
.core-mini-slide.enter-from-right{transform:
translate3d(110%,0,0)
scale(.985) !important;}
.core-mini-slide img{transform:scale(1.045) !important;transition:transform 5.5s ease-out !important;}
.core-mini-slide.active img{transform:scale(1.075) !important;}
.tech-core:hover .core-mini-slide.active{transform:translate3d(0,0,0) scale(1) !important;}
@media (max-width:700px){.core-mini-slide{transition:
transform .95s cubic-bezier(.22,.61,.36,1),
opacity .45s ease !important;}
}
@media (prefers-reduced-motion: reduce){.core-mini-slide{transition:none !important;}
}
.capability-number{position:relative !important;width:54px !important;height:54px !important;display:grid !important;place-items:center !important;border-radius:16px !important;overflow:hidden !important;font-size:12px !important;font-weight:850 !important;letter-spacing:.12em !important;color:#ffffff !important;border:1px solid rgba(255,255,255,.16) !important;box-shadow:
0 14px 34px rgba(0,0,0,.26),
inset 0 1px 0 rgba(255,255,255,.14) !important;transform:translateZ(0);transition:
transform .35s cubic-bezier(.2,.8,.2,1),
box-shadow .35s ease,
border-color .35s ease !important;}
.capability-number::before{content:"" !important;position:absolute !important;top:-40% !important;left:-70% !important;width:42% !important;height:190% !important;transform:rotate(22deg) !important;background:
linear-gradient(
90deg,
transparent,
rgba(255,255,255,.38),
transparent
) !important;animation:numberShine 5.5s ease-in-out infinite !important;pointer-events:none !important;}
.capability-number::after{content:"" !important;position:absolute !important;inset:-10px !important;border-radius:22px !important;opacity:.0 !important;transition:opacity .35s ease !important;pointer-events:none !important;}
.capability:nth-child(1) .capability-number{background:
linear-gradient(
145deg,
#e7ff64 0%,
#d8ff3e 48%,
#aeea1b 100%
) !important;color:#091005 !important;box-shadow:
0 14px 34px rgba(0,0,0,.28),
0 0 26px rgba(216,255,62,.18),
inset 0 1px 0 rgba(255,255,255,.50) !important;}
.capability:nth-child(1) .capability-number::after{background:rgba(216,255,62,.18) !important;filter:blur(12px) !important;}
.capability:nth-child(2) .capability-number{background:
linear-gradient(
145deg,
#b7edff 0%,
#72d9ff 52%,
#4eaee8 100%
) !important;color:#061019 !important;box-shadow:
0 14px 34px rgba(0,0,0,.28),
0 0 26px rgba(114,217,255,.18),
inset 0 1px 0 rgba(255,255,255,.42) !important;}
.capability:nth-child(2) .capability-number::after{background:rgba(114,217,255,.18) !important;filter:blur(12px) !important;}
.capability:nth-child(3) .capability-number{background:
linear-gradient(
145deg,
#cbbcff 0%,
#9d88ff 52%,
#7258dd 100%
) !important;color:#ffffff !important;box-shadow:
0 14px 34px rgba(0,0,0,.28),
0 0 26px rgba(157,136,255,.18),
inset 0 1px 0 rgba(255,255,255,.24) !important;}
.capability:nth-child(3) .capability-number::after{background:rgba(157,136,255,.17) !important;filter:blur(12px) !important;}
.capability:nth-child(4) .capability-number{background:
linear-gradient(
145deg,
#9dfff1 0%,
#68f0dc 52%,
#30b9a7 100%
) !important;color:#061310 !important;box-shadow:
0 14px 34px rgba(0,0,0,.28),
0 0 26px rgba(104,240,220,.18),
inset 0 1px 0 rgba(255,255,255,.42) !important;}
.capability:nth-child(4) .capability-number::after{background:rgba(104,240,220,.17) !important;filter:blur(12px) !important;}
.capability:nth-child(5) .capability-number{background:
linear-gradient(
145deg,
#ffd19c 0%,
#ff9d55 52%,
#e66a25 100%
) !important;color:#1a0c03 !important;box-shadow:
0 14px 34px rgba(0,0,0,.28),
0 0 26px rgba(255,157,85,.18),
inset 0 1px 0 rgba(255,255,255,.42) !important;}
.capability:nth-child(5) .capability-number::after{background:rgba(255,157,85,.18) !important;filter:blur(12px) !important;}
.capability:nth-child(6) .capability-number{background:
linear-gradient(
145deg,
#ffb9cf 0%,
#ff6f9d 52%,
#d83f72 100%
) !important;color:#19060d !important;box-shadow:
0 14px 34px rgba(0,0,0,.28),
0 0 26px rgba(255,111,157,.18),
inset 0 1px 0 rgba(255,255,255,.40) !important;}
.capability:nth-child(6) .capability-number::after{background:rgba(255,111,157,.18) !important;filter:blur(12px) !important;}
.capability:nth-child(7) .capability-number{background:
linear-gradient(
145deg,
#ffe990 0%,
#ffc943 52%,
#e8a812 100%
) !important;color:#171002 !important;box-shadow:
0 14px 34px rgba(0,0,0,.28),
0 0 26px rgba(255,201,67,.18),
inset 0 1px 0 rgba(255,255,255,.46) !important;}
.capability:nth-child(7) .capability-number::after{background:rgba(255,201,67,.18) !important;filter:blur(12px) !important;}
.capability:nth-child(8) .capability-number{background:
linear-gradient(
145deg,
#93e2ff 0%,
#42bdf3 52%,
#147fb9 100%
) !important;color:#04121a !important;box-shadow:
0 14px 34px rgba(0,0,0,.28),
0 0 26px rgba(66,189,243,.18),
inset 0 1px 0 rgba(255,255,255,.42) !important;}
.capability:nth-child(8) .capability-number::after{background:rgba(66,189,243,.18) !important;filter:blur(12px) !important;}
.capability:hover .capability-number{transform:
translateY(-4px)
scale(1.06)
rotate(-2deg) !important;border-color:rgba(255,255,255,.30) !important;}
.capability:hover .capability-number::after{opacity:1 !important;}
.capability:nth-child(1) .capability-number{animation:numberFloatA 4.2s ease-in-out infinite !important;}
.capability:nth-child(2) .capability-number{animation:numberFloatB 4.8s ease-in-out infinite .25s !important;}
.capability:nth-child(3) .capability-number{animation:numberFloatA 5.1s ease-in-out infinite .45s !important;}
.capability:nth-child(4) .capability-number{animation:numberFloatB 4.6s ease-in-out infinite .65s !important;}
.capability:nth-child(5) .capability-number{animation:numberFloatA 4.9s ease-in-out infinite .85s !important;}
.capability:nth-child(6) .capability-number{animation:numberFloatB 5.2s ease-in-out infinite 1.05s !important;}
.capability:nth-child(7) .capability-number{animation:numberFloatA 4.7s ease-in-out infinite 1.25s !important;}
.capability:nth-child(8) .capability-number{animation:numberFloatB 5.0s ease-in-out infinite 1.45s !important;}
@keyframes numberShine{0%,16%{left:-75%}
52%,100%{left:145%}
}
@keyframes numberFloatA{0%,100%{transform:translateY(0) rotate(0deg)}
50%{transform:translateY(-4px) rotate(1.5deg)}
}
@keyframes numberFloatB{0%,100%{transform:translateY(0) rotate(0deg)}
50%{transform:translateY(-5px) rotate(-1.5deg)}
}
@media(max-width:700px){.capability-number{width:48px !important;height:48px !important;border-radius:14px !important;font-size:11px !important;}
}
@media(prefers-reduced-motion:reduce){.capability-number,
.capability-number::before{animation:none !important;}
}
.edool-carousel-track{transition:
transform 1.20s cubic-bezier(.65,0,.35,1) !important;will-change: transform !important;backface-visibility: hidden !important;-webkit-backface-visibility: hidden !important;}
.edool-carousel-track.no-transition{transition: none !important;}
.edool-slide img{transition: none !important;transform: none !important;}
.edool-slide.active img{transform: none !important;}
@media(max-width:700px){.edool-carousel-track{transition:
transform 1.00s cubic-bezier(.65,0,.35,1) !important;}
}
.edool-carousel{position: relative !important;overflow: hidden !important;background: transparent !important;}
.edool-carousel-viewport{width: 100% !important;min-height: 0 !important;overflow: hidden !important;border-radius: inherit !important;}
.edool-slide,
.edool-slide img{width: 100% !important;height: 100% !important;}
.edool-slide img{object-fit: cover !important;object-position: center center !important;}
.edool-carousel-dots{position: absolute !important;left: 50% !important;bottom: 16px !important;z-index: 10 !important;transform: translateX(-50%) !important;display: flex !important;align-items: center !important;justify-content: center !important;gap: 8px !important;width: auto !important;padding: 8px 11px !important;border-radius: 999px !important;background: rgba(7,10,15,.42) !important;border: 1px solid rgba(255,255,255,.09) !important;backdrop-filter: blur(14px) !important;-webkit-backdrop-filter: blur(14px) !important;box-shadow:
0 10px 30px rgba(0,0,0,.18),
inset 0 1px 0 rgba(255,255,255,.05) !important;}
.edool-slide-content{bottom: 22px !important;}
.edool-carousel-btn{background: rgba(8,11,15,.50) !important;backdrop-filter: blur(12px) !important;-webkit-backdrop-filter: blur(12px) !important;}
@media(max-width:700px){.edool-carousel-dots{bottom: 11px !important;padding: 7px 9px !important;}
.edool-slide-content{bottom: 52px !important;}
}
.edool-build-strip{position:relative;z-index:2;width:100%;padding:24px 0 54px;}
.edool-build-inner{width:min(1380px, calc(100% - 64px));margin:0 auto;padding:30px 34px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(380px,.9fr);gap:42px;align-items:center;border:1px solid rgba(151,185,214,.11);border-radius:28px;background:
radial-gradient(circle at 8% 20%, rgba(216,255,62,.055), transparent 28%),
radial-gradient(circle at 92% 80%, rgba(125,217,255,.045), transparent 26%),
linear-gradient(145deg,rgba(18,25,35,.72),rgba(8,11,17,.68));box-shadow:
0 24px 70px rgba(0,0,0,.22),
inset 0 1px 0 rgba(255,255,255,.045);overflow:hidden;}
.edool-build-kicker{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#aeb9c5;font-size:10px;font-weight:800;letter-spacing:.18em;}
.edool-build-kicker i{width:7px;height:7px;border-radius:50%;background:#d8ff3e;box-shadow:0 0 15px rgba(216,255,62,.58);animation:edoolBuildPulse 2.2s ease-in-out infinite;}
.edool-build-copy h2{max-width:720px;margin:0;color:#f7f9fc;font-size:clamp(27px,3vw,48px);line-height:1.02;letter-spacing:-.045em;}
.edool-build-copy h2 span{background:linear-gradient(100deg,#d8ff3e,#eefca5 45%,#7dd9ff);-webkit-background-clip:text;background-clip:text;color:transparent;}
.edool-build-copy p{max-width:720px;margin:15px 0 0;color:#9ca8b5;font-size:14px;line-height:1.72;}
.edool-build-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.edool-build-services span{position:relative;min-height:48px;display:flex;align-items:center;gap:11px;padding:0 14px;border-radius:14px;color:#d8dfe7;font-size:12px;font-weight:700;border:1px solid rgba(154,188,218,.10);background:rgba(255,255,255,.025);transition:
transform .35s cubic-bezier(.2,.8,.2,1),
background .35s ease,
border-color .35s ease;}
.edool-build-services span:last-child{grid-column:1 / -1;}
.edool-build-services span b{color:#d8ff3e;font-size:9px;letter-spacing:.08em;}
.edool-build-services span:hover{transform:translateY(-3px);border-color:rgba(216,255,62,.18);background:linear-gradient(135deg,rgba(216,255,62,.065),rgba(125,217,255,.035));}
@keyframes edoolBuildPulse{0%,100%{transform:scale(.85);opacity:.65}
50%{transform:scale(1.2);opacity:1}
}
@media(max-width:900px){.edool-build-inner{grid-template-columns:1fr;gap:25px;}
}
@media(max-width:700px){.edool-build-strip{padding:18px 0 38px;}
.edool-build-inner{width:calc(100% - 32px);padding:23px 20px;border-radius:22px;}
.edool-build-copy h2{font-size:30px;}
.edool-build-copy p{font-size:13px;}
.edool-build-services{grid-template-columns:1fr 1fr;gap:7px;}
.edool-build-services span{min-height:44px;padding:0 11px;font-size:11px;}
}
@media(max-width:420px){.edool-build-services{grid-template-columns:1fr;}
.edool-build-services span:last-child{grid-column:auto;}
}
@media(prefers-reduced-motion:reduce){.edool-build-kicker i{animation:none;}
}
:root{--accent:#78d64b !important;--accent-soft:rgba(120,214,75,.13) !important;}
.brand-symbol{background:linear-gradient(145deg,#9be66f 0%,#78d64b 52%,#58b936 100%) !important;box-shadow:
0 0 26px rgba(120,214,75,.16),
0 8px 30px rgba(0,0,0,.25) !important;}
.nav-contact,
.button-primary{background:linear-gradient(135deg,#99e36d 0%,#78d64b 56%,#5ec43b 100%) !important;color:#071006 !important;box-shadow:
0 12px 34px rgba(120,214,75,.10),
inset 0 1px 0 rgba(255,255,255,.38) !important;}
.eyebrow-dot,
.live-status span,
.machine-online,
.orbit-dot{background:#78d64b !important;box-shadow:
0 0 13px rgba(120,214,75,.48),
0 0 28px rgba(120,214,75,.10) !important;}
.hero h1,
.hero-section h1,
#inicio h1{background:
linear-gradient(
108deg,
#ffffff 0%,
#eef6ff 28%,
#91df66 42%,
#ffffff 58%,
#7dd9ff 77%,
#c8bfff 91%,
#ffffff 100%
) !important;background-size:280% auto !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;}
.hero h1::after,
.hero-section h1::after,
#inicio h1::after{background:
linear-gradient(
90deg,
transparent,
#78d64b,
#7dd9ff,
rgba(158,140,255,.32),
transparent
) !important;box-shadow:
0 0 18px rgba(120,214,75,.15),
0 0 25px rgba(125,217,255,.08) !important;}
.desktop-nav a::before{background:linear-gradient(135deg,rgba(120,214,75,.10),rgba(125,217,255,.05)) !important;border-color:rgba(120,214,75,.12) !important;}
.desktop-nav a.active::before{background:
linear-gradient(
135deg,
rgba(120,214,75,.14),
rgba(125,217,255,.06),
rgba(158,140,255,.04)
) !important;}
.core-mini-overlay span{color:#8ddd60 !important;}
.core-mini-dot.active,
.edool-carousel-dot.active{background:linear-gradient(90deg,#78d64b,#7dd9ff) !important;box-shadow:
0 0 13px rgba(120,214,75,.18),
0 0 17px rgba(125,217,255,.09) !important;}
.capability:hover{border-color:rgba(120,214,75,.17) !important;}
.capability:nth-child(1) .capability-number{background:linear-gradient(145deg,#a5e77d 0%,#78d64b 50%,#58b936 100%) !important;color:#081107 !important;box-shadow:
0 14px 34px rgba(0,0,0,.28),
0 0 22px rgba(120,214,75,.13),
inset 0 1px 0 rgba(255,255,255,.38) !important;}
.capability:nth-child(1) .capability-number::after{background:rgba(120,214,75,.14) !important;}
.project-badge{border-color:rgba(120,214,75,.14) !important;color:#9be475 !important;background:linear-gradient(135deg,rgba(120,214,75,.045),rgba(125,217,255,.025)) !important;}
.vending-display{color:#88dc5b !important;}
.edool-slide-kicker{color:#8ddd60 !important;}
.edool-slide-kicker::before{background:#78d64b !important;}
.stat strong{background:linear-gradient(100deg,#ffffff,#8ddd60 47%,#7dd9ff 86%) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;}
.edool-build-kicker i{background:#78d64b !important;box-shadow:0 0 13px rgba(120,214,75,.42) !important;}
.edool-build-copy h2 span{background:linear-gradient(100deg,#8ddd60,#c8efb2 46%,#7dd9ff) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;}
.edool-build-services span b{color:#83d958 !important;}
.edool-build-services span:hover{border-color:rgba(120,214,75,.15) !important;background:linear-gradient(135deg,rgba(120,214,75,.05),rgba(125,217,255,.03)) !important;}
.contact-box{background:
linear-gradient(
135deg,
#9be36f 0%,
#78d64b 55%,
#5fbe3e 100%
) !important;box-shadow:
0 32px 90px rgba(0,0,0,.24),
0 0 45px rgba(120,214,75,.06) !important;}
:root{--accent:#B8F23A !important;--accent-soft:rgba(184,242,58,.13) !important;}
.brand-symbol{background:linear-gradient(145deg,#D3FF68 0%,#B8F23A 52%,#8FD51F 100%) !important;box-shadow:0 0 27px rgba(184,242,58,.18),0 8px 30px rgba(0,0,0,.25) !important;}
.nav-contact,.button-primary{background:linear-gradient(135deg,#D0FF63 0%,#B8F23A 55%,#94D925 100%) !important;color:#0A0E05 !important;box-shadow:0 12px 34px rgba(184,242,58,.12),inset 0 1px 0 rgba(255,255,255,.42) !important;}
.eyebrow-dot,.live-status span,.machine-online,.orbit-dot{background:#B8F23A !important;box-shadow:0 0 14px rgba(184,242,58,.55),0 0 30px rgba(184,242,58,.10) !important;}
.hero h1,.hero-section h1,#inicio h1{background:linear-gradient(108deg,#fff 0%,#eef6ff 26%,#C7FA50 42%,#fff 58%,#7dd9ff 77%,#c8bfff 91%,#fff 100%) !important;background-size:280% auto !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;}
.core-mini-overlay span,.edool-slide-kicker{color:#C4F84B !important;}
.edool-slide-kicker::before{background:#B8F23A !important;}
.core-mini-dot.active,.edool-carousel-dot.active{background:linear-gradient(90deg,#B8F23A,#7dd9ff) !important;box-shadow:0 0 14px rgba(184,242,58,.20),0 0 17px rgba(125,217,255,.09) !important;}
.capability:nth-child(1) .capability-number{background:linear-gradient(145deg,#D5FF72 0%,#B8F23A 50%,#8ED31F 100%) !important;color:#0A1004 !important;box-shadow:0 14px 34px rgba(0,0,0,.28),0 0 24px rgba(184,242,58,.16),inset 0 1px 0 rgba(255,255,255,.42) !important;}
.project-badge{color:#C7F75B !important;border-color:rgba(184,242,58,.16) !important;}
.vending-display{color:#BFF54A !important;}
.edool-build-kicker i{background:#B8F23A !important;box-shadow:0 0 14px rgba(184,242,58,.48) !important;}
.edool-build-copy h2 span{background:linear-gradient(100deg,#B8F23A,#DDF7A0 47%,#7dd9ff) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;}
.edool-build-services span b{color:#BFF34B !important;}
.contact-box{background:linear-gradient(135deg,#D0FF63 0%,#B8F23A 55%,#91D324 100%) !important;box-shadow:0 32px 90px rgba(0,0,0,.24),0 0 48px rgba(184,242,58,.075) !important;}
:root{--accent:#00F51A !important;--accent-soft:rgba(0,245,26,.13) !important;}
.brand-symbol{background:linear-gradient(145deg,#39FF49 0%,#00F51A 52%,#00C914 100%) !important;box-shadow:0 0 28px rgba(0,245,26,.22),0 8px 30px rgba(0,0,0,.25) !important;}
.nav-contact,.button-primary{background:linear-gradient(135deg,#38FF49 0%,#00F51A 56%,#00CB16 100%) !important;color:#031006 !important;box-shadow:0 12px 34px rgba(0,245,26,.14),inset 0 1px 0 rgba(255,255,255,.34) !important;}
.eyebrow-dot,.live-status span,.machine-online,.orbit-dot{background:#00F51A !important;box-shadow:0 0 14px rgba(0,245,26,.60),0 0 30px rgba(0,245,26,.13) !important;}
.hero h1,.hero-section h1,#inicio h1{background:linear-gradient(108deg,#fff 0%,#eef6ff 27%,#21FA36 42%,#fff 59%,#7dd9ff 78%,#c8bfff 91%,#fff 100%) !important;background-size:280% auto !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;}
.core-mini-overlay span,.edool-slide-kicker{color:#27FA3B !important;}
.edool-slide-kicker::before{background:#00F51A !important;}
.core-mini-dot.active,.edool-carousel-dot.active{background:linear-gradient(90deg,#00F51A,#58E8FF) !important;box-shadow:0 0 15px rgba(0,245,26,.25),0 0 18px rgba(88,232,255,.10) !important;}
.capability:nth-child(1) .capability-number{background:linear-gradient(145deg,#42FF51 0%,#00F51A 52%,#00C713 100%) !important;color:#031006 !important;box-shadow:0 14px 34px rgba(0,0,0,.28),0 0 25px rgba(0,245,26,.18),inset 0 1px 0 rgba(255,255,255,.34) !important;}
.project-badge{color:#27FA3B !important;border-color:rgba(0,245,26,.17) !important;background:linear-gradient(135deg,rgba(0,245,26,.045),rgba(88,232,255,.025)) !important;}
.vending-display{color:#18F72E !important;}
.edool-build-kicker i{background:#00F51A !important;box-shadow:0 0 14px rgba(0,245,26,.55) !important;}
.edool-build-copy h2 span{background:linear-gradient(100deg,#00F51A,#83FF8E 48%,#69E9FF) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;}
.edool-build-services span b{color:#20F835 !important;}
.edool-build-services span:hover{border-color:rgba(0,245,26,.17) !important;background:linear-gradient(135deg,rgba(0,245,26,.05),rgba(88,232,255,.03)) !important;}
.contact-box{background:linear-gradient(135deg,#3CFF4C 0%,#00F51A 56%,#00C814 100%) !important;box-shadow:0 32px 90px rgba(0,0,0,.24),0 0 50px rgba(0,245,26,.09) !important;}
.desktop-nav a::before{border-color:rgba(0,245,26,.12) !important;}
.desktop-nav a.active::before{background:linear-gradient(135deg,rgba(0,245,26,.12),rgba(88,232,255,.05),rgba(158,140,255,.035)) !important;}
.edool-cults-section{position:relative;}
.edool-cults-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:42px;align-items:center;padding:44px;border:1px solid rgba(160,190,215,.12);border-radius:30px;background:
radial-gradient(circle at 12% 18%, rgba(0,245,26,.055), transparent 26%),
radial-gradient(circle at 88% 74%, rgba(125,217,255,.045), transparent 26%),
linear-gradient(145deg,rgba(18,25,35,.82),rgba(8,11,17,.72));box-shadow:
0 30px 90px rgba(0,0,0,.30),
inset 0 1px 0 rgba(255,255,255,.045);}
.edool-cults-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;color:#22f837;font-size:10px;font-weight:850;letter-spacing:.16em;}
.edool-cults-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:#00F51A;box-shadow:0 0 14px rgba(0,245,26,.52);}
.edool-cults-copy h2{max-width:660px;margin:0;color:#f7f9fc;font-size:clamp(38px,4.4vw,68px);line-height:.98;letter-spacing:-.055em;}
.edool-cults-copy h2 span{background:linear-gradient(100deg,#00F51A,#8cff99 46%,#73e7ff);-webkit-background-clip:text;background-clip:text;color:transparent;}
.edool-cults-copy p{max-width:660px;margin:18px 0 0;color:#9ca7b4;font-size:15px;line-height:1.68;}
.edool-cults-button{margin-top:28px;width:max-content;min-width:230px;min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:0 17px 0 19px;border-radius:15px;text-decoration:none;font-size:13px;font-weight:800;color:#031006;background:linear-gradient(135deg,#35ff48,#00F51A 56%,#00c913);box-shadow:
0 14px 38px rgba(0,245,26,.13),
inset 0 1px 0 rgba(255,255,255,.32);transition:
transform .35s cubic-bezier(.2,.8,.2,1),
box-shadow .35s ease;}
.edool-cults-button b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.10);font-size:16px;}
.edool-cults-button:hover{transform:translateY(-3px);box-shadow:
0 18px 44px rgba(0,245,26,.17),
inset 0 1px 0 rgba(255,255,255,.34);}
.edool-cults-visual{position:relative;min-height:330px;display:grid;place-items:center;perspective:900px;}
.edool-cults-orbit{position:absolute;border:1px solid rgba(125,217,255,.09);border-radius:50%;animation:cultsOrbit 12s linear infinite;}
.orbit-a{width:280px;height:280px;}
.orbit-b{width:210px;height:210px;animation-duration:9s;animation-direction:reverse;border-color:rgba(0,245,26,.08);}
.edool-cults-cube{position:relative;width:130px;height:130px;transform-style:preserve-3d;animation:cultsCube 10s ease-in-out infinite;}
.cube-face{position:absolute;inset:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);background:
linear-gradient(145deg,rgba(18,26,36,.82),rgba(8,12,18,.78));color:#eef3f8;font-size:18px;font-weight:850;letter-spacing:.04em;box-shadow:
inset 0 1px 0 rgba(255,255,255,.05),
0 0 24px rgba(0,0,0,.18);}
.cube-front{transform:translateZ(65px);}
.cube-back{transform:rotateY(180deg) translateZ(65px);}
.cube-right{transform:rotateY(90deg) translateZ(65px);}
.cube-left{transform:rotateY(-90deg) translateZ(65px);}
.cube-top{transform:rotateX(90deg) translateZ(65px);}
.cube-bottom{transform:rotateX(-90deg) translateZ(65px);}
.edool-cults-badge{position:absolute;bottom:18px;right:8px;padding:10px 13px;border-radius:12px;color:#cfd8e1;font-size:10px;font-weight:800;letter-spacing:.08em;border:1px solid rgba(150,183,210,.11);background:rgba(9,13,20,.78);backdrop-filter:blur(12px);box-shadow:0 12px 35px rgba(0,0,0,.24);}
@keyframes cultsOrbit{from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
@keyframes cultsCube{0%,100%{transform:rotateX(-12deg) rotateY(24deg) translateY(0)}
50%{transform:rotateX(8deg) rotateY(205deg) translateY(-8px)}
}
@media(max-width:900px){.edool-cults-card{grid-template-columns:1fr;gap:22px;}
.edool-cults-visual{min-height:280px;}
}
@media(max-width:700px){.edool-cults-card{padding:24px 20px;border-radius:22px;}
.edool-cults-copy h2{font-size:clamp(36px,11vw,50px);}
.edool-cults-copy p{font-size:13.5px;}
.edool-cults-button{width:100%;min-width:0;}
.edool-cults-visual{min-height:240px;}
.edool-cults-cube{width:105px;height:105px;}
.cube-front{transform:translateZ(52.5px);}
.cube-back{transform:rotateY(180deg) translateZ(52.5px);}
.cube-right{transform:rotateY(90deg) translateZ(52.5px);}
.cube-left{transform:rotateY(-90deg) translateZ(52.5px);}
.cube-top{transform:rotateX(90deg) translateZ(52.5px);}
.cube-bottom{transform:rotateX(-90deg) translateZ(52.5px);}
.orbit-a{width:220px;height:220px}
.orbit-b{width:165px;height:165px}
}
@media(prefers-reduced-motion:reduce){.edool-cults-orbit,
.edool-cults-cube{animation:none !important;}
}
.edool-cults-badge{position:absolute !important;bottom:18px !important;right:8px !important;padding:12px 16px !important;border-radius:14px !important;color:#061006 !important;background:
linear-gradient(
135deg,
#34ff47 0%,
#00F51A 58%,
#00c914 100%
) !important;border:1px solid rgba(255,255,255,.22) !important;font-size:11px !important;font-weight:900 !important;letter-spacing:.08em !important;box-shadow:
0 14px 36px rgba(0,245,26,.22),
0 0 28px rgba(0,245,26,.18),
inset 0 1px 0 rgba(255,255,255,.34) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;overflow:hidden !important;animation:
cultsBadgeFloat 2.8s ease-in-out infinite,
cultsBadgePulse 2.4s ease-in-out infinite !important;}
.edool-cults-badge::before{content:"" !important;display:inline-block !important;width:8px !important;height:8px !important;margin-right:9px !important;border-radius:50% !important;background:#073d08 !important;box-shadow:
0 0 0 0 rgba(7,61,8,.35) !important;animation:cultsBadgeDot 1.8s ease-out infinite !important;}
.edool-cults-badge::after{content:"" !important;position:absolute !important;top:-60% !important;left:-45% !important;width:32% !important;height:220% !important;transform:rotate(20deg) !important;background:
linear-gradient(
90deg,
transparent,
rgba(255,255,255,.52),
transparent
) !important;animation:cultsBadgeShine 3.6s ease-in-out infinite !important;pointer-events:none !important;}
@keyframes cultsBadgeFloat{0%,100%{transform:translateY(0) rotate(0deg);}
50%{transform:translateY(-7px) rotate(-1deg);}
}
@keyframes cultsBadgePulse{0%,100%{box-shadow:
0 14px 36px rgba(0,245,26,.18),
0 0 20px rgba(0,245,26,.12),
inset 0 1px 0 rgba(255,255,255,.34);}
50%{box-shadow:
0 18px 46px rgba(0,245,26,.28),
0 0 42px rgba(0,245,26,.24),
inset 0 1px 0 rgba(255,255,255,.42);}
}
@keyframes cultsBadgeDot{0%{box-shadow:0 0 0 0 rgba(7,61,8,.42);}
70%{box-shadow:0 0 0 9px rgba(7,61,8,0);}
100%{box-shadow:0 0 0 0 rgba(7,61,8,0);}
}
@keyframes cultsBadgeShine{0%,18%{left:-45%;opacity:0;}
35%{opacity:1;}
58%,100%{left:130%;opacity:0;}
}
@media(max-width:700px){.edool-cults-badge{right:10px !important;bottom:10px !important;padding:10px 13px !important;font-size:10px !important;}
}
@media(prefers-reduced-motion:reduce){.edool-cults-badge,
.edool-cults-badge::before,
.edool-cults-badge::after{animation:none !important;}
}
.edool-cults-badge{display:flex !important;align-items:center !important;gap:10px !important;color:#ffffff !important;background:
linear-gradient(
135deg,
#8d55d9 0%,
#6f42c1 52%,
#56309f 100%
) !important;border:1px solid rgba(218,195,255,.28) !important;box-shadow:
0 15px 38px rgba(111,66,193,.28),
0 0 32px rgba(141,85,217,.20),
inset 0 1px 0 rgba(255,255,255,.22) !important;text-shadow:0 1px 8px rgba(0,0,0,.18) !important;animation:
cultsPurpleFloat 2.8s ease-in-out infinite,
cultsPurplePulse 2.3s ease-in-out infinite !important;}
.edool-cults-badge::before{display:none !important;}
.edool-cults-badge strong{color:#ffffff !important;font-weight:950 !important;}
.cults-mark{position:relative;flex:0 0 auto;width:31px;height:31px;display:grid;place-items:center;border-radius:9px 9px 12px 12px;background:#ffffff;box-shadow:
0 5px 14px rgba(38,15,72,.24),
inset 0 -2px 0 rgba(111,66,193,.10);transform:rotate(-3deg);animation:cultsMarkMove 3.2s ease-in-out infinite;}
.cults-mark::before,
.cults-mark::after{content:"";position:absolute;top:-5px;width:3px;height:9px;border-radius:4px;background:#ffffff;}
.cults-mark::before{left:7px;transform:rotate(-25deg);}
.cults-mark::after{right:7px;transform:rotate(25deg);}
.cults-eye{position:relative;width:18px;height:9px;border-radius:8px;background:#6f42c1;}
.cults-eye::before,
.cults-eye::after{content:"";position:absolute;top:3px;width:3px;height:3px;border-radius:50%;background:#ffffff;}
.cults-eye::before{left:4px;}
.cults-eye::after{right:4px;}
.edool-cults-badge::after{background:
linear-gradient(
90deg,
transparent,
rgba(255,255,255,.55),
transparent
) !important;animation:cultsBadgeShine 3.5s ease-in-out infinite !important;}
@keyframes cultsPurpleFloat{0%,100%{transform:translateY(0) rotate(0deg);}
50%{transform:translateY(-7px) rotate(-1deg);}
}
@keyframes cultsPurplePulse{0%,100%{box-shadow:
0 15px 38px rgba(111,66,193,.23),
0 0 24px rgba(141,85,217,.14),
inset 0 1px 0 rgba(255,255,255,.22);}
50%{box-shadow:
0 19px 48px rgba(111,66,193,.34),
0 0 44px rgba(141,85,217,.27),
inset 0 1px 0 rgba(255,255,255,.30);}
}
@keyframes cultsMarkMove{0%,100%{transform:rotate(-3deg) scale(1);}
50%{transform:rotate(3deg) scale(1.06);}
}
@media(max-width:700px){.cults-mark{width:28px;height:28px;}
.cults-eye{width:16px;}
}
@media(prefers-reduced-motion:reduce){.edool-cults-badge,
.cults-mark{animation:none !important;}
}
.edool-facebook-section{position:relative;}
.edool-facebook-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:42px;align-items:center;padding:44px;border:1px solid rgba(130,170,220,.13);border-radius:30px;background:
radial-gradient(circle at 12% 18%, rgba(24,119,242,.06), transparent 26%),
radial-gradient(circle at 88% 74%, rgba(125,217,255,.04), transparent 26%),
linear-gradient(145deg,rgba(18,25,35,.82),rgba(8,11,17,.72));box-shadow:
0 30px 90px rgba(0,0,0,.30),
inset 0 1px 0 rgba(255,255,255,.045);}
.edool-facebook-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;color:#6fb0ff;font-size:10px;font-weight:850;letter-spacing:.16em;}
.edool-facebook-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:#1877F2;box-shadow:0 0 14px rgba(24,119,242,.52);}
.edool-facebook-copy h2{max-width:660px;margin:0;color:#f7f9fc;font-size:clamp(38px,4.4vw,68px);line-height:.98;letter-spacing:-.055em;}
.edool-facebook-copy h2 span{background:linear-gradient(100deg,#1877F2,#6fb0ff 48%,#82e2ff);-webkit-background-clip:text;background-clip:text;color:transparent;}
.edool-facebook-copy p{max-width:660px;margin:18px 0 0;color:#9ca7b4;font-size:15px;line-height:1.68;}
.edool-facebook-button{margin-top:28px;width:max-content;min-width:220px;min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:0 17px 0 19px;border-radius:15px;text-decoration:none;font-size:13px;font-weight:800;color:#ffffff;background:linear-gradient(135deg,#2d88ff,#1877F2 58%,#0f5fc7);box-shadow:
0 14px 38px rgba(24,119,242,.18),
inset 0 1px 0 rgba(255,255,255,.22);transition:
transform .35s cubic-bezier(.2,.8,.2,1),
box-shadow .35s ease;}
.edool-facebook-button b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.12);font-size:16px;}
.edool-facebook-button:hover{transform:translateY(-3px);box-shadow:
0 18px 44px rgba(24,119,242,.26),
inset 0 1px 0 rgba(255,255,255,.24);}
.edool-facebook-visual{position:relative;min-height:330px;display:grid;place-items:center;perspective:900px;}
.facebook-orbit{position:absolute;border:1px solid rgba(24,119,242,.10);border-radius:50%;animation:facebookOrbit 12s linear infinite;}
.facebook-orbit.orbit-a{width:280px;height:280px;}
.facebook-orbit.orbit-b{width:210px;height:210px;animation-duration:9s;animation-direction:reverse;border-color:rgba(125,217,255,.08);}
.facebook-logo{width:132px;height:132px;display:grid;place-items:center;border-radius:30px;color:#ffffff;background:
linear-gradient(
145deg,
#2d88ff 0%,
#1877F2 55%,
#0f5fc7 100%
);box-shadow:
0 24px 60px rgba(24,119,242,.26),
0 0 42px rgba(24,119,242,.20),
inset 0 1px 0 rgba(255,255,255,.20);animation:facebookFloat 4.2s ease-in-out infinite;}
.facebook-logo span{font-family:Arial,Helvetica,sans-serif;font-size:92px;font-weight:800;line-height:1;transform:translateY(13px);}
.edool-facebook-badge{position:absolute;right:8px;bottom:18px;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;color:#ffffff;background:
linear-gradient(
135deg,
#2d88ff 0%,
#1877F2 58%,
#0f5fc7 100%
);border:1px solid rgba(255,255,255,.20);font-size:11px;font-weight:900;letter-spacing:.06em;box-shadow:
0 15px 38px rgba(24,119,242,.25),
0 0 34px rgba(24,119,242,.18),
inset 0 1px 0 rgba(255,255,255,.20);overflow:hidden;animation:
facebookBadgeFloat 2.8s ease-in-out infinite,
facebookBadgePulse 2.4s ease-in-out infinite;}
.facebook-badge-icon{width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px;border-radius:9px;color:#1877F2;background:#ffffff;font-family:Arial,Helvetica,sans-serif;font-size:23px;font-weight:900;line-height:1;box-shadow:0 5px 14px rgba(0,44,100,.22);}
.edool-facebook-badge::after{content:"";position:absolute;top:-60%;left:-45%;width:32%;height:220%;transform:rotate(20deg);background:
linear-gradient(
90deg,
transparent,
rgba(255,255,255,.50),
transparent
);animation:facebookBadgeShine 3.5s ease-in-out infinite;pointer-events:none;}
@keyframes facebookOrbit{from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
@keyframes facebookFloat{0%,100%{transform:translateY(0) rotate(-2deg);}
50%{transform:translateY(-10px) rotate(2deg);}
}
@keyframes facebookBadgeFloat{0%,100%{transform:translateY(0) rotate(0deg);}
50%{transform:translateY(-7px) rotate(-1deg);}
}
@keyframes facebookBadgePulse{0%,100%{box-shadow:
0 15px 38px rgba(24,119,242,.21),
0 0 24px rgba(24,119,242,.12),
inset 0 1px 0 rgba(255,255,255,.20);}
50%{box-shadow:
0 19px 48px rgba(24,119,242,.32),
0 0 44px rgba(24,119,242,.25),
inset 0 1px 0 rgba(255,255,255,.28);}
}
@keyframes facebookBadgeShine{0%,18%{left:-45%;opacity:0;}
35%{opacity:1}
58%,100%{left:130%;opacity:0;}
}
@media(max-width:900px){.edool-facebook-card{grid-template-columns:1fr;gap:22px;}
.edool-facebook-visual{min-height:280px;}
}
@media(max-width:700px){.edool-facebook-card{padding:24px 20px;border-radius:22px;}
.edool-facebook-copy h2{font-size:clamp(36px,11vw,50px);}
.edool-facebook-copy p{font-size:13.5px;}
.edool-facebook-button{width:100%;min-width:0;}
.edool-facebook-visual{min-height:240px;}
.facebook-logo{width:106px;height:106px;border-radius:25px;}
.facebook-logo span{font-size:72px;transform:translateY(10px);}
.facebook-orbit.orbit-a{width:220px;height:220px;}
.facebook-orbit.orbit-b{width:165px;height:165px;}
.edool-facebook-badge{right:10px;bottom:10px;padding:10px 13px;font-size:10px;}
.facebook-badge-icon{width:27px;height:27px;flex-basis:27px;font-size:21px;}
}
@media(prefers-reduced-motion:reduce){.facebook-orbit,
.facebook-logo,
.edool-facebook-badge,
.edool-facebook-badge::after{animation:none !important;}
}
.edool-cults-section{padding-bottom:12px !important;}
.edool-facebook-section{padding-top:12px !important;}
@media(max-width:700px){.edool-cults-section{padding-bottom:8px !important;}
.edool-facebook-section{padding-top:8px !important;}
}
.edool-tiktok-section{position:relative;padding-top:12px !important;padding-bottom:12px !important;}
.edool-facebook-section{padding-bottom:12px !important;}
.edool-tiktok-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:42px;align-items:center;padding:44px;border:1px solid rgba(255,255,255,.11);border-radius:30px;background:
radial-gradient(circle at 12% 18%,rgba(37,244,238,.055),transparent 26%),
radial-gradient(circle at 88% 74%,rgba(254,44,85,.055),transparent 27%),
linear-gradient(145deg,rgba(18,25,35,.82),rgba(8,11,17,.72));box-shadow:0 30px 90px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.045);}
.edool-tiktok-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;color:#70f8f3;font-size:10px;font-weight:850;letter-spacing:.16em;}
.edool-tiktok-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:#25F4EE;box-shadow:0 0 14px rgba(37,244,238,.52);}
.edool-tiktok-copy h2{max-width:660px;margin:0;column-gap:.4em !important;color:#f7f9fc;font-size:clamp(38px,4.4vw,68px);line-height:.98;letter-spacing:-.055em;}
.edool-tiktok-copy h2 span{background:linear-gradient(100deg,#25F4EE,#ffffff 48%,#FE2C55);-webkit-background-clip:text;background-clip:text;color:transparent;}
.edool-tiktok-copy p{max-width:660px;margin:18px 0 0;color:#9ca7b4;font-size:15px;line-height:1.68;}
.edool-tiktok-button{margin-top:28px;width:max-content;min-width:230px;min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:0 17px 0 19px;border-radius:15px;text-decoration:none;color:#fff;font-size:13px;font-weight:800;background:linear-gradient(135deg,#15151a,#09090c 55%,#17171c);border:1px solid rgba(255,255,255,.12);box-shadow:
-6px 6px 22px rgba(37,244,238,.10),
6px -5px 22px rgba(254,44,85,.10),
inset 0 1px 0 rgba(255,255,255,.09);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;}
.edool-tiktok-button b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,rgba(37,244,238,.18),rgba(254,44,85,.18));}
.edool-tiktok-button:hover{transform:translateY(-3px);box-shadow:
-8px 8px 30px rgba(37,244,238,.15),
8px -7px 30px rgba(254,44,85,.15);}
.edool-tiktok-visual{position:relative;min-height:330px;display:grid;place-items:center;}
.tiktok-orbit{position:absolute;border:1px solid rgba(37,244,238,.10);border-radius:50%;animation:tiktokOrbit 12s linear infinite;}
.tiktok-orbit.orbit-a{width:280px;height:280px}
.tiktok-orbit.orbit-b{width:210px;height:210px;animation-duration:9s;animation-direction:reverse;border-color:rgba(254,44,85,.10);}
.tiktok-logo{width:132px;height:132px;display:grid;place-items:center;border-radius:30px;color:#fff;background:linear-gradient(145deg,#17171c,#050507);border:1px solid rgba(255,255,255,.11);box-shadow:
-12px 12px 40px rgba(37,244,238,.17),
12px -10px 40px rgba(254,44,85,.17),
inset 0 1px 0 rgba(255,255,255,.08);animation:tiktokFloat 4.2s ease-in-out infinite;}
.tiktok-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit;}
.tt-note{font-size:82px;font-weight:900;line-height:1;text-shadow:-5px 4px 0 #25F4EE,5px -3px 0 #FE2C55;}
.edool-tiktok-badge{position:absolute;right:8px;bottom:18px;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#15151a,#070709);border:1px solid rgba(255,255,255,.14);font-size:11px;font-weight:900;letter-spacing:.06em;overflow:hidden;box-shadow:
-7px 8px 30px rgba(37,244,238,.14),
7px -6px 30px rgba(254,44,85,.14);animation:tiktokBadgeFloat 2.8s ease-in-out infinite,tiktokBadgePulse 2.4s ease-in-out infinite;}
.tiktok-badge-icon{width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px;border-radius:9px;background:#050507;color:#fff;font-size:22px;text-shadow:-2px 2px 0 #25F4EE,2px -1px 0 #FE2C55;}
.edool-tiktok-badge::after{content:"";position:absolute;top:-60%;left:-45%;width:32%;height:220%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);animation:tiktokShine 3.5s ease-in-out infinite;}
@keyframes tiktokOrbit{to{transform:rotate(360deg)}
}
@keyframes tiktokFloat{0%,100%{transform:translateY(0) rotate(-2deg)}
50%{transform:translateY(-10px) rotate(2deg)}
}
@keyframes tiktokBadgeFloat{0%,100%{transform:translateY(0)}
50%{transform:translateY(-7px)}
}
@keyframes tiktokBadgePulse{0%,100%{filter:brightness(1)}
50%{filter:brightness(1.12)}
}
@keyframes tiktokShine{0%,18%{left:-45%;opacity:0}
35%{opacity:1}
58%,100%{left:130%;opacity:0}
}
@media(max-width:900px){.edool-tiktok-card{grid-template-columns:1fr;gap:22px}
.edool-tiktok-visual{min-height:280px}
}
@media(max-width:700px){.edool-tiktok-section{padding-top:8px !important;padding-bottom:8px !important}
.edool-tiktok-card{padding:24px 20px;border-radius:22px}
.edool-tiktok-copy h2{font-size:clamp(36px,11vw,50px)}
.edool-tiktok-copy h2 span{margin-left:.16em !important;}
.edool-tiktok-copy p{font-size:13.5px}
.edool-tiktok-button{width:100%;min-width:0}
.edool-tiktok-visual{min-height:240px}
.tiktok-logo{width:106px;height:106px;border-radius:25px}
.tt-note{font-size:66px}
.tiktok-orbit.orbit-a{width:220px;height:220px}
.tiktok-orbit.orbit-b{width:165px;height:165px}
.edool-tiktok-badge{right:10px;bottom:10px;padding:10px 13px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.tiktok-orbit,.tiktok-logo,.edool-tiktok-badge,.edool-tiktok-badge::after{animation:none !important;}
}
.edool-direct-contact{position:relative;}
.direct-contact-shell{position:relative;overflow:hidden;padding:50px;border:1px solid rgba(175,199,224,.12);border-radius:34px;background:
radial-gradient(circle at 0% 0%,rgba(37,211,102,.10),transparent 26%),
radial-gradient(circle at 100% 100%,rgba(66,133,244,.10),transparent 28%),
linear-gradient(145deg,rgba(18,24,34,.95),rgba(7,10,15,.94));box-shadow:0 34px 100px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);}
.direct-contact-shell::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.022) 48%,transparent 78%);}
.direct-contact-head{position:relative;z-index:2;max-width:860px;}
.direct-contact-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;color:#aeb9c5;font-size:10px;font-weight:850;letter-spacing:.18em;}
.direct-contact-kicker i{width:8px;height:8px;border-radius:50%;background:#25D366;box-shadow:0 0 16px rgba(37,211,102,.58);animation:contactPulse 2s ease-in-out infinite;}
.direct-contact-head h2{margin:0;color:#f7f9fc;font-size:clamp(40px,5vw,72px);line-height:.96;letter-spacing:-.06em;}
.direct-contact-head h2 span{background:linear-gradient(100deg,#25D366,#91f2b5 45%,#7ab8ff);-webkit-background-clip:text;background-clip:text;color:transparent;}
.direct-contact-head p{max-width:760px;margin:18px 0 0;color:#9ca8b5;font-size:15px;line-height:1.72;}
.direct-contact-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:34px;}
.contact-channel{position:relative;min-height:176px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:25px;overflow:hidden;border-radius:25px;text-decoration:none;color:#fff;isolation:isolate;transition:transform .38s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .4s ease;}
.contact-channel::before{content:"";position:absolute;inset:0;z-index:-2;opacity:.7;}
.contact-channel::after{content:"";position:absolute;top:-70%;left:-40%;width:24%;height:240%;z-index:-1;transform:rotate(22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);opacity:0;}
.contact-channel:hover{transform:translateY(-7px);}
.contact-channel:hover::after{opacity:1;animation:contactSweep 1.05s ease forwards;}
.whatsapp-channel{border:1px solid rgba(37,211,102,.23);background:linear-gradient(145deg,rgba(13,34,23,.93),rgba(7,16,12,.96));box-shadow:0 20px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05);}
.whatsapp-channel::before{background:radial-gradient(circle at 100% 0%,rgba(37,211,102,.18),transparent 48%);}
.whatsapp-channel:hover{border-color:rgba(37,211,102,.48);box-shadow:0 27px 72px rgba(0,0,0,.30),0 0 42px rgba(37,211,102,.10),inset 0 1px 0 rgba(255,255,255,.07);}
.email-channel{border:1px solid rgba(234,67,53,.18);background:linear-gradient(145deg,rgba(33,25,28,.94),rgba(12,13,18,.96));box-shadow:0 20px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05);}
.email-channel::before{background:
radial-gradient(circle at 100% 0%,rgba(66,133,244,.15),transparent 44%),
radial-gradient(circle at 82% 95%,rgba(234,67,53,.10),transparent 38%);}
.email-channel:hover{border-color:rgba(234,67,53,.35);box-shadow:0 27px 72px rgba(0,0,0,.30),0 0 40px rgba(66,133,244,.08),inset 0 1px 0 rgba(255,255,255,.07);}
.contact-channel-icon{position:relative;width:72px;height:72px;display:grid;place-items:center;border-radius:21px;box-shadow:0 14px 32px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.22);transition:transform .38s cubic-bezier(.2,.8,.2,1);}
.contact-channel-icon svg{width:40px;height:40px;display:block;}
.contact-channel-icon img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit;}
.contact-channel:hover .contact-channel-icon{transform:scale(1.065) rotate(-3deg);}
.whatsapp-icon{background:transparent;}
.whatsapp-icon svg{fill:#fff;}
.email-icon{background:#fff;border:1px solid rgba(255,255,255,.58);}
.email-icon svg{width:43px;height:43px;}
.contact-channel-copy{min-width:0;display:flex;flex-direction:column;}
.contact-channel-copy small{margin-bottom:6px;color:#82909e;font-size:8px;font-weight:850;letter-spacing:.15em;}
.contact-channel-copy strong{color:#f7f9fc;font-size:23px;line-height:1.05;letter-spacing:-.035em;}
.contact-channel-copy span{margin-top:8px;color:#b4bec8;font-size:13px;font-weight:600;overflow-wrap:anywhere;}
.contact-channel-arrow{width:39px;height:39px;display:grid;place-items:center;align-self:start;border-radius:50%;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);color:#e5ebf1;font-size:16px;transition:transform .35s ease,background .35s ease;}
.contact-channel:hover .contact-channel-arrow{transform:translate(3px,-3px);background:rgba(255,255,255,.09);}
.contact-channel-live{position:absolute;left:117px;bottom:19px;display:flex;align-items:center;gap:7px;color:#6f7d8a;font-size:8px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;}
.contact-channel-live i{width:6px;height:6px;border-radius:50%;}
.whatsapp-channel .contact-channel-live i{background:#25D366;box-shadow:0 0 11px rgba(37,211,102,.62);}
.email-channel .contact-channel-live i{background:#EA4335;box-shadow:0 0 11px rgba(234,67,53,.48);}
.direct-contact-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:28px;color:#596572;font-size:8px;font-weight:850;letter-spacing:.16em;}
.direct-contact-foot i{width:3px;height:3px;border-radius:50%;background:#25D366;opacity:.65;}
@keyframes contactPulse{0%,100%{transform:scale(.82);opacity:.65}
50%{transform:scale(1.18);opacity:1}
}
@keyframes contactSweep{from{left:-40%}
to{left:140%}
}
@media(max-width:800px){.direct-contact-grid{grid-template-columns:1fr;}
}
@media(max-width:700px){.direct-contact-shell{padding:28px 20px;border-radius:24px;}
.direct-contact-head h2{font-size:clamp(38px,11vw,52px);}
.direct-contact-head p{font-size:13.5px;}
.direct-contact-grid{margin-top:25px;gap:11px;}
.contact-channel{min-height:151px;padding:19px;gap:14px;border-radius:19px;}
.contact-channel-icon{width:58px;height:58px;border-radius:17px;}
.contact-channel-icon svg{width:33px;height:33px;}
.email-icon svg{width:35px;height:35px;}
.contact-channel-copy strong{font-size:19px;}
.contact-channel-copy span{font-size:11.5px;}
.contact-channel-live{left:91px;bottom:15px;}
.direct-contact-foot{gap:8px;margin-top:22px;font-size:7px;}
}
@media(max-width:420px){.contact-channel{grid-template-columns:auto minmax(0,1fr) auto;}
.contact-channel-arrow{width:32px;height:32px;}
}
@media(prefers-reduced-motion:reduce){.direct-contact-kicker i,.contact-channel:hover::after{animation:none !important;}
}
html{scroll-behavior:smooth;}
#contacto-directo{scroll-margin-top:110px;}
#contacto-directo:target .direct-contact-shell{animation:edoolContactArrival 1.15s cubic-bezier(.2,.8,.2,1);}
@keyframes edoolContactArrival{0%{transform:translateY(12px) scale(.992);box-shadow:
0 34px 100px rgba(0,0,0,.34),
0 0 0 rgba(0,245,26,0),
inset 0 1px 0 rgba(255,255,255,.05);}
45%{transform:translateY(0) scale(1.003);box-shadow:
0 34px 100px rgba(0,0,0,.34),
0 0 48px rgba(0,245,26,.10),
inset 0 1px 0 rgba(255,255,255,.05);}
100%{transform:translateY(0) scale(1);box-shadow:
0 34px 100px rgba(0,0,0,.34),
inset 0 1px 0 rgba(255,255,255,.05);}
}
html,
body{background:#06080d !important;overscroll-behavior-y:none !important;}
body::selection{background:rgba(0,245,26,.25);}
main,
section,
header,
footer,
.mobile-menu{backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.site-background,
.grid-bg,
.noise{transform:translateZ(0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;}
html{scroll-behavior:auto !important;}
section[id]{scroll-margin-top:96px !important;}
.desktop-nav a,
.mobile-links a,
.nav-contact,
.brand{outline:none !important;-webkit-tap-highlight-color:transparent !important;}
.desktop-nav a:focus,
.mobile-links a:focus,
.nav-contact:focus,
.brand:focus{outline:none !important;box-shadow:none !important;}
::view-transition-old(root),
::view-transition-new(root){animation:none !important;mix-blend-mode:normal !important;background:#06080d !important;}
@media(max-width:700px){html,
body{overscroll-behavior:none !important;}
}
.edool-build-strip{padding-bottom:14px !important;}
.edool-direct-contact{padding-top:14px !important;}
@media(max-width:700px){.edool-build-strip{padding-bottom:9px !important;}
.edool-direct-contact{padding-top:9px !important;}
}
html{background:#05070b !important;}
body{position:relative !important;min-height:100vh !important;background:
radial-gradient(circle at 12% 8%, rgba(0,245,26,.055) 0, transparent 24%),
radial-gradient(circle at 88% 18%, rgba(70,150,255,.060) 0, transparent 26%),
radial-gradient(circle at 76% 72%, rgba(129,82,255,.045) 0, transparent 28%),
linear-gradient(180deg,#070a10 0%,#05070c 48%,#070910 100%) !important;background-attachment:fixed !important;}
body::before{content:"" !important;position:fixed !important;inset:0 !important;z-index:-3 !important;pointer-events:none !important;background:
radial-gradient(circle at 20% 35%, rgba(0,245,26,.028), transparent 19%),
radial-gradient(circle at 80% 42%, rgba(77,190,255,.030), transparent 22%),
radial-gradient(circle at 52% 90%, rgba(151,91,255,.025), transparent 24%) !important;}
body::after{content:"" !important;position:fixed !important;inset:0 !important;z-index:-2 !important;pointer-events:none !important;background-image:
linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.018) 1px, transparent 1px) !important;background-size:54px 54px !important;mask-image:
linear-gradient(
to bottom,
rgba(0,0,0,.55),
rgba(0,0,0,.16) 58%,
transparent 96%
) !important;-webkit-mask-image:
linear-gradient(
to bottom,
rgba(0,0,0,.55),
rgba(0,0,0,.16) 58%,
transparent 96%
) !important;opacity:.55 !important;}
.site-background,
.grid-bg{opacity:.24 !important;filter:none !important;}
.noise{opacity:.018 !important;}
.hero,
.hero-section,
#inicio{position:relative !important;isolation:isolate !important;}
.hero::before,
.hero-section::before,
#inicio::before{content:"" !important;position:absolute !important;z-index:-1 !important;width:min(760px,75vw) !important;height:min(500px,60vw) !important;left:50% !important;top:44% !important;transform:translate(-50%,-50%) !important;border-radius:50% !important;background:
radial-gradient(
ellipse at center,
rgba(0,245,26,.050) 0%,
rgba(64,164,255,.025) 37%,
transparent 70%
) !important;filter:blur(18px) !important;pointer-events:none !important;}
main,
section{background-color:transparent !important;}
html,
body,
main{background-color:#05070b !important;}
@media(max-width:700px){body{background-attachment:scroll !important;background:
radial-gradient(circle at 10% 7%,rgba(0,245,26,.045),transparent 22%),
radial-gradient(circle at 92% 18%,rgba(70,150,255,.050),transparent 24%),
linear-gradient(180deg,#070a10 0%,#05070b 52%,#070910 100%) !important;}
body::after{background-size:42px 42px !important;opacity:.40 !important;}
.hero::before,
.hero-section::before,
#inicio::before{filter:blur(12px) !important;opacity:.82 !important;}
}
html{background:#10151d !important;}
body{background:
radial-gradient(circle at 12% 8%, rgba(0,245,26,.08) 0%, transparent 24%),
radial-gradient(circle at 88% 14%, rgba(86,180,255,.10) 0%, transparent 27%),
radial-gradient(circle at 70% 76%, rgba(152,104,255,.075) 0%, transparent 28%),
linear-gradient(
180deg,
#17202b 0%,
#121923 38%,
#0f151e 72%,
#151c26 100%
) !important;background-attachment:fixed !important;color:#f7f9fc !important;}
body::before{content:"" !important;position:fixed !important;inset:-12% !important;z-index:-3 !important;pointer-events:none !important;background:
radial-gradient(ellipse at 20% 28%, rgba(0,245,26,.075), transparent 27%),
radial-gradient(ellipse at 82% 24%, rgba(80,174,255,.09), transparent 30%),
radial-gradient(ellipse at 60% 82%, rgba(147,98,255,.06), transparent 31%) !important;filter:blur(22px) !important;opacity:.95 !important;}
body::after{content:"" !important;position:fixed !important;inset:0 !important;z-index:-2 !important;pointer-events:none !important;background-image:
linear-gradient(rgba(190,210,230,.028) 1px, transparent 1px),
linear-gradient(90deg,rgba(190,210,230,.028) 1px, transparent 1px) !important;background-size:56px 56px !important;opacity:.72 !important;mask-image:
linear-gradient(
to bottom,
rgba(0,0,0,.8),
rgba(0,0,0,.45) 55%,
transparent 96%
) !important;}
.hero::before,
.hero-section::before,
#inicio::before{width:min(860px,80vw) !important;height:min(560px,62vw) !important;background:
radial-gradient(
ellipse at center,
rgba(120,200,255,.075) 0%,
rgba(0,245,26,.055) 35%,
transparent 72%
) !important;filter:blur(20px) !important;opacity:.95 !important;}
.site-background{opacity:.12 !important;}
.grid-bg{opacity:.18 !important;}
.noise{opacity:.012 !important;}
.nav-shell,
.tech-core,
.capability,
.project-card,
.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card,
.direct-contact-shell,
.contact-channel,
.edool-carousel{backdrop-filter:blur(18px) !important;-webkit-backdrop-filter:blur(18px) !important;}
@media(max-width:700px){body{background:
radial-gradient(circle at 12% 6%,rgba(0,245,26,.065),transparent 23%),
radial-gradient(circle at 90% 16%,rgba(86,180,255,.08),transparent 25%),
linear-gradient(
180deg,
#18212c 0%,
#111822 50%,
#151c25 100%
) !important;background-attachment:scroll !important;}
body::after{background-size:44px 44px !important;opacity:.50 !important;}
}
.project-card{position:relative !important;overflow:hidden !important;border:1px solid rgba(155,190,220,.15) !important;background:
radial-gradient(circle at 82% 22%, rgba(0,245,26,.08), transparent 28%),
radial-gradient(circle at 68% 74%, rgba(87,181,255,.09), transparent 30%),
linear-gradient(145deg,rgba(20,28,39,.92),rgba(9,13,20,.88)) !important;box-shadow:
0 38px 110px rgba(0,0,0,.30),
0 0 60px rgba(87,181,255,.04),
inset 0 1px 0 rgba(255,255,255,.07) !important;}
.project-card::after{content:"" !important;position:absolute !important;inset:0 !important;pointer-events:none !important;background:
linear-gradient(
120deg,
transparent 0%,
rgba(255,255,255,.025) 45%,
rgba(0,245,26,.025) 58%,
transparent 72%
) !important;}
.project-badge{padding:10px 13px !important;border-radius:999px !important;background:linear-gradient(135deg,rgba(0,245,26,.075),rgba(87,181,255,.045)) !important;border-color:rgba(0,245,26,.18) !important;box-shadow:0 8px 24px rgba(0,245,26,.05) !important;}
.project-info h3{margin-bottom:18px !important;}
.project-info h3 span{background:linear-gradient(100deg,#00F51A,#7DDBFF 65%,#B89BFF) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;}
.project-info p{color:#aeb8c4 !important;}
.project-features span{position:relative !important;overflow:hidden !important;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(87,181,255,.025)) !important;border-color:rgba(155,190,220,.11) !important;transition:
transform .3s ease,
border-color .3s ease,
background .3s ease !important;}
.project-features span:hover{transform:translateY(-2px) !important;border-color:rgba(0,245,26,.20) !important;background:linear-gradient(145deg,rgba(0,245,26,.05),rgba(87,181,255,.035)) !important;}
.vending-stage{position:relative !important;}
.vending-stage::before{content:"" !important;position:absolute !important;width:330px !important;height:90px !important;bottom:40px !important;left:50% !important;transform:translateX(-50%) !important;border-radius:50% !important;background:rgba(0,0,0,.28) !important;filter:blur(24px) !important;opacity:.65 !important;}
.vending-glow{width:360px !important;height:360px !important;background:
radial-gradient(circle,rgba(0,245,26,.15) 0%,rgba(87,181,255,.08) 42%,transparent 70%) !important;filter:blur(70px) !important;}
.vending{width:260px !important;height:445px !important;padding:18px !important;border-radius:30px 30px 24px 24px !important;background:
linear-gradient(
145deg,
#2b3541 0%,
#17202a 38%,
#0d1218 100%
) !important;border:1px solid rgba(175,205,230,.18) !important;box-shadow:
0 78px 100px rgba(0,0,0,.48),
0 0 46px rgba(87,181,255,.055),
inset 0 1px 0 rgba(255,255,255,.10),
inset 0 -1px 0 rgba(0,0,0,.30) !important;}
.vending::before{content:"" !important;position:absolute !important;left:22px !important;right:22px !important;top:7px !important;height:2px !important;border-radius:999px !important;background:linear-gradient(90deg,transparent,#00F51A,#7dd9ff,transparent) !important;opacity:.55 !important;box-shadow:0 0 12px rgba(0,245,26,.22) !important;}
.vending-head{height:44px !important;}
.vending-brand{font-size:18px !important;letter-spacing:-.045em !important;}
.machine-online{width:8px !important;height:8px !important;box-shadow:
0 0 12px rgba(0,245,26,.70),
0 0 22px rgba(0,245,26,.20) !important;}
.vending-window{height:268px !important;gap:8px !important;padding:13px !important;border-radius:18px !important;background:
linear-gradient(160deg,#080c11,#141b23 62%,#0a0f14) !important;border-color:rgba(175,205,230,.08) !important;box-shadow:
inset 0 8px 22px rgba(0,0,0,.32),
inset 0 1px 0 rgba(255,255,255,.03) !important;}
.product-slot{border-radius:11px !important;background:
linear-gradient(
180deg,
rgba(255,255,255,.045),
rgba(255,255,255,.018)
) !important;border-color:rgba(255,255,255,.045) !important;}
.product-slot::before{content:"" !important;position:absolute !important;left:15% !important;right:15% !important;top:14px !important;height:42% !important;border-radius:8px 8px 5px 5px !important;background:
linear-gradient(
160deg,
rgba(0,245,26,.20),
rgba(87,181,255,.15) 48%,
rgba(184,155,255,.12)
) !important;box-shadow:
inset 0 0 0 1px rgba(255,255,255,.05),
0 5px 14px rgba(0,0,0,.15) !important;}
.product-slot::after{left:18% !important;right:18% !important;bottom:9px !important;height:19px !important;border-radius:999px 999px 6px 6px !important;background:
repeating-linear-gradient(
90deg,
#3d4650 0 3px,
#242b32 3px 6px
) !important;}
.vending-control{height:74px !important;grid-template-columns:1.35fr .65fr !important;gap:9px !important;}
.vending-display,
.vending-pay{border-color:rgba(175,205,230,.08) !important;background:
linear-gradient(
145deg,
rgba(3,7,11,.62),
rgba(14,21,28,.72)
) !important;}
.vending-display{color:#23F838 !important;text-shadow:0 0 10px rgba(0,245,26,.35) !important;font-size:9px !important;}
.vending-pay{position:relative !important;color:#aab4bf !important;}
.vending-pay::before{content:"" !important;width:21px !important;height:30px !important;border-radius:5px !important;border:1px solid rgba(255,255,255,.16) !important;background:linear-gradient(145deg,#222b35,#11171e) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;}
.vending-output{width:128px !important;height:20px !important;border-radius:8px !important;background:
linear-gradient(180deg,#030507,#090d11) !important;border:1px solid rgba(255,255,255,.035) !important;box-shadow:
inset 0 5px 8px rgba(0,0,0,.80),
0 1px 0 rgba(255,255,255,.03) !important;}
.vending-stage::after{content:"SMART VENDING / ONLINE" !important;position:absolute !important;top:36px !important;right:6px !important;padding:9px 11px !important;border-radius:11px !important;color:#b8c5d1 !important;font-size:8px !important;font-weight:850 !important;letter-spacing:.10em !important;border:1px solid rgba(155,190,220,.11) !important;background:rgba(9,14,20,.72) !important;backdrop-filter:blur(12px) !important;box-shadow:0 12px 28px rgba(0,0,0,.22) !important;animation:vendingTagFloat 3.8s ease-in-out infinite !important;}
@keyframes vendingTagFloat{0%,100%{transform:translateY(0)}
50%{transform:translateY(-6px)}
}
@media(max-width:700px){.vending{width:205px !important;height:370px !important;padding:14px !important;border-radius:24px !important;}
.vending-window{height:220px !important;padding:10px !important;gap:6px !important;}
.vending-stage::after{top:18px !important;right:2px !important;font-size:7px !important;padding:7px 9px !important;}
}
.edool-cults-section,
.edool-facebook-section,
.edool-tiktok-section{padding-top:8px !important;padding-bottom:8px !important;}
.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card{grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr) !important;gap:26px !important;min-height:0 !important;padding:28px 32px !important;border-radius:24px !important;}
.edool-cults-copy h2,
.edool-facebook-copy h2,
.edool-tiktok-copy h2{max-width:650px !important;font-size:clamp(30px,3.1vw,46px) !important;line-height:1.01 !important;letter-spacing:-.045em !important;}
.edool-cults-kicker,
.edool-facebook-kicker,
.edool-tiktok-kicker{margin-bottom:9px !important;font-size:9px !important;}
.edool-cults-copy p,
.edool-facebook-copy p,
.edool-tiktok-copy p{max-width:620px !important;margin-top:12px !important;font-size:13px !important;line-height:1.58 !important;}
.edool-cults-button,
.edool-facebook-button,
.edool-tiktok-button{min-width:205px !important;min-height:45px !important;margin-top:18px !important;padding:0 13px 0 16px !important;border-radius:13px !important;font-size:12px !important;}
.edool-cults-button b,
.edool-facebook-button b,
.edool-tiktok-button b{width:27px !important;height:27px !important;}
.edool-cults-visual,
.edool-facebook-visual,
.edool-tiktok-visual{min-height:205px !important;}
.edool-cults-cube{width:88px !important;height:88px !important;}
.cube-front{transform:translateZ(44px) !important}
.cube-back{transform:rotateY(180deg) translateZ(44px) !important}
.cube-right{transform:rotateY(90deg) translateZ(44px) !important}
.cube-left{transform:rotateY(-90deg) translateZ(44px) !important}
.cube-top{transform:rotateX(90deg) translateZ(44px) !important}
.cube-bottom{transform:rotateX(-90deg) translateZ(44px) !important}
.edool-cults-visual .orbit-a{width:190px !important;height:190px !important;}
.edool-cults-visual .orbit-b{width:145px !important;height:145px !important;}
.facebook-logo{width:92px !important;height:92px !important;border-radius:22px !important;}
.facebook-logo span{font-size:64px !important;transform:translateY(9px) !important;}
.facebook-orbit.orbit-a{width:190px !important;height:190px !important;}
.facebook-orbit.orbit-b{width:145px !important;height:145px !important;}
.tiktok-logo{width:92px !important;height:92px !important;border-radius:22px !important;}
.tt-note{font-size:57px !important;}
.tiktok-orbit.orbit-a{width:190px !important;height:190px !important;}
.tiktok-orbit.orbit-b{width:145px !important;height:145px !important;}
.edool-cults-badge,
.edool-facebook-badge,
.edool-tiktok-badge{right:4px !important;bottom:7px !important;padding:8px 11px !important;border-radius:11px !important;font-size:9px !important;gap:7px !important;}
.cults-mark,
.facebook-badge-icon,
.tiktok-badge-icon{width:24px !important;height:24px !important;flex-basis:24px !important;}
@media(max-width:900px){.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card{grid-template-columns:minmax(0,1fr) 210px !important;gap:18px !important;padding:25px !important;}
.edool-cults-visual,
.edool-facebook-visual,
.edool-tiktok-visual{min-height:190px !important;}
}
@media(max-width:700px){.edool-cults-section,
.edool-facebook-section,
.edool-tiktok-section{padding-top:6px !important;padding-bottom:6px !important;}
.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card{grid-template-columns:1fr !important;gap:12px !important;padding:20px 18px !important;border-radius:20px !important;}
.edool-cults-copy h2,
.edool-facebook-copy h2,
.edool-tiktok-copy h2{font-size:clamp(29px,9vw,39px) !important;}
.edool-cults-copy p,
.edool-facebook-copy p,
.edool-tiktok-copy p{font-size:12.5px !important;margin-top:10px !important;}
.edool-cults-button,
.edool-facebook-button,
.edool-tiktok-button{width:100% !important;min-height:43px !important;margin-top:15px !important;}
.edool-cults-visual,
.edool-facebook-visual,
.edool-tiktok-visual{min-height:155px !important;}
.edool-cults-cube{width:70px !important;height:70px !important;}
.cube-front{transform:translateZ(35px) !important}
.cube-back{transform:rotateY(180deg) translateZ(35px) !important}
.cube-right{transform:rotateY(90deg) translateZ(35px) !important}
.cube-left{transform:rotateY(-90deg) translateZ(35px) !important}
.cube-top{transform:rotateX(90deg) translateZ(35px) !important}
.cube-bottom{transform:rotateX(-90deg) translateZ(35px) !important}
.facebook-logo,
.tiktok-logo{width:76px !important;height:76px !important;border-radius:19px !important;}
.facebook-logo span{font-size:53px !important}
.tt-note{font-size:47px !important}
.edool-cults-visual .orbit-a,
.facebook-orbit.orbit-a,
.tiktok-orbit.orbit-a{width:145px !important;height:145px !important;}
.edool-cults-visual .orbit-b,
.facebook-orbit.orbit-b,
.tiktok-orbit.orbit-b{width:108px !important;height:108px !important;}
.edool-cults-badge,
.edool-facebook-badge,
.edool-tiktok-badge{bottom:3px !important;font-size:8px !important;}
}
.edool-seo-specialties{padding:6px 0 18px;}
.edool-seo-specialties-inner{width:min(1380px, calc(100% - 64px));margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:7px;}
.edool-seo-specialties span{padding:8px 11px;border-radius:999px;color:#aeb8c4;font-size:9px;font-weight:750;letter-spacing:.06em;border:1px solid rgba(150,185,215,.10);background:rgba(255,255,255,.025);}
.edool-seo-specialties span:nth-child(3),
.edool-seo-specialties span:nth-child(5),
.edool-seo-specialties span:nth-child(7){color:#22f638;border-color:rgba(0,245,26,.12);}
@media(max-width:700px){.edool-seo-specialties{padding:3px 0 14px;}
.edool-seo-specialties-inner{width:calc(100% - 32px);justify-content:flex-start;gap:6px;}
.edool-seo-specialties span{font-size:8px;padding:7px 9px;}
}
*{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
img{content-visibility:auto;}
.section,
.edool-build-strip,
.edool-cults-section,
.edool-facebook-section,
.edool-tiktok-section,
.edool-direct-contact,
.edool-seo-specialties{content-visibility:auto;contain-intrinsic-size:800px;}
.edool-carousel-track,
.core-mini-slide,
.vending,
.tech-core,
.edool-cults-cube,
.facebook-logo,
.tiktok-logo{transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.capability,
.project-card,
.contact-channel,
.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card{will-change:auto !important;}
.nav-shell,
.tech-core,
.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card,
.direct-contact-shell,
.contact-channel,
.edool-carousel{backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;}
body{background-attachment:scroll !important;}
body::before,
body::after{transform:translateZ(0);will-change:auto !important;}
.project-card,
.tech-core,
.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card,
.direct-contact-shell{filter:none !important;}
@media (hover:none), (pointer:coarse){.capability-number{animation-duration:7s !important;}
.edool-cults-badge,
.edool-facebook-badge,
.edool-tiktok-badge{animation-duration:4.5s !important;}
.edool-cults-orbit,
.facebook-orbit,
.tiktok-orbit{animation-duration:18s !important;}
}
@media(max-width:700px){.nav-shell,
.tech-core,
.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card,
.direct-contact-shell,
.contact-channel,
.edool-carousel{backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;}
.tech-core{box-shadow:
0 26px 58px rgba(0,0,0,.35),
0 0 26px rgba(0,245,26,.025),
inset 0 1px 0 rgba(255,255,255,.05) !important;}
.project-card,
.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card,
.direct-contact-shell{box-shadow:
0 20px 48px rgba(0,0,0,.24),
inset 0 1px 0 rgba(255,255,255,.045) !important;}
body::after{opacity:.34 !important;}
.capability,
.project-card,
.contact-channel{transition:
transform .28s ease,
border-color .28s ease,
background .28s ease !important;}
}
.edool-carousel{width:min(100%, 980px) !important;margin-left:auto !important;margin-right:auto !important;border-radius:24px !important;}
.edool-carousel-viewport,
.edool-carousel-track,
.edool-carousel-slide{height:clamp(360px, 44vw, 500px) !important;min-height:0 !important;}
.edool-carousel-slide img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important;display:block !important;}
.edool-carousel-slide::after{background:
linear-gradient(
to top,
rgba(5,8,12,.84) 0%,
rgba(5,8,12,.34) 35%,
transparent 67%
) !important;}
.edool-carousel-caption{left:28px !important;right:28px !important;bottom:25px !important;max-width:650px !important;}
.edool-carousel-caption h3{font-size:clamp(25px,3vw,38px) !important;}
.edool-carousel-caption p{max-width:600px !important;font-size:12.5px !important;line-height:1.55 !important;}
.edool-carousel-dots{bottom:18px !important;right:22px !important;}
@media(max-width:900px){.edool-carousel{width:min(100%, 820px) !important;}
.edool-carousel-viewport,
.edool-carousel-track,
.edool-carousel-slide{height:430px !important;}
}
@media(max-width:700px){.edool-carousel{width:100% !important;border-radius:19px !important;}
.edool-carousel-viewport,
.edool-carousel-track,
.edool-carousel-slide{height:300px !important;}
.edool-carousel-caption{left:17px !important;right:17px !important;bottom:17px !important;}
.edool-carousel-caption h3{font-size:25px !important;}
.edool-carousel-caption p{font-size:11px !important;line-height:1.45 !important;max-width:92% !important;}
.edool-carousel-dots{right:14px !important;bottom:12px !important;}
}
@media(max-width:430px){.edool-carousel-viewport,
.edool-carousel-track,
.edool-carousel-slide{height:270px !important;}
}
#contacto .contact-box{position:relative !important;overflow:hidden !important;background:
radial-gradient(circle at 15% 22%, rgba(80,180,255,.20), transparent 30%),
radial-gradient(circle at 85% 78%, rgba(155,105,255,.18), transparent 32%),
linear-gradient(
135deg,
#1d4ed8 0%,
#3046c9 36%,
#5b3fc1 68%,
#7134a9 100%
) !important;border:1px solid rgba(255,255,255,.20) !important;box-shadow:
0 34px 90px rgba(24,45,120,.28),
0 0 48px rgba(90,120,255,.12),
inset 0 1px 0 rgba(255,255,255,.20) !important;}
#contacto .contact-box::before{content:"" !important;position:absolute !important;inset:0 !important;pointer-events:none !important;background:
linear-gradient(
115deg,
transparent 0%,
rgba(255,255,255,.045) 42%,
rgba(255,255,255,.09) 50%,
transparent 60%
) !important;transform:translateX(-55%) !important;animation:edoolContactSweep 7s ease-in-out infinite !important;}
#contacto .contact-label{position:relative !important;z-index:2 !important;width:max-content !important;padding:9px 12px !important;border-radius:999px !important;color:#dfe9ff !important;background:rgba(255,255,255,.10) !important;border:1px solid rgba(255,255,255,.14) !important;font-size:9px !important;font-weight:850 !important;letter-spacing:.16em !important;}
#contacto .contact-main{position:relative !important;z-index:2 !important;}
#contacto .contact-main h2{color:#ffffff !important;text-shadow:0 10px 30px rgba(20,20,70,.18) !important;}
#contacto .contact-main h2 span{display:block !important;background:
linear-gradient(
100deg,
#ffffff 0%,
#bfe7ff 42%,
#dec9ff 72%,
#ffffff 100%
) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;}
#contacto .contact-link{color:#ffffff !important;background:
linear-gradient(
135deg,
rgba(255,255,255,.14),
rgba(255,255,255,.075)
) !important;border:1px solid rgba(255,255,255,.18) !important;box-shadow:
inset 0 1px 0 rgba(255,255,255,.11),
0 12px 30px rgba(20,30,90,.15) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;}
#contacto .contact-link span{background:#ffffff !important;color:#3d43bd !important;}
#contacto .contact-link:hover{transform:translateY(-3px) !important;background:
linear-gradient(
135deg,
rgba(255,255,255,.21),
rgba(255,255,255,.10)
) !important;border-color:rgba(255,255,255,.30) !important;}
@keyframes edoolContactSweep{0%,20%{transform:translateX(-55%);opacity:0;}
40%{opacity:1;}
70%,100%{transform:translateX(65%);opacity:0;}
}
@media(max-width:700px){#contacto .contact-main h2{font-size:clamp(39px,12vw,54px) !important;}
#contacto .contact-link{width:100% !important;}
}
@media(prefers-reduced-motion:reduce){#contacto .contact-box::before{animation:none !important;}
}
@media (max-width: 700px){.nav-shell,
.tech-core,
.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card,
.direct-contact-shell,
.contact-channel,
.edool-carousel,
.edool-cults-badge,
.edool-facebook-badge,
.edool-tiktok-badge{backdrop-filter: none !important;-webkit-backdrop-filter: none !important;}
.nav-shell{background: rgba(14,18,26,.96) !important;}
.tech-core,
.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card,
.direct-contact-shell,
.contact-channel{background-color: rgba(13,18,25,.96) !important;}
body,
body::before,
body::after{background-attachment: scroll !important;filter: none !important;}
body::before{opacity: .42 !important;}
body::after{opacity: .20 !important;background-size: 58px 58px !important;}
.project-card,
.tech-core,
.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card,
.direct-contact-shell,
#contacto .contact-box{box-shadow:
0 14px 32px rgba(0,0,0,.22),
inset 0 1px 0 rgba(255,255,255,.04) !important;}
.vending-glow{width: 190px !important;height: 190px !important;filter: blur(34px) !important;opacity: .42 !important;}
.vending{box-shadow:
0 24px 44px rgba(0,0,0,.34),
inset 0 1px 0 rgba(255,255,255,.06) !important;}
.edool-cults-orbit,
.facebook-orbit,
.tiktok-orbit{animation-duration: 28s !important;}
.capability-number,
.edool-cults-badge,
.edool-facebook-badge,
.edool-tiktok-badge,
.facebook-logo,
.tiktok-logo,
.edool-cults-cube{animation-duration: 7s !important;}
.edool-cults-badge::after,
.edool-facebook-badge::after,
.edool-tiktok-badge::after,
.capability-number::before,
.core-mini-slide::after,
#contacto .contact-box::before{animation: none !important;opacity: 0 !important;}
.edool-carousel-track,
.core-mini-slide{will-change: transform !important;transform: translateZ(0);backface-visibility: hidden !important;-webkit-backface-visibility: hidden !important;}
.edool-carousel-track{transition-duration: .78s !important;}
.core-mini-slide{transition-duration: .72s !important;}
.edool-slide img,
.core-mini-slide img{transition: none !important;transform: none !important;}
.capability,
.project-card,
.contact-channel,
.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card,
.tech-core,
.vending{transform: none !important;}
.capability,
.project-card,
.contact-channel,
.button,
.contact-link{transition:
opacity .2s ease,
border-color .2s ease,
background-color .2s ease !important;}
section{contain: layout paint style !important;}
.hero{contain: layout style !important;}
.reveal{transition-duration: .35s !important;}
.mobile-menu{backdrop-filter: none !important;-webkit-backdrop-filter: none !important;background: rgba(7,10,15,.985) !important;}
}
@media (max-width: 430px){.edool-cults-orbit,
.facebook-orbit,
.tiktok-orbit{display: none !important;}
.floating-chip{display: none !important;}
.vending-glow{display: none !important;}
}
html,
body{touch-action: pan-y !important;overscroll-behavior-y: auto !important;overflow-y: auto !important;-webkit-overflow-scrolling: touch !important;}
body{position: relative !important;height: auto !important;min-height: 100% !important;}
main,
section,
.container,
.hero,
.project-card,
.capability,
.edool-carousel,
.edool-carousel-viewport,
.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card,
.direct-contact-shell{touch-action: pan-y !important;}
.edool-carousel,
.core-mini-carousel{touch-action: pan-y pan-x !important;}
@media(max-width:700px){section{contain: none !important;}
.hero{contain: none !important;}
html,
body{overflow-x: hidden !important;overflow-y: auto !important;}
body::before,
body::after,
.hero::before,
.project-card::after,
.contact-channel::before,
.edool-cults-badge::after,
.edool-facebook-badge::after,
.edool-tiktok-badge::after{pointer-events:none !important;}
}
html.windows-performance{scroll-behavior: auto !important;}
.windows-performance body::before,
.windows-performance body::after,
.windows-performance .site-background,
.windows-performance .noise,
.windows-performance .grid-bg{will-change: auto !important;transform: translateZ(0);}
.windows-performance .nav-shell,
.windows-performance .mobile-menu,
.windows-performance .tech-core,
.windows-performance .floating-chip,
.windows-performance .gallery-nav,
.windows-performance .admin-fab,
.windows-performance .admin-login,
.windows-performance .admin-modal{-webkit-backdrop-filter: none !important;backdrop-filter: none !important;}
.windows-performance .nav-shell{background: rgba(7,9,13,.92) !important;}
.windows-performance .floating-chip{background: rgba(15,18,23,.94) !important;}
.windows-performance .gallery-nav{background: rgba(8,10,14,.90) !important;}
.windows-performance .admin-fab,
.windows-performance .admin-login{background: rgba(10,13,17,.96) !important;}
.windows-performance .section,
.windows-performance .project-card,
.windows-performance .gallery-wrap,
.windows-performance .contact-box,
.windows-performance .capability{contain: layout paint style;}
@supports (content-visibility: auto){.windows-performance main > section:not(.hero),
.windows-performance footer{content-visibility: auto;contain-intrinsic-size: 900px;}
}
.windows-performance.is-scrolling body::before,
.windows-performance.is-scrolling body::after,
.windows-performance.is-scrolling .visual-ring,
.windows-performance.is-scrolling .orbit-dot,
.windows-performance.is-scrolling .tech-core,
.windows-performance.is-scrolling .floating-chip,
.windows-performance.is-scrolling .vending,
.windows-performance.is-scrolling .vending-glow,
.windows-performance.is-scrolling .vending-window::before,
.windows-performance.is-scrolling .marquee,
.windows-performance.is-scrolling .eyebrow-dot,
.windows-performance.is-scrolling .capability-number,
.windows-performance.is-scrolling .edool-cults-orbit,
.windows-performance.is-scrolling .facebook-orbit,
.windows-performance.is-scrolling .tiktok-orbit,
.windows-performance.is-scrolling .edool-cults-cube,
.windows-performance.is-scrolling .facebook-logo,
.windows-performance.is-scrolling .tiktok-logo{animation-play-state: paused !important;}
@media(max-width:700px){
.windows-performance.is-scrolling .edool-cults-cube,
.windows-performance.is-scrolling .edool-cults-orbit{animation-play-state:running !important;}
}
.windows-performance.is-scrolling .project-card,
.windows-performance.is-scrolling .capability,
.windows-performance.is-scrolling .tech-core,
.windows-performance.is-scrolling .vending{box-shadow: none !important;}
.windows-performance.is-scrolling *{transition-duration: 0s !important;}
.windows-performance img{image-rendering: auto;}
@media (max-width: 1366px){.windows-performance body::before,
.windows-performance body::after{animation-duration: 40s !important;}
.windows-performance .visual-ring{animation-duration: 40s !important;}
.windows-performance .marquee{animation-duration: 40s !important;}
}
html.legacy-windows *,
html.legacy-windows *::before,
html.legacy-windows *::after{-webkit-backdrop-filter: none !important;backdrop-filter: none !important;}
html.legacy-windows body::before,
html.legacy-windows body::after,
html.legacy-windows .site-background,
html.legacy-windows .noise,
html.legacy-windows .grid-bg{animation: none !important;filter: none !important;}
html.legacy-windows .visual-ring,
html.legacy-windows .visual-ring::before,
html.legacy-windows .visual-ring::after,
html.legacy-windows .floating-chip,
html.legacy-windows .vending,
html.legacy-windows .vending-glow,
html.legacy-windows .marquee,
html.legacy-windows .tech-core,
html.legacy-windows .eyebrow-dot,
html.legacy-windows .scroll-indicator::after{animation: none !important;}
html.legacy-windows .tech-core,
html.legacy-windows .vending,
html.legacy-windows .capability,
html.legacy-windows .project-card,
html.legacy-windows .contact-box,
html.legacy-windows .gallery-wrap,
html.legacy-windows .nav-shell,
html.legacy-windows .admin-card,
html.legacy-windows .admin-login,
html.legacy-windows .admin-fab{transform: none !important;box-shadow: none !important;}
html.legacy-windows .reveal,
html.legacy-windows .reveal.visible{opacity: 1 !important;transform: none !important;transition: none !important;}
html.legacy-windows .nav-shell,
html.legacy-windows .mobile-menu,
html.legacy-windows .admin-modal,
html.legacy-windows .admin-login,
html.legacy-windows .admin-fab{background-color: rgba(10, 13, 17, 0.97) !important;}
html.legacy-windows .project-card,
html.legacy-windows .capability,
html.legacy-windows .gallery-wrap,
html.legacy-windows .tech-core{background-image: none !important;background-color: #10141a !important;}
html.legacy-windows .hero h1,
html.legacy-windows .hero-section h1,
html.legacy-windows #inicio h1{animation: none !important;background: none !important;-webkit-background-clip: initial !important;background-clip: initial !important;color: #f5f7fa !important;filter: none !important;}
html.legacy-windows .hero h1 .muted-line,
html.legacy-windows #inicio h1 .muted-line{color: #7a828d !important;}
html.legacy-windows section::before,
html.legacy-windows .capability::after,
html.legacy-windows .contact-box::after,
html.legacy-windows .core-logo::before{display: none !important;}
html.legacy-windows img{image-rendering: auto;}
html.legacy-windows .capability,
html.legacy-windows .project-card,
html.legacy-windows .gallery-wrap,
html.legacy-windows .contact-box,
html.legacy-windows .stats,
html.legacy-windows .about-layout{contain: layout paint;}
html.very-legacy-browser *{transition-duration: 0.01ms !important;}
html.very-legacy-browser .marquee-wrap,
html.very-legacy-browser .visual-ring,
html.very-legacy-browser .floating-chip,
html.very-legacy-browser .scroll-indicator{display: none !important;}
html.page-hidden *,
html.page-hidden *::before,
html.page-hidden *::after{animation-play-state: paused !important;}
html.win7-lite *,
html.win7-lite *::before,
html.win7-lite *::after{animation: none !important;transition: none !important;scroll-behavior: auto !important;-webkit-backdrop-filter: none !important;backdrop-filter: none !important;filter: none !important;text-shadow: none !important;}
html.win7-lite body::before,
html.win7-lite body::after,
html.win7-lite .site-background,
html.win7-lite .noise,
html.win7-lite .grid-bg,
html.win7-lite .visual-ring,
html.win7-lite .orbit-dot,
html.win7-lite .floating-chip,
html.win7-lite .vending-glow,
html.win7-lite .scroll-indicator,
html.win7-lite section::before,
html.win7-lite .capability::after,
html.win7-lite .contact-box::after,
html.win7-lite .core-logo::before{display: none !important;}
html.win7-lite,
html.win7-lite body{background: #07090d !important;background-image: none !important;}
html.win7-lite .nav-shell,
html.win7-lite .mobile-menu,
html.win7-lite .tech-core,
html.win7-lite .capability,
html.win7-lite .project-card,
html.win7-lite .gallery-wrap,
html.win7-lite .contact-box,
html.win7-lite .admin-card,
html.win7-lite .admin-modal,
html.win7-lite .admin-login,
html.win7-lite .admin-fab,
html.win7-lite .desktop-nav{background-image: none !important;background-color: #10141a !important;box-shadow: none !important;opacity: 1 !important;}
html.win7-lite .tech-core,
html.win7-lite .vending,
html.win7-lite .project-card,
html.win7-lite .capability,
html.win7-lite .button,
html.win7-lite .nav-contact,
html.win7-lite .desktop-nav a,
html.win7-lite .gallery-wrap{transform: none !important;}
html.win7-lite .reveal,
html.win7-lite .reveal.visible{opacity: 1 !important;transform: none !important;}
html.win7-lite .hero h1,
html.win7-lite .hero-section h1,
html.win7-lite #inicio h1{background: none !important;-webkit-background-clip: initial !important;background-clip: initial !important;color: #f5f7fa !important;}
html.win7-lite .marquee-wrap{overflow: hidden !important;}
html.win7-lite .marquee{width: 100% !important;transform: none !important;}
html.win7-lite .marquee-group:nth-child(n+2){display: none !important;}
html.win7-lite .marquee-group{width: 100% !important;flex-wrap: wrap !important;justify-content: center !important;}
html.win7-lite .section,
html.win7-lite .project-card,
html.win7-lite .capability,
html.win7-lite .gallery-wrap,
html.win7-lite .stats,
html.win7-lite .about-layout,
html.win7-lite .contact-box{contain: layout paint !important;}
html.win7-lite header{position: absolute !important;}
html.win7-lite .gallery-track{transition: none !important;}
html.win7-lite .gallery-slide img{image-rendering: auto !important;}
html.win7-lite .capability:hover,
html.win7-lite .project-card:hover,
html.win7-lite .button:hover,
html.win7-lite .nav-contact:hover,
html.win7-lite .desktop-nav a:hover,
html.win7-lite .contact-link:hover{transform: none !important;box-shadow: none !important;}
html.win7-lite .vending-window,
html.win7-lite .vending-display,
html.win7-lite .vending-pay,
html.win7-lite .core-data,
html.win7-lite .product-slot{background-image: none !important;background-color: #0c1015 !important;}
.section{padding-top: clamp(64px, 7vw, 105px) !important;padding-bottom: clamp(64px, 7vw, 105px) !important;}
.hero{min-height: auto !important;padding-top: 112px !important;padding-bottom: 42px !important;}
.hero-inner{gap: clamp(24px, 4vw, 58px) !important;}
.hero h1{margin-bottom: 18px !important;}
.hero-description{margin-top: 0 !important;}
.hero-actions{margin-top: 24px !important;}
.hero-visual{min-height: 430px !important;}
.scroll-indicator{bottom: 14px !important;}
.section-heading{margin-bottom: 36px !important;}
.section-heading p{margin-top: 16px !important;}
.capability{min-height: 260px !important;}
.project-card{min-height: 560px !important;padding-top: clamp(28px, 4vw, 52px) !important;padding-bottom: clamp(28px, 4vw, 52px) !important;}
.vending-stage{min-height: 410px !important;}
.stats .stat{padding-top: 28px !important;padding-bottom: 28px !important;}
.contact-box{min-height: 400px !important;}
footer{padding-top: 22px !important;padding-bottom: 28px !important;}
@media (max-width: 1024px){.hero{padding-top: 96px !important;padding-bottom: 30px !important;}
.hero-visual{min-height: 390px !important;}
.section{padding-top: 56px !important;padding-bottom: 56px !important;}
.section-heading{margin-bottom: 28px !important;}
.project-card{min-height: auto !important;}
}
@media (max-width: 700px){.hero{padding-top: 88px !important;padding-bottom: 22px !important;}
.hero-inner{gap: 16px !important;}
.hero h1{margin-bottom: 17px !important;}
.hero-actions{margin-top: 18px !important;}
.hero-visual{min-height: 310px !important;}
.section{padding-top: 48px !important;padding-bottom: 48px !important;}
.section-heading{margin-bottom: 22px !important;}
.capability{min-height: 190px !important;}
.project-card{padding-top: 18px !important;padding-bottom: 18px !important;}
.vending-stage{min-height: 315px !important;}
.contact-box{min-height: 300px !important;}
footer{padding-top: 8px !important;padding-bottom: 22px !important;}
}
html.win7-lite .hero{padding-top: 92px !important;padding-bottom: 28px !important;}
html.win7-lite .hero-visual{min-height: 340px !important;}
html.win7-lite .section{padding-top: 50px !important;padding-bottom: 50px !important;}
html.win7-lite .section-heading{margin-bottom: 26px !important;}
html.win7-lite .project-card{min-height: auto !important;}
html.win7-lite .vending-stage{min-height: 350px !important;}
.edool-cults-section,
.edool-facebook-section,
.edool-tiktok-section{padding-top:34px !important;padding-bottom:34px !important;}
.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card{width:min(100%, 1080px) !important;margin-inline:auto !important;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr) !important;gap:28px !important;padding:28px 30px !important;border-radius:24px !important;min-height:0 !important;}
.edool-cults-copy h2,
.edool-facebook-copy h2,
.edool-tiktok-copy h2{font-size:clamp(32px,3.3vw,52px) !important;line-height:1 !important;}
.edool-cults-copy p,
.edool-facebook-copy p,
.edool-tiktok-copy p{margin-top:12px !important;font-size:13.5px !important;line-height:1.58 !important;}
.edool-cults-button,
.edool-facebook-button,
.edool-tiktok-button{margin-top:19px !important;min-height:44px !important;min-width:190px !important;padding:0 14px 0 16px !important;border-radius:13px !important;font-size:12px !important;}
.edool-cults-button b,
.edool-facebook-button b,
.edool-tiktok-button b{width:26px !important;height:26px !important;font-size:14px !important;}
.edool-cults-visual,
.edool-facebook-visual,
.edool-tiktok-visual{min-height:205px !important;}
.edool-cults-cube{width:82px !important;height:82px !important;border-radius:20px !important;}
.edool-cults-orbit.orbit-a,
.edool-cults-visual .orbit-a{width:176px !important;height:176px !important;}
.edool-cults-orbit.orbit-b,
.edool-cults-visual .orbit-b{width:132px !important;height:132px !important;}
.facebook-logo{width:84px !important;height:84px !important;border-radius:20px !important;}
.facebook-logo span{font-size:58px !important;transform:translateY(8px) !important;}
.facebook-orbit.orbit-a{width:178px !important;height:178px !important;}
.facebook-orbit.orbit-b{width:132px !important;height:132px !important;}
.tiktok-logo{width:84px !important;height:84px !important;border-radius:20px !important;}
.tt-note{font-size:51px !important;text-shadow:-3px 2px 0 #25F4EE,3px -2px 0 #FE2C55 !important;}
.tiktok-orbit.orbit-a{width:178px !important;height:178px !important;}
.tiktok-orbit.orbit-b{width:132px !important;height:132px !important;}
.edool-cults-badge,
.edool-facebook-badge,
.edool-tiktok-badge{right:4px !important;bottom:6px !important;padding:8px 10px !important;gap:7px !important;border-radius:11px !important;font-size:9px !important;letter-spacing:.035em !important;}
.facebook-badge-icon,
.tiktok-badge-icon{width:22px !important;height:22px !important;flex-basis:22px !important;border-radius:7px !important;font-size:17px !important;}
.edool-cults-cube,
.facebook-logo,
.tiktok-logo{animation-duration:6s !important;}
.edool-cults-badge,
.edool-facebook-badge,
.edool-tiktok-badge{animation-duration:4.5s !important;}
@media(max-width:900px){.edool-cults-section,
.edool-facebook-section,
.edool-tiktok-section{padding-top:28px !important;padding-bottom:28px !important;}
.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card{grid-template-columns:1fr !important;gap:12px !important;padding:24px !important;}
.edool-cults-visual,
.edool-facebook-visual,
.edool-tiktok-visual{min-height:180px !important;}
}
@media(max-width:700px){.edool-cults-section,
.edool-facebook-section,
.edool-tiktok-section{padding-top:22px !important;padding-bottom:22px !important;}
.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card{width:100% !important;padding:20px 17px !important;border-radius:19px !important;}
.edool-cults-copy h2,
.edool-facebook-copy h2,
.edool-tiktok-copy h2{font-size:clamp(31px,9vw,41px) !important;}
.edool-cults-copy p,
.edool-facebook-copy p,
.edool-tiktok-copy p{font-size:12.5px !important;}
.edool-cults-button,
.edool-facebook-button,
.edool-tiktok-button{width:100% !important;min-width:0 !important;min-height:43px !important;margin-top:16px !important;}
.edool-cults-visual,
.edool-facebook-visual,
.edool-tiktok-visual{min-height:155px !important;}
.edool-cults-cube,
.facebook-logo,
.tiktok-logo{width:70px !important;height:70px !important;border-radius:17px !important;}
.facebook-logo span{font-size:48px !important;transform:translateY(7px) !important;}
.tt-note{font-size:43px !important;}
.edool-cults-orbit.orbit-a,
.edool-cults-visual .orbit-a,
.facebook-orbit.orbit-a,
.tiktok-orbit.orbit-a{width:145px !important;height:145px !important;}
.edool-cults-orbit.orbit-b,
.edool-cults-visual .orbit-b,
.facebook-orbit.orbit-b,
.tiktok-orbit.orbit-b{width:108px !important;height:108px !important;}
.edool-cults-badge,
.edool-facebook-badge,
.edool-tiktok-badge{padding:7px 9px !important;font-size:8px !important;}
}
html.win7-lite .edool-cults-card,
html.win7-lite .edool-facebook-card,
html.win7-lite .edool-tiktok-card{padding:22px 24px !important;gap:18px !important;}
html.win7-lite .edool-cults-visual,
html.win7-lite .edool-facebook-visual,
html.win7-lite .edool-tiktok-visual{min-height:170px !important;}
@media (min-width: 981px){.edool-cults-section,
.edool-facebook-section,
.edool-tiktok-section{display:block !important;padding:0 !important;margin:0 !important;}
.edool-cults-section .container,
.edool-facebook-section .container,
.edool-tiktok-section .container{width:min(100% - 48px, 1180px) !important;max-width:1180px !important;margin-inline:auto !important;}
.edool-cults-section{margin-top:42px !important;}
.edool-facebook-section,
.edool-tiktok-section{margin-top:18px !important;}
.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card{width:100% !important;min-height:250px !important;grid-template-columns:1fr !important;grid-template-rows:auto 1fr !important;gap:14px !important;padding:22px !important;border-radius:22px !important;}
.edool-cults-section,
.edool-facebook-section,
.edool-tiktok-section{width:33.3333% !important;float:left !important;box-sizing:border-box !important;}
.edool-cults-section{padding-left:24px !important;padding-right:8px !important;}
.edool-facebook-section{padding-left:8px !important;padding-right:8px !important;}
.edool-tiktok-section{padding-left:8px !important;padding-right:24px !important;}
.edool-cults-section .container,
.edool-facebook-section .container,
.edool-tiktok-section .container{width:100% !important;max-width:none !important;margin:0 !important;}
.edool-tiktok-section::after{content:"";display:block;clear:both;}
.edool-cults-copy h2,
.edool-facebook-copy h2,
.edool-tiktok-copy h2{font-size:clamp(25px,2vw,34px) !important;line-height:1.02 !important;margin:0 !important;}
.edool-cults-copy p,
.edool-facebook-copy p,
.edool-tiktok-copy p{font-size:12.5px !important;line-height:1.55 !important;margin-top:10px !important;}
.edool-cults-button,
.edool-facebook-button,
.edool-tiktok-button{width:100% !important;min-width:0 !important;min-height:42px !important;margin-top:16px !important;justify-content:space-between !important;padding-inline:13px !important;}
.edool-cults-visual,
.edool-facebook-visual,
.edool-tiktok-visual{min-height:125px !important;align-self:end !important;}
.edool-cults-cube,
.facebook-logo,
.tiktok-logo{width:62px !important;height:62px !important;border-radius:16px !important;}
.facebook-logo span{font-size:42px !important;transform:translateY(6px) !important;}
.tt-note{font-size:38px !important;}
.edool-cults-orbit.orbit-a,
.edool-cults-visual .orbit-a,
.facebook-orbit.orbit-a,
.tiktok-orbit.orbit-a{width:124px !important;height:124px !important;}
.edool-cults-orbit.orbit-b,
.edool-cults-visual .orbit-b,
.facebook-orbit.orbit-b,
.tiktok-orbit.orbit-b{width:92px !important;height:92px !important;}
.edool-cults-badge,
.edool-facebook-badge,
.edool-tiktok-badge{right:0 !important;bottom:0 !important;padding:6px 8px !important;font-size:7.5px !important;}
}
@media (min-width: 701px) and (max-width: 980px){.edool-cults-section,
.edool-facebook-section,
.edool-tiktok-section{width:auto !important;float:none !important;padding:0 !important;margin:0 !important;}
.edool-cults-section .container,
.edool-facebook-section .container,
.edool-tiktok-section .container{width:calc(100% - 36px) !important;max-width:860px !important;margin-inline:auto !important;}
.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card{grid-template-columns:1fr 150px !important;padding:22px !important;}
}
@media (max-width:700px){.edool-cults-section,
.edool-facebook-section,
.edool-tiktok-section{width:auto !important;float:none !important;padding:0 !important;margin:0 !important;}
.edool-cults-section + .edool-facebook-section,
.edool-facebook-section + .edool-tiktok-section{margin-top:18px !important;}
}
@media (min-width:981px){.edool-cults-section,
.edool-facebook-section,
.edool-tiktok-section{width:33.333333% !important;box-sizing:border-box !important;}
.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card{width:100% !important;height:430px !important;min-height:430px !important;max-height:430px !important;padding:22px !important;display:grid !important;grid-template-columns:1fr !important;grid-template-rows:minmax(0,1fr) 130px !important;gap:12px !important;overflow:hidden !important;box-sizing:border-box !important;}
.edool-cults-copy,
.edool-facebook-copy,
.edool-tiktok-copy{min-height:0 !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;}
.edool-cults-copy h2,
.edool-facebook-copy h2,
.edool-tiktok-copy h2{min-height:70px !important;display:flex !important;align-items:flex-end !important;}
.edool-cults-copy p,
.edool-facebook-copy p,
.edool-tiktok-copy p{min-height:78px !important;margin-bottom:0 !important;}
.edool-cults-button,
.edool-facebook-button,
.edool-tiktok-button{margin-top:auto !important;width:100% !important;height:42px !important;min-height:42px !important;flex:0 0 42px !important;}
.edool-cults-visual,
.edool-facebook-visual,
.edool-tiktok-visual{width:100% !important;height:130px !important;min-height:130px !important;max-height:130px !important;}
.edool-cults-cube,
.facebook-logo,
.tiktok-logo{width:62px !important;height:62px !important;min-width:62px !important;min-height:62px !important;max-width:62px !important;max-height:62px !important;}
}
@media (max-width:980px){.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card{height:auto !important;max-height:none !important;}
}
.edool-social-clickable{cursor:pointer !important;position:relative;}
.edool-social-clickable:focus-visible{outline:2px solid rgba(223,255,67,.85) !important;outline-offset:4px !important;}
.edool-social-clickable::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:opacity .22s ease;}
.edool-social-clickable:hover::before{opacity:1;}
.edool-cults-badge,
.edool-facebook-badge,
.edool-tiktok-badge{display:none !important;}
@media (min-width: 901px){.edool-social-row,
.edool-social-grid,
.social-grid,
.social-cards,
.edool-cults-grid,
.edool-facebook-grid,
.edool-tiktok-grid{width:100% !important;max-width:1440px !important;margin-left:auto !important;margin-right:auto !important;}
section:has(.edool-cults-card):has(.edool-facebook-card):has(.edool-tiktok-card) .container{width:calc(100% - 64px) !important;max-width:1440px !important;margin-left:auto !important;margin-right:auto !important;}
section:has(.edool-cults-card):has(.edool-facebook-card):has(.edool-tiktok-card)
:is(.edool-social-row,.edool-social-grid,.social-grid,.social-cards){display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:20px !important;align-items:stretch !important;}
.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card{width:100% !important;max-width:none !important;min-width:0 !important;height:100% !important;margin:0 !important;}
}
@media (min-width: 901px){.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card{box-sizing:border-box !important;}
}
@media (min-width: 701px) and (max-width: 900px){section:has(.edool-cults-card):has(.edool-facebook-card):has(.edool-tiktok-card) .container{width:calc(100% - 36px) !important;max-width:none !important;margin-inline:auto !important;}
section:has(.edool-cults-card):has(.edool-facebook-card):has(.edool-tiktok-card)
:is(.edool-social-row,.edool-social-grid,.social-grid,.social-cards){display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:12px !important;}
}
@media (max-width:700px){section:has(.edool-cults-card):has(.edool-facebook-card):has(.edool-tiktok-card) .container{width:calc(100% - 28px) !important;margin-inline:auto !important;}
section:has(.edool-cults-card):has(.edool-facebook-card):has(.edool-tiktok-card)
:is(.edool-social-row,.edool-social-grid,.social-grid,.social-cards){display:grid !important;grid-template-columns:1fr !important;gap:14px !important;}
}
@media (min-width: 901px){.edool-cults-section,
.edool-facebook-section,
.edool-tiktok-section{margin-top: 0 !important;padding-top: 0 !important;vertical-align: top !important;align-self: start !important;}
.edool-cults-section{padding-left: 24px !important;padding-right: 8px !important;}
.edool-facebook-section{padding-left: 8px !important;padding-right: 8px !important;}
.edool-tiktok-section{padding-left: 8px !important;padding-right: 24px !important;}
.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card{margin-top: 0 !important;top: auto !important;align-self: stretch !important;vertical-align: top !important;width: 100% !important;height: 490px !important;min-height: 490px !important;max-height: 490px !important;padding: 24px !important;box-sizing: border-box !important;}
.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card{display: grid !important;grid-template-columns: 1fr !important;grid-template-rows: 1fr 165px !important;gap: 14px !important;}
.edool-cults-copy,
.edool-facebook-copy,
.edool-tiktok-copy{display: flex !important;flex-direction: column !important;min-height: 0 !important;}
.edool-cults-copy .eyebrow,
.edool-facebook-copy .eyebrow,
.edool-tiktok-copy .eyebrow{min-height: 18px !important;margin-bottom: 22px !important;}
.edool-cults-copy h2,
.edool-facebook-copy h2,
.edool-tiktok-copy h2{min-height: 82px !important;margin-top: 0 !important;margin-bottom: 12px !important;display: flex !important;align-items: flex-start !important;}
.edool-cults-copy p,
.edool-facebook-copy p,
.edool-tiktok-copy p{min-height: 84px !important;margin-top: 0 !important;margin-bottom: 0 !important;}
.edool-cults-button,
.edool-facebook-button,
.edool-tiktok-button{margin-top: auto !important;width: 100% !important;min-height: 46px !important;height: 46px !important;}
.edool-cults-visual,
.edool-facebook-visual,
.edool-tiktok-visual{width: 100% !important;height: 165px !important;min-height: 165px !important;max-height: 165px !important;align-self: end !important;}
}
@media (max-width: 900px){.edool-cults-section,
.edool-facebook-section,
.edool-tiktok-section{margin-top: 0 !important;}
.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card{height: auto !important;min-height: 0 !important;max-height: none !important;}
}
@media (min-width: 901px){.edool-cults-section,
.edool-facebook-section,
.edool-tiktok-section{padding-top: 22px !important;}
}
@media (min-width: 701px) and (max-width: 900px){.edool-cults-section,
.edool-facebook-section,
.edool-tiktok-section{padding-top: 18px !important;}
}
@media (max-width: 700px){.edool-cults-section,
.edool-facebook-section,
.edool-tiktok-section{padding-top: 14px !important;}
}
.edool-cults-button{color:#ffffff !important;background:
linear-gradient(
135deg,
#7c3aed 0%,
#9333ea 48%,
#a855f7 100%
) !important;border:1px solid rgba(192,132,252,.52) !important;box-shadow:
0 10px 28px rgba(124,58,237,.22),
inset 0 1px 0 rgba(255,255,255,.20) !important;}
.edool-cults-button b{color:#ffffff !important;background:rgba(255,255,255,.13) !important;}
.edool-cults-button::before{background:
linear-gradient(
90deg,
transparent,
rgba(255,255,255,.42),
transparent
) !important;}
.edool-cults-button:hover{background:
linear-gradient(
135deg,
#8b5cf6 0%,
#a855f7 50%,
#c084fc 100%
) !important;box-shadow:
0 14px 34px rgba(147,51,234,.30),
inset 0 1px 0 rgba(255,255,255,.24) !important;}
html.win7-lite .edool-cults-button{background:#8b5cf6 !important;box-shadow:none !important;}
@media (min-width:901px){.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card{height:410px !important;min-height:410px !important;max-height:410px !important;padding:22px 24px !important;grid-template-rows:1fr 115px !important;gap:8px !important;}
.edool-cults-copy .eyebrow,
.edool-facebook-copy .eyebrow,
.edool-tiktok-copy .eyebrow{min-height:14px !important;margin-bottom:12px !important;}
.edool-cults-copy h2,
.edool-facebook-copy h2,
.edool-tiktok-copy h2{min-height:62px !important;margin-bottom:8px !important;line-height:1.02 !important;}
.edool-cults-copy p,
.edool-facebook-copy p,
.edool-tiktok-copy p{min-height:58px !important;margin-bottom:8px !important;line-height:1.48 !important;}
.edool-cults-button,
.edool-facebook-button,
.edool-tiktok-button{height:44px !important;min-height:44px !important;margin-top:auto !important;}
.edool-cults-visual,
.edool-facebook-visual,
.edool-tiktok-visual{height:115px !important;min-height:115px !important;max-height:115px !important;margin-top:0 !important;}
.edool-cults-orbit,
.edool-facebook-orbit,
.edool-tiktok-orbit{transform:scale(.82) !important;transform-origin:center center !important;}
}
@media (min-width:701px) and (max-width:900px){.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card{padding:20px !important;gap:10px !important;}
}
.edool-social-three-row{width:calc(100% - 48px);max-width:1480px;margin:34px auto 44px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;}
.edool-social-three-row > .edool-cults-section,
.edool-social-three-row > .edool-facebook-section,
.edool-social-three-row > .edool-tiktok-section{width:100% !important;margin:0 !important;padding:0 !important;float:none !important;display:block !important;align-self:stretch !important;}
.edool-social-three-row > section > .container{width:100% !important;max-width:none !important;height:100% !important;margin:0 !important;padding:0 !important;}
.edool-social-three-row .edool-cults-card,
.edool-social-three-row .edool-facebook-card,
.edool-social-three-row .edool-tiktok-card{width:100% !important;height:220px !important;min-height:220px !important;max-height:220px !important;margin:0 !important;padding:16px 18px !important;display:grid !important;grid-template-columns:1fr !important;grid-template-rows:minmax(0,1fr) 76px !important;gap:4px !important;box-sizing:border-box !important;align-self:stretch !important;overflow:hidden !important;}
.edool-social-three-row .edool-cults-copy,
.edool-social-three-row .edool-facebook-copy,
.edool-social-three-row .edool-tiktok-copy{min-width:0 !important;min-height:0 !important;display:flex !important;flex-direction:column !important;}
.edool-social-three-row .edool-cults-kicker,
.edool-social-three-row .edool-facebook-kicker,
.edool-social-three-row .edool-tiktok-kicker{margin:0 0 12px !important;min-height:16px !important;}
.edool-social-three-row .edool-cults-copy h2,
.edool-social-three-row .edool-facebook-copy h2,
.edool-social-three-row .edool-tiktok-copy h2{margin:0 0 8px !important;min-height:64px !important;max-width:100% !important;font-size:clamp(27px,2.15vw,37px) !important;line-height:1.02 !important;}
.edool-social-three-row .edool-cults-copy p,
.edool-social-three-row .edool-facebook-copy p,
.edool-social-three-row .edool-tiktok-copy p{margin:0 0 8px !important;min-height:58px !important;max-width:100% !important;font-size:12.5px !important;line-height:1.5 !important;}
.edool-social-three-row .edool-cults-button,
.edool-social-three-row .edool-facebook-button,
.edool-social-three-row .edool-tiktok-button{width:100% !important;min-width:0 !important;height:44px !important;min-height:44px !important;margin:auto 0 0 !important;padding:0 14px 0 16px !important;}
.edool-social-three-row .edool-cults-visual,
.edool-social-three-row .edool-facebook-visual,
.edool-social-three-row .edool-tiktok-visual{width:100% !important;height:76px !important;min-height:76px !important;max-height:76px !important;margin:0 !important;align-self:end !important;}
.edool-social-three-row .edool-cults-cube,
.edool-social-three-row .facebook-logo,
.edool-social-three-row .tiktok-logo{width:66px !important;height:66px !important;min-width:66px !important;min-height:66px !important;}
@media (min-width:801px) and (max-width:1100px){.edool-social-three-row{width:calc(100% - 32px);gap:12px;}
.edool-social-three-row .edool-cults-card,
.edool-social-three-row .edool-facebook-card,
.edool-social-three-row .edool-tiktok-card{height:210px !important;min-height:210px !important;max-height:210px !important;padding:15px !important;grid-template-rows:minmax(0,1fr) 72px !important;}
.edool-social-three-row .edool-cults-copy h2,
.edool-social-three-row .edool-facebook-copy h2,
.edool-social-three-row .edool-tiktok-copy h2{font-size:25px !important;}
.edool-social-three-row .edool-cults-visual,
.edool-social-three-row .edool-facebook-visual,
.edool-social-three-row .edool-tiktok-visual{height:72px !important;min-height:72px !important;max-height:72px !important;}
}
@media (max-width:800px){.edool-social-three-row{width:calc(100% - 28px);grid-template-columns:1fr;gap:16px;margin-top:24px;margin-bottom:32px;}
.edool-social-three-row .edool-cults-card,
.edool-social-three-row .edool-facebook-card,
.edool-social-three-row .edool-tiktok-card{height:auto !important;min-height:0 !important;max-height:none !important;padding:16px 18px !important;grid-template-rows:auto 82px !important;gap:4px !important;}
.edool-social-three-row .edool-cults-copy h2,
.edool-social-three-row .edool-facebook-copy h2,
.edool-social-three-row .edool-tiktok-copy h2,
.edool-social-three-row .edool-cults-copy p,
.edool-social-three-row .edool-facebook-copy p,
.edool-social-three-row .edool-tiktok-copy p{min-height:0 !important;}
}
/* Nuevo diseño: accesos sociales compactos y horizontales. */
.edool-social-three-row{width:min(1380px,calc(100% - 48px)) !important;margin:28px auto 36px !important;gap:14px !important;}
.edool-social-three-row .edool-cults-card,
.edool-social-three-row .edool-facebook-card,
.edool-social-three-row .edool-tiktok-card{position:relative !important;height:154px !important;min-height:154px !important;max-height:154px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:14px !important;padding:18px 18px 18px 20px !important;border-radius:20px !important;overflow:hidden !important;}
.edool-social-three-row .edool-cults-card{background:linear-gradient(135deg,#10131a 0%,#111522 58%,rgba(139,92,246,.16) 100%) !important;border-color:rgba(168,85,247,.25) !important;}
.edool-social-three-row .edool-facebook-card{background:linear-gradient(135deg,#10141b 0%,#101722 58%,rgba(37,120,255,.17) 100%) !important;border-color:rgba(55,133,255,.25) !important;}
.edool-social-three-row .edool-tiktok-card{background:linear-gradient(135deg,#101318 0%,#11151b 58%,rgba(37,244,238,.10) 82%,rgba(254,44,85,.10) 100%) !important;border-color:rgba(93,226,228,.20) !important;}
.edool-social-three-row .edool-cults-copy,
.edool-social-three-row .edool-facebook-copy,
.edool-social-three-row .edool-tiktok-copy{height:100% !important;min-width:0 !important;flex:1 1 auto !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:space-between !important;}
.edool-social-three-row .edool-cults-kicker,
.edool-social-three-row .edool-facebook-kicker,
.edool-social-three-row .edool-tiktok-kicker{min-height:0 !important;margin:0 !important;font-size:10px !important;line-height:1.2 !important;letter-spacing:.16em !important;}
.edool-social-three-row .edool-cults-button,
.edool-social-three-row .edool-facebook-button,
.edool-social-three-row .edool-tiktok-button{width:auto !important;max-width:100% !important;height:38px !important;min-height:38px !important;margin:0 !important;padding:0 7px 0 14px !important;gap:14px !important;border-radius:11px !important;font-size:11px !important;white-space:nowrap !important;}
.edool-social-three-row .edool-cults-button b,
.edool-social-three-row .edool-facebook-button b,
.edool-social-three-row .edool-tiktok-button b{width:27px !important;height:27px !important;font-size:13px !important;}
.edool-social-three-row .edool-cults-visual,
.edool-social-three-row .edool-facebook-visual,
.edool-social-three-row .edool-tiktok-visual{position:relative !important;width:88px !important;min-width:88px !important;height:100% !important;min-height:0 !important;max-height:none !important;margin:0 !important;display:grid !important;place-items:center !important;}
.edool-social-three-row .edool-cults-cube,
.edool-social-three-row .facebook-logo,
.edool-social-three-row .tiktok-logo{width:54px !important;height:54px !important;min-width:54px !important;min-height:54px !important;max-width:54px !important;max-height:54px !important;border-radius:15px !important;}
.edool-social-three-row .facebook-logo span{font-size:37px !important;transform:translateY(5px) !important;}
.edool-social-three-row .edool-cults-orbit.orbit-a,
.edool-social-three-row .facebook-orbit.orbit-a,
.edool-social-three-row .tiktok-orbit.orbit-a{width:86px !important;height:86px !important;}
.edool-social-three-row .edool-cults-orbit.orbit-b,
.edool-social-three-row .facebook-orbit.orbit-b,
.edool-social-three-row .tiktok-orbit.orbit-b{width:68px !important;height:68px !important;}
@media(max-width:900px){
.edool-social-three-row{width:calc(100% - 28px) !important;grid-template-columns:1fr !important;gap:10px !important;margin:20px auto 28px !important;}
.edool-social-three-row .edool-cults-card,
.edool-social-three-row .edool-facebook-card,
.edool-social-three-row .edool-tiktok-card{height:128px !important;min-height:128px !important;max-height:128px !important;padding:15px 16px !important;}
.edool-social-three-row .edool-cults-visual,
.edool-social-three-row .edool-facebook-visual,
.edool-social-three-row .edool-tiktok-visual{width:76px !important;min-width:76px !important;}
}
.marquee-wrap{margin-top:18px !important;border-top:1px solid rgba(255,255,255,.09) !important;border-bottom:1px solid rgba(255,255,255,.09) !important;background:
linear-gradient(
180deg,
rgba(255,255,255,.028),
rgba(255,255,255,.012)
) !important;box-shadow:
inset 0 1px 0 rgba(255,255,255,.025),
0 10px 30px rgba(0,0,0,.12) !important;}
.marquee{min-height:62px !important;align-items:center !important;}
.marquee-group{align-items:center !important;}
.marquee-item{min-height:62px !important;padding:0 26px !important;gap:14px !important;color:#d2d7de !important;font-size:13px !important;font-weight:780 !important;letter-spacing:.075em !important;text-transform:uppercase !important;}
.marquee-item span{width:7px !important;height:7px !important;flex:0 0 7px !important;background:#ff8a1f !important;box-shadow:
0 0 9px rgba(255,138,31,.95),
0 0 18px rgba(255,138,31,.58) !important;}
.marquee-group .marquee-item:nth-child(1){color:#ff8a24 !important;}
.marquee-group .marquee-item:nth-child(2){color:#25d9ff !important;}
.marquee-group .marquee-item:nth-child(3){color:#a978ff !important;}
.marquee-group .marquee-item:nth-child(4){color:#32efad !important;}
.marquee-group .marquee-item:nth-child(5){color:#ffd23f !important;}
.marquee-group .marquee-item:nth-child(6){color:#ff5f9e !important;}
.marquee-item{transition:color .22s ease, transform .22s ease !important;}
.marquee-item:hover{color:#ffffff !important;transform:translateY(-1px) !important;}
html.win7-lite .marquee-wrap{background:#0d1117 !important;box-shadow:none !important;}
html.win7-lite .marquee{min-height:58px !important;}
html.win7-lite .marquee-item{min-height:58px !important;font-size:13px !important;transform:none !important;}
@media(max-width:900px){.marquee{min-height:56px !important;}
.marquee-item{min-height:56px !important;padding:0 20px !important;font-size:11px !important;letter-spacing:.065em !important;}
}
@media(max-width:700px){.marquee{min-height:52px !important;}
.marquee-item{min-height:52px !important;padding:0 16px !important;gap:10px !important;font-size:10px !important;letter-spacing:.055em !important;}
.marquee-item span{width:6px !important;height:6px !important;flex-basis:6px !important;}
}
.edool-seo-specialties{padding:18px 0 30px !important;}
.edool-seo-specialties-inner{width:min(1500px, calc(100% - 56px)) !important;margin:0 auto !important;display:flex !important;flex-wrap:nowrap !important;justify-content:center !important;align-items:center !important;gap:12px !important;overflow-x:auto !important;overflow-y:hidden !important;scrollbar-width:none !important;-webkit-overflow-scrolling:touch;padding:4px 2px 8px !important;}
.edool-seo-specialties-inner::-webkit-scrollbar{display:none !important;}
.edool-seo-specialties span{flex:0 0 auto !important;min-height:46px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:0 18px !important;border-radius:999px !important;color:#d8dee7 !important;font-size:13px !important;font-weight:800 !important;letter-spacing:.055em !important;border:1px solid rgba(160,190,220,.16) !important;background:
linear-gradient(
180deg,
rgba(255,255,255,.055),
rgba(255,255,255,.018)
) !important;box-shadow:
inset 0 1px 0 rgba(255,255,255,.035),
0 8px 22px rgba(0,0,0,.14) !important;transition:
transform .22s ease,
border-color .22s ease,
background .22s ease,
color .22s ease !important;}
.edool-seo-specialties span:hover{transform:translateY(-2px) !important;color:#ffffff !important;border-color:rgba(223,255,67,.26) !important;background:rgba(223,255,67,.055) !important;}
.edool-seo-specialties span:nth-child(3),
.edool-seo-specialties span:nth-child(5),
.edool-seo-specialties span:nth-child(7){color:#37ff4e !important;border-color:rgba(55,255,78,.22) !important;background:
linear-gradient(
180deg,
rgba(55,255,78,.06),
rgba(55,255,78,.018)
) !important;}
html.win7-lite .edool-seo-specialties span{background:#0e1319 !important;box-shadow:none !important;transform:none !important;}
@media(max-width:1100px){.edool-seo-specialties-inner{width:calc(100% - 32px) !important;justify-content:flex-start !important;gap:10px !important;}
.edool-seo-specialties span{min-height:44px !important;padding:0 16px !important;font-size:12px !important;}
}
@media(max-width:700px){.edool-seo-specialties{padding:14px 0 22px !important;}
.edool-seo-specialties-inner{width:calc(100% - 24px) !important;gap:8px !important;}
.edool-seo-specialties span{min-height:42px !important;padding:0 15px !important;font-size:11px !important;letter-spacing:.045em !important;}
}
#capacidades.section,
#proyecto.section,
#galeria.section,
#nosotros.section,
#contacto.section{padding-top:72px !important;padding-bottom:72px !important;}
#capacidades .section-heading,
#proyecto .section-heading,
#galeria .section-heading,
#nosotros .section-heading,
#contacto .section-heading{margin-bottom:30px !important;}
#capacidades .section-heading p,
#proyecto .section-heading p,
#galeria .section-heading p,
#nosotros .section-heading p,
#contacto .section-heading p{margin-top:14px !important;}
#capacidades .capabilities-grid{gap:12px !important;}
#capacidades .capability{min-height:235px !important;padding:26px !important;}
#proyecto .project-card{min-height:500px !important;padding:42px !important;gap:34px !important;}
#proyecto .project-info h3{margin-bottom:16px !important;}
#proyecto .project-features{margin-top:20px !important;}
#proyecto .vending-stage{min-height:360px !important;}
.stats{margin-top:0 !important;margin-bottom:0 !important;}
.stat{padding-top:24px !important;padding-bottom:24px !important;}
#nosotros .about-layout{gap:54px !important;}
#nosotros .about-text{line-height:1.04 !important;}
#galeria .gallery-wrap{margin-top:0 !important;}
.gallery-dots{padding:10px !important;}
.edool-seo-specialties{padding-top:14px !important;padding-bottom:20px !important;}
.edool-social-three-row{margin-top:24px !important;margin-bottom:30px !important;}
.edool-build-strip{margin-top:22px !important;margin-bottom:22px !important;}
#contacto .contact-box{min-height:350px !important;padding:42px !important;}
#contacto .contact-main h2{margin-bottom:24px !important;}
footer{padding-top:18px !important;padding-bottom:24px !important;}
@media(max-width:1024px){#capacidades.section,
#proyecto.section,
#galeria.section,
#nosotros.section,
#contacto.section{padding-top:56px !important;padding-bottom:56px !important;}
#proyecto .project-card{padding:30px !important;gap:24px !important;}
#proyecto .vending-stage{min-height:320px !important;}
.edool-social-three-row{margin-top:20px !important;margin-bottom:26px !important;}
}
@media(max-width:700px){#capacidades.section,
#proyecto.section,
#galeria.section,
#nosotros.section,
#contacto.section{padding-top:44px !important;padding-bottom:44px !important;}
#capacidades .section-heading,
#proyecto .section-heading,
#galeria .section-heading,
#nosotros .section-heading,
#contacto .section-heading{margin-bottom:20px !important;}
#capacidades .capability{min-height:185px !important;padding:19px !important;}
#proyecto .project-card{padding:18px 14px !important;gap:14px !important;}
#proyecto .vending-stage{min-height:280px !important;}
#nosotros .about-layout{gap:18px !important;}
.edool-seo-specialties{padding-top:10px !important;padding-bottom:14px !important;}
.edool-social-three-row{margin-top:16px !important;margin-bottom:22px !important;}
.edool-build-strip{margin-top:16px !important;margin-bottom:16px !important;}
#contacto .contact-box{min-height:280px !important;padding:22px 16px !important;}
footer{padding-top:8px !important;padding-bottom:18px !important;}
}
html.win7-lite #capacidades.section,
html.win7-lite #proyecto.section,
html.win7-lite #galeria.section,
html.win7-lite #nosotros.section,
html.win7-lite #contacto.section{padding-top:46px !important;padding-bottom:46px !important;}
html.win7-lite #proyecto .project-card{min-height:auto !important;padding:24px !important;}
html.win7-lite #proyecto .vending-stage{min-height:300px !important;}
.core-mini-stage{position:relative !important;overflow:hidden !important;background:#0b1016 !important;isolation:isolate !important;}
.core-mini-slide{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;opacity:0 !important;transform:translate3d(100%,0,0) !important;transition:
transform .72s cubic-bezier(.22,.61,.36,1),
opacity .42s ease !important;will-change:transform,opacity !important;backface-visibility:hidden !important;-webkit-backface-visibility:hidden !important;z-index:1 !important;pointer-events:none !important;background:#0b1016 !important;}
.core-mini-slide.active{opacity:1 !important;transform:translate3d(0,0,0) !important;z-index:3 !important;}
.core-mini-slide.is-outgoing{opacity:1 !important;transform:translate3d(-100%,0,0) !important;z-index:2 !important;}
.core-mini-slide.from-left{transform:translate3d(-100%,0,0) !important;}
.core-mini-slide.out-right{opacity:1 !important;transform:translate3d(100%,0,0) !important;z-index:2 !important;}
.core-mini-slide img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;opacity:1 !important;transform:scale(1.035) !important;transition:transform 5.2s ease-out !important;backface-visibility:hidden !important;-webkit-backface-visibility:hidden !important;}
.core-mini-slide.active img{transform:scale(1.07) !important;}
.core-mini-slide::marker{display:none;}
.core-mini-slide.leaving-left,
.core-mini-slide.leaving-right,
.core-mini-slide.enter-from-left,
.core-mini-slide.enter-from-right{opacity:0 !important;}
html.win7-lite .core-mini-slide{transition:
transform .45s ease,
opacity .28s ease !important;}
html.win7-lite .core-mini-slide img{transition:none !important;transform:none !important;}
@media(max-width:700px){.core-mini-slide{transition:
transform .58s cubic-bezier(.22,.61,.36,1),
opacity .34s ease !important;}
}
a[href="#nosotros"].button-secondary,
.hero-actions a[href="#nosotros"]{position:relative !important;overflow:hidden !important;color:#f7f9fb !important;background:
linear-gradient(
135deg,
rgba(54, 94, 255, .28),
rgba(114, 64, 255, .22) 45%,
rgba(23, 216, 255, .14)
) !important;border:1px solid rgba(124,156,255,.34) !important;box-shadow:
0 10px 28px rgba(37,70,180,.16),
inset 0 1px 0 rgba(255,255,255,.07) !important;transition:
transform .26s ease,
box-shadow .26s ease,
border-color .26s ease,
background .26s ease !important;}
a[href="#nosotros"].button-secondary::before,
.hero-actions a[href="#nosotros"]::before{content:"";position:absolute;top:-110%;left:-45%;width:34%;height:320%;transform:rotate(22deg);background:
linear-gradient(
90deg,
transparent,
rgba(255,255,255,.42),
transparent
) !important;transition:left .7s ease !important;pointer-events:none !important;}
a[href="#nosotros"].button-secondary:hover,
.hero-actions a[href="#nosotros"]:hover{transform:translateY(-3px) !important;background:
linear-gradient(
135deg,
rgba(73, 117, 255, .40),
rgba(136, 76, 255, .30) 48%,
rgba(31, 229, 255, .20)
) !important;border-color:rgba(144,176,255,.52) !important;box-shadow:
0 16px 34px rgba(50,80,210,.24),
0 0 24px rgba(71,122,255,.12),
inset 0 1px 0 rgba(255,255,255,.10) !important;}
a[href="#nosotros"].button-secondary:hover::before,
.hero-actions a[href="#nosotros"]:hover::before{left:125% !important;}
a[href="#nosotros"].button-secondary .button-arrow,
.hero-actions a[href="#nosotros"] .button-arrow{background:rgba(255,255,255,.10) !important;color:#dfe7ff !important;}
html.win7-lite a[href="#nosotros"].button-secondary,
html.win7-lite .hero-actions a[href="#nosotros"]{background:#24304a !important;border-color:#4b5f88 !important;box-shadow:none !important;}
html.win7-lite a[href="#nosotros"].button-secondary::before,
html.win7-lite .hero-actions a[href="#nosotros"]::before{display:none !important;}
a[href="#nosotros"].button-secondary:not([onclick*="openAbout"]){color:white !important;background:rgba(255,255,255,.05) !important;border:1px solid var(--border) !important;box-shadow:none !important;}
a[href="#nosotros"].button-secondary:not([onclick*="openAbout"])::before{display:none !important;}
.hero-actions a[onclick*="openAbout"],
a.button-secondary[onclick*="openAbout"]{position:relative !important;overflow:hidden !important;isolation:isolate !important;color:#071015 !important;border:1px solid rgba(106,255,225,.46) !important;background:
linear-gradient(
120deg,
#8fffe4 0%,
#59e8d4 38%,
#70cfff 72%,
#a0a8ff 100%
) !important;background-size:180% 180% !important;box-shadow:
0 12px 30px rgba(62,224,205,.16),
0 0 0 1px rgba(255,255,255,.05) inset,
inset 0 1px 0 rgba(255,255,255,.42) !important;transition:
transform .25s ease,
box-shadow .25s ease,
filter .25s ease !important;animation:edoolConocerGradient 7s ease-in-out infinite !important;}
.hero-actions a[onclick*="openAbout"]::before,
a.button-secondary[onclick*="openAbout"]::before{content:"" !important;display:block !important;position:absolute !important;z-index:-1 !important;top:-120% !important;left:-45% !important;width:32% !important;height:340% !important;transform:rotate(22deg) !important;background:linear-gradient(
90deg,
transparent,
rgba(255,255,255,.55),
transparent
) !important;transition:left .68s ease !important;pointer-events:none !important;}
.hero-actions a[onclick*="openAbout"]:hover,
a.button-secondary[onclick*="openAbout"]:hover{transform:translateY(-3px) !important;filter:saturate(1.08) brightness(1.04) !important;box-shadow:
0 17px 38px rgba(62,224,205,.23),
0 0 25px rgba(100,207,255,.13),
inset 0 1px 0 rgba(255,255,255,.48) !important;}
.hero-actions a[onclick*="openAbout"]:hover::before,
a.button-secondary[onclick*="openAbout"]:hover::before{left:125% !important;}
.hero-actions a[onclick*="openAbout"] .button-arrow,
a.button-secondary[onclick*="openAbout"] .button-arrow{color:#071015 !important;background:rgba(7,16,21,.11) !important;}
@keyframes edoolConocerGradient{0%,100%{background-position:0% 50%}
50%{background-position:100% 50%}
}
html.win7-lite .hero-actions a[onclick*="openAbout"],
html.win7-lite a.button-secondary[onclick*="openAbout"]{background:#66d8ce !important;animation:none !important;box-shadow:none !important;}
html.win7-lite .hero-actions a[onclick*="openAbout"]::before,
html.win7-lite a.button-secondary[onclick*="openAbout"]::before{display:none !important;}
.hero-actions a[href="#nosotros"],
.hero-actions .button-secondary{color:#071015 !important;background:
linear-gradient(
135deg,
#9fffdc 0%,
#63e6c6 40%,
#56c8ff 72%,
#8c8cff 100%
) !important;border:1px solid rgba(145,255,224,.55) !important;box-shadow:
0 14px 34px rgba(73,210,190,.18),
0 0 24px rgba(86,200,255,.10),
inset 0 1px 0 rgba(255,255,255,.42) !important;font-weight:800 !important;text-shadow:none !important;}
.hero-actions a[href="#nosotros"] .button-arrow,
.hero-actions .button-secondary .button-arrow{color:#071015 !important;background:rgba(7,16,21,.12) !important;}
.hero-actions a[href="#nosotros"]:hover,
.hero-actions .button-secondary:hover{transform:translateY(-3px) !important;background:
linear-gradient(
135deg,
#b8ffe9 0%,
#75efd3 38%,
#6bd3ff 72%,
#a0a0ff 100%
) !important;border-color:rgba(170,255,235,.72) !important;box-shadow:
0 18px 42px rgba(73,210,190,.26),
0 0 30px rgba(86,200,255,.14),
inset 0 1px 0 rgba(255,255,255,.52) !important;}
html.win7-lite .hero-actions a[href="#nosotros"],
html.win7-lite .hero-actions .button-secondary{color:#061116 !important;background:#68d8c7 !important;border-color:#8df0df !important;box-shadow:none !important;}
.hero h1,
#inicio h1{position:relative !important;max-width:900px !important;margin-bottom:24px !important;font-weight:760 !important;letter-spacing:-0.065em !important;line-height:.90 !important;color:#f7f9fb !important;background:none !important;-webkit-background-clip:initial !important;background-clip:initial !important;filter:none !important;text-shadow:none !important;animation:none !important;}
.hero h1,
#inicio h1{text-wrap:balance !important;}
.hero h1 .muted-line,
#inicio h1 .muted-line{display:block !important;margin-top:6px !important;color:#7d8792 !important;font-weight:640 !important;letter-spacing:-0.055em !important;}
.hero h1::after,
#inicio h1::after{content:"" !important;position:absolute !important;left:2px !important;bottom:-16px !important;width:112px !important;height:2px !important;border-radius:999px !important;background:
linear-gradient(
90deg,
#dfff43 0%,
rgba(223,255,67,.42) 56%,
transparent 100%
) !important;box-shadow:none !important;animation:none !important;transform:none !important;}
.hero h1 .muted-line::after,
#inicio h1 .muted-line::after{content:"" !important;display:inline-block !important;width:8px !important;height:8px !important;margin-left:12px !important;border-radius:50% !important;vertical-align:middle !important;background:#dfff43 !important;box-shadow:0 0 12px rgba(223,255,67,.34) !important;}
@media(max-width:1024px){.hero h1,
#inicio h1{max-width:760px !important;letter-spacing:-0.055em !important;}
.hero h1::after,
#inicio h1::after{width:94px !important;}
}
@media(max-width:700px){.hero h1,
#inicio h1{line-height:.94 !important;letter-spacing:-0.045em !important;margin-bottom:22px !important;}
.hero h1 .muted-line,
#inicio h1 .muted-line{margin-top:4px !important;}
.hero h1::after,
#inicio h1::after{bottom:-11px !important;width:78px !important;}
.hero h1 .muted-line::after,
#inicio h1 .muted-line::after{width:6px !important;height:6px !important;margin-left:8px !important;}
}
html.win7-lite .hero h1 .muted-line::after,
html.win7-lite #inicio h1 .muted-line::after{box-shadow:none !important;}
#inicio .eyebrow,
.hero .eyebrow{min-height:34px !important;margin-bottom:20px !important;padding:7px 13px 7px 10px !important;display:inline-flex !important;align-items:center !important;gap:11px !important;color:#cbd2da !important;font-size:13px !important;line-height:1.2 !important;font-weight:800 !important;letter-spacing:.145em !important;text-transform:uppercase !important;border:1px solid rgba(255,255,255,.09) !important;border-radius:999px !important;background:
linear-gradient(
180deg,
rgba(255,255,255,.045),
rgba(255,255,255,.018)
) !important;box-shadow:
inset 0 1px 0 rgba(255,255,255,.035),
0 8px 24px rgba(0,0,0,.12) !important;}
#inicio .eyebrow .eyebrow-dot,
.hero .eyebrow .eyebrow-dot{width:8px !important;height:8px !important;flex:0 0 8px !important;background:#35d9ff !important;box-shadow:0 0 8px rgba(53,217,255,.95),0 0 18px rgba(53,217,255,.55) !important;}
@media(max-width:1024px){#inicio .eyebrow,
.hero .eyebrow{font-size:12px !important;letter-spacing:.13em !important;padding:7px 12px 7px 9px !important;}
}
@media(max-width:700px){#inicio .eyebrow,
.hero .eyebrow{width:auto !important;max-width:100% !important;min-height:31px !important;margin-bottom:16px !important;padding:6px 10px 6px 8px !important;gap:8px !important;font-size:10px !important;letter-spacing:.095em !important;line-height:1.35 !important;}
#inicio .eyebrow .eyebrow-dot,
.hero .eyebrow .eyebrow-dot{width:7px !important;height:7px !important;flex-basis:7px !important;}
}
html.win7-lite #inicio .eyebrow,
html.win7-lite .hero .eyebrow{background:#0e1319 !important;box-shadow:none !important;}
html.win7-lite #inicio .eyebrow .eyebrow-dot,
html.win7-lite .hero .eyebrow .eyebrow-dot{box-shadow:none !important;}
#capacidades,
#proyecto,
#galeria,
#nosotros,
#contacto,
.edool-social-three-row,
.edool-build-strip,
.edool-seo-specialties{content-visibility:auto;contain-intrinsic-size:1px 720px;}
#inicio,
.hero,
.hero-inner,
.hero-copy,
.hero-visual{content-visibility:visible !important;}
img{max-width:100%;}
#coreMiniCarousel .core-mini-slide:first-child,
#coreMiniCarousel .core-mini-slide:first-child img{content-visibility:visible !important;}
html.edool-initial-render .visual-ring,
html.edool-initial-render .floating-chip,
html.edool-initial-render body::before,
html.edool-initial-render body::after{animation-play-state:paused !important;}
html.win7-lite #capacidades,
html.win7-lite #proyecto,
html.win7-lite #galeria,
html.win7-lite #nosotros,
html.win7-lite #contacto{contain:layout paint !important;}
img{content-visibility:auto;}
#capacidades,
#proyecto,
#galeria,
#nosotros,
#contacto,
.edool-social-three-row,
.edool-build-strip,
.edool-seo-specialties{content-visibility:auto;contain-intrinsic-size:1px 650px;}
.capability,
.project-card,
.gallery-wrap,
.contact-box,
.edool-cults-card,
.edool-facebook-card,
.edool-tiktok-card{contain:layout paint;}
html.edool-tier-medium body::before,
html.edool-tier-medium body::after{filter:blur(18px) !important;opacity:.55 !important;}
html.edool-tier-medium .nav-shell,
html.edool-tier-medium .mobile-menu,
html.edool-tier-medium .tech-core,
html.edool-tier-medium .admin-modal,
html.edool-tier-medium .admin-card{-webkit-backdrop-filter:blur(10px) !important;backdrop-filter:blur(10px) !important;}
html.edool-tier-medium .floating-chip,
html.edool-tier-medium .visual-ring,
html.edool-tier-medium .vending-glow{animation-duration:10s !important;}
html.edool-tier-medium .capability,
html.edool-tier-medium .project-card,
html.edool-tier-medium .gallery-wrap{box-shadow:0 14px 35px rgba(0,0,0,.20) !important;}
html.edool-tier-low *,
html.edool-tier-low *::before,
html.edool-tier-low *::after{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;text-shadow:none !important;}
html.edool-tier-low{scroll-behavior:auto !important;}
html.edool-tier-low body{background:#07090d !important;}
html.edool-tier-low body::before,
html.edool-tier-low body::after,
html.edool-tier-low .site-background,
html.edool-tier-low .noise,
html.edool-tier-low .grid-bg,
html.edool-tier-low .visual-ring,
html.edool-tier-low .orbit-dot,
html.edool-tier-low .floating-chip,
html.edool-tier-low .vending-glow,
html.edool-tier-low section::before,
html.edool-tier-low .capability::after,
html.edool-tier-low .contact-box::after,
html.edool-tier-low .core-logo::before{display:none !important;}
html.edool-tier-low .nav-shell,
html.edool-tier-low .mobile-menu,
html.edool-tier-low .tech-core,
html.edool-tier-low .capability,
html.edool-tier-low .project-card,
html.edool-tier-low .gallery-wrap,
html.edool-tier-low .contact-box,
html.edool-tier-low .admin-card,
html.edool-tier-low .admin-modal,
html.edool-tier-low .desktop-nav,
html.edool-tier-low .edool-cults-card,
html.edool-tier-low .edool-facebook-card,
html.edool-tier-low .edool-tiktok-card{background-image:none !important;background-color:#10141a !important;box-shadow:none !important;}
html.edool-tier-low .tech-core,
html.edool-tier-low .vending,
html.edool-tier-low .capability,
html.edool-tier-low .project-card,
html.edool-tier-low .button,
html.edool-tier-low .nav-contact,
html.edool-tier-low .gallery-wrap{transform:none !important;}
html.edool-tier-low .reveal,
html.edool-tier-low .reveal.visible{opacity:1 !important;transform:none !important;transition:none !important;}
html.edool-tier-low .core-mini-slide{transition:opacity .22s linear !important;transform:none !important;}
html.edool-tier-low .core-mini-slide.active{transform:none !important;}
html.edool-tier-low .core-mini-slide.is-outgoing,
html.edool-tier-low .core-mini-slide.out-right,
html.edool-tier-low .core-mini-slide.from-left{transform:none !important;}
html.edool-tier-low .core-mini-slide img{transform:none !important;transition:none !important;}
html.edool-tier-low .hero h1,
html.edool-tier-low #inicio h1,
html.edool-tier-low .hero h1::after,
html.edool-tier-low #inicio h1::after,
html.edool-tier-low .hero h1 .muted-line::after,
html.edool-tier-low #inicio h1 .muted-line::after{animation:none !important;filter:none !important;box-shadow:none !important;}
html.edool-tier-low .marquee{animation:none !important;transform:none !important;width:100% !important;}
html.edool-tier-low .marquee-group:nth-child(2){display:none !important;}
html.edool-tier-low .marquee-group{width:100% !important;justify-content:center !important;flex-wrap:wrap !important;}
html.edool-tier-low .capability:hover,
html.edool-tier-low .project-card:hover,
html.edool-tier-low .button:hover,
html.edool-tier-low .nav-contact:hover,
html.edool-tier-low .contact-link:hover,
html.edool-tier-low .edool-social-clickable:hover{transform:none !important;box-shadow:none !important;}
html.edool-old-windows header{position:absolute !important;}
html.edool-old-windows .hero-visual{min-height:340px !important;}
html.edool-old-windows .tech-core{perspective:none !important;}
html.edool-old-windows .edool-social-three-row{margin-top:20px !important;margin-bottom:24px !important;}
html.edool-reduced-motion *,
html.edool-reduced-motion *::before,
html.edool-reduced-motion *::after{animation:none !important;transition-duration:.001ms !important;}
html.edool-tab-hidden *,
html.edool-tab-hidden *::before,
html.edool-tab-hidden *::after{animation-play-state:paused !important;}
#coreMiniCarousel .core-mini-stage{position:relative !important;overflow:hidden !important;background:#0b1016 !important;contain:layout paint !important;}
#coreMiniCarousel .core-mini-slide{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;opacity:0 !important;pointer-events:none !important;z-index:1 !important;}
#coreMiniCarousel .core-mini-slide:first-child{opacity:1 !important;z-index:3 !important;}
#coreMiniCarousel.js-ready .core-mini-slide:first-child{opacity:0 !important;}
#coreMiniCarousel.js-ready .core-mini-slide.active{opacity:1 !important;z-index:4 !important;}
#coreMiniCarousel .core-mini-slide img{display:block !important;width:100% !important;height:100% !important;object-fit:cover !important;aspect-ratio:640/420 !important;transform:none !important;filter:none !important;backface-visibility:hidden !important;}
html.edool-tier-high #coreMiniCarousel.js-ready .core-mini-slide,
html.edool-tier-medium #coreMiniCarousel.js-ready .core-mini-slide{transition:opacity .42s ease !important;}
html.edool-tier-low #coreMiniCarousel .core-mini-slide,
html.edool-old-windows #coreMiniCarousel .core-mini-slide{transition:none !important;transform:none !important;}
#coreMiniCarousel .core-mini-dot{transition:background .18s ease,width .18s ease !important;}
html.edool-tier-low #coreMiniCarousel img,
html.edool-old-windows #coreMiniCarousel img{transition:none !important;animation:none !important;}
html:not(.edool-tier-low):not(.edool-old-windows)
#coreMiniCarousel.js-ready .core-mini-slide{transition:
opacity 1.35s cubic-bezier(0.16, 1, 0.30, 1) !important;}
html:not(.edool-tier-low):not(.edool-old-windows)
#coreMiniCarousel .core-mini-slide img{transform:scale(1.025) !important;transition:
transform 5.8s cubic-bezier(0.16, 1, 0.30, 1) !important;}
html:not(.edool-tier-low):not(.edool-old-windows)
#coreMiniCarousel .core-mini-slide.active img{transform:scale(1.065) !important;}
html.edool-tier-low #coreMiniCarousel.js-ready .core-mini-slide,
html.edool-old-windows #coreMiniCarousel.js-ready .core-mini-slide{transition:
opacity .85s ease-out !important;}
html.edool-tier-low #coreMiniCarousel .core-mini-slide img,
html.edool-old-windows #coreMiniCarousel .core-mini-slide img{transform:none !important;transition:none !important;}
#coreMiniCarousel .core-mini-slide{transform:translate3d(100%,0,0) !important;opacity:1 !important;z-index:1 !important;}
#coreMiniCarousel .core-mini-slide:first-child{transform:translate3d(0,0,0) !important;z-index:3 !important;}
#coreMiniCarousel.js-ready .core-mini-slide{transform:translate3d(100%,0,0) !important;opacity:1 !important;}
#coreMiniCarousel.js-ready .core-mini-slide.active{transform:translate3d(0,0,0) !important;z-index:4 !important;}
#coreMiniCarousel.js-ready .core-mini-slide.slide-out-left{transform:translate3d(-100%,0,0) !important;z-index:3 !important;}
html:not(.edool-tier-low):not(.edool-old-windows)
#coreMiniCarousel.js-ready .core-mini-slide{transition:
transform 1.45s cubic-bezier(0.16, 1, 0.30, 1) !important;}
html:not(.edool-tier-low):not(.edool-old-windows)
#coreMiniCarousel .core-mini-slide img{transform:none !important;transition:none !important;}
html.edool-tier-low #coreMiniCarousel.js-ready .core-mini-slide,
html.edool-old-windows #coreMiniCarousel.js-ready .core-mini-slide{transition:
transform .85s ease-out !important;}
#coreMiniCarousel .core-mini-stage{position:relative !important;overflow:hidden !important;background:#0b1016 !important;}
#coreMiniCarousel .core-mini-slide{position:absolute !important;inset:-1px !important;width:calc(100% + 2px) !important;height:calc(100% + 2px) !important;opacity:1 !important;transform:translate3d(101%,0,0) !important;z-index:1 !important;background:#0b1016 !important;}
#coreMiniCarousel .core-mini-slide:first-child{transform:translate3d(0,0,0) !important;z-index:3 !important;}
#coreMiniCarousel.js-ready .core-mini-slide.active{transform:translate3d(0,0,0) !important;z-index:4 !important;}
#coreMiniCarousel.js-ready .core-mini-slide.slide-behind{transform:translate3d(-4%,0,0) !important;z-index:2 !important;}
#coreMiniCarousel.js-ready .core-mini-slide.slide-enter{transform:translate3d(101%,0,0) !important;z-index:5 !important;}
#coreMiniCarousel.js-ready .core-mini-slide.slide-enter.active{transform:translate3d(0,0,0) !important;z-index:5 !important;}
html:not(.edool-tier-low):not(.edool-old-windows)
#coreMiniCarousel.js-ready .core-mini-slide{transition:
transform 1.55s cubic-bezier(0.16, 1, 0.30, 1) !important;}
#coreMiniCarousel .core-mini-slide img{width:100.4% !important;height:100.4% !important;margin:-0.2% !important;object-fit:cover !important;display:block !important;}
html.edool-tier-low #coreMiniCarousel.js-ready .core-mini-slide,
html.edool-old-windows #coreMiniCarousel.js-ready .core-mini-slide{transition:
transform .9s ease-out !important;}
#coreMiniCarousel .core-mini-stage{position:relative !important;overflow:hidden !important;background:#0b1016 !important;}
#coreMiniCarousel .core-mini-track{position:absolute !important;inset:0 !important;display:flex !important;width:auto !important;height:100% !important;transform:translate3d(0,0,0);will-change:transform;}
#coreMiniCarousel .core-mini-track .core-mini-slide{position:relative !important;inset:auto !important;flex:0 0 100% !important;width:100% !important;height:100% !important;opacity:1 !important;transform:none !important;z-index:auto !important;pointer-events:none !important;background:#0b1016 !important;}
#coreMiniCarousel .core-mini-track .core-mini-slide img{width:100% !important;height:100% !important;margin:0 !important;object-fit:cover !important;display:block !important;transform:none !important;transition:none !important;}
html:not(.edool-tier-low):not(.edool-old-windows)
#coreMiniCarousel .core-mini-track{transition:
transform 1.65s cubic-bezier(0.16, 1, 0.30, 1) !important;}
html.edool-tier-low #coreMiniCarousel .core-mini-track,
html.edool-old-windows #coreMiniCarousel .core-mini-track{transition:
transform .95s ease-out !important;}
#coreMiniCarousel .core-mini-slide.active,
#coreMiniCarousel .core-mini-slide.slide-behind,
#coreMiniCarousel .core-mini-slide.slide-enter,
#coreMiniCarousel .core-mini-slide.slide-out-left{opacity:1 !important;transform:none !important;}
#coreMiniCarousel .core-mini-dot{transition:width .20s ease, background .20s ease !important;}
#coreMiniCarousel .core-mini-stage{position:relative !important;overflow:hidden !important;background:#0b1016 !important;}
#coreMiniCarousel .core-mini-track-12121{position:absolute !important;inset:0 !important;display:flex !important;width:auto !important;height:100% !important;transform:translate3d(0,0,0);will-change:transform;}
#coreMiniCarousel .core-mini-track-12121 .core-mini-slide{position:relative !important;inset:auto !important;flex:0 0 100% !important;width:100% !important;height:100% !important;opacity:1 !important;transform:none !important;z-index:auto !important;pointer-events:none !important;}
#coreMiniCarousel .core-mini-track-12121 .core-mini-slide img{display:block !important;width:100% !important;height:100% !important;object-fit:cover !important;transform:none !important;transition:none !important;}
html:not(.edool-tier-low):not(.edool-old-windows)
#coreMiniCarousel .core-mini-track-12121{transition:transform 1.70s cubic-bezier(0.16,1,0.30,1) !important;}
html.edool-tier-low #coreMiniCarousel .core-mini-track-12121,
html.edool-old-windows #coreMiniCarousel .core-mini-track-12121{transition:transform .95s ease-out !important;}
#coreMiniCarousel .core-mini-stage{position:relative !important;overflow:hidden !important;background:#0b1016 !important;}
#coreMiniCarousel .core-mini-track-perfect{position:absolute !important;inset:0 !important;display:flex !important;width:100% !important;height:100% !important;transform:translate3d(0,0,0);will-change:transform;}
#coreMiniCarousel .core-mini-track-perfect .core-mini-slide{position:relative !important;inset:auto !important;flex:0 0 100% !important;width:100% !important;height:100% !important;opacity:1 !important;transform:none !important;z-index:auto !important;pointer-events:none !important;background:#0b1016 !important;}
#coreMiniCarousel .core-mini-track-perfect .core-mini-slide img{display:block !important;width:100% !important;height:100% !important;object-fit:cover !important;transform:none !important;transition:none !important;}
html:not(.edool-tier-low):not(.edool-old-windows)
#coreMiniCarousel .core-mini-track-perfect.is-moving{transition:transform 1.65s cubic-bezier(0.16,1,0.30,1) !important;}
#coreMiniCarousel .core-mini-track-perfect.no-transition{transition:none !important;}
html.edool-tier-low #coreMiniCarousel .core-mini-track-perfect.is-moving,
html.edool-old-windows #coreMiniCarousel .core-mini-track-perfect.is-moving{transition:transform .95s ease-out !important;}
#coreMiniCarousel .core-mini-dot{transition:width .2s ease, background .2s ease !important;}
#coreMiniCarousel .core-mini-slide .core-mini-overlay{display:none !important;}
#coreMiniCarousel{position:relative !important;}
#coreMiniCarousel .core-mini-stage{position:relative !important;z-index:1 !important;}
#coreMiniCarousel .core-mini-overlay-fixed{display:flex !important;position:absolute !important;left:18px !important;right:18px !important;bottom:18px !important;z-index:50 !important;flex-direction:column !important;align-items:flex-start !important;gap:3px !important;pointer-events:none !important;opacity:1 !important;visibility:visible !important;transform:none !important;color:#fff !important;}
#coreMiniCarousel .core-mini-overlay-fixed span{display:block !important;color:rgba(255,255,255,.72) !important;font-size:9px !important;font-weight:800 !important;letter-spacing:.18em !important;line-height:1.2 !important;text-transform:uppercase !important;}
#coreMiniCarousel .core-mini-overlay-fixed strong{display:block !important;margin-top:2px !important;color:#fff !important;font-size:20px !important;font-weight:850 !important;line-height:1 !important;letter-spacing:-.035em !important;text-shadow:0 2px 14px rgba(0,0,0,.45) !important;}
#coreMiniCarousel .core-mini-indicators{position:absolute !important;z-index:60 !important;}
html.edool-old-windows #coreMiniCarousel .core-mini-overlay-fixed strong,
html.edool-tier-low #coreMiniCarousel .core-mini-overlay-fixed strong{text-shadow:none !important;}
#coreMiniCarousel,
#coreMiniCarousel .core-mini-stage,
#coreMiniCarousel .core-mini-track-perfect,
#coreMiniCarousel .core-mini-track-perfect .core-mini-slide,
#coreMiniCarousel .core-mini-track-perfect .core-mini-slide::before,
#coreMiniCarousel .core-mini-track-perfect .core-mini-slide::after{box-shadow:none !important;filter:none !important;}
#coreMiniCarousel .core-mini-slide::after{background:
linear-gradient(
to top,
rgba(5,8,12,.48) 0%,
rgba(5,8,12,.16) 32%,
transparent 62%
) !important;}
#coreMiniCarousel .core-mini-overlay-fixed{left:18px !important;right:18px !important;bottom:16px !important;z-index:50 !important;gap:4px !important;}
#coreMiniCarousel .core-mini-overlay-fixed span{color:#b9ff5a !important;font-size:9px !important;font-weight:850 !important;letter-spacing:.18em !important;text-shadow:none !important;}
#coreMiniCarousel .core-mini-overlay-fixed strong{color:#ffffff !important;font-size:21px !important;font-weight:850 !important;letter-spacing:-.03em !important;text-shadow:none !important;}
#coreMiniCarousel .core-mini-overlay-fixed::before{content:"" !important;width:42px !important;height:2px !important;border-radius:999px !important;margin-bottom:3px !important;background:
linear-gradient(
90deg,
#dfff43,
rgba(223,255,67,.18)
) !important;}
#coreMiniCarousel{padding-bottom:34px !important;}
#coreMiniCarousel .core-mini-indicators{position:absolute !important;left:50% !important;bottom:7px !important;transform:translateX(-50%) !important;z-index:70 !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:9px !important;padding:0 !important;margin:0 !important;}
#coreMiniCarousel .core-mini-dot{width:10px !important;height:10px !important;min-width:10px !important;min-height:10px !important;max-width:10px !important;max-height:10px !important;padding:0 !important;border-radius:50% !important;border:1px solid rgba(255,255,255,.22) !important;background:rgba(255,255,255,.14) !important;box-shadow:none !important;transform:none !important;transition:
background .22s ease,
border-color .22s ease,
transform .22s ease !important;}
#coreMiniCarousel .core-mini-dot.active{width:10px !important;background:#dfff43 !important;border-color:#dfff43 !important;box-shadow:0 0 12px rgba(223,255,67,.24) !important;transform:scale(1.08) !important;}
#coreMiniCarousel .core-mini-dot:hover{border-color:rgba(223,255,67,.52) !important;}
html.edool-tier-low #coreMiniCarousel .core-mini-dot.active,
html.edool-old-windows #coreMiniCarousel .core-mini-dot.active{box-shadow:none !important;}
@media(max-width:700px){#coreMiniCarousel{padding-bottom:30px !important;}
#coreMiniCarousel .core-mini-overlay-fixed{left:14px !important;bottom:13px !important;}
#coreMiniCarousel .core-mini-overlay-fixed strong{font-size:18px !important;}
#coreMiniCarousel .core-mini-indicators{bottom:5px !important;gap:8px !important;}
#coreMiniCarousel .core-mini-dot,
#coreMiniCarousel .core-mini-dot.active{width:9px !important;height:9px !important;min-width:9px !important;min-height:9px !important;max-width:9px !important;max-height:9px !important;}
}
#coreMiniCarousel,
#coreMiniCarousel::before,
#coreMiniCarousel::after,
#coreMiniCarousel .core-mini-stage,
#coreMiniCarousel .core-mini-stage::before,
#coreMiniCarousel .core-mini-stage::after,
#coreMiniCarousel .core-mini-track-perfect,
#coreMiniCarousel .core-mini-track-perfect::before,
#coreMiniCarousel .core-mini-track-perfect::after,
#coreMiniCarousel .core-mini-slide,
#coreMiniCarousel .core-mini-slide::before,
#coreMiniCarousel .core-mini-slide::after,
#coreMiniCarousel .core-mini-slide img{box-shadow:none !important;filter:none !important;text-shadow:none !important;}
#coreMiniCarousel .core-mini-slide::before,
#coreMiniCarousel .core-mini-slide::after{content:none !important;display:none !important;background:none !important;}
#coreMiniCarousel,
#coreMiniCarousel .core-mini-stage,
#coreMiniCarousel .core-mini-track-perfect,
#coreMiniCarousel .core-mini-slide{background:#0b1016 !important;}
#coreMiniCarousel .core-mini-slide img{width:100% !important;height:100% !important;margin:0 !important;border:0 !important;outline:0 !important;object-fit:cover !important;}
#coreMiniCarousel{background:transparent !important;box-shadow:none !important;border-bottom:0 !important;}
#coreMiniCarousel .core-mini-indicators,
#coreMiniCarousel .core-mini-indicators::before,
#coreMiniCarousel .core-mini-indicators::after{background:transparent !important;box-shadow:none !important;filter:none !important;}
#coreMiniCarousel{padding-bottom:30px !important;}
#coreMiniCarousel .core-mini-overlay-fixed,
#coreMiniCarousel .core-mini-overlay-fixed span,
#coreMiniCarousel .core-mini-overlay-fixed strong,
#coreMiniCarousel .core-mini-overlay-fixed::before{box-shadow:none !important;text-shadow:none !important;filter:none !important;}
.tech-core #coreMiniCarousel{box-shadow:none !important;}
#coreMiniCarousel .core-mini-track-perfect{backface-visibility:hidden !important;-webkit-backface-visibility:hidden !important;transform-style:flat !important;}
#coreMiniCarousel .core-mini-track-perfect .core-mini-slide{backface-visibility:hidden !important;-webkit-backface-visibility:hidden !important;}
html.edool-old-windows #coreMiniCarousel,
html.edool-tier-low #coreMiniCarousel{background:transparent !important;}
#coreMiniCarousel .core-mini-overlay-fixed{bottom:26px !important;}
@media(max-width:700px){#coreMiniCarousel .core-mini-overlay-fixed{bottom:22px !important;}
}
#coreMiniCarousel .core-mini-overlay-fixed{bottom:34px !important;}
@media(max-width:700px){#coreMiniCarousel .core-mini-overlay-fixed{bottom:29px !important;}
}
#coreMiniCarousel .core-mini-stage::after{content:"" !important;display:block !important;position:absolute !important;left:0 !important;right:0 !important;bottom:0 !important;height:25% !important;z-index:20 !important;pointer-events:none !important;background:linear-gradient(
to top,
rgba(0,0,0,.24) 0%,
rgba(0,0,0,.10) 38%,
rgba(0,0,0,0) 100%
) !important;box-shadow:none !important;filter:none !important;}
#coreMiniCarousel .core-mini-overlay-fixed{z-index:50 !important;}
#coreMiniCarousel .core-mini-overlay-fixed{left:18px !important;right:auto !important;bottom:34px !important;width:auto !important;max-width:78% !important;padding:10px 14px 11px !important;gap:4px !important;border-radius:14px !important;border:1px solid rgba(255,255,255,.16) !important;background:
linear-gradient(
145deg,
rgba(7,10,14,.78),
rgba(10,15,20,.58)
) !important;-webkit-backdrop-filter:blur(10px) saturate(1.1) !important;backdrop-filter:blur(10px) saturate(1.1) !important;box-shadow:
0 10px 26px rgba(0,0,0,.22),
inset 0 1px 0 rgba(255,255,255,.06) !important;overflow:hidden !important;}
#coreMiniCarousel .core-mini-overlay-fixed::before{content:"" !important;position:absolute !important;left:0 !important;top:8px !important;bottom:8px !important;width:3px !important;height:auto !important;margin:0 !important;border-radius:999px !important;background:
linear-gradient(
180deg,
#dfff43,
#7effb7
) !important;}
#coreMiniCarousel .core-mini-overlay-fixed::after{content:"" !important;position:absolute !important;top:-34px !important;right:-34px !important;width:80px !important;height:80px !important;border-radius:50% !important;background:rgba(223,255,67,.10) !important;filter:blur(24px) !important;pointer-events:none !important;}
#coreMiniCarousel .core-mini-overlay-fixed span{color:#dfff43 !important;font-size:9px !important;font-weight:900 !important;letter-spacing:.16em !important;line-height:1.2 !important;text-shadow:0 1px 2px rgba(0,0,0,.35) !important;}
#coreMiniCarousel .core-mini-overlay-fixed strong{color:#ffffff !important;font-size:20px !important;font-weight:900 !important;letter-spacing:-.03em !important;line-height:1 !important;text-shadow:
0 1px 2px rgba(0,0,0,.50),
0 4px 14px rgba(0,0,0,.24) !important;}
@media(max-width:700px){#coreMiniCarousel .core-mini-overlay-fixed{left:13px !important;bottom:29px !important;max-width:82% !important;padding:9px 12px 10px !important;border-radius:12px !important;}
#coreMiniCarousel .core-mini-overlay-fixed strong{font-size:18px !important;}
}
html.edool-tier-low #coreMiniCarousel .core-mini-overlay-fixed,
html.edool-old-windows #coreMiniCarousel .core-mini-overlay-fixed{background:rgba(8,11,15,.90) !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;box-shadow:none !important;}
html.edool-tier-low #coreMiniCarousel .core-mini-overlay-fixed::after,
html.edool-old-windows #coreMiniCarousel .core-mini-overlay-fixed::after{display:none !important;}
#coreMiniCarousel{position:relative !important;border-radius:26px !important;overflow:visible !important;}
#coreMiniCarousel .core-mini-stage{border-radius:24px !important;overflow:hidden !important;border:1px solid rgba(255,255,255,.12) !important;box-shadow:
0 24px 54px rgba(0,0,0,.24),
inset 0 1px 0 rgba(255,255,255,.05) !important;}
#coreMiniCarousel::before{content:"" !important;position:absolute !important;inset:-10px !important;z-index:-1 !important;pointer-events:none !important;border-radius:30px !important;background:
radial-gradient(
circle at 18% 22%,
rgba(223,255,67,.08),
transparent 34%
),
radial-gradient(
circle at 82% 78%,
rgba(76,151,255,.07),
transparent 34%
) !important;filter:blur(16px) !important;}
#coreMiniCarousel .core-mini-stage::before{content:"" !important;display:block !important;position:absolute !important;inset:8px !important;z-index:25 !important;pointer-events:none !important;border:1px solid rgba(255,255,255,.07) !important;border-radius:17px !important;background:none !important;box-shadow:none !important;}
#coreMiniCarousel .core-mini-stage::after{content:"" !important;display:block !important;position:absolute !important;left:10% !important;right:10% !important;top:0 !important;height:1px !important;z-index:26 !important;pointer-events:none !important;background:
linear-gradient(
90deg,
transparent,
rgba(255,255,255,.26),
transparent
) !important;}
#coreMiniCarousel .core-mini-slide img{border-radius:0 !important;filter:saturate(1.04) contrast(1.02) !important;}
#coreMiniCarousel .core-mini-overlay-fixed{left:18px !important;bottom:34px !important;min-width:150px !important;max-width:76% !important;padding:10px 14px 11px 15px !important;border-radius:14px !important;border:1px solid rgba(255,255,255,.16) !important;background:
linear-gradient(
145deg,
rgba(8,12,16,.86),
rgba(10,15,21,.67)
) !important;-webkit-backdrop-filter:blur(10px) saturate(1.1) !important;backdrop-filter:blur(10px) saturate(1.1) !important;box-shadow:
0 12px 30px rgba(0,0,0,.20),
inset 0 1px 0 rgba(255,255,255,.06) !important;}
#coreMiniCarousel .core-mini-overlay-fixed::before{content:"" !important;position:absolute !important;left:0 !important;top:9px !important;bottom:9px !important;width:3px !important;height:auto !important;margin:0 !important;border-radius:999px !important;background:
linear-gradient(
180deg,
#dfff43,
#6effb2
) !important;}
#coreMiniCarousel .core-mini-overlay-fixed::after{content:"" !important;position:absolute !important;right:-16px !important;top:-16px !important;width:54px !important;height:54px !important;border-radius:50% !important;background:rgba(223,255,67,.08) !important;filter:blur(18px) !important;}
#coreMiniCarousel .core-mini-overlay-fixed span{color:#dfff43 !important;font-size:8.5px !important;font-weight:900 !important;letter-spacing:.17em !important;text-transform:uppercase !important;}
#coreMiniCarousel .core-mini-overlay-fixed strong{color:#ffffff !important;font-size:20px !important;font-weight:900 !important;letter-spacing:-.03em !important;}
#coreMiniCarousel{padding-bottom:34px !important;}
#coreMiniCarousel .core-mini-indicators{bottom:4px !important;padding:5px 9px !important;gap:8px !important;border-radius:999px !important;border:1px solid rgba(255,255,255,.08) !important;background:rgba(10,14,18,.68) !important;-webkit-backdrop-filter:blur(8px) !important;backdrop-filter:blur(8px) !important;box-shadow:
0 8px 20px rgba(0,0,0,.15),
inset 0 1px 0 rgba(255,255,255,.04) !important;}
#coreMiniCarousel .core-mini-dot,
#coreMiniCarousel .core-mini-dot.active{width:8px !important;height:8px !important;min-width:8px !important;min-height:8px !important;max-width:8px !important;max-height:8px !important;border-radius:50% !important;}
#coreMiniCarousel .core-mini-dot{border:1px solid rgba(255,255,255,.18) !important;background:rgba(255,255,255,.14) !important;}
#coreMiniCarousel .core-mini-dot.active{border-color:#dfff43 !important;background:#dfff43 !important;box-shadow:0 0 10px rgba(223,255,67,.25) !important;}
@media(max-width:700px){#coreMiniCarousel{padding-bottom:31px !important;}
#coreMiniCarousel .core-mini-stage{border-radius:20px !important;}
#coreMiniCarousel .core-mini-overlay-fixed{left:13px !important;bottom:29px !important;min-width:135px !important;max-width:80% !important;padding:9px 12px 10px 13px !important;border-radius:12px !important;}
#coreMiniCarousel .core-mini-overlay-fixed strong{font-size:18px !important;}
#coreMiniCarousel .core-mini-indicators{bottom:3px !important;padding:4px 8px !important;}
}
html.edool-tier-low #coreMiniCarousel::before,
html.edool-old-windows #coreMiniCarousel::before{display:none !important;}
html.edool-tier-low #coreMiniCarousel .core-mini-stage,
html.edool-old-windows #coreMiniCarousel .core-mini-stage{box-shadow:none !important;}
html.edool-tier-low #coreMiniCarousel .core-mini-overlay-fixed,
html.edool-old-windows #coreMiniCarousel .core-mini-overlay-fixed,
html.edool-tier-low #coreMiniCarousel .core-mini-indicators,
html.edool-old-windows #coreMiniCarousel .core-mini-indicators{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;box-shadow:none !important;background:rgba(8,12,16,.92) !important;}
html.edool-tier-low #coreMiniCarousel .core-mini-overlay-fixed::after,
html.edool-old-windows #coreMiniCarousel .core-mini-overlay-fixed::after{display:none !important;}
.tech-core .core-data:nth-child(1) strong{color:#dfff43 !important;}
.tech-core .core-data:nth-child(2) strong{color:#55c8ff !important;}
.tech-core .core-data:nth-child(3) strong{color:#ffb84d !important;}
html:not(.edool-tier-low):not(.edool-old-windows)
.tech-core .core-data:nth-child(1) strong{text-shadow:0 0 12px rgba(223,255,67,.20) !important;}
html:not(.edool-tier-low):not(.edool-old-windows)
.tech-core .core-data:nth-child(2) strong{text-shadow:0 0 12px rgba(85,200,255,.18) !important;}
html:not(.edool-tier-low):not(.edool-old-windows)
.tech-core .core-data:nth-child(3) strong{text-shadow:0 0 12px rgba(255,184,77,.18) !important;}
#coreMiniCarousel .core-mini-overlay-fixed{background:
linear-gradient(
145deg,
rgba(8,12,16,.46),
rgba(10,15,21,.30)
) !important;border-color:rgba(255,255,255,.13) !important;-webkit-backdrop-filter:blur(5px) saturate(1.05) !important;backdrop-filter:blur(5px) saturate(1.05) !important;box-shadow:
0 8px 22px rgba(0,0,0,.12),
inset 0 1px 0 rgba(255,255,255,.045) !important;}
html.edool-tier-low #coreMiniCarousel .core-mini-overlay-fixed,
html.edool-old-windows #coreMiniCarousel .core-mini-overlay-fixed{background:rgba(8,12,16,.52) !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;}
#coreMiniCarousel .core-mini-overlay-fixed{min-width:0 !important;width:auto !important;max-width:68% !important;padding:7px 10px 8px 12px !important;gap:2px !important;border-radius:11px !important;}
#coreMiniCarousel .core-mini-overlay-fixed span{font-size:7px !important;letter-spacing:.14em !important;}
#coreMiniCarousel .core-mini-overlay-fixed strong{font-size:16px !important;}
#coreMiniCarousel .core-mini-overlay-fixed::before{top:7px !important;bottom:7px !important;width:2px !important;}
@media(max-width:700px){#coreMiniCarousel .core-mini-overlay-fixed{min-width:0 !important;max-width:72% !important;padding:6px 9px 7px 11px !important;border-radius:10px !important;}
#coreMiniCarousel .core-mini-overlay-fixed span{font-size:6.5px !important;}
#coreMiniCarousel .core-mini-overlay-fixed strong{font-size:15px !important;}
}
.vending-stage{min-height:430px !important;}
.vending-stage .vending-glow{width:340px !important;height:340px !important;background:
radial-gradient(
circle,
rgba(67,145,255,.22) 0%,
rgba(125,83,255,.12) 38%,
rgba(255,151,83,.06) 62%,
transparent 74%
) !important;filter:blur(70px) !important;}
.vending-pro{width:300px !important;height:470px !important;padding:15px !important;border-radius:28px !important;border:1px solid rgba(130,170,220,.22) !important;background:
linear-gradient(
155deg,
#182433 0%,
#101822 44%,
#17131f 100%
) !important;box-shadow:
0 46px 72px rgba(0,0,0,.38),
inset 0 1px 0 rgba(255,255,255,.08),
inset 0 -1px 0 rgba(91,126,170,.08) !important;}
.vending-pro .vending-head{height:48px !important;padding:0 3px 8px !important;}
.vending-pro .vending-brand{color:#f6f8fb !important;font-size:18px !important;font-weight:900 !important;letter-spacing:-.04em !important;}
.vending-subbrand{margin-top:2px;color:#7890aa;font-size:6.5px;font-weight:800;letter-spacing:.22em;}
.machine-online-wrap{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;border:1px solid rgba(93,210,255,.14);background:rgba(57,137,179,.08);}
.machine-online-wrap small{color:#6bd8ff;font-size:6px;font-weight:900;letter-spacing:.11em;}
.vending-pro .machine-online{width:6px !important;height:6px !important;flex:0 0 6px;background:#54d9ff !important;box-shadow:0 0 10px rgba(84,217,255,.60) !important;}
.vending-main{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:9px;height:315px;}
.vending-window-pro{height:315px !important;padding:10px !important;gap:6px !important;border-radius:16px !important;border:1px solid rgba(119,157,198,.12) !important;background:
linear-gradient(
160deg,
#080c12 0%,
#0d151e 52%,
#101824 100%
) !important;box-shadow:
inset 0 0 28px rgba(0,0,0,.42),
inset 0 1px 0 rgba(255,255,255,.025) !important;}
.vending-window-pro::before{opacity:.55 !important;background:
linear-gradient(
90deg,
transparent,
rgba(120,185,255,.08),
transparent
) !important;}
.vending-window-pro .product-slot{min-width:0;border-radius:8px !important;border:1px solid rgba(103,137,172,.09) !important;background:
linear-gradient(
180deg,
rgba(75,100,126,.08),
rgba(21,31,43,.18)
) !important;}
.vending-window-pro .product-slot::before{content:attr(data-code);position:absolute;top:5px;left:6px;z-index:3;color:#91a7bd;font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-size:6px;font-weight:850;letter-spacing:.06em;}
.vending-window-pro .product-slot::after{left:19% !important;right:19% !important;bottom:9px !important;height:29px !important;border-radius:7px 7px 4px 4px !important;background:
linear-gradient(
160deg,
#63768b 0%,
#394b60 48%,
#263444 100%
) !important;box-shadow:
inset 0 1px 0 rgba(255,255,255,.07),
0 4px 8px rgba(0,0,0,.18) !important;}
.vending-window-pro .product-slot:nth-child(2)::after,
.vending-window-pro .product-slot:nth-child(5)::after,
.vending-window-pro .product-slot:nth-child(8)::after{background:
linear-gradient(160deg,#8f5e74,#593b50 55%,#352737) !important;}
.vending-window-pro .product-slot:nth-child(3)::after,
.vending-window-pro .product-slot:nth-child(6)::after,
.vending-window-pro .product-slot:nth-child(9)::after{background:
linear-gradient(160deg,#a66e48,#67452f 55%,#3d3027) !important;}
.vending-side-panel{display:flex;flex-direction:column;gap:8px;padding:8px 7px;border-radius:15px;border:1px solid rgba(128,156,190,.12);background:
linear-gradient(
180deg,
rgba(32,45,61,.88),
rgba(17,24,33,.92)
);box-shadow:
inset 0 1px 0 rgba(255,255,255,.04);}
.vending-screen{min-height:64px;display:flex;flex-direction:column;justify-content:center;padding:7px;border-radius:9px;border:1px solid rgba(80,191,255,.18);background:
linear-gradient(180deg,#07131b,#0b202b);box-shadow:inset 0 0 13px rgba(0,0,0,.55);}
.vending-screen small{color:#5b8194;font-size:5px;font-weight:900;letter-spacing:.14em;}
.vending-screen strong{margin:2px 0;color:#69dfff;font-family:ui-monospace, SFMono-Regular, Menlo, monospace;font-size:20px;line-height:1;font-weight:800;text-shadow:0 0 10px rgba(105,223,255,.25);}
.vending-screen span{color:#f2a968;font-family:ui-monospace, SFMono-Regular, Menlo, monospace;font-size:7px;font-weight:700;}
.vending-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;}
.vending-keypad span{height:20px;display:grid;place-items:center;border-radius:5px;border:1px solid rgba(142,166,194,.13);background:
linear-gradient(180deg,#263445,#18232f);color:#b8c6d4;font-family:ui-monospace, SFMono-Regular, Menlo, monospace;font-size:7px;font-weight:850;box-shadow:
inset 0 1px 0 rgba(255,255,255,.04),
0 2px 3px rgba(0,0,0,.16);}
.vending-keypad .key-clear{color:#ff8b91;}
.vending-keypad .key-ok{color:#6ee6ff;}
.vending-coin-module{margin-top:auto;min-height:53px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;border:1px solid rgba(211,145,89,.16);background:
linear-gradient(
145deg,
rgba(120,78,50,.14),
rgba(25,29,35,.32)
);}
.coin-slot{width:8px;height:28px;border-radius:999px;background:#05080c;box-shadow:
inset 0 0 0 1px rgba(255,255,255,.06),
0 0 0 3px rgba(204,137,79,.08);}
.coin-label{display:flex;flex-direction:column;}
.coin-label small{color:#8d7b6e;font-size:4.5px;font-weight:900;letter-spacing:.10em;}
.coin-label strong{color:#f0aa6f;font-size:10px;line-height:1;}
.vending-bottom{margin-top:9px;display:grid;grid-template-columns:1fr 1.15fr;gap:8px;align-items:center;}
.vending-status-line{display:flex;align-items:center;gap:6px;color:#73879a;font-size:5.5px;font-weight:850;letter-spacing:.10em;}
.vending-status-line span{width:5px;height:5px;border-radius:50%;background:#59dfff;box-shadow:0 0 8px rgba(89,223,255,.48);}
.vending-pro .vending-output{width:100% !important;height:28px !important;margin:0 !important;display:grid;place-items:center;border-radius:8px !important;border:1px solid rgba(255,255,255,.04);background:
linear-gradient(180deg,#080b10,#040609) !important;box-shadow:
inset 0 3px 8px rgba(0,0,0,.78) !important;}
.vending-pro .vending-output small{color:#3e4b58;font-size:4.8px;font-weight:900;letter-spacing:.12em;}
@media(hover:hover){.vending-pro:hover{border-color:rgba(98,167,235,.30) !important;}
.vending-pro:hover .vending-screen strong{color:#8fe8ff;}
}
@media(max-width:700px){.vending-pro{width:248px !important;height:405px !important;padding:12px !important;}
.vending-main{grid-template-columns:minmax(0,1fr) 64px;height:270px;gap:7px;}
.vending-window-pro{height:270px !important;padding:8px !important;gap:5px !important;}
.vending-window-pro .product-slot::after{height:24px !important;}
.vending-side-panel{gap:6px;padding:6px 5px;}
.vending-screen{min-height:53px;padding:5px;}
.vending-screen strong{font-size:17px;}
.vending-keypad span{height:17px;font-size:6px;}
.vending-coin-module{min-height:43px;}
.coin-slot{height:23px;}
.vending-bottom{margin-top:7px;}
}
html.edool-tier-low .vending-stage .vending-glow,
html.edool-old-windows .vending-stage .vending-glow{display:none !important;}
html.edool-tier-low .vending-pro,
html.edool-old-windows .vending-pro{box-shadow:none !important;transform:none !important;animation:none !important;}
html.edool-tier-low .vending-window-pro::before,
html.edool-old-windows .vending-window-pro::before{display:none !important;}
.vending-stage .vending-glow{background:
radial-gradient(circle,
rgba(255,174,45,.22) 0%,
rgba(255,214,74,.12) 32%,
rgba(70,205,255,.10) 55%,
transparent 74%
) !important;}
.vending-pro{border-color:rgba(255,171,54,.24) !important;background:
linear-gradient(
155deg,
#25201b 0%,
#15191e 46%,
#201518 100%
) !important;}
.vending-pro .machine-online{background:#55d9ff !important;box-shadow:0 0 11px rgba(85,217,255,.58) !important;}
.machine-online-wrap{border-color:rgba(85,217,255,.20) !important;background:rgba(85,217,255,.07) !important;}
.machine-online-wrap small{color:#71ddff !important;}
.vending-screen{border-color:rgba(85,217,255,.22) !important;background:linear-gradient(180deg,#07141a,#0a1b22) !important;}
.vending-screen strong{color:#66ddff !important;text-shadow:0 0 10px rgba(102,221,255,.24) !important;}
.vending-screen span{color:#ffd34e !important;}
.vending-window-pro .product-slot:nth-child(4n+1)::after{background:linear-gradient(160deg,#ffad42,#d96f25 58%,#73361e) !important;}
.vending-window-pro .product-slot:nth-child(4n+2)::after{background:linear-gradient(160deg,#ffe36a,#d9a92e 58%,#72541d) !important;}
.vending-window-pro .product-slot:nth-child(4n+3)::after{background:linear-gradient(160deg,#ff6868,#c9343f 58%,#681f2a) !important;}
.vending-window-pro .product-slot:nth-child(4n+4)::after{background:linear-gradient(160deg,#6cddff,#278fbd 58%,#18536e) !important;}
.vending-window-pro .product-slot::before{color:#79dfff !important;}
.vending-keypad span{border-color:rgba(255,187,74,.15) !important;background:linear-gradient(180deg,#302a25,#1c2228) !important;color:#ffd76a !important;}
.vending-keypad .key-clear{color:#ff6868 !important;border-color:rgba(255,104,104,.22) !important;}
.vending-keypad .key-ok{color:#62ddff !important;border-color:rgba(98,221,255,.22) !important;}
.vending-coin-module{border-color:rgba(255,156,53,.24) !important;background:
linear-gradient(
145deg,
rgba(255,139,39,.14),
rgba(255,204,68,.045)
) !important;}
.coin-slot{box-shadow:
inset 0 0 0 1px rgba(255,255,255,.06),
0 0 0 3px rgba(255,151,48,.10) !important;}
.coin-label strong{color:#ffad42 !important;}
.coin-label small{color:#d7a269 !important;}
.vending-status-line span{background:#5cddff !important;box-shadow:0 0 8px rgba(92,221,255,.45) !important;}
.vending-pro .vending-output{border-color:rgba(255,211,78,.08) !important;}
@media(hover:hover){.vending-pro:hover{border-color:rgba(255,169,57,.38) !important;}
}
.vending-window-pro .product-slot{position:relative !important;overflow:hidden !important;border-radius:10px !important;border:1px solid rgba(255,255,255,.09) !important;background:
linear-gradient(
145deg,
rgba(255,255,255,.055),
rgba(255,255,255,.018)
) !important;box-shadow:
inset 0 1px 0 rgba(255,255,255,.035) !important;}
.vending-window-pro .product-slot::after{content:none !important;display:none !important;width:0 !important;height:0 !important;background:none !important;box-shadow:none !important;}
.vending-window-pro .product-slot::before{content:attr(data-code) !important;position:absolute !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important;color:#e8edf2 !important;font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;font-size:10px !important;font-weight:850 !important;letter-spacing:.05em !important;opacity:.78 !important;}
.vending-window-pro .product-slot:nth-child(4n+1){border-color:rgba(255,166,61,.20) !important;}
.vending-window-pro .product-slot:nth-child(4n+2){border-color:rgba(255,216,78,.18) !important;}
.vending-window-pro .product-slot:nth-child(4n+3){border-color:rgba(255,96,96,.18) !important;}
.vending-window-pro .product-slot:nth-child(4n+4){border-color:rgba(91,215,255,.20) !important;}
.vending-window-pro{display:grid !important;grid-template-columns:repeat(3, minmax(0,1fr)) !important;grid-template-rows:repeat(4, minmax(0,1fr)) !important;gap:7px !important;padding:10px !important;align-items:stretch !important;}
.vending-window-pro .product-slot{position:relative !important;width:100% !important;min-width:0 !important;min-height:0 !important;aspect-ratio:auto !important;border-radius:9px !important;overflow:hidden !important;border:1px solid rgba(255,255,255,.085) !important;background:
linear-gradient(
145deg,
rgba(37,45,55,.88),
rgba(17,23,30,.92)
) !important;box-shadow:
inset 0 1px 0 rgba(255,255,255,.035) !important;}
.vending-window-pro .product-slot::after{content:none !important;display:none !important;}
.vending-window-pro .product-slot::before{content:attr(data-code) !important;position:absolute !important;left:7px !important;top:6px !important;transform:none !important;color:#aeb9c4 !important;font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;font-size:7px !important;font-weight:850 !important;line-height:1 !important;letter-spacing:.05em !important;opacity:.88 !important;}
.vending-window-pro .product-slot{background-image:
radial-gradient(circle at 50% 63%, rgba(255,255,255,.045), transparent 28%),
linear-gradient(145deg, rgba(37,45,55,.88), rgba(17,23,30,.92)) !important;}
.vending-window-pro .product-slot:nth-child(4n+1){border-bottom-color:rgba(255,157,55,.34) !important;}
.vending-window-pro .product-slot:nth-child(4n+2){border-bottom-color:rgba(255,211,73,.30) !important;}
.vending-window-pro .product-slot:nth-child(4n+3){border-bottom-color:rgba(255,83,83,.30) !important;}
.vending-window-pro .product-slot:nth-child(4n+4){border-bottom-color:rgba(76,207,255,.34) !important;}
.vending-window-pro .product-slot span{display:none !important;}
@media(max-width:700px){.vending-window-pro{gap:5px !important;padding:7px !important;}
.vending-window-pro .product-slot{border-radius:7px !important;}
.vending-window-pro .product-slot::before{left:5px !important;top:5px !important;font-size:6px !important;}
}
.vending-pro{background:#171b22 !important;border-color:#2a323c !important;}
.vending-window-pro{background:#0d1218 !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025) !important;}
.vending-window-pro::before{display:none !important;}
.vending-window-pro .product-slot{background:#1b222b !important;background-image:none !important;border:1px solid #2e3945 !important;box-shadow:none !important;}
.vending-window-pro .product-slot:nth-child(4n+1){border-bottom:3px solid #ff9f32 !important;}
.vending-window-pro .product-slot:nth-child(4n+2){border-bottom:3px solid #ffd84d !important;}
.vending-window-pro .product-slot:nth-child(4n+3){border-bottom:3px solid #ff5d63 !important;}
.vending-window-pro .product-slot:nth-child(4n+4){border-bottom:3px solid #55cfff !important;}
.vending-window-pro .product-slot::before{color:#d6dde5 !important;}
.vending-side-panel{background:#1a2129 !important;border-color:#303b47 !important;box-shadow:none !important;}
.vending-screen{background:#07171f !important;border-color:#2d6174 !important;box-shadow:none !important;}
.vending-keypad span{background:#242d36 !important;border-color:#394654 !important;box-shadow:none !important;color:#f0cf66 !important;}
.vending-keypad .key-clear{color:#ff696e !important;}
.vending-keypad .key-ok{color:#67d9ff !important;}
.vending-coin-module{background:#241d17 !important;border-color:#5e422d !important;}
.coin-slot{background:#050607 !important;box-shadow:none !important;}
.vending-pro .vending-output{background:#07090c !important;border-color:#20262d !important;box-shadow:inset 0 2px 4px rgba(0,0,0,.55) !important;}
.vending-stage .vending-glow{display:none !important;}
html.edool-tier-low .vending-pro,
html.edool-old-windows .vending-pro{background:#171b22 !important;}
.vending-window-pro .product-slot{display:none !important;}
.vending-window-pro{display:block !important;background:#0d1218 !important;border:1px solid #27313b !important;}
.vending-window-pro{display:grid !important;grid-template-columns:repeat(3, 42px) !important;grid-template-rows:repeat(5, 42px) !important;justify-content:center !important;align-content:center !important;gap:7px !important;padding:10px !important;background:#0d1218 !important;}
.vending-window-pro .product-slot{display:grid !important;place-items:center !important;width:42px !important;height:42px !important;min-width:42px !important;min-height:42px !important;position:relative !important;border-radius:9px !important;background:#181f27 !important;background-image:none !important;border:1px solid #34414d !important;border-bottom:1px solid #34414d !important;box-shadow:none !important;overflow:hidden !important;}
.vending-window-pro .product-slot::before{content:attr(data-code) !important;position:static !important;left:auto !important;top:auto !important;transform:none !important;color:#9cff57 !important;font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;font-size:11px !important;font-weight:900 !important;line-height:1 !important;letter-spacing:.04em !important;opacity:1 !important;text-shadow:none !important;}
.vending-window-pro .product-slot::after{content:none !important;display:none !important;}
.vending-window-pro .product-slot:nth-child(n){border-bottom-color:#34414d !important;}
@media(max-width:700px){.vending-window-pro{grid-template-columns:repeat(3, 35px) !important;grid-template-rows:repeat(5, 35px) !important;gap:6px !important;}
.vending-window-pro .product-slot{width:35px !important;height:35px !important;min-width:35px !important;min-height:35px !important;border-radius:8px !important;}
.vending-window-pro .product-slot::before{font-size:9px !important;}
}
.vending-window-pro .product-slot{background:#181f27 !important;background-image:none !important;box-shadow:none !important;overflow:hidden !important;}
.vending-window-pro .product-slot::after{content:none !important;display:none !important;background:none !important;border:0 !important;box-shadow:none !important;}
.vending-window-pro .product-slot::before{content:attr(data-code) !important;background:none !important;border:0 !important;box-shadow:none !important;}
#galeria .section-heading{max-width:820px !important;margin-bottom:34px !important;}
#galeria .section-heading h2{font-size:clamp(42px,5.2vw,72px) !important;line-height:.98 !important;letter-spacing:-.055em !important;font-weight:680 !important;}
#galeria .section-heading h2 span{color:#737b86 !important;}
#galeria .section-heading p{max-width:760px !important;margin-top:16px !important;color:#9ba4af !important;font-size:15px !important;line-height:1.62 !important;}
#galeria .gallery-slide::after{content:"" !important;position:absolute !important;inset:0 !important;z-index:1 !important;pointer-events:none !important;background:linear-gradient(180deg,rgba(4,7,10,.03) 0%,rgba(4,7,10,.04) 38%,rgba(4,7,10,.36) 66%,rgba(4,7,10,.82) 100%) !important;}
#galeria .gallery-caption{left:26px !important;right:26px !important;bottom:24px !important;z-index:3 !important;max-width:760px !important;padding:18px 20px !important;border-radius:18px !important;border:1px solid rgba(255,255,255,.10) !important;background:rgba(8,11,15,.48) !important;-webkit-backdrop-filter:blur(8px) saturate(1.04) !important;backdrop-filter:blur(8px) saturate(1.04) !important;box-shadow:0 12px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035) !important;}
#galeria .gallery-caption h3{max-width:620px !important;margin:0 0 8px !important;color:#fff !important;font-size:clamp(28px,3.6vw,48px) !important;line-height:.98 !important;font-weight:720 !important;letter-spacing:-.045em !important;text-shadow:0 2px 12px rgba(0,0,0,.34) !important;}
#galeria .gallery-caption p{max-width:680px !important;margin:0 !important;color:rgba(242,245,248,.82) !important;font-size:13px !important;line-height:1.52 !important;text-shadow:0 1px 8px rgba(0,0,0,.28) !important;}
#galeria .gallery-nav{width:42px !important;height:42px !important;border-radius:50% !important;border:1px solid rgba(255,255,255,.14) !important;background:rgba(8,11,15,.64) !important;color:#f7f9fb !important;-webkit-backdrop-filter:blur(8px) !important;backdrop-filter:blur(8px) !important;box-shadow:0 7px 18px rgba(0,0,0,.18) !important;}
#galeria .gallery-nav:hover{border-color:rgba(223,255,67,.28) !important;background:rgba(18,22,27,.82) !important;}
#galeria .gallery-dots{gap:7px !important;padding:12px !important;}
#galeria .gallery-dot{width:7px !important;height:7px !important;background:rgba(255,255,255,.20) !important;}
#galeria .gallery-dot.active{width:24px !important;height:7px !important;background:#dfff43 !important;}
@media(max-width:980px){#galeria .gallery-caption{max-width:640px !important;padding:16px 18px !important;}
#galeria .gallery-caption h3{font-size:clamp(27px,5vw,42px) !important;}
}
@media(max-width:700px){#galeria .section-heading h2{font-size:clamp(35px,10vw,48px) !important;}
#galeria .section-heading p{font-size:13.5px !important;}
#galeria .gallery-caption{left:12px !important;right:12px !important;bottom:12px !important;padding:14px 14px 15px !important;border-radius:15px !important;}
#galeria .gallery-caption h3{font-size:clamp(25px,8vw,36px) !important;line-height:1 !important;margin-bottom:7px !important;}
#galeria .gallery-caption p{font-size:11.5px !important;line-height:1.45 !important;}
#galeria .gallery-nav{width:36px !important;height:36px !important;}
}
html.edool-tier-low #galeria .gallery-caption,
html.edool-old-windows #galeria .gallery-caption{background:rgba(8,11,15,.88) !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;box-shadow:none !important;}
#nosotros{padding-top:58px !important;padding-bottom:64px !important;}
#nosotros .container{max-width:1180px !important;}
#nosotros .about-layout{display:grid !important;grid-template-columns:280px minmax(0,1fr) !important;gap:54px !important;align-items:start !important;}
#nosotros .about-label{position:relative !important;padding:22px 20px !important;border-radius:18px !important;border:1px solid rgba(255,255,255,.08) !important;background:#0d1117 !important;color:#8e98a5 !important;font-size:12px !important;line-height:1.65 !important;letter-spacing:.02em !important;}
#nosotros .about-label::before{content:"EDOOL / 2026" !important;display:block !important;margin-bottom:14px !important;color:#dfff43 !important;font-size:10px !important;font-weight:850 !important;letter-spacing:.14em !important;text-transform:uppercase !important;}
#nosotros .about-label::after{content:"Tecnología creada con identidad propia." !important;display:block !important;margin-top:2px !important;color:#a8b0ba !important;font-size:13px !important;line-height:1.55 !important;}
#nosotros .about-label{font-size:0 !important;}
#nosotros .about-text{position:relative !important;max-width:820px !important;margin:0 !important;padding:30px 32px 32px !important;border-radius:24px !important;border:1px solid rgba(255,255,255,.085) !important;background:
linear-gradient(
145deg,
rgba(255,255,255,.035),
rgba(255,255,255,.012)
) !important;color:#f4f7fa !important;font-size:clamp(30px,3.2vw,50px) !important;line-height:1.08 !important;font-weight:610 !important;letter-spacing:-.045em !important;box-shadow:
inset 0 1px 0 rgba(255,255,255,.035) !important;}
#nosotros .about-text::before{content:"" !important;position:absolute !important;left:32px !important;top:18px !important;width:54px !important;height:3px !important;border-radius:999px !important;background:#dfff43 !important;}
#nosotros .about-text strong,
#nosotros .about-text b{color:#ffffff !important;}
#nosotros .about-text span{color:#7f8995 !important;}
#nosotros .about-text{text-wrap:balance !important;}
#nosotros::before{opacity:.24 !important;width:200px !important;height:200px !important;right:-110px !important;top:18% !important;}
@media(max-width:980px){#nosotros{padding-top:48px !important;padding-bottom:52px !important;}
#nosotros .about-layout{grid-template-columns:1fr !important;gap:18px !important;}
#nosotros .about-label{max-width:340px !important;padding:16px 18px !important;}
#nosotros .about-text{max-width:none !important;padding:28px 24px 26px !important;font-size:clamp(28px,5.2vw,44px) !important;}
#nosotros .about-text::before{left:24px !important;top:16px !important;}
}
@media(max-width:700px){#nosotros{padding-top:40px !important;padding-bottom:44px !important;}
#nosotros .about-layout{gap:14px !important;}
#nosotros .about-label{padding:14px 15px !important;border-radius:15px !important;}
#nosotros .about-text{padding:25px 18px 22px !important;border-radius:18px !important;font-size:clamp(25px,7.7vw,34px) !important;line-height:1.08 !important;letter-spacing:-.038em !important;}
#nosotros .about-text::before{left:18px !important;top:14px !important;width:42px !important;}
}
html.edool-tier-low #nosotros .about-text,
html.edool-old-windows #nosotros .about-text{background:#10151b !important;box-shadow:none !important;}
#nosotros{padding:44px 0 52px !important;min-height:0 !important;}
#nosotros .about-layout{display:block !important;max-width:1080px !important;margin:0 auto !important;}
#nosotros .about-label{width:auto !important;max-width:none !important;min-height:0 !important;margin:0 0 18px !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;font-size:0 !important;}
#nosotros .about-label::before{content:"EDOOL  ·  DESARROLLO TECNOLÓGICO" !important;display:inline-flex !important;align-items:center !important;min-height:30px !important;margin:0 !important;padding:0 12px !important;border:1px solid #26313a !important;border-radius:999px !important;background:#0c1116 !important;color:#9eea45 !important;font-size:9px !important;font-weight:800 !important;line-height:30px !important;letter-spacing:.14em !important;}
#nosotros .about-label::after{display:none !important;content:none !important;}
#nosotros .about-text{width:100% !important;max-width:920px !important;min-height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;color:#d9dfe5 !important;font-size:clamp(22px,2.15vw,31px) !important;line-height:1.38 !important;font-weight:430 !important;letter-spacing:-.025em !important;text-wrap:pretty !important;}
#nosotros .about-text::before,
#nosotros .about-text::after{display:none !important;content:none !important;}
#nosotros .about-layout::after{content:"ELECTRÓNICA   /   SOFTWARE   /   AUTOMATIZACIÓN   /   IoT" !important;display:block !important;width:fit-content !important;margin-top:24px !important;padding-top:15px !important;border-top:1px solid #202932 !important;color:#707b86 !important;font-size:9px !important;font-weight:750 !important;letter-spacing:.13em !important;}
#nosotros::before,#nosotros::after{opacity:.08 !important;}
@media(max-width:700px){#nosotros{padding:34px 0 40px !important;}
#nosotros .about-label{margin-bottom:15px !important;}
#nosotros .about-text{max-width:100% !important;font-size:21px !important;line-height:1.4 !important;}
#nosotros .about-layout::after{width:100% !important;font-size:7.5px !important;line-height:1.8 !important;letter-spacing:.09em !important;}
}
html.edool-tier-low #nosotros *,
html.edool-old-windows #nosotros *{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;text-shadow:none !important;}
#edool{padding:54px 0 62px !important;min-height:0 !important;}
#edool .container{max-width:1180px !important;}
#edool .about-layout{display:grid !important;grid-template-columns:220px minmax(0,1fr) !important;gap:64px !important;align-items:start !important;}
#edool .about-label{display:flex !important;flex-direction:column !important;gap:12px !important;width:auto !important;min-height:0 !important;margin:4px 0 0 !important;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important;}
#edool .about-label::before,
#edool .about-label::after{display:none !important;content:none !important;}
#edool .edool-index{display:inline-flex !important;width:max-content !important;align-items:center !important;padding:7px 10px !important;border:1px solid #29333d !important;border-radius:999px !important;background:#0c1116 !important;color:#dfff43 !important;font-size:9px !important;font-weight:850 !important;letter-spacing:.12em !important;}
#edool .edool-label-text{max-width:165px !important;color:#737e89 !important;font-size:12px !important;line-height:1.55 !important;}
#edool .about-text{width:100% !important;max-width:790px !important;min-height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;color:inherit !important;}
#edool .about-text::before,
#edool .about-text::after{display:none !important;content:none !important;}
#edool .edool-kicker{display:block !important;margin:0 0 14px !important;color:#6fd7ff !important;font-size:9px !important;font-weight:850 !important;letter-spacing:.15em !important;}
#edool .about-text h2{margin:0 !important;max-width:720px !important;color:#f5f7f9 !important;font-size:clamp(38px,4.5vw,62px) !important;line-height:.98 !important;font-weight:650 !important;letter-spacing:-.055em !important;}
#edool .about-text h2 em{color:#dfff43 !important;font-style:normal !important;font-weight:650 !important;}
#edool .about-text p{max-width:660px !important;margin:22px 0 0 !important;color:#929ca7 !important;font-size:15px !important;line-height:1.65 !important;letter-spacing:0 !important;}
#edool .edool-disciplines{display:flex !important;flex-wrap:wrap !important;gap:8px !important;margin-top:22px !important;}
#edool .edool-disciplines span{padding:7px 10px !important;border:1px solid #252e37 !important;border-radius:999px !important;background:#0b1015 !important;color:#a4adb7 !important;font-size:9px !important;font-weight:700 !important;letter-spacing:.04em !important;}
@media(max-width:900px){#edool{padding:46px 0 52px !important;}
#edool .about-layout{grid-template-columns:1fr !important;gap:24px !important;}
#edool .about-label{flex-direction:row !important;align-items:center !important;flex-wrap:wrap !important;}
#edool .edool-label-text{max-width:none !important;}
}
@media(max-width:700px){#edool{padding:38px 0 44px !important;}
#edool .about-layout{gap:20px !important;}
#edool .about-text h2{font-size:clamp(34px,10vw,46px) !important;}
#edool .about-text p{margin-top:17px !important;font-size:13.5px !important;line-height:1.6 !important;}
#edool .edool-disciplines{margin-top:18px !important;}
}
html.edool-tier-low #edool *,
html.edool-old-windows #edool *{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;text-shadow:none !important;box-shadow:none !important;}
#galeria{padding-top:54px !important;padding-bottom:64px !important;}
#galeria .section-heading{max-width:980px !important;margin-bottom:30px !important;}
#galeria .section-heading .eyebrow{margin-bottom:14px !important;}
#galeria .section-heading h2{max-width:900px !important;font-size:clamp(42px,5.8vw,78px) !important;line-height:.95 !important;font-weight:690 !important;letter-spacing:-.06em !important;}
#galeria .section-heading h2 span{color:#69727d !important;}
#galeria .section-heading p{max-width:720px !important;margin-top:17px !important;color:#9aa4af !important;font-size:15px !important;line-height:1.62 !important;}
#galeria .gallery-wrap{position:relative !important;overflow:hidden !important;border-radius:28px !important;border:1px solid rgba(255,255,255,.09) !important;background:#090d12 !important;box-shadow:none !important;}
#galeria .gallery-wrap::before{content:"" !important;position:absolute !important;inset:10px !important;z-index:6 !important;pointer-events:none !important;border:1px solid rgba(255,255,255,.055) !important;border-radius:20px !important;}
#galeria .gallery-wrap::after{content:"EDOOL / PROJECT ARCHIVE" !important;position:absolute !important;top:18px !important;left:22px !important;z-index:8 !important;color:rgba(255,255,255,.58) !important;font-size:8px !important;font-weight:800 !important;letter-spacing:.16em !important;pointer-events:none !important;}
#galeria .gallery-viewport{min-height:520px !important;aspect-ratio:16/7.4 !important;background:#0a0e13 !important;}
#galeria .gallery-slide img{width:100% !important;height:100% !important;object-fit:cover !important;filter:saturate(.96) contrast(1.03) !important;}
#galeria .gallery-slide::after{content:"" !important;position:absolute !important;inset:0 !important;z-index:1 !important;background:
linear-gradient(90deg,
rgba(5,8,12,.88) 0%,
rgba(5,8,12,.64) 30%,
rgba(5,8,12,.18) 60%,
rgba(5,8,12,.05) 100%
),
linear-gradient(0deg,
rgba(4,7,10,.46) 0%,
transparent 38%
) !important;}
#galeria .gallery-caption{left:34px !important;right:auto !important;bottom:32px !important;width:min(560px, calc(100% - 68px)) !important;max-width:560px !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;box-shadow:none !important;z-index:4 !important;}
#galeria .gallery-caption::before{content:"" !important;display:block !important;width:52px !important;height:3px !important;margin-bottom:14px !important;border-radius:999px !important;background:#dfff43 !important;}
#galeria .gallery-caption small,
#galeria .gallery-caption .gallery-tag{display:block !important;margin:0 0 10px !important;color:#8edfff !important;font-size:9px !important;font-weight:850 !important;letter-spacing:.15em !important;text-transform:uppercase !important;}
#galeria .gallery-caption h3{max-width:520px !important;margin:0 0 12px !important;color:#fff !important;font-size:clamp(31px,3.8vw,52px) !important;line-height:.98 !important;font-weight:680 !important;letter-spacing:-.05em !important;text-shadow:none !important;}
#galeria .gallery-caption p{max-width:520px !important;margin:0 !important;color:rgba(235,240,245,.76) !important;font-size:13px !important;line-height:1.55 !important;text-shadow:none !important;}
#galeria .gallery-nav{top:auto !important;bottom:28px !important;transform:none !important;width:40px !important;height:40px !important;border-radius:12px !important;border:1px solid rgba(255,255,255,.12) !important;background:rgba(8,12,17,.76) !important;color:#fff !important;box-shadow:none !important;-webkit-backdrop-filter:blur(7px) !important;backdrop-filter:blur(7px) !important;}
#galeria .gallery-prev{left:auto !important;right:74px !important;}
#galeria .gallery-next{right:26px !important;}
#galeria .gallery-nav:hover{background:#dfff43 !important;color:#07100a !important;border-color:#dfff43 !important;}
#galeria .gallery-dots{position:absolute !important;left:50% !important;bottom:24px !important;transform:translateX(-50%) !important;z-index:7 !important;padding:7px 10px !important;gap:7px !important;border-radius:999px !important;background:rgba(7,10,14,.52) !important;border:1px solid rgba(255,255,255,.07) !important;-webkit-backdrop-filter:blur(7px) !important;backdrop-filter:blur(7px) !important;}
#galeria .gallery-dot{width:7px !important;height:7px !important;border-radius:50% !important;background:rgba(255,255,255,.25) !important;}
#galeria .gallery-dot.active{width:20px !important;height:7px !important;border-radius:999px !important;background:#dfff43 !important;}
@media(max-width:700px){#galeria{padding-top:42px !important;padding-bottom:48px !important;}
#galeria .section-heading h2{font-size:clamp(38px,11vw,52px) !important;}
#galeria .gallery-wrap{border-radius:20px !important;}
#galeria .gallery-viewport{min-height:470px !important;aspect-ratio:4/5 !important;}
#galeria .gallery-slide::after{background:
linear-gradient(0deg,
rgba(5,8,12,.92) 0%,
rgba(5,8,12,.58) 42%,
rgba(5,8,12,.08) 76%
) !important;}
#galeria .gallery-caption{left:18px !important;right:18px !important;bottom:68px !important;width:auto !important;max-width:none !important;}
#galeria .gallery-caption h3{font-size:clamp(28px,8.8vw,40px) !important;}
#galeria .gallery-caption p{font-size:12px !important;line-height:1.48 !important;}
#galeria .gallery-dots{bottom:17px !important;}
#galeria .gallery-nav{bottom:14px !important;width:36px !important;height:36px !important;border-radius:10px !important;}
#galeria .gallery-prev{right:58px !important;}
#galeria .gallery-next{right:16px !important;}
#galeria .gallery-wrap::after{top:14px !important;left:16px !important;}
}
html.edool-tier-low #galeria .gallery-slide::after,
html.edool-old-windows #galeria .gallery-slide::after{background:linear-gradient(90deg,rgba(5,8,12,.82),rgba(5,8,12,.12)) !important;}
html.edool-tier-low #galeria .gallery-nav,
html.edool-old-windows #galeria .gallery-nav,
html.edool-tier-low #galeria .gallery-dots,
html.edool-old-windows #galeria .gallery-dots{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;}
#galeria .section-heading{display:grid !important;grid-template-columns:190px minmax(0, 1fr) !important;grid-template-areas:
"label title"
"label desc" !important;column-gap:42px !important;row-gap:12px !important;max-width:1120px !important;margin:0 auto 32px !important;padding:0 0 28px !important;border-bottom:1px solid #202831 !important;}
#galeria .section-heading .eyebrow{grid-area:label !important;align-self:start !important;display:flex !important;align-items:center !important;gap:10px !important;width:max-content !important;margin:7px 0 0 !important;padding:0 !important;color:#8e98a3 !important;font-size:9px !important;font-weight:850 !important;letter-spacing:.16em !important;text-transform:uppercase !important;}
#galeria .section-heading .eyebrow::before{content:"" !important;width:24px !important;height:2px !important;border-radius:99px !important;background:#dfff43 !important;}
#galeria .section-heading h2{grid-area:title !important;max-width:760px !important;margin:0 !important;color:#f3f5f7 !important;font-size:clamp(34px,3.7vw,52px) !important;line-height:1.02 !important;font-weight:640 !important;letter-spacing:-.045em !important;}
#galeria .section-heading h2 span{display:inline !important;color:#7b8590 !important;}
#galeria .section-heading p{grid-area:desc !important;max-width:650px !important;margin:0 !important;color:#8c96a1 !important;font-size:13px !important;line-height:1.58 !important;letter-spacing:0 !important;}
@media(max-width:760px){#galeria .section-heading{grid-template-columns:1fr !important;grid-template-areas:
"label"
"title"
"desc" !important;gap:12px !important;margin-bottom:24px !important;padding-bottom:22px !important;}
#galeria .section-heading .eyebrow{margin-top:0 !important;}
#galeria .section-heading h2{font-size:clamp(32px,9vw,43px) !important;}
#galeria .section-heading p{max-width:100% !important;font-size:12.5px !important;}
}
#contacto{padding-top:54px !important;padding-bottom:58px !important;}
#contacto .cta-box,
#contacto .contact-box,
#contacto .cta{position:relative !important;overflow:hidden !important;padding:44px 46px !important;border-radius:24px !important;border:1px solid #2b333d !important;background:#11161c !important;box-shadow:none !important;}
#contacto .cta-box::before,
#contacto .contact-box::before,
#contacto .cta::before{content:"" !important;position:absolute !important;left:46px !important;top:0 !important;width:72px !important;height:3px !important;border-radius:0 0 4px 4px !important;background:#5fd4ff !important;}
#contacto .cta-box::after,
#contacto .contact-box::after,
#contacto .cta::after{opacity:.16 !important;filter:none !important;}
#contacto h2{max-width:700px !important;margin:0 !important;color:#f2f5f7 !important;font-size:clamp(38px,5vw,66px) !important;line-height:.96 !important;font-weight:650 !important;letter-spacing:-.055em !important;}
#contacto h2 span{color:#5fd4ff !important;}
#contacto p{max-width:580px !important;margin-top:18px !important;color:#89949f !important;font-size:14px !important;line-height:1.62 !important;}
#contacto .btn-primary,
#contacto .cta-primary{background:#f1f4f6 !important;color:#0a0e12 !important;border-color:#f1f4f6 !important;box-shadow:none !important;}
#contacto .btn-primary:hover,
#contacto .cta-primary:hover{background:#5fd4ff !important;border-color:#5fd4ff !important;color:#071017 !important;}
#contacto .btn-secondary,
#contacto .cta-secondary{background:transparent !important;color:#b4bdc6 !important;border-color:#35404b !important;box-shadow:none !important;}
@media(max-width:700px){#contacto{padding-top:42px !important;padding-bottom:46px !important;}
#contacto .cta-box,
#contacto .contact-box,
#contacto .cta{padding:32px 22px !important;border-radius:19px !important;}
#contacto .cta-box::before,
#contacto .contact-box::before,
#contacto .cta::before{left:22px !important;width:52px !important;}
#contacto h2{font-size:clamp(35px,10vw,48px) !important;}
}
#contacto .cta-box,
#contacto .contact-box,
#contacto .cta{padding:30px 34px !important;border-radius:20px !important;}
#contacto h2{max-width:620px !important;font-size:clamp(32px,4vw,52px) !important;line-height:.98 !important;}
#contacto p{max-width:540px !important;margin-top:13px !important;font-size:13px !important;}
#contacto .btn-primary,
#contacto .cta-primary{background:#ff9d3d !important;border-color:#ff9d3d !important;color:#15100a !important;box-shadow:none !important;}
#contacto .btn-primary:hover,
#contacto .cta-primary:hover{background:#ffb15f !important;border-color:#ffb15f !important;color:#15100a !important;}
#contacto .btn-secondary,
#contacto .cta-secondary{background:#55cfff !important;border-color:#55cfff !important;color:#071218 !important;box-shadow:none !important;}
#contacto .btn-secondary:hover,
#contacto .cta-secondary:hover{background:#7cdbff !important;border-color:#7cdbff !important;color:#071218 !important;}
#contacto .btn,
#contacto .btn-primary,
#contacto .btn-secondary,
#contacto .cta-primary,
#contacto .cta-secondary{min-height:42px !important;padding:0 17px !important;border-radius:11px !important;font-size:11px !important;font-weight:800 !important;}
@media(max-width:700px){#contacto .cta-box,
#contacto .contact-box,
#contacto .cta{padding:25px 18px !important;border-radius:17px !important;}
#contacto h2{font-size:clamp(30px,9vw,40px) !important;}
}
#contacto .cta-box,
#contacto .contact-box,
#contacto .cta{position:relative !important;overflow:hidden !important;padding:32px 36px !important;border:1px solid #29333d !important;border-radius:22px !important;background:#10161c !important;box-shadow:none !important;}
#contacto .cta-box::before,
#contacto .contact-box::before,
#contacto .cta::before{content:"" !important;position:absolute !important;left:0 !important;top:28px !important;width:3px !important;height:58px !important;border-radius:0 4px 4px 0 !important;background:#ff9f43 !important;}
#contacto .cta-box::after,
#contacto .contact-box::after,
#contacto .cta::after{display:none !important;content:none !important;}
#contacto h2{max-width:590px !important;margin:0 !important;color:#f4f6f8 !important;font-size:clamp(31px,3.8vw,49px) !important;line-height:1 !important;font-weight:640 !important;letter-spacing:-.05em !important;}
#contacto h2 span{color:#ffae55 !important;}
#contacto p{max-width:520px !important;margin:13px 0 0 !important;color:#89949f !important;font-size:12.5px !important;line-height:1.6 !important;}
#contacto .btn-primary,
#contacto .cta-primary{position:relative !important;min-height:40px !important;padding:0 18px !important;border:1px solid #f1f3f5 !important;border-radius:10px !important;background:#f1f3f5 !important;color:#11161b !important;font-size:10.5px !important;font-weight:850 !important;letter-spacing:.015em !important;box-shadow:none !important;}
#contacto .btn-primary svg,
#contacto .btn-primary i,
#contacto .btn-primary .arrow,
#contacto .btn-primary .icon,
#contacto .cta-primary svg,
#contacto .cta-primary i,
#contacto .cta-primary .arrow,
#contacto .cta-primary .icon{display:none !important;}
#contacto .btn-primary::before,
#contacto .btn-primary::after,
#contacto .cta-primary::before,
#contacto .cta-primary::after{display:none !important;content:none !important;}
#contacto .btn-primary:hover,
#contacto .cta-primary:hover{background:#ff9f43 !important;border-color:#ff9f43 !important;color:#161009 !important;transform:translateY(-1px) !important;}
#contacto .btn-secondary,
#contacto .cta-secondary{min-height:40px !important;padding:0 17px !important;border:1px solid #33758e !important;border-radius:10px !important;background:#111b21 !important;color:#70d7ff !important;font-size:10.5px !important;font-weight:800 !important;box-shadow:none !important;}
#contacto .btn-secondary:hover,
#contacto .cta-secondary:hover{background:#16303b !important;border-color:#55cfff !important;color:#9ae4ff !important;transform:translateY(-1px) !important;}
@media(max-width:700px){#contacto .cta-box,
#contacto .contact-box,
#contacto .cta{padding:26px 20px !important;border-radius:18px !important;}
#contacto .cta-box::before,
#contacto .contact-box::before,
#contacto .cta::before{top:24px !important;height:48px !important;}
#contacto h2{font-size:clamp(29px,8.8vw,39px) !important;}
}
#contacto{padding-top:34px !important;padding-bottom:38px !important;}
#contacto .container{max-width:1180px !important;}
#contacto .cta-box,
#contacto .contact-box,
#contacto .cta{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;grid-template-areas:
"tag button"
"title button"
"desc button" !important;align-items:center !important;column-gap:46px !important;row-gap:8px !important;min-height:0 !important;padding:30px 34px !important;border:1px solid #27313a !important;border-radius:20px !important;background:#0f151b !important;box-shadow:none !important;}
#contacto .cta-box::before,
#contacto .contact-box::before,
#contacto .cta::before{content:"" !important;position:absolute !important;left:0 !important;top:30px !important;width:3px !important;height:42px !important;border-radius:0 4px 4px 0 !important;background:#ff9d3d !important;}
#contacto .cta-box::after,
#contacto .contact-box::after,
#contacto .cta::after{display:none !important;content:none !important;}
#contacto .eyebrow,
#contacto .cta-kicker{grid-area:tag !important;width:max-content !important;margin:0 0 3px !important;padding:0 !important;border:0 !important;background:none !important;color:#ffad5c !important;font-size:8px !important;font-weight:850 !important;letter-spacing:.16em !important;}
#contacto h2{grid-area:title !important;max-width:610px !important;margin:0 !important;color:#f4f6f8 !important;font-size:clamp(31px,3.5vw,48px) !important;line-height:.98 !important;font-weight:650 !important;letter-spacing:-.052em !important;}
#contacto h2 span{color:#ffad5c !important;}
#contacto p{grid-area:desc !important;max-width:560px !important;margin:5px 0 0 !important;color:#7f8a95 !important;font-size:12px !important;line-height:1.55 !important;}
#contacto .cta-actions,
#contacto .contact-actions,
#contacto .actions{grid-area:button !important;display:flex !important;align-items:center !important;margin:0 !important;}
#contacto .btn-primary,
#contacto .cta-primary{min-width:0 !important;min-height:42px !important;height:42px !important;padding:0 18px !important;border:1px solid #ff9d3d !important;border-radius:11px !important;background:#ff9d3d !important;color:#171008 !important;font-size:10.5px !important;font-weight:850 !important;letter-spacing:.01em !important;box-shadow:none !important;}
#contacto .btn-primary svg,
#contacto .btn-primary i,
#contacto .btn-primary img,
#contacto .btn-primary .arrow,
#contacto .btn-primary .icon,
#contacto .btn-primary .btn-icon,
#contacto .cta-primary svg,
#contacto .cta-primary i,
#contacto .cta-primary img,
#contacto .cta-primary .arrow,
#contacto .cta-primary .icon{display:none !important;}
#contacto .btn-primary::before,
#contacto .btn-primary::after,
#contacto .cta-primary::before,
#contacto .cta-primary::after{display:none !important;content:none !important;}
#contacto .btn-primary:hover,
#contacto .cta-primary:hover{background:#ffb45f !important;border-color:#ffb45f !important;color:#171008 !important;transform:translateY(-1px) !important;}
#contacto .btn-secondary,
#contacto .cta-secondary{min-height:42px !important;padding:0 16px !important;border:1px solid #34414c !important;border-radius:11px !important;background:#151c23 !important;color:#aab4bd !important;box-shadow:none !important;font-size:10px !important;}
@media(max-width:760px){#contacto{padding-top:28px !important;padding-bottom:32px !important;}
#contacto .cta-box,
#contacto .contact-box,
#contacto .cta{grid-template-columns:1fr !important;grid-template-areas:
"tag"
"title"
"desc"
"button" !important;gap:10px !important;padding:24px 20px !important;border-radius:17px !important;}
#contacto h2{font-size:clamp(29px,8.5vw,39px) !important;}
#contacto .cta-actions,
#contacto .contact-actions,
#contacto .actions{margin-top:7px !important;}
}
html.edool-tier-low #contacto *,
html.edool-old-windows #contacto *{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:none !important;text-shadow:none !important;}
#contacto .cta-box,
#contacto .contact-box,
#contacto .cta{border-color:rgba(73,168,255,.30) !important;background:
linear-gradient(120deg,#0d1828 0%,#10283d 52%,#0e3345 100%) !important;}
#contacto .cta-box::before,
#contacto .contact-box::before,
#contacto .cta::before{background:linear-gradient(180deg,#2979ff 0%,#55dfff 100%) !important;}
#contacto .eyebrow,
#contacto .cta-kicker{color:#65dcff !important;}
#contacto h2 span{background:linear-gradient(90deg,#4f8dff 0%,#66e3ff 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:#66dfff !important;}
#contacto .btn-primary,
#contacto .cta-primary{border-color:transparent !important;background:linear-gradient(100deg,#397cff 0%,#55dfff 100%) !important;color:#06111a !important;}
#contacto .btn-primary:hover,
#contacto .cta-primary:hover{background:linear-gradient(100deg,#5590ff 0%,#79e7ff 100%) !important;border-color:transparent !important;color:#06111a !important;}
#contacto .btn-secondary,
#contacto .cta-secondary{border-color:rgba(88,201,255,.38) !important;background:#101d2a !important;color:#82ddff !important;}
#contacto .btn-primary,
#contacto .cta-primary,
#contacto a[href^="mailto:"],
#contacto .contact-link{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;min-height:43px !important;padding:0 18px !important;border:1px solid #b8ff78 !important;border-radius:11px !important;background:#aef36d !important;color:#0c1608 !important;font-size:10.5px !important;font-weight:850 !important;letter-spacing:.01em !important;box-shadow:
0 8px 20px rgba(130,230,85,.12),
inset 0 1px 0 rgba(255,255,255,.30) !important;transition:
transform .22s ease,
background .22s ease,
border-color .22s ease !important;}
#contacto .btn-primary:hover,
#contacto .cta-primary:hover,
#contacto a[href^="mailto:"]:hover,
#contacto .contact-link:hover{background:#c2ff86 !important;border-color:#c2ff86 !important;color:#0b1507 !important;transform:translateY(-1px) !important;}
#contacto .edool-mail-icon{width:17px !important;height:17px !important;flex:0 0 17px !important;display:block !important;}
#contacto .button-arrow,
#contacto .arrow,
#contacto .btn-icon:not(.edool-mail-icon),
#contacto .contact-link > svg:not(.edool-mail-icon){display:none !important;}
html.edool-tier-low #contacto .btn-primary,
html.edool-old-windows #contacto .btn-primary,
html.edool-tier-low #contacto .cta-primary,
html.edool-old-windows #contacto .cta-primary,
html.edool-tier-low #contacto a[href^="mailto:"],
html.edool-old-windows #contacto a[href^="mailto:"]{box-shadow:none !important;}
#contacto{padding-top:34px !important;padding-bottom:42px !important;}
#contacto .cta-box,
#contacto .contact-box,
#contacto .cta{min-height:0 !important;padding:20px 0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;background-image:none !important;box-shadow:none !important;outline:none !important;}
#contacto .cta-box::before,
#contacto .cta-box::after,
#contacto .contact-box::before,
#contacto .contact-box::after,
#contacto .cta::before,
#contacto .cta::after{display:none !important;content:none !important;}
#contacto h2{max-width:610px !important;font-size:clamp(31px,3.5vw,48px) !important;line-height:.98 !important;}
#contacto p{max-width:540px !important;margin-top:10px !important;}
#contacto .eyebrow,
#contacto .cta-kicker{position:relative !important;padding-left:18px !important;}
#contacto .eyebrow::before,
#contacto .cta-kicker::before{content:"" !important;position:absolute !important;left:0 !important;top:50% !important;width:9px !important;height:2px !important;transform:translateY(-50%) !important;border-radius:99px !important;background:#5bdcff !important;}
#contacto .btn-primary,
#contacto .cta-primary,
#contacto a[href^="mailto:"],
#contacto .contact-link{background:#aef36d !important;border-color:#b8ff78 !important;color:#0c1608 !important;}
@media(max-width:760px){#contacto{padding-top:28px !important;padding-bottom:34px !important;}
#contacto .cta-box,
#contacto .contact-box,
#contacto .cta{padding:14px 0 !important;}
}
#contacto{display:none !important;}
.edool-after-gallery{padding:34px 0 48px;background:transparent;}
.edool-after-gallery-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:64px;align-items:end;padding:30px 0 4px;border-top:1px solid #202933;}
.edool-after-kicker{display:flex;align-items:center;gap:9px;margin-bottom:13px;color:#7e8995;font-size:8px;font-weight:850;letter-spacing:.17em;}
.edool-after-dot{width:6px;height:6px;border-radius:50%;background:#67dcff;box-shadow:0 0 0 4px rgba(103,220,255,.08);}
.edool-after-copy h3{max-width:650px;margin:0;color:#f4f6f8;font-size:clamp(34px,4vw,54px);line-height:.98;font-weight:650;letter-spacing:-.052em;}
.edool-after-copy h3 span{background:linear-gradient(90deg,#438bff 0%,#64e3ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#65dfff;}
.edool-after-copy p{max-width:610px;margin:17px 0 0;color:#89949f;font-size:13px;line-height:1.62;}
.edool-after-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #29333d;border-bottom:1px solid #29333d;}
.edool-after-item{position:relative;min-width:0;padding:17px 16px 18px;}
.edool-after-item + .edool-after-item{border-left:1px solid #29333d;}
.edool-after-item > span{display:block;margin-bottom:13px;color:#62dfff;font-size:8px;font-weight:850;letter-spacing:.12em;}
.edool-after-item strong{display:block;color:#e9edf1;font-size:12px;font-weight:750;}
.edool-after-item small{display:block;margin-top:5px;color:#68737e;font-size:9px;line-height:1.4;}
@media (hover:hover){.edool-after-item{transition:background .2s ease;}
.edool-after-item:hover{background:#0c1218;}
}
@media(max-width:900px){.edool-after-gallery-inner{grid-template-columns:1fr;gap:28px;}
.edool-after-meta{max-width:650px;}
}
@media(max-width:700px){.edool-after-gallery{padding:25px 0 38px;}
.edool-after-gallery-inner{gap:23px;padding-top:24px;}
.edool-after-copy h3{font-size:clamp(31px,9vw,42px);}
.edool-after-copy p{margin-top:14px;font-size:12.5px;}
.edool-after-meta{grid-template-columns:1fr;border-bottom:0;}
.edool-after-item{display:grid;grid-template-columns:34px 1fr;grid-template-areas:
"num title"
"num desc";padding:13px 4px;border-bottom:1px solid #29333d;}
.edool-after-item + .edool-after-item{border-left:0;}
.edool-after-item > span{grid-area:num;margin:2px 0 0;}
.edool-after-item strong{grid-area:title;}
.edool-after-item small{grid-area:desc;}
}
html.edool-tier-low .edool-after-copy h3 span,
html.edool-old-windows .edool-after-copy h3 span{background:none;-webkit-text-fill-color:#64dfff;color:#64dfff;}
html.edool-tier-low .edool-after-dot,
html.edool-old-windows .edool-after-dot{box-shadow:none;}

#capacidades .capabilities-grid{align-items:stretch;}
#capacidades .capability{min-height:230px;}
#capacidades .capability h3{text-transform:none;}
@media(min-width:1100px){#capacidades .capabilities-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
#capacidades .capability:last-child{grid-column:1 / -1;min-height:190px;}
}
@media(max-width:700px){#capacidades .capability{min-height:190px;}
}

@media(min-width:1100px){#capacidades .capabilities-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
#capacidades .capability:last-child{grid-column:auto !important;min-height:230px !important;}
}
#capacidades .capability{min-height:230px !important;}
#capacidades .capability h3{text-transform:none !important;}
@media(max-width:700px){#capacidades .capability{min-height:190px !important;}
}
.edool-carousel-track{transition: transform .95s cubic-bezier(.45,.05,.20,1) !important;}
.edool-slide,
.edool-slide img{backface-visibility:hidden !important;-webkit-backface-visibility:hidden !important;}
.edool-slide img,
.edool-slide.active img{transform:none !important;transition:none !important;}
.edool-slide-content{max-width:520px !important;}
@media(max-width:700px){.edool-carousel-track{transition: transform .82s cubic-bezier(.45,.05,.20,1) !important;}
.edool-slide-content{bottom:16px !important;}
.edool-carousel-dots{bottom:10px !important;}
}
.edool-slide-content{left: clamp(14px,2vw,24px) !important;right: auto !important;bottom: clamp(14px,2vw,22px) !important;width: min(360px, calc(100% - 90px)) !important;max-width: 360px !important;padding: 10px 12px 11px !important;border-radius: 12px !important;background: rgba(7,10,15,.54) !important;border: 1px solid rgba(255,255,255,.09) !important;backdrop-filter: blur(7px) !important;-webkit-backdrop-filter: blur(7px) !important;box-shadow: 0 8px 24px rgba(0,0,0,.14) !important;}
.edool-slide-kicker{gap: 5px !important;margin-bottom: 4px !important;font-size: 7.5px !important;letter-spacing: .11em !important;}
.edool-slide-content h3{margin: 0 0 4px !important;font-size: clamp(17px,1.8vw,23px) !important;line-height: 1.05 !important;letter-spacing: -.025em !important;}
.edool-slide-content p{margin: 0 !important;max-width: 330px !important;font-size: 10.5px !important;line-height: 1.35 !important;display: -webkit-box !important;-webkit-line-clamp: 2 !important;-webkit-box-orient: vertical !important;overflow: hidden !important;}
@media(max-width:700px){.edool-slide-content{left: 10px !important;bottom: 10px !important;width: min(270px, calc(100% - 66px)) !important;max-width: 270px !important;padding: 8px 9px 9px !important;border-radius: 10px !important;}
.edool-slide-kicker{margin-bottom: 3px !important;font-size: 6.5px !important;}
.edool-slide-content h3{margin-bottom: 3px !important;font-size: clamp(15px,4.5vw,19px) !important;}
.edool-slide-content p{font-size: 9px !important;line-height: 1.3 !important;-webkit-line-clamp: 2 !important;}
}
.edool-carousel-dots{width: fit-content !important;min-width: 0 !important;left: 50% !important;right: auto !important;transform: translateX(-50%) !important;padding: 5px 8px !important;gap: 6px !important;border-radius: 999px !important;background: rgba(7,10,15,.38) !important;backdrop-filter: blur(6px) !important;-webkit-backdrop-filter: blur(6px) !important;}
@media(max-width:700px){.edool-carousel-dots{padding: 4px 7px !important;gap: 5px !important;}
}
#edoolCarousel,
#edoolCarousel .edool-carousel-viewport,
#edoolCarousel .edool-carousel-track,
#edoolCarousel .edool-slide,
#edoolCarousel .edool-slide img{-webkit-backface-visibility:hidden !important;backface-visibility:hidden !important;}
#edoolCarousel .edool-carousel-track{transform-style:preserve-3d !important;-webkit-transform-style:preserve-3d !important;}
#edoolCarousel .edool-slide{flex:0 0 100% !important;min-width:100% !important;}
#edoolCarousel .edool-slide img{display:block !important;transform:translateZ(0) !important;-webkit-transform:translateZ(0) !important;}
#edoolCarousel .edool-slide::after{content:none !important;background:none !important;}
#edoolCarousel .edool-carousel-viewport{position:relative !important;isolation:isolate !important;}
#edoolCarousel .edool-carousel-track{position:relative !important;z-index:0 !important;}
#edoolCarousel .edool-carousel-viewport::after{content:"" !important;position:absolute !important;left:0 !important;right:0 !important;bottom:0 !important;height:34% !important;z-index:1 !important;pointer-events:none !important;background:linear-gradient(
to top,
rgba(4,7,11,.30) 0%,
rgba(4,7,11,.12) 42%,
rgba(4,7,11,.035) 72%,
transparent 100%
) !important;}
#edoolCarousel .edool-slide-content{z-index:3 !important;}
#edoolCarousel .edool-carousel-dots,
#edoolCarousel .edool-carousel-arrow,
#edoolCarousel button{position:relative;z-index:4;}
@media(max-width:700px){#edoolCarousel .edool-carousel-viewport::after{height:28% !important;background:linear-gradient(
to top,
rgba(4,7,11,.24) 0%,
rgba(4,7,11,.08) 48%,
transparent 100%
) !important;}
}
#edoolCarousel .edool-carousel-track{will-change: transform !important;transform: translate3d(0,0,0);}
#edoolCarousel .edool-slide{flex: 0 0 100% !important;min-width: 100% !important;contain: paint !important;}
#edoolCarousel .edool-slide img{-webkit-user-select:none !important;user-select:none !important;pointer-events:none !important;}
#edoolCarousel .edool-slide,
#edoolCarousel .edool-slide.active{opacity:1 !important;visibility:visible !important;filter:none !important;}
#edoolCarousel .edool-slide img,
#edoolCarousel .edool-slide.active img{opacity:1 !important;filter:none !important;transform:translateZ(0) !important;transition:none !important;animation:none !important;}
#edoolCarousel .edool-carousel-track.no-transition{transition:none !important;}
#edoolCarousel .edool-slide-content{left: clamp(18px,3vw,34px) !important;right: auto !important;bottom: clamp(20px,3vw,30px) !important;width: min(520px, calc(100% - 70px)) !important;max-width: 520px !important;padding: 0 !important;border: 0 !important;border-radius: 0 !important;background: transparent !important;backdrop-filter: none !important;-webkit-backdrop-filter: none !important;box-shadow: none !important;}
#edoolCarousel .edool-slide-kicker{margin-bottom: 5px !important;font-size: 8px !important;letter-spacing: .12em !important;color: #e9ff72 !important;text-shadow:
0 1px 2px rgba(0,0,0,.90),
0 2px 8px rgba(0,0,0,.55) !important;}
#edoolCarousel .edool-slide-content h3{margin: 0 0 5px !important;font-size: clamp(21px,2.4vw,32px) !important;line-height: 1.03 !important;letter-spacing: -.03em !important;color: #fff !important;text-shadow:
0 1px 2px rgba(0,0,0,.95),
0 3px 12px rgba(0,0,0,.70),
0 8px 24px rgba(0,0,0,.35) !important;}
#edoolCarousel .edool-slide-content p{margin: 0 !important;max-width: 470px !important;font-size: 11.5px !important;line-height: 1.38 !important;color: rgba(255,255,255,.93) !important;text-shadow:
0 1px 2px rgba(0,0,0,.95),
0 2px 8px rgba(0,0,0,.65) !important;}
#edoolCarousel .edool-carousel-viewport::after{height: 36% !important;background: linear-gradient(
to top,
rgba(3,5,8,.36) 0%,
rgba(3,5,8,.16) 40%,
rgba(3,5,8,.05) 68%,
transparent 100%
) !important;}
@media(max-width:700px){#edoolCarousel .edool-slide-content{left: 12px !important;right: 12px !important;bottom: 14px !important;width: auto !important;max-width: none !important;}
#edoolCarousel .edool-slide-kicker{margin-bottom: 3px !important;font-size: 6.8px !important;}
#edoolCarousel .edool-slide-content h3{margin-bottom: 3px !important;font-size: clamp(16px,5vw,21px) !important;line-height: 1.05 !important;}
#edoolCarousel .edool-slide-content p{max-width: 78% !important;font-size: 9.5px !important;line-height: 1.3 !important;display: -webkit-box !important;-webkit-line-clamp: 2 !important;-webkit-box-orient: vertical !important;overflow: hidden !important;}
#edoolCarousel .edool-carousel-viewport::after{height: 31% !important;background: linear-gradient(
to top,
rgba(3,5,8,.32) 0%,
rgba(3,5,8,.12) 45%,
transparent 100%
) !important;}
}
#edoolCarousel .edool-slide{position: relative !important;}
#edoolCarousel .edool-slide .edool-slide-content{position: absolute !important;z-index: 3 !important;pointer-events: none !important;}
#edoolCarousel .edool-slide .edool-slide-kicker,
#edoolCarousel .edool-slide .edool-slide-content h3,
#edoolCarousel .edool-slide .edool-slide-content p{position: static !important;}
#edoolCarousel .edool-carousel-dots,
#edoolCarousel .edool-carousel-arrow{z-index: 6 !important;}
#edoolCarousel .edool-slide,
#edoolCarousel .edool-slide .edool-slide-content{-webkit-backface-visibility: hidden !important;backface-visibility: hidden !important;}
#edoolCarousel .edool-slide .edool-slide-content,
#edoolCarousel .edool-slide.active .edool-slide-content{position:absolute !important;display:block !important;opacity:1 !important;visibility:visible !important;transform:translate3d(0,0,0) !important;transition:none !important;animation:none !important;will-change:auto !important;z-index:3 !important;}
#edoolCarousel .edool-slide .edool-slide-kicker,
#edoolCarousel .edool-slide .edool-slide-content h3,
#edoolCarousel .edool-slide .edool-slide-content p{opacity:1 !important;visibility:visible !important;transform:none !important;transition:none !important;animation:none !important;}
#edoolCarousel .edool-slide{position:relative !important;overflow:hidden !important;transform:none !important;}
#edoolCarousel .edool-carousel-track{will-change:transform !important;}
#edoolCarousel .edool-carousel-track:not(.no-transition){transition:transform .95s cubic-bezier(.45,.05,.20,1) !important;}
@media(max-width:700px){#edoolCarousel .edool-carousel-track:not(.no-transition){transition:transform .88s cubic-bezier(.45,.05,.20,1) !important;}
}
#edoolCarousel .edool-slide .edool-slide-content,
#edoolCarousel .edool-slide.active .edool-slide-content{left: clamp(18px,3vw,34px) !important;right: auto !important;top: clamp(18px,3vw,30px) !important;bottom: auto !important;}
@media(max-width:700px){#edoolCarousel .edool-slide .edool-slide-content,
#edoolCarousel .edool-slide.active .edool-slide-content{left: 12px !important;right: 12px !important;top: 14px !important;bottom: auto !important;}
}
#edoolCarousel .edool-slide::before{content:"" !important;position:absolute !important;inset:0 !important;z-index:2 !important;pointer-events:none !important;background:
linear-gradient(
135deg,
rgba(2,5,9,.46) 0%,
rgba(2,5,9,.27) 18%,
rgba(2,5,9,.10) 34%,
transparent 53%
) !important;}
#edoolCarousel .edool-slide .edool-slide-content,
#edoolCarousel .edool-slide.active .edool-slide-content{z-index:3 !important;background:transparent !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
#edoolCarousel .edool-slide-kicker{color:#efff8b !important;text-shadow:
0 1px 2px rgba(0,0,0,.95),
0 2px 7px rgba(0,0,0,.72),
0 4px 14px rgba(0,0,0,.38) !important;}
#edoolCarousel .edool-slide-content h3{color:#fff !important;-webkit-text-stroke:.30px rgba(0,0,0,.42);text-shadow:
0 1px 2px rgba(0,0,0,.98),
0 2px 7px rgba(0,0,0,.78),
0 5px 18px rgba(0,0,0,.48) !important;}
#edoolCarousel .edool-slide-content p{color:rgba(255,255,255,.97) !important;text-shadow:
0 1px 2px rgba(0,0,0,.98),
0 2px 7px rgba(0,0,0,.78),
0 4px 13px rgba(0,0,0,.42) !important;}
@media(max-width:700px){#edoolCarousel .edool-slide::before{background:
linear-gradient(
135deg,
rgba(2,5,9,.50) 0%,
rgba(2,5,9,.28) 20%,
rgba(2,5,9,.08) 38%,
transparent 58%
) !important;}
#edoolCarousel .edool-slide-content h3{-webkit-text-stroke:.25px rgba(0,0,0,.45);}
}
#edoolCarousel .edool-slide::before,
#edoolCarousel .edool-slide.active::before{content:none !important;display:none !important;background:none !important;}
#edoolCarousel .edool-carousel-viewport::before{content:"" !important;position:absolute !important;inset:0 !important;z-index:2 !important;pointer-events:none !important;opacity:1 !important;visibility:visible !important;transition:none !important;animation:none !important;background:
linear-gradient(
135deg,
rgba(2,5,9,.43) 0%,
rgba(2,5,9,.25) 18%,
rgba(2,5,9,.09) 34%,
transparent 53%
) !important;}
#edoolCarousel .edool-slide .edool-slide-content,
#edoolCarousel .edool-slide.active .edool-slide-content{z-index:4 !important;}
#edoolCarousel .edool-carousel-dots,
#edoolCarousel .edool-carousel-arrow{z-index:6 !important;}
@media(max-width:700px){#edoolCarousel .edool-carousel-viewport::before{opacity:1 !important;background:
linear-gradient(
135deg,
rgba(2,5,9,.46) 0%,
rgba(2,5,9,.25) 20%,
rgba(2,5,9,.07) 38%,
transparent 58%
) !important;}
}
#edoolCarousel .edool-carousel-track{will-change: transform !important;transform-style: flat !important;-webkit-transform-style: flat !important;}
#edoolCarousel .edool-carousel-track:not(.no-transition){transition: transform .95s cubic-bezier(.45,.05,.20,1) !important;}
#edoolCarousel .edool-carousel-track.no-transition{transition: none !important;}
#edoolCarousel .edool-slide,
#edoolCarousel .edool-slide.active{position: relative !important;flex: 0 0 100% !important;min-width: 100% !important;opacity: 1 !important;visibility: visible !important;filter: none !important;transform: none !important;transition: none !important;animation: none !important;contain: none !important;backface-visibility: visible !important;-webkit-backface-visibility: visible !important;}
#edoolCarousel .edool-slide img,
#edoolCarousel .edool-slide.active img{display: block !important;width: 100% !important;height: 100% !important;object-fit: cover !important;opacity: 1 !important;visibility: visible !important;filter: none !important;transform: none !important;transition: none !important;animation: none !important;backface-visibility: visible !important;-webkit-backface-visibility: visible !important;}
#edoolCarousel .edool-slide .edool-slide-content,
#edoolCarousel .edool-slide.active .edool-slide-content{display: block !important;opacity: 1 !important;visibility: visible !important;transform: none !important;transition: none !important;animation: none !important;}
#edoolCarousel .edool-carousel-viewport::before,
#edoolCarousel .edool-carousel-viewport::after{transition: none !important;animation: none !important;opacity: 1 !important;}
@media(max-width:700px){#edoolCarousel .edool-carousel-track:not(.no-transition){transition: transform .88s cubic-bezier(.45,.05,.20,1) !important;}
}
#edoolCarousel .edool-carousel-track{will-change: transform !important;}
#edoolCarousel .edool-slide,
#edoolCarousel .edool-slide img,
#edoolCarousel .edool-slide .edool-slide-content{transition-property: none;}
#edoolCarousel .edool-carousel-track:not(.no-transition){transition: transform .95s cubic-bezier(.45,.05,.20,1) !important;}
#edoolCarousel .edool-carousel-track.no-transition{transition: none !important;}
#edoolCarousel .edool-carousel-track{position:relative !important;width:100% !important;height:100% !important;transform:none !important;transition:none !important;overflow:visible !important;}
#edoolCarousel .edool-slide,
#edoolCarousel .edool-slide.active{position:absolute !important;top:0 !important;bottom:0 !important;width:100% !important;min-width:100% !important;height:100% !important;flex:none !important;opacity:1 !important;visibility:visible !important;transition:left .95s cubic-bezier(.45,.05,.20,1) !important;transform:none !important;animation:none !important;filter:none !important;}
#edoolCarousel .edool-slide img,
#edoolCarousel .edool-slide.active img{width:100% !important;height:100% !important;display:block !important;object-fit:cover !important;opacity:1 !important;visibility:visible !important;transform:none !important;transition:none !important;animation:none !important;filter:none !important;}
#edoolCarousel .edool-slide .edool-slide-content,
#edoolCarousel .edool-slide.active .edool-slide-content{opacity:1 !important;visibility:visible !important;transition:none !important;animation:none !important;}
#edoolCarousel .edool-carousel-viewport::before,
#edoolCarousel .edool-carousel-viewport::after{opacity:1 !important;transition:none !important;animation:none !important;}
@media(max-width:700px){#edoolCarousel .edool-slide,
#edoolCarousel .edool-slide.active{transition:left .88s cubic-bezier(.45,.05,.20,1) !important;}
}
#edoolCarousel .edool-slide.edool-resetting,
#edoolCarousel .edool-slide.active.edool-resetting{transition:none !important;}
#edoolCarousel .edool-carousel-viewport{overflow:hidden !important;}
#edoolCarousel .edool-slide{overflow:hidden !important;}
#edoolCarousel .edool-slide .edool-slide-content,
#edoolCarousel .edool-slide.active .edool-slide-content,
#edoolCarousel .edool-slide .edool-slide-kicker,
#edoolCarousel .edool-slide .edool-slide-content h3,
#edoolCarousel .edool-slide .edool-slide-content p{transition:none !important;animation:none !important;transform:none !important;}
#edoolCarousel .edool-slide img{aspect-ratio: 16 / 9;}
#inicio.hero{position:relative !important;overflow:hidden !important;isolation:isolate !important;min-height:clamp(640px,82vh,880px);}
#inicio .hero-bg-carousel{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#080d14;}
#inicio .hero-bg-slide{position:absolute;inset:0;opacity:1 !important;visibility:visible !important;transform:translate3d(100%,0,0);transition:transform 1.35s cubic-bezier(.45,.05,.20,1);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;}
#inicio .hero-bg-slide:first-child{transform:translate3d(0,0,0);}
#inicio .hero-bg-slide img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transform:none !important;transition:none !important;animation:none !important;}
#inicio .hero-bg-slide.edool-bg-reset{transition:none !important;}
#inicio .hero-bg-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:
linear-gradient(
90deg,
rgba(7,11,17,.78) 0%,
rgba(7,11,17,.58) 36%,
rgba(7,11,17,.30) 66%,
rgba(7,11,17,.40) 100%
),
linear-gradient(
180deg,
rgba(7,11,17,.28) 0%,
rgba(7,11,17,.06) 45%,
rgba(7,11,17,.50) 100%
);}
#inicio .hero-inner{position:relative !important;z-index:3 !important;}
#inicio .hero-copy{position:relative;z-index:4;}
#inicio .hero-copy h1,
#inicio .hero-copy .hero-description,
#inicio .hero-copy .eyebrow{text-shadow:
0 2px 8px rgba(0,0,0,.48),
0 8px 28px rgba(0,0,0,.22);}
#inicio .hero-visual{position:relative !important;z-index:4 !important;}
#inicio.hero::before,
#inicio.hero::after{z-index:1 !important;pointer-events:none !important;}
@media(max-width:700px){#inicio.hero{min-height:auto;}
#inicio .hero-bg-slide{transition:transform 1.10s cubic-bezier(.45,.05,.20,1);}
#inicio .hero-bg-slide img{object-position:center center;}
#inicio .hero-bg-shade{background:
linear-gradient(
180deg,
rgba(7,11,17,.62) 0%,
rgba(7,11,17,.38) 40%,
rgba(7,11,17,.60) 100%
);}
}
@media(prefers-reduced-motion:reduce){#inicio .hero-bg-slide{transition:none !important;}
}
}
@media(min-width:901px){#inicio .hero-inner{position:relative !important;min-height:clamp(590px,76vh,790px) !important;}
#inicio .hero-copy{position:relative !important;z-index:4 !important;align-self:center !important;}
#inicio .hero-visual{position:absolute !important;right:0 !important;bottom:22px !important;width:min(31vw,390px) !important;max-width:390px !important;min-width:300px !important;z-index:5 !important;margin:0 !important;align-self:auto !important;}
#inicio #coreMiniCarousel{width:100% !important;max-width:100% !important;margin:0 !important;}
}
@media(min-width:701px) and (max-width:1100px){#inicio .hero-visual{right:10px !important;bottom:18px !important;width:min(34vw,350px) !important;min-width:270px !important;}
}
@media(max-width:700px){#inicio .hero-visual{position:relative !important;right:auto !important;bottom:auto !important;width:min(82vw,330px) !important;max-width:330px !important;min-width:0 !important;margin-left:auto !important;margin-right:0 !important;margin-top:20px !important;z-index:5 !important;}
#inicio #coreMiniCarousel{width:100% !important;max-width:100% !important;margin:0 !important;}
}
@media(min-width:901px){#inicio .hero-visual{position:absolute !important;right:22px !important;bottom:24px !important;width:300px !important;max-width:300px !important;min-width:0 !important;margin:0 !important;z-index:6 !important;}
#inicio #coreMiniCarousel{width:300px !important;max-width:300px !important;min-width:0 !important;margin:0 !important;}
#inicio #coreMiniCarousel .mini-carousel-shell,
#inicio #coreMiniCarousel .mini-carousel-frame,
#inicio #coreMiniCarousel .mini-carousel-viewport,
#inicio #coreMiniCarousel .mini-carousel-track,
#inicio #coreMiniCarousel .mini-slide{max-width:300px !important;}
}
@media(min-width:701px) and (max-width:900px){#inicio .hero-visual{position:absolute !important;right:14px !important;bottom:18px !important;width:270px !important;max-width:270px !important;min-width:0 !important;}
#inicio #coreMiniCarousel{width:270px !important;max-width:270px !important;min-width:0 !important;}
}
@media(max-width:700px){#inicio .hero-visual{width:260px !important;max-width:260px !important;min-width:0 !important;margin-left:auto !important;margin-right:12px !important;margin-top:18px !important;}
#inicio #coreMiniCarousel{width:260px !important;max-width:260px !important;min-width:0 !important;}
}
@media(min-width:901px){#inicio .hero-visual{position:absolute !important;right:20px !important;bottom:18px !important;width:350px !important;max-width:350px !important;min-width:0 !important;height:auto !important;margin:0 !important;z-index:6 !important;transform:scale(.70) !important;transform-origin:right bottom !important;}
}
@media(min-width:701px) and (max-width:900px){#inicio .hero-visual{position:absolute !important;right:12px !important;bottom:14px !important;width:340px !important;max-width:340px !important;min-width:0 !important;transform:scale(.68) !important;transform-origin:right bottom !important;z-index:6 !important;}
}
@media(max-width:700px){#inicio .hero-visual{position:relative !important;right:auto !important;bottom:auto !important;width:330px !important;max-width:330px !important;min-width:0 !important;margin-left:auto !important;margin-right:-42px !important;margin-top:-4px !important;transform:scale(.76) !important;transform-origin:right top !important;z-index:6 !important;}
}
#inicio .hero-visual #coreMiniCarousel{width:100% !important;max-width:100% !important;min-width:0 !important;}
@media(min-width:901px){#inicio .hero-visual{bottom:4px !important;}
}
@media(min-width:701px) and (max-width:900px){#inicio .hero-visual{bottom:4px !important;}
}
@media(max-width:700px){#inicio .hero-visual{margin-top:8px !important;}
}
#inicio .hero-visual,
#inicio #coreMiniCarousel,
#inicio #coreMiniCarousel .mini-carousel-shell,
#inicio #coreMiniCarousel .mini-carousel-frame,
#inicio #coreMiniCarousel .mini-carousel-card{background:rgba(8,12,18,.18) !important;background-color:rgba(8,12,18,.18) !important;border-color:rgba(255,255,255,.08) !important;box-shadow:0 8px 22px rgba(0,0,0,.10) !important;backdrop-filter:blur(2px) !important;-webkit-backdrop-filter:blur(2px) !important;}
#inicio #coreMiniCarousel::before,
#inicio #coreMiniCarousel::after,
#inicio .hero-visual::before,
#inicio .hero-visual::after{background:transparent !important;opacity:.18 !important;}
#inicio #coreMiniCarousel .mini-carousel-viewport{background:rgba(8,12,18,.10) !important;box-shadow:none !important;}
@media(min-width:901px){#inicio .hero-visual{bottom:-28px !important;}
}
@media(min-width:701px) and (max-width:900px){#inicio .hero-visual{bottom:-20px !important;}
}
@media(max-width:700px){#inicio .hero-visual{margin-top:22px !important;margin-bottom:-18px !important;}
}
#inicio .hero-visual,
#inicio #coreMiniCarousel,
#inicio #coreMiniCarousel .mini-carousel-shell,
#inicio #coreMiniCarousel .mini-carousel-frame,
#inicio #coreMiniCarousel .mini-carousel-card{background:rgba(8,12,18,.045) !important;background-color:rgba(8,12,18,.045) !important;border-color:rgba(255,255,255,.055) !important;box-shadow:
0 5px 16px rgba(0,0,0,.055) !important;backdrop-filter:blur(.6px) !important;-webkit-backdrop-filter:blur(.6px) !important;}
#inicio #coreMiniCarousel::before,
#inicio #coreMiniCarousel::after,
#inicio .hero-visual::before,
#inicio .hero-visual::after{background:transparent !important;background-color:transparent !important;opacity:.05 !important;}
#inicio #coreMiniCarousel .mini-carousel-viewport{background:rgba(8,12,18,.025) !important;background-color:rgba(8,12,18,.025) !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
@media(min-width:901px){#inicio .hero-visual{transform:scale(.60) !important;transform-origin:right bottom !important;right:18px !important;bottom:-30px !important;}
}
@media(min-width:701px) and (max-width:900px){#inicio .hero-visual{transform:scale(.60) !important;transform-origin:right bottom !important;right:10px !important;bottom:-22px !important;}
}
@media(max-width:700px){#inicio .hero-visual{transform:scale(.68) !important;transform-origin:right top !important;}
}
#inicio .hero-visual,
#inicio #coreMiniCarousel,
#inicio #coreMiniCarousel .mini-carousel-shell,
#inicio #coreMiniCarousel .mini-carousel-frame,
#inicio #coreMiniCarousel .mini-carousel-card{background:rgba(8,12,18,.018) !important;background-color:rgba(8,12,18,.018) !important;border-color:rgba(255,255,255,.035) !important;box-shadow:0 3px 10px rgba(0,0,0,.025) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
#inicio #coreMiniCarousel::before,
#inicio #coreMiniCarousel::after,
#inicio .hero-visual::before,
#inicio .hero-visual::after{background:transparent !important;background-color:transparent !important;opacity:.02 !important;}
#inicio #coreMiniCarousel .mini-carousel-viewport{background:transparent !important;background-color:transparent !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
@media(min-width:901px){#inicio .hero-visual{transform:scale(.50) !important;transform-origin:right bottom !important;right:14px !important;bottom:-32px !important;}
}
@media(min-width:701px) and (max-width:900px){#inicio .hero-visual{transform:scale(.52) !important;transform-origin:right bottom !important;right:8px !important;bottom:-24px !important;}
}
@media(max-width:700px){#inicio .hero-visual{transform:scale(.60) !important;transform-origin:right top !important;}
}
#inicio .hero-visual,
#inicio #coreMiniCarousel,
#inicio #coreMiniCarousel .mini-carousel-shell,
#inicio #coreMiniCarousel .mini-carousel-frame,
#inicio #coreMiniCarousel .mini-carousel-card,
#inicio #coreMiniCarousel .mini-carousel-viewport{background:rgba(8,12,18,.006) !important;background-color:rgba(8,12,18,.006) !important;border-color:rgba(255,255,255,.018) !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
#inicio .hero-visual::before,
#inicio .hero-visual::after,
#inicio #coreMiniCarousel::before,
#inicio #coreMiniCarousel::after,
#inicio #coreMiniCarousel .mini-carousel-shell::before,
#inicio #coreMiniCarousel .mini-carousel-shell::after,
#inicio #coreMiniCarousel .mini-carousel-frame::before,
#inicio #coreMiniCarousel .mini-carousel-frame::after{background:transparent !important;background-color:transparent !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;opacity:0 !important;}
#inicio .hero-bg-shade{background:
linear-gradient(
90deg,
rgba(7,11,17,.38) 0%,
rgba(7,11,17,.24) 34%,
rgba(7,11,17,.10) 66%,
rgba(7,11,17,.14) 100%
),
linear-gradient(
180deg,
rgba(7,11,17,.14) 0%,
rgba(7,11,17,.03) 48%,
rgba(7,11,17,.20) 100%
) !important;}
#inicio.hero::before,
#inicio.hero::after{opacity:.18 !important;background:transparent !important;box-shadow:none !important;}
#inicio .hero-copy h1,
#inicio .hero-copy .hero-description,
#inicio .hero-copy .eyebrow{text-shadow:
0 2px 6px rgba(0,0,0,.62),
0 6px 18px rgba(0,0,0,.28) !important;}
@media(max-width:700px){#inicio .hero-bg-shade{background:
linear-gradient(
180deg,
rgba(7,11,17,.26) 0%,
rgba(7,11,17,.10) 42%,
rgba(7,11,17,.28) 100%
) !important;}
#inicio.hero::before,
#inicio.hero::after{opacity:.12 !important;}
}
@media(max-width:700px){#inicio.hero{min-height:auto !important;padding-bottom:24px !important;}
#inicio .hero-inner{min-height:auto !important;display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:18px !important;}
#inicio .hero-copy{width:100% !important;max-width:none !important;position:relative !important;z-index:5 !important;}
#inicio .hero-visual{position:relative !important;inset:auto !important;width:min(88vw,360px) !important;max-width:360px !important;min-width:0 !important;margin:8px auto 0 !important;transform:scale(.88) !important;transform-origin:center top !important;z-index:6 !important;}
#inicio #coreMiniCarousel{width:100% !important;max-width:100% !important;min-width:0 !important;}
#inicio .hero-bg-shade{background:
linear-gradient(
180deg,
rgba(7,11,17,.34) 0%,
rgba(7,11,17,.16) 36%,
rgba(7,11,17,.10) 62%,
rgba(7,11,17,.24) 100%
) !important;}
#inicio .hero-visual,
#inicio #coreMiniCarousel,
#inicio #coreMiniCarousel .mini-carousel-shell,
#inicio #coreMiniCarousel .mini-carousel-frame,
#inicio #coreMiniCarousel .mini-carousel-card,
#inicio #coreMiniCarousel .mini-carousel-viewport{background:rgba(8,12,18,.008) !important;background-color:rgba(8,12,18,.008) !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
#inicio .hero-visual{right:auto !important;bottom:auto !important;margin-bottom:0 !important;}
}
@media(max-width:390px){#inicio .hero-visual{width:min(94vw,340px) !important;transform:scale(.84) !important;}
}
@media(max-width:700px){#inicio .hero-bg-slide{overflow:hidden !important;background:#070b11 !important;}
#inicio .hero-bg-slide::before{content:"" !important;display:block !important;position:absolute !important;inset:-10% !important;z-index:0 !important;pointer-events:none !important;background-image:var(--edool-bg) !important;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;filter:blur(22px) brightness(.68) saturate(.95) !important;transform:scale(1.10) !important;opacity:.92 !important;transition:none !important;animation:none !important;}
#inicio .hero-bg-slide > img{position:absolute !important;inset:0 !important;z-index:1 !important;width:100% !important;height:100% !important;object-fit:contain !important;object-position:center center !important;transform:none !important;transition:none !important;animation:none !important;filter:drop-shadow(0 10px 24px rgba(0,0,0,.18)) !important;}
#inicio .hero-bg-shade{background:
linear-gradient(
180deg,
rgba(5,8,13,.20) 0%,
rgba(5,8,13,.05) 38%,
rgba(5,8,13,.10) 66%,
rgba(5,8,13,.24) 100%
) !important;}
#inicio .hero-inner{z-index:4 !important;}
}
@media(max-width:390px){#inicio .hero-bg-slide::before{filter:blur(17px) brightness(.66) saturate(.92) !important;transform:scale(1.08) !important;}
}
@media(max-width:700px) and (prefers-reduced-motion:reduce){#inicio .hero-bg-slide::before,
#inicio .hero-bg-slide > img{transition:none !important;animation:none !important;}
}
#inicio .hero-mobile-projects{display:none;}
@media(max-width:700px){#inicio .hero-bg-carousel{display:none !important;}
#inicio.hero{position:relative !important;min-height:auto !important;padding-bottom:26px !important;background:
radial-gradient(circle at 80% 18%, rgba(223,255,67,.06), transparent 26%),
linear-gradient(180deg, #0b1017 0%, #090d13 100%) !important;}
#inicio .hero-inner{position:relative !important;display:block !important;min-height:auto !important;padding-top:18px !important;}
#inicio .hero-copy{position:relative !important;width:100% !important;max-width:none !important;z-index:4 !important;padding-right:0 !important;}
#inicio .eyebrow{max-width:72% !important;margin-bottom:20px !important;}
#inicio .hero-copy h1{width:62% !important;max-width:62% !important;margin:0 0 18px !important;font-size:clamp(44px,13.2vw,62px) !important;line-height:.92 !important;letter-spacing:-.06em !important;position:relative !important;z-index:5 !important;}
#inicio .hero-description{width:100% !important;max-width:100% !important;margin-top:12px !important;padding-right:0 !important;font-size:14px !important;line-height:1.5 !important;position:relative !important;z-index:5 !important;}
#inicio .hero-visual{position:absolute !important;top:92px !important;right:-32px !important;bottom:auto !important;left:auto !important;width:300px !important;max-width:300px !important;min-width:0 !important;margin:0 !important;transform:scale(.50) !important;transform-origin:right top !important;z-index:7 !important;pointer-events:auto !important;}
#inicio .hero-visual #coreMiniCarousel{width:100% !important;max-width:100% !important;}
#inicio .hero-visual,
#inicio #coreMiniCarousel,
#inicio #coreMiniCarousel .mini-carousel-shell,
#inicio #coreMiniCarousel .mini-carousel-frame,
#inicio #coreMiniCarousel .mini-carousel-card,
#inicio #coreMiniCarousel .mini-carousel-viewport{background:rgba(8,12,18,.012) !important;background-color:rgba(8,12,18,.012) !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
#inicio .hero-actions{position:relative !important;z-index:8 !important;display:grid !important;grid-template-columns:1fr !important;gap:10px !important;width:100% !important;margin-top:24px !important;}
#inicio .hero-actions .button{width:100% !important;min-height:54px !important;}
#inicio .hero-mobile-projects{display:block !important;position:relative !important;width:100% !important;aspect-ratio:16 / 9 !important;margin-top:18px !important;overflow:hidden !important;border-radius:20px !important;border:1px solid rgba(255,255,255,.10) !important;background:#080d14 !important;box-shadow:
0 18px 42px rgba(0,0,0,.26),
inset 0 1px 0 rgba(255,255,255,.05) !important;z-index:6 !important;}
#inicio .hero-mobile-project-track{position:relative !important;width:100% !important;height:100% !important;overflow:hidden !important;}
#inicio .hero-mobile-project-slide{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;transform:translate3d(100%,0,0);transition:transform .92s cubic-bezier(.45,.05,.20,1) !important;will-change:transform;}
#inicio .hero-mobile-project-slide:first-child{transform:translate3d(0,0,0);}
#inicio .hero-mobile-project-slide.edool-mobile-reset{transition:none !important;}
#inicio .hero-mobile-project-slide img{width:100% !important;height:100% !important;display:block !important;object-fit:cover !important;object-position:center !important;transform:none !important;transition:none !important;animation:none !important;}
#inicio .hero-mobile-projects::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:
linear-gradient(
180deg,
rgba(5,8,12,.03) 0%,
transparent 60%,
rgba(5,8,12,.16) 100%
);}
#inicio .hero-mobile-project-dots{position:absolute !important;left:50% !important;bottom:9px !important;transform:translateX(-50%) !important;z-index:4 !important;display:flex !important;gap:5px !important;padding:4px 7px !important;border-radius:999px !important;background:rgba(4,7,11,.28) !important;}
#inicio .hero-mobile-project-dot{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.38);transition:width .25s ease, background .25s ease;}
#inicio .hero-mobile-project-dot.active{width:17px;border-radius:999px;background:var(--accent);}
}
@media(max-width:390px){#inicio .hero-copy h1{width:64% !important;max-width:64% !important;font-size:clamp(42px,13vw,56px) !important;}
#inicio .hero-visual{top:96px !important;right:-45px !important;transform:scale(.45) !important;}
#inicio .hero-mobile-projects{border-radius:17px !important;}
}
@media(max-width:700px){#inicio .hero-visual{top:64px !important;right:-34px !important;}
#inicio .hero-copy h1{width:64% !important;max-width:64% !important;}
#inicio .hero-description{position:relative !important;z-index:8 !important;width:100% !important;max-width:100% !important;margin-top:22px !important;padding-top:6px !important;padding-right:0 !important;clear:both !important;}
#inicio .hero-actions{margin-top:20px !important;}
}
@media(max-width:390px){#inicio .hero-visual{top:70px !important;right:-44px !important;}
#inicio .hero-copy h1{width:66% !important;max-width:66% !important;}
#inicio .hero-description{margin-top:26px !important;}
}
@media(max-width:700px){#inicio .hero-visual{top:34px !important;right:10px !important;left:auto !important;transform:scale(.50) !important;transform-origin:right top !important;}
#inicio .hero-description{margin-top:30px !important;position:relative !important;z-index:9 !important;}
}
@media(max-width:390px){#inicio .hero-visual{top:38px !important;right:8px !important;transform:scale(.46) !important;}
#inicio .hero-description{margin-top:32px !important;}
}
@media(max-width:700px){#inicio .hero-visual{overflow:visible !important;}
#inicio .visual-ring{display:block !important;visibility:visible !important;opacity:.72 !important;width:360px !important;max-width:none !important;aspect-ratio:1 !important;position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;z-index:1 !important;border-color:rgba(255,255,255,.15) !important;animation:ring-rotate 25s linear infinite !important;animation-play-state:running !important;}
#inicio .visual-ring::before,
#inicio .visual-ring::after{display:block !important;visibility:visible !important;opacity:1 !important;border-color:rgba(255,255,255,.10) !important;}
#inicio .visual-ring::before{inset:48px !important;}
#inicio .visual-ring::after{inset:100px !important;}
#inicio .orbit-dot{display:block !important;visibility:visible !important;opacity:1 !important;z-index:2 !important;width:10px !important;height:10px !important;background:var(--accent) !important;box-shadow:0 0 24px rgba(223,255,67,.85) !important;}
#inicio .tech-core{position:relative !important;z-index:3 !important;}
#inicio .floating-chip{z-index:4 !important;}
html.edool-tier-low #inicio .visual-ring,
html.edool-tier-low #inicio .orbit-dot,
html.edool-old-windows #inicio .visual-ring,
html.edool-old-windows #inicio .orbit-dot{display:block !important;visibility:visible !important;}
html.edool-tier-low #inicio .visual-ring{animation:ring-rotate 32s linear infinite !important;}
}
@media(max-width:390px){#inicio .visual-ring{width:325px !important;opacity:.68 !important;}
#inicio .visual-ring::before{inset:44px !important;}
#inicio .visual-ring::after{inset:92px !important;}
}
@media(max-width:700px){#inicio .visual-ring{transform:translate(-50%,-50%) !important;animation:edool-mobile-orbit-spin 18s linear infinite !important;animation-play-state:running !important;will-change:rotate !important;}
@keyframes edool-mobile-orbit-spin{from{rotate:0deg;}
to{rotate:360deg;}
}
#inicio .orbit-dot{display:block !important;visibility:visible !important;opacity:1 !important;}
#inicio .hero-actions{display:none !important;}
#inicio .hero-mobile-projects{position:relative !important;}
#inicio .hero-mobile-project-cta{position:absolute !important;left:14px !important;right:14px !important;bottom:24px !important;z-index:5 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;pointer-events:auto !important;}
#inicio .hero-mobile-cta-primary{display:inline-flex !important;align-items:center !important;gap:9px !important;color:#fff !important;text-decoration:none !important;font-size:13px !important;font-weight:800 !important;letter-spacing:-.02em !important;padding:7px 0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;text-shadow:
0 1px 3px rgba(0,0,0,.92),
0 4px 12px rgba(0,0,0,.55) !important;position:relative !important;}
#inicio .hero-mobile-cta-primary::after{content:"" !important;position:absolute !important;left:0 !important;bottom:0 !important;width:52px !important;height:2px !important;border-radius:999px !important;background:var(--accent) !important;box-shadow:0 0 12px rgba(223,255,67,.55) !important;}
#inicio .hero-mobile-cta-arrow{display:inline-grid !important;place-items:center !important;width:27px !important;height:27px !important;border-radius:50% !important;color:#0b1015 !important;background:var(--accent) !important;text-shadow:none !important;font-size:15px !important;font-weight:900 !important;}
#inicio .hero-mobile-cta-secondary{display:inline-flex !important;align-items:center !important;color:rgba(255,255,255,.86) !important;text-decoration:none !important;font-size:10px !important;font-weight:800 !important;letter-spacing:.08em !important;text-transform:uppercase !important;padding:7px 0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;text-shadow:
0 1px 3px rgba(0,0,0,.90),
0 3px 10px rgba(0,0,0,.50) !important;}
#inicio .hero-mobile-project-dots{bottom:7px !important;}
#inicio .hero-mobile-projects::before{content:"" !important;position:absolute !important;left:0 !important;right:0 !important;bottom:0 !important;height:44% !important;z-index:3 !important;pointer-events:none !important;background:linear-gradient(
to top,
rgba(3,5,9,.58) 0%,
rgba(3,5,9,.22) 44%,
transparent 100%
) !important;}
}
@media(max-width:390px){#inicio .visual-ring{animation-duration:20s !important;}
#inicio .hero-mobile-project-cta{left:11px !important;right:11px !important;bottom:23px !important;gap:8px !important;}
#inicio .hero-mobile-cta-primary{font-size:12px !important;}
#inicio .hero-mobile-cta-secondary{font-size:9px !important;}
}
#inicio .hero-description{position:relative !important;max-width:650px !important;padding:4px 0 4px 18px !important;color:rgba(255,255,255,.82) !important;font-size:clamp(15px,1.25vw,18px) !important;line-height:1.62 !important;font-weight:450 !important;letter-spacing:-.012em !important;text-shadow:
0 2px 5px rgba(0,0,0,.82),
0 8px 24px rgba(0,0,0,.42) !important;}
#inicio .hero-description::before{content:"" !important;position:absolute !important;left:0 !important;top:7px !important;bottom:7px !important;width:2px !important;border-radius:999px !important;background:linear-gradient(
180deg,
transparent 0%,
var(--accent) 22%,
var(--accent) 78%,
transparent 100%
) !important;box-shadow:
0 0 10px rgba(223,255,67,.55),
0 0 22px rgba(223,255,67,.20) !important;}
#inicio .hero-description::after{content:"" !important;position:absolute !important;left:-2px !important;top:14px !important;width:6px !important;height:6px !important;border-radius:50% !important;background:var(--accent) !important;box-shadow:
0 0 8px rgba(223,255,67,.90),
0 0 18px rgba(223,255,67,.48) !important;}
@media(max-width:700px){#inicio .hero-description{width:100% !important;max-width:100% !important;margin-top:28px !important;padding:8px 8px 8px 16px !important;color:rgba(255,255,255,.91) !important;font-size:14.5px !important;line-height:1.58 !important;font-weight:500 !important;text-shadow:
0 2px 5px rgba(0,0,0,.88),
0 7px 20px rgba(0,0,0,.48) !important;}
#inicio .hero-description::before{top:6px !important;bottom:6px !important;width:2px !important;}
#inicio .hero-description::after{top:13px !important;}
}
@media(max-width:700px){#inicio .hero-visual{position:absolute !important;overflow:visible !important;isolation:isolate !important;transform-origin:right top !important;}
#inicio .hero-visual .visual-ring{position:absolute !important;top:50% !important;left:50% !important;right:auto !important;bottom:auto !important;width:340px !important;height:340px !important;max-width:none !important;aspect-ratio:1 / 1 !important;margin:0 !important;transform:translate(-50%,-50%) !important;transform-origin:center center !important;z-index:1 !important;pointer-events:none !important;display:block !important;visibility:visible !important;opacity:.72 !important;animation:edool-mobile-orbit-spin 18s linear infinite !important;animation-play-state:running !important;will-change:rotate !important;}
#inicio .hero-visual .orbit-dot{position:absolute !important;display:block !important;visibility:visible !important;opacity:1 !important;top:-5px !important;left:50% !important;right:auto !important;bottom:auto !important;width:10px !important;height:10px !important;margin:0 !important;transform:translateX(-50%) !important;z-index:2 !important;pointer-events:none !important;background:var(--accent) !important;box-shadow:
0 0 10px rgba(223,255,67,.95),
0 0 24px rgba(223,255,67,.70) !important;}
#inicio .hero-visual .tech-core,
#inicio .hero-visual #coreMiniCarousel{position:relative !important;z-index:3 !important;}
#inicio .hero-visual .floating-chip{position:absolute !important;z-index:4 !important;}
#inicio > .visual-ring,
#inicio .hero-inner > .visual-ring,
#inicio .hero-copy .visual-ring{display:none !important;}
}
@media(max-width:390px){#inicio .hero-visual .visual-ring{width:305px !important;height:305px !important;opacity:.68 !important;animation-duration:20s !important;}
}
@media(max-width:700px){#inicio .visual-ring,
#inicio .orbit-dot,
#inicio .hero-visual .visual-ring,
#inicio .hero-visual .orbit-dot{display:none !important;visibility:hidden !important;opacity:0 !important;animation:none !important;}
}
@media(max-width:700px){#inicio .hero-mobile-project-cta{position:absolute !important;left:10px !important;right:10px !important;top:10px !important;bottom:auto !important;z-index:6 !important;min-height:46px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;padding:9px 15px 9px 16px !important;background:
linear-gradient(
90deg,
rgba(20,24,31,.78) 0%,
rgba(17,21,27,.60) 58%,
rgba(17,21,27,.28) 100%
) !important;border:1px solid rgba(255,255,255,.12) !important;border-right:0 !important;clip-path:polygon(
0 0,
calc(100% - 18px) 0,
100% 50%,
calc(100% - 18px) 100%,
0 100%,
10px 50%
) !important;backdrop-filter:blur(7px) saturate(1.12) !important;-webkit-backdrop-filter:blur(7px) saturate(1.12) !important;box-shadow:
0 10px 24px rgba(0,0,0,.18),
inset 0 1px 0 rgba(255,255,255,.08) !important;pointer-events:auto !important;}
#inicio .hero-mobile-project-cta::before{content:"" !important;position:absolute !important;left:16px !important;right:34px !important;top:0 !important;height:2px !important;background:linear-gradient(
90deg,
#dfff43 0%,
#67e8f9 34%,
#60a5fa 66%,
#f59e0b 100%
) !important;opacity:.95 !important;box-shadow:0 0 10px rgba(103,232,249,.28) !important;}
#inicio .hero-mobile-project-cta::after{content:"" !important;position:absolute !important;left:0 !important;top:0 !important;bottom:0 !important;width:5px !important;background:linear-gradient(
180deg,
#dfff43 0%,
#67e8f9 55%,
#60a5fa 100%
) !important;}
#inicio .hero-mobile-cta-primary{position:relative !important;z-index:2 !important;display:inline-flex !important;align-items:center !important;gap:8px !important;padding:0 !important;margin:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;color:#fff !important;text-decoration:none !important;font-size:12.5px !important;font-weight:850 !important;line-height:1.1 !important;letter-spacing:-.02em !important;text-transform:none !important;text-shadow:0 2px 8px rgba(0,0,0,.72) !important;white-space:nowrap !important;}
#inicio .hero-mobile-cta-arrow{width:auto !important;height:auto !important;min-width:0 !important;padding:0 !important;display:inline-block !important;color:#dfff43 !important;background:transparent !important;border-radius:0 !important;font-size:15px !important;font-weight:900 !important;line-height:1 !important;text-shadow:0 0 12px rgba(223,255,67,.46) !important;}
#inicio .hero-mobile-cta-primary::after{display:none !important;content:none !important;}
#inicio .hero-mobile-cta-secondary{position:relative !important;z-index:2 !important;display:inline-flex !important;align-items:center !important;padding:0 !important;margin:0 18px 0 0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;color:rgba(255,255,255,.72) !important;text-decoration:none !important;font-size:8.5px !important;font-weight:800 !important;letter-spacing:.11em !important;text-transform:uppercase !important;white-space:nowrap !important;text-shadow:0 2px 7px rgba(0,0,0,.72) !important;}
#inicio .hero-mobile-projects::before{height:24% !important;background:linear-gradient(
to top,
rgba(3,5,9,.22) 0%,
transparent 100%
) !important;}
#inicio .hero-mobile-project-dots{bottom:8px !important;}
}
@media(max-width:390px){#inicio .hero-mobile-project-cta{left:8px !important;right:8px !important;top:8px !important;min-height:42px !important;padding:8px 13px 8px 14px !important;gap:8px !important;}
#inicio .hero-mobile-cta-primary{font-size:11.5px !important;}
#inicio .hero-mobile-cta-secondary{margin-right:15px !important;font-size:7.7px !important;}
}
@media(min-width:701px){#inicio .hero-actions{display:flex !important;align-items:center !important;gap:14px !important;flex-wrap:wrap !important;}
#inicio .hero-actions .button,
#inicio .hero-actions .button-primary,
#inicio .hero-actions .button-secondary{position:relative !important;overflow:hidden !important;min-height:52px !important;padding:0 22px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;border-radius:14px !important;background:
linear-gradient(
135deg,
rgba(223,255,67,.16) 0%,
rgba(103,232,249,.13) 48%,
rgba(96,165,250,.15) 100%
) !important;border:1px solid rgba(255,255,255,.18) !important;color:#ffffff !important;text-decoration:none !important;font-size:14px !important;font-weight:800 !important;letter-spacing:-.015em !important;box-shadow:
inset 0 1px 0 rgba(255,255,255,.10),
0 10px 26px rgba(0,0,0,.18),
0 0 0 1px rgba(223,255,67,.035) !important;backdrop-filter:blur(10px) saturate(1.12) !important;-webkit-backdrop-filter:blur(10px) saturate(1.12) !important;transition:
transform .28s cubic-bezier(.2,.8,.2,1),
border-color .28s ease,
box-shadow .28s ease,
background .28s ease !important;}
#inicio .hero-actions .button::before{content:"" !important;position:absolute !important;left:14px !important;right:14px !important;bottom:5px !important;height:2px !important;border-radius:999px !important;background:linear-gradient(
90deg,
#dfff43 0%,
#67e8f9 48%,
#60a5fa 100%
) !important;transform:scaleX(.55) !important;transform-origin:left center !important;opacity:.78 !important;box-shadow:0 0 10px rgba(103,232,249,.25) !important;transition:
transform .30s ease,
opacity .30s ease !important;}
#inicio .hero-actions .button::after{content:"" !important;position:absolute !important;top:-60% !important;left:-35% !important;width:28% !important;height:220% !important;background:linear-gradient(
90deg,
transparent,
rgba(255,255,255,.22),
transparent
) !important;transform:rotate(18deg) translateX(-220%) !important;transition:transform .55s ease !important;pointer-events:none !important;}
#inicio .hero-actions .button:hover{transform:translateY(-3px) !important;border-color:rgba(223,255,67,.38) !important;background:
linear-gradient(
135deg,
rgba(223,255,67,.22) 0%,
rgba(103,232,249,.18) 48%,
rgba(96,165,250,.21) 100%
) !important;box-shadow:
inset 0 1px 0 rgba(255,255,255,.14),
0 16px 34px rgba(0,0,0,.24),
0 0 24px rgba(103,232,249,.08) !important;}
#inicio .hero-actions .button:hover::before{transform:scaleX(1) !important;opacity:1 !important;}
#inicio .hero-actions .button:hover::after{transform:rotate(18deg) translateX(520%) !important;}
#inicio .hero-actions .button:active{transform:translateY(-1px) scale(.985) !important;}
#inicio .hero-actions .button:focus-visible{outline:2px solid rgba(223,255,67,.85) !important;outline-offset:3px !important;}
#inicio .hero-actions .button-arrow{display:inline-grid !important;place-items:center !important;width:27px !important;height:27px !important;border-radius:50% !important;background:linear-gradient(
135deg,
#dfff43 0%,
#67e8f9 100%
) !important;color:#091018 !important;font-size:14px !important;font-weight:900 !important;box-shadow:0 0 14px rgba(103,232,249,.18) !important;transition:transform .28s ease !important;}
#inicio .hero-actions .button:hover .button-arrow{transform:translateX(2px) rotate(-8deg) !important;}
}
@media(min-width:701px){#inicio .hero-actions .button,
#inicio .hero-actions .button-primary,
#inicio .hero-actions .button-secondary{background:
linear-gradient(
135deg,
rgba(20,108,210,.88) 0%,
rgba(12,66,145,.90) 48%,
rgba(7,31,78,.94) 100%
) !important;border:1px solid rgba(100,190,255,.28) !important;box-shadow:
inset 0 1px 0 rgba(255,255,255,.12),
0 11px 28px rgba(0,20,60,.25),
0 0 18px rgba(45,135,255,.07) !important;}
#inicio .hero-actions .button::before{background:linear-gradient(
90deg,
rgba(223,255,67,.18) 0%,
#dfff43 22%,
#bfff35 52%,
#dfff43 82%,
rgba(223,255,67,.18) 100%
) !important;height:2px !important;box-shadow:
0 0 8px rgba(223,255,67,.48),
0 0 18px rgba(223,255,67,.16) !important;}
#inicio .hero-actions .button:hover{background:
linear-gradient(
135deg,
rgba(28,126,235,.94) 0%,
rgba(13,78,170,.95) 48%,
rgba(8,39,96,.97) 100%
) !important;border-color:rgba(223,255,67,.42) !important;box-shadow:
inset 0 1px 0 rgba(255,255,255,.15),
0 16px 36px rgba(0,20,60,.32),
0 0 22px rgba(45,135,255,.12),
0 0 12px rgba(223,255,67,.06) !important;}
#inicio .hero-actions .button-arrow{background:#dfff43 !important;color:#071a32 !important;box-shadow:
0 0 10px rgba(223,255,67,.28),
0 0 20px rgba(223,255,67,.10) !important;}
}
@media(min-width:701px){#inicio .hero-actions{display:flex !important;gap:14px !important;align-items:center !important;flex-wrap:wrap !important;}
#inicio .hero-actions .button,
#inicio .hero-actions .button-primary,
#inicio .hero-actions .button-secondary{position:relative !important;overflow:hidden !important;min-height:54px !important;padding:0 22px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;border-radius:16px !important;background:
linear-gradient(
135deg,
rgba(255,255,255,.11) 0%,
rgba(255,255,255,.055) 52%,
rgba(255,255,255,.025) 100%
) !important;border:1px solid rgba(255,255,255,.18) !important;color:#fff !important;text-decoration:none !important;font-size:14px !important;font-weight:800 !important;letter-spacing:-.015em !important;backdrop-filter:blur(14px) saturate(1.12) !important;-webkit-backdrop-filter:blur(14px) saturate(1.12) !important;box-shadow:
inset 0 1px 0 rgba(255,255,255,.10),
inset 0 -1px 0 rgba(255,255,255,.025),
0 12px 34px rgba(0,0,0,.20) !important;transition:
transform .28s cubic-bezier(.2,.8,.2,1),
border-color .28s ease,
background .28s ease,
box-shadow .28s ease !important;}
#inicio .hero-actions .button::after{content:"" !important;position:absolute !important;top:-80% !important;left:-35% !important;width:30% !important;height:260% !important;background:linear-gradient(
90deg,
transparent 0%,
rgba(255,255,255,.20) 50%,
transparent 100%
) !important;transform:rotate(16deg) translateX(-260%) !important;transition:transform .65s ease !important;pointer-events:none !important;}
#inicio .hero-actions .button::before{content:"" !important;position:absolute !important;left:18px !important;right:18px !important;bottom:6px !important;height:1px !important;border-radius:999px !important;background:linear-gradient(
90deg,
transparent 0%,
rgba(128,224,255,.25) 20%,
rgba(177,255,107,.82) 50%,
rgba(128,224,255,.25) 80%,
transparent 100%
) !important;opacity:.68 !important;box-shadow:0 0 10px rgba(177,255,107,.16) !important;transform:scaleX(.72) !important;transform-origin:center !important;transition:
transform .30s ease,
opacity .30s ease !important;}
#inicio .hero-actions .button:hover{transform:translateY(-3px) !important;background:
linear-gradient(
135deg,
rgba(255,255,255,.16) 0%,
rgba(255,255,255,.075) 50%,
rgba(255,255,255,.035) 100%
) !important;border-color:rgba(190,235,255,.34) !important;box-shadow:
inset 0 1px 0 rgba(255,255,255,.14),
0 18px 40px rgba(0,0,0,.24),
0 0 22px rgba(126,220,255,.06) !important;}
#inicio .hero-actions .button:hover::after{transform:rotate(16deg) translateX(520%) !important;}
#inicio .hero-actions .button:hover::before{transform:scaleX(1) !important;opacity:1 !important;}
#inicio .hero-actions .button:active{transform:translateY(-1px) scale(.985) !important;}
#inicio .hero-actions .button:focus-visible{outline:2px solid rgba(180,240,255,.75) !important;outline-offset:3px !important;}
#inicio .hero-actions .button-arrow{display:inline-grid !important;place-items:center !important;width:28px !important;height:28px !important;border-radius:50% !important;background:rgba(255,255,255,.12) !important;border:1px solid rgba(255,255,255,.16) !important;color:#eaffff !important;box-shadow:
inset 0 1px 0 rgba(255,255,255,.10),
0 4px 12px rgba(0,0,0,.12) !important;transition:
transform .28s ease,
background .28s ease !important;}
#inicio .hero-actions .button:hover .button-arrow{transform:translateX(2px) rotate(-8deg) !important;background:rgba(255,255,255,.18) !important;}
}
@media(max-width:700px){#inicio .hero-visual,
#inicio #coreMiniCarousel{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;}
#inicio .hero-mobile-project-cta{left:9px !important;right:9px !important;top:8px !important;bottom:auto !important;min-height:30px !important;height:30px !important;padding:4px 11px 4px 12px !important;gap:8px !important;border-radius:0 !important;background:
linear-gradient(
90deg,
rgba(13,17,23,.62) 0%,
rgba(13,17,23,.42) 62%,
rgba(13,17,23,.18) 100%
) !important;border-color:rgba(255,255,255,.08) !important;backdrop-filter:blur(4px) !important;-webkit-backdrop-filter:blur(4px) !important;box-shadow:
0 6px 14px rgba(0,0,0,.10),
inset 0 1px 0 rgba(255,255,255,.05) !important;clip-path:polygon(
0 0,
calc(100% - 12px) 0,
100% 50%,
calc(100% - 12px) 100%,
0 100%,
7px 50%
) !important;}
#inicio .hero-mobile-project-cta::before{left:12px !important;right:24px !important;height:1px !important;box-shadow:none !important;}
#inicio .hero-mobile-project-cta::after{width:3px !important;}
#inicio .hero-mobile-cta-primary{font-size:10.5px !important;line-height:1 !important;gap:5px !important;padding:0 !important;}
#inicio .hero-mobile-cta-arrow{font-size:12px !important;}
#inicio .hero-mobile-cta-secondary{font-size:7.2px !important;letter-spacing:.09em !important;margin-right:11px !important;padding:0 !important;}
#inicio .hero-copy{padding-right:0 !important;}
#inicio .hero-copy h1{width:100% !important;max-width:100% !important;}
#inicio .hero-description{width:100% !important;max-width:100% !important;margin-top:18px !important;}
}
@media(max-width:390px){#inicio .hero-mobile-project-cta{left:7px !important;right:7px !important;top:7px !important;min-height:28px !important;height:28px !important;padding:3px 10px 3px 11px !important;}
#inicio .hero-mobile-cta-primary{font-size:9.8px !important;}
#inicio .hero-mobile-cta-secondary{font-size:6.8px !important;margin-right:9px !important;}
}
@media(max-width:700px){#inicio.hero{min-height:auto !important;padding:12px 0 28px !important;overflow:hidden !important;background:
radial-gradient(circle at 88% 8%, rgba(121,214,255,.055), transparent 30%),
linear-gradient(180deg, #090e14 0%, #0b1118 58%, #090d13 100%) !important;}
#inicio .hero-bg-carousel{display:none !important;}
#inicio .hero-visual,
#inicio #coreMiniCarousel,
#inicio .visual-ring,
#inicio .orbit-dot{display:none !important;visibility:hidden !important;}
#inicio .hero-inner{display:block !important;min-height:0 !important;padding-top:0 !important;}
#inicio .hero-copy{display:flex !important;flex-direction:column !important;width:100% !important;max-width:none !important;padding:0 !important;margin:0 !important;}
#inicio .hero-mobile-projects{order:1 !important;}
#inicio .eyebrow{order:2 !important;}
#inicio .hero-copy h1{order:3 !important;}
#inicio .hero-description{order:4 !important;}
#inicio .hero-actions{order:5 !important;display:none !important;}
#inicio .hero-mobile-projects{display:block !important;position:relative !important;width:calc(100% + 8px) !important;max-width:none !important;aspect-ratio:16 / 9 !important;margin:0 -4px 20px !important;overflow:hidden !important;border-radius:18px !important;background:#0a0f15 !important;border:1px solid rgba(255,255,255,.09) !important;box-shadow:0 10px 24px rgba(0,0,0,.18) !important;isolation:isolate !important;}
#inicio .hero-mobile-project-track{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;overflow:hidden !important;}
#inicio .hero-mobile-project-slide{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;transition:transform .82s cubic-bezier(.45,.05,.20,1) !important;will-change:transform !important;background:#0a0f15 !important;}
#inicio .hero-mobile-project-slide img{width:100% !important;height:100% !important;display:block !important;object-fit:cover !important;object-position:center center !important;filter:none !important;transform:none !important;animation:none !important;}
#inicio .hero-mobile-projects::before{content:"" !important;position:absolute !important;inset:0 !important;z-index:3 !important;pointer-events:none !important;background:
linear-gradient(
to bottom,
rgba(4,7,11,.20) 0%,
transparent 28%,
transparent 78%,
rgba(4,7,11,.16) 100%
) !important;}
#inicio .hero-mobile-projects::after{display:none !important;content:none !important;}
#inicio .hero-mobile-project-cta{position:absolute !important;left:8px !important;right:8px !important;top:8px !important;bottom:auto !important;height:28px !important;min-height:28px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:8px !important;padding:0 11px 0 12px !important;background:
linear-gradient(
90deg,
rgba(8,13,19,.66) 0%,
rgba(8,13,19,.46) 66%,
rgba(8,13,19,.20) 100%
) !important;border:1px solid rgba(255,255,255,.09) !important;clip-path:polygon(
0 0,
calc(100% - 11px) 0,
100% 50%,
calc(100% - 11px) 100%,
0 100%,
6px 50%
) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:none !important;z-index:6 !important;}
#inicio .hero-mobile-project-cta::before{content:"" !important;position:absolute !important;left:12px !important;right:24px !important;top:0 !important;height:1px !important;background:linear-gradient(
90deg,
transparent,
rgba(158,232,255,.85),
rgba(208,255,103,.86),
transparent
) !important;}
#inicio .hero-mobile-project-cta::after{display:none !important;content:none !important;}
#inicio .hero-mobile-cta-primary{display:inline-flex !important;align-items:center !important;gap:5px !important;padding:0 !important;margin:0 !important;color:#fff !important;background:transparent !important;border:0 !important;box-shadow:none !important;font-size:10px !important;line-height:1 !important;font-weight:800 !important;letter-spacing:-.01em !important;text-decoration:none !important;white-space:nowrap !important;}
#inicio .hero-mobile-cta-primary::after{display:none !important;content:none !important;}
#inicio .hero-mobile-cta-arrow{width:auto !important;height:auto !important;min-width:0 !important;color:#dfff43 !important;background:transparent !important;font-size:11px !important;line-height:1 !important;box-shadow:none !important;}
#inicio .hero-mobile-cta-secondary{padding:0 !important;margin:0 10px 0 0 !important;color:rgba(255,255,255,.70) !important;background:transparent !important;border:0 !important;font-size:6.8px !important;line-height:1 !important;font-weight:800 !important;letter-spacing:.10em !important;text-transform:uppercase !important;text-decoration:none !important;white-space:nowrap !important;}
#inicio .hero-mobile-project-dots{bottom:7px !important;padding:3px 6px !important;gap:4px !important;background:rgba(4,7,11,.26) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
#inicio .hero-mobile-project-dot{width:5px !important;height:5px !important;}
#inicio .hero-mobile-project-dot.active{width:14px !important;}
#inicio .eyebrow{width:fit-content !important;max-width:100% !important;margin:0 0 12px !important;padding:0 !important;color:rgba(215,224,233,.72) !important;font-size:8px !important;letter-spacing:.15em !important;background:transparent !important;border:0 !important;box-shadow:none !important;}
#inicio .eyebrow-dot{width:6px !important;height:6px !important;box-shadow:0 0 7px rgba(53,217,255,.95),0 0 15px rgba(53,217,255,.55) !important;}
#inicio .hero-copy h1{width:100% !important;max-width:100% !important;margin:0 0 12px !important;font-size:clamp(42px,12.5vw,58px) !important;line-height:.94 !important;letter-spacing:-.055em !important;color:#fff !important;text-wrap:balance !important;}
#inicio .hero-copy h1 .muted-line{color:rgba(255,255,255,.58) !important;}
#inicio .hero-description{width:100% !important;max-width:100% !important;margin:0 !important;padding:0 0 0 13px !important;color:rgba(230,235,240,.82) !important;font-size:13.5px !important;line-height:1.52 !important;font-weight:450 !important;text-shadow:none !important;}
#inicio .hero-description::before{top:3px !important;bottom:3px !important;width:2px !important;background:linear-gradient(
to bottom,
rgba(158,232,255,.85),
rgba(208,255,103,.78)
) !important;box-shadow:none !important;}
#inicio .hero-description::after{display:none !important;content:none !important;}
#inicio .scroll-indicator{display:none !important;}
}
@media(max-width:390px){#inicio.hero{padding-top:8px !important;}
#inicio .hero-mobile-projects{margin-bottom:17px !important;border-radius:15px !important;}
#inicio .hero-mobile-project-cta{height:26px !important;min-height:26px !important;top:7px !important;left:7px !important;right:7px !important;}
#inicio .hero-mobile-cta-primary{font-size:9.3px !important;}
#inicio .hero-mobile-cta-secondary{font-size:6.2px !important;margin-right:8px !important;}
#inicio .hero-copy h1{font-size:clamp(39px,12.6vw,53px) !important;}
#inicio .hero-description{font-size:13px !important;}
}
@media(max-width:700px){html.edool-tier-low #inicio .hero-mobile-projects,
html.edool-tier-low #inicio .hero-mobile-project-cta{box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
html.edool-tier-low #inicio .hero-mobile-project-slide{transition-duration:.68s !important;}
}
.social-card,
.network-card,
.platform-card,
.card-social,
.card-red,
.social-link-card{min-height:0 !important;height:auto !important;padding:16px 18px !important;border-radius:18px !important;}
.social-card h3,
.network-card h3,
.platform-card h3,
.card-social h3,
.card-red h3,
.social-link-card h3{margin:0 0 5px !important;font-size:18px !important;line-height:1.08 !important;}
.social-card p,
.network-card p,
.platform-card p,
.card-social p,
.card-red p,
.social-link-card p{margin:0 !important;font-size:12px !important;line-height:1.35 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;}
.social-card .label,
.social-card .eyebrow,
.network-card .label,
.network-card .eyebrow,
.platform-card .label,
.platform-card .eyebrow,
.card-social .label,
.card-social .eyebrow,
.card-red .label,
.card-red .eyebrow,
.social-link-card .label,
.social-link-card .eyebrow{margin-bottom:6px !important;font-size:8px !important;letter-spacing:.12em !important;}
.social-card .icon,
.network-card .icon,
.platform-card .icon,
.card-social .icon,
.card-red .icon,
.social-link-card .icon{width:34px !important;height:34px !important;min-width:34px !important;min-height:34px !important;}
@media(max-width:700px){.social-card,
.network-card,
.platform-card,
.card-social,
.card-red,
.social-link-card{padding:13px 14px !important;border-radius:15px !important;}
.social-card h3,
.network-card h3,
.platform-card h3,
.card-social h3,
.card-red h3,
.social-link-card h3{font-size:16px !important;margin-bottom:4px !important;}
.social-card p,
.network-card p,
.platform-card p,
.card-social p,
.card-red p,
.social-link-card p{font-size:11px !important;line-height:1.28 !important;-webkit-line-clamp:2 !important;}
.social-card .icon,
.network-card .icon,
.platform-card .icon,
.card-social .icon,
.card-red .icon,
.social-link-card .icon{width:30px !important;height:30px !important;min-width:30px !important;min-height:30px !important;}
}
@media(max-width:700px){#inicio.hero{padding-top:8px !important;}
#inicio .hero-inner{padding-top:0 !important;margin-top:0 !important;}
#inicio .hero-copy{padding-top:0 !important;margin-top:0 !important;}
#inicio .hero-mobile-projects{order:1 !important;margin-top:6px !important;margin-bottom:18px !important;width:100% !important;max-width:100% !important;}
}
@media(max-width:390px){#inicio.hero{padding-top:6px !important;}
#inicio .hero-mobile-projects{margin-top:5px !important;margin-bottom:16px !important;}
}
@media(max-width:700px){#inicio.hero{padding-top:68px !important;}
#inicio .hero-inner,
#inicio .hero-copy{margin-top:0 !important;padding-top:0 !important;}
#inicio .hero-mobile-projects{margin-top:8px !important;margin-bottom:18px !important;}
}
@media(max-width:390px){#inicio.hero{padding-top:62px !important;}
#inicio .hero-mobile-projects{margin-top:7px !important;margin-bottom:16px !important;}
}
@media(max-width:700px){#inicio .hero-mobile-project-cta{position:absolute !important;left:12px !important;right:auto !important;top:12px !important;bottom:auto !important;width:auto !important;height:auto !important;min-height:0 !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:6px !important;padding:0 !important;margin:0 !important;background:transparent !important;border:0 !important;clip-path:none !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;z-index:6 !important;}
#inicio .hero-mobile-project-cta::before,
#inicio .hero-mobile-project-cta::after{display:none !important;content:none !important;}
#inicio .hero-mobile-cta-primary,
#inicio .hero-mobile-cta-secondary{position:relative !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;height:27px !important;min-height:27px !important;margin:0 !important;padding:0 10px !important;border-radius:999px !important;background:rgba(7,11,16,.46) !important;border:1px solid rgba(255,255,255,.13) !important;color:rgba(255,255,255,.90) !important;text-decoration:none !important;text-transform:none !important;font-size:8.5px !important;line-height:1 !important;font-weight:750 !important;letter-spacing:.015em !important;white-space:nowrap !important;box-shadow:0 3px 10px rgba(0,0,0,.10) !important;backdrop-filter:blur(4px) !important;-webkit-backdrop-filter:blur(4px) !important;}
#inicio .hero-mobile-cta-primary{gap:6px !important;}
#inicio .hero-mobile-cta-primary::before{content:"" !important;width:5px !important;height:5px !important;min-width:5px !important;border-radius:50% !important;background:#ffd83d !important;box-shadow:0 0 7px rgba(255,216,61,.88),0 0 14px rgba(255,216,61,.42) !important;}
#inicio .hero-mobile-cta-primary::after{display:none !important;content:none !important;}
#inicio .hero-mobile-cta-arrow{display:none !important;}
#inicio .hero-mobile-cta-secondary{color:rgba(255,255,255,.68) !important;background:rgba(7,11,16,.32) !important;font-size:7.8px !important;}
}
@media(max-width:390px){#inicio .hero-mobile-project-cta{left:10px !important;top:10px !important;gap:5px !important;}
#inicio .hero-mobile-cta-primary,
#inicio .hero-mobile-cta-secondary{height:25px !important;min-height:25px !important;padding:0 8px !important;}
#inicio .hero-mobile-cta-primary{font-size:8px !important;}
#inicio .hero-mobile-cta-secondary{font-size:7.2px !important;}
}
@media(max-width:700px){html.edool-tier-low #inicio .hero-mobile-cta-primary,
html.edool-tier-low #inicio .hero-mobile-cta-secondary{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background:rgba(7,11,16,.58) !important;}
}
@media(max-width:700px){#inicio .hero-mobile-projects::before{content:"" !important;position:absolute !important;inset:0 !important;z-index:3 !important;pointer-events:none !important;background:linear-gradient(
to bottom,
rgba(3,6,10,.30) 0%,
rgba(3,6,10,.20) 10%,
rgba(3,6,10,.11) 22%,
rgba(3,6,10,.045) 36%,
rgba(3,6,10,.012) 50%,
rgba(3,6,10,0) 68%,
rgba(3,6,10,0) 100%
) !important;opacity:1 !important;}
#inicio .hero-mobile-projects::after{display:none !important;content:none !important;background:none !important;}
}
@media(max-width:700px){html.edool-tier-low #inicio .hero-mobile-projects,
html.edool-tier-low #inicio .hero-mobile-project-cta,
html.edool-tier-low #inicio .hero-mobile-cta-primary,
html.edool-tier-low #inicio .hero-mobile-cta-secondary,
html.edool-tier-low .nav-shell,
html.edool-tier-low .social-card,
html.edool-tier-low .network-card,
html.edool-tier-low .platform-card,
html.edool-tier-low .card-social,
html.edool-tier-low .card-red,
html.edool-tier-low .social-link-card{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:none !important;}
html.edool-tier-low #inicio .hero-mobile-project-slide{will-change:auto !important;}
}

.brand .brand-wordmark{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    background:none !important;
    background-image:none !important;
    font-size:32px !important;
    font-weight:850 !important;
    padding-left:0 !important;
    border-left:none !important;
    letter-spacing:.06em !important;
}
@media (max-width:700px){
    .brand .brand-wordmark{
        font-size:20px !important;
        letter-spacing:.045em !important;
    }
}

/* =========================================================
   LOGO EDOOL - DISEÑO PREMIUM
   Solo modifica el icono/logo, NO el texto EDOOL
   ========================================================= */

.brand .brand-symbol.brand-logo{
    position:relative !important;
    width:54px !important;
    height:54px !important;
    flex:0 0 54px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:6px !important;
    border-radius:16px !important;

    background:
        radial-gradient(circle at 28% 22%, rgba(255,255,255,.16), transparent 34%),
        linear-gradient(145deg, rgba(20,24,28,.96), rgba(7,10,12,.98)) !important;

    border:1px solid rgba(255,255,255,.13) !important;

    box-shadow:
        0 10px 28px rgba(0,0,0,.42),
        0 0 0 1px rgba(255,255,255,.025) inset,
        0 0 18px rgba(214,255,50,.08),
        inset 0 1px 0 rgba(255,255,255,.10) !important;

    overflow:hidden !important;
    isolation:isolate !important;

    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease !important;
}

/* Halo suave exterior */
.brand .brand-symbol.brand-logo::before{
    content:"" !important;
    position:absolute !important;
    inset:-7px !important;
    border-radius:21px !important;
    background:radial-gradient(circle, rgba(214,255,50,.13), transparent 68%) !important;
    filter:blur(7px) !important;
    opacity:.55 !important;
    z-index:-1 !important;
    pointer-events:none !important;
}

/* Brillo diagonal tipo vidrio */
.brand .brand-symbol.brand-logo::after{
    content:"" !important;
    position:absolute !important;
    top:-45% !important;
    left:-75% !important;
    width:52% !important;
    height:190% !important;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.16),
        transparent
    ) !important;
    transform:rotate(18deg) !important;
    opacity:.30 !important;
    pointer-events:none !important;
    transition:left .55s ease, opacity .3s ease !important;
}

/* Logo PNG intacto */
.brand .brand-symbol.brand-logo img{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    display:block !important;

    filter:
        drop-shadow(0 3px 6px rgba(0,0,0,.40))
        drop-shadow(0 0 5px rgba(255,255,255,.05)) !important;

    transform:scale(.96) !important;

    transition:
        transform .28s ease,
        filter .28s ease !important;
}

/* Hover elegante, sin exagerar */
.brand:hover .brand-symbol.brand-logo{
    transform:translateY(-1px) scale(1.035) !important;
    border-color:rgba(214,255,50,.30) !important;

    box-shadow:
        0 13px 34px rgba(0,0,0,.48),
        0 0 24px rgba(214,255,50,.14),
        inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.brand:hover .brand-symbol.brand-logo::after{
    left:125% !important;
    opacity:.48 !important;
}

.brand:hover .brand-symbol.brand-logo img{
    transform:scale(1.02) !important;

    filter:
        drop-shadow(0 4px 8px rgba(0,0,0,.45))
        drop-shadow(0 0 7px rgba(214,255,50,.08)) !important;
}

/* Ajuste móvil */
@media (max-width:768px){
    .brand .brand-symbol.brand-logo{
        width:34px !important;
        height:34px !important;
        flex:0 0 34px !important;
        padding:3px !important;
        border-radius:11px !important;
    }
}

/* EDOOL: blanco, más fino, limpio y profesional */
.brand .brand-wordmark{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    background:none !important;
    background-image:none !important;
    font-size:25px !important;
    font-weight:650 !important;
    line-height:1 !important;
    letter-spacing:.12em !important;
    font-family:Arial, Helvetica, sans-serif !important;
    text-shadow:0 2px 8px rgba(0,0,0,.35) !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-left:0 !important;
    box-shadow:none !important;
    text-decoration:none !important;
}
.brand .brand-wordmark::before,
.brand .brand-wordmark::after{
    content:none !important;
    display:none !important;
}
.brand:hover .brand-wordmark{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    background:none !important;
    transform:none !important;
}
@media (max-width:768px){
    .brand .brand-wordmark{
        font-size:20px !important;
        letter-spacing:.045em !important;
    }
}

/* Vending: reemplaza los verdes por naranja y rojo claro. */
@keyframes edoolVendingFloatWarm{
    0%,100%{transform:translate3d(0,0,0) rotate(.15deg);}
    50%{transform:translate3d(0,-9px,0) rotate(-.15deg);}
}
#proyectos .vending-pro{
    animation:edoolVendingFloatWarm 5s ease-in-out infinite !important;
    will-change:transform;
}
#proyectos .project-card{
    background:
        radial-gradient(circle at 82% 22%,rgba(255,142,0,.20),transparent 30%),
        radial-gradient(circle at 68% 74%,rgba(255,48,69,.16),transparent 32%),
        linear-gradient(145deg,rgba(20,28,39,.92),rgba(9,13,20,.88)) !important;
}
#proyectos .project-card::after{
    background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.025) 45%,rgba(255,111,67,.045) 58%,transparent 72%) !important;
}
#proyectos .project-badge{
    color:#ffad20 !important;
    border-color:rgba(255,142,0,.42) !important;
    background:linear-gradient(135deg,rgba(255,142,0,.17),rgba(255,48,69,.10)) !important;
    box-shadow:0 8px 24px rgba(255,111,0,.11) !important;
}
#proyectos .project-badge span{
    background:#ff3045 !important;
    box-shadow:0 0 9px rgba(255,48,69,.82) !important;
}
#proyectos .project-info h3 span{
    background:linear-gradient(100deg,#ffae00 0%,#ff7500 48%,#ff3045 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    color:transparent !important;
}
#proyectos .vending::before{
    background:linear-gradient(90deg,transparent,#ffae00,#ff3045,transparent) !important;
    box-shadow:0 0 12px rgba(255,91,0,.36) !important;
}
#proyectos .vending-window-pro .product-slot:nth-child(odd)::before{
    color:#ffae00 !important;
    text-shadow:0 0 7px rgba(255,174,0,.48) !important;
}
#proyectos .vending-window-pro .product-slot:nth-child(even)::before{
    color:#ff4052 !important;
    text-shadow:0 0 7px rgba(255,48,69,.48) !important;
}
@media(prefers-reduced-motion:reduce){
    #proyectos .vending-pro{animation:none !important;}
}

#galeria{overflow:hidden;padding-bottom:26px !important;}
#galeria .section-heading{max-width:940px !important;margin-bottom:42px !important;}
#galeria .section-heading h2{max-width:900px;font-size:clamp(44px,6vw,82px) !important;line-height:.94 !important;letter-spacing:-.06em !important;}
#galeria .section-heading h2 span{display:block;color:#77818e !important;}
#galeria .section-heading p{max-width:760px !important;margin-top:22px !important;color:#98a3b0 !important;font-size:16px !important;line-height:1.65 !important;}
.project-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;}
.project-gallery-card{position:relative;isolation:isolate;min-width:0;height:430px;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:26px;background:#11161d;box-shadow:0 22px 58px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04);transition:transform .38s cubic-bezier(.2,.8,.2,1),border-color .38s ease,box-shadow .38s ease;}
.project-gallery-card::before{content:"0" counter(project-card);counter-increment:project-card;position:absolute;top:18px;right:18px;z-index:4;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(7,10,14,.58);color:rgba(255,255,255,.72);font-size:10px;font-weight:850;letter-spacing:.08em;backdrop-filter:blur(8px);}
.project-gallery-grid{counter-reset:project-card;}
.project-gallery-card::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(4,7,10,.03) 25%,rgba(4,7,10,.24) 52%,rgba(4,7,10,.94) 100%);}
.project-gallery-card img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s ease;}
.project-gallery-content{position:absolute;left:25px;right:25px;bottom:24px;z-index:3;}
.project-gallery-kicker{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#45dcff;font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;}
.project-gallery-kicker::before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#ff9d19;box-shadow:0 0 9px rgba(255,157,25,.48);}
.project-gallery-content h3{max-width:540px;margin:0 0 9px;color:#f8fafc;font-size:clamp(27px,3vw,42px);font-weight:680;line-height:1;letter-spacing:-.045em;text-shadow:0 3px 18px rgba(0,0,0,.5);}
.project-gallery-content p{max-width:570px;margin:0;color:rgba(229,235,241,.78);font-size:13px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.project-gallery-card:nth-child(2) .project-gallery-kicker{color:#ffad42;}
.project-gallery-card:nth-child(3) .project-gallery-kicker{color:#ae88ff;}
.project-gallery-card:nth-child(4) .project-gallery-kicker{color:#42e6ae;}
@media(hover:hover){
.project-gallery-card:hover{transform:translateY(-6px);border-color:rgba(69,220,255,.30);box-shadow:0 30px 75px rgba(0,0,0,.34),0 0 34px rgba(69,220,255,.055);}
.project-gallery-card:hover img{transform:scale(1.045);filter:saturate(1.08) brightness(1.04);}
}
@media(max-width:800px){
#galeria .section-heading{margin-bottom:30px !important;}
#galeria .section-heading h2{font-size:clamp(39px,10.5vw,58px) !important;line-height:.97 !important;}
#galeria .section-heading p{font-size:14px !important;margin-top:17px !important;}
.project-gallery-grid{grid-template-columns:1fr;gap:13px;}
.project-gallery-card{height:370px;border-radius:21px;}
.project-gallery-content{left:18px;right:18px;bottom:18px;}
.project-gallery-content h3{font-size:clamp(27px,7.5vw,36px);}
.project-gallery-content p{font-size:12px;-webkit-line-clamp:3;}
.project-gallery-card::before{top:13px;right:13px;width:34px;height:34px;border-radius:10px;}
}
@media(max-width:420px){
.project-gallery-card{height:335px;}
.project-gallery-content h3{font-size:26px;}
.project-gallery-content p{-webkit-line-clamp:2;}
}
.project-archive{padding:10px 0 76px;}
.project-archive-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px;padding-top:30px;border-top:1px solid rgba(255,255,255,.09);}
.project-archive-head span{display:block;margin-bottom:8px;color:#35d9ff;font-size:9px;font-weight:850;letter-spacing:.16em;}
.project-archive-head h2{margin:0;color:#f5f7fa;font-size:clamp(30px,4vw,48px);line-height:1;letter-spacing:-.045em;}
.project-archive-head p{max-width:390px;margin:0;color:#87919d;font-size:13px;line-height:1.55;text-align:right;}
.project-thumb-grid{counter-reset:project-thumb;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:min(1120px,100%);margin-inline:auto;}
.project-thumb{counter-increment:project-thumb;position:relative;isolation:isolate;min-width:0;aspect-ratio:4/3;overflow:hidden;padding:0;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:#11161d;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;}
.project-thumb::before{content:"0" counter(project-thumb);position:absolute;top:8px;left:8px;z-index:3;display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:rgba(5,8,12,.62);color:rgba(255,255,255,.72);font-size:8px;font-weight:850;letter-spacing:.05em;backdrop-filter:blur(7px);}
.project-thumb::after{content:"↗";position:absolute;right:8px;bottom:8px;z-index:3;display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(5,8,12,.66);color:#fff;font-size:12px;backdrop-filter:blur(7px);transition:transform .3s ease,background .3s ease;}
.project-thumb img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .4s ease;}
.project-thumb span{display:none;}
@media(hover:hover){.project-thumb:hover{transform:translateY(-5px);border-color:rgba(53,217,255,.38);box-shadow:0 18px 38px rgba(0,0,0,.32),0 0 24px rgba(53,217,255,.07);}.project-thumb:hover img{transform:scale(1.07);filter:saturate(1.12) brightness(1.04);}.project-thumb:hover::after{transform:translate(2px,-2px);background:rgba(53,217,255,.18);}}
.project-thumb.is-project-hidden{display:none;}
.project-more-signal[hidden]{display:none !important;}
.project-more-signal{width:min(1120px,100%);min-height:58px;margin:15px auto 0;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;padding:11px 15px;border:1px dashed rgba(53,217,255,.22);border-radius:14px;background:linear-gradient(90deg,rgba(53,217,255,.055),rgba(255,255,255,.018),transparent);font:inherit;text-align:left;cursor:pointer;transition:border-color .25s ease,background .25s ease;}
.project-more-signal:hover{border-color:rgba(53,217,255,.42);background:linear-gradient(90deg,rgba(53,217,255,.09),rgba(255,255,255,.025),transparent);}
.project-more-signal strong{color:#cfd7e0;font-size:11px;font-weight:780;letter-spacing:.035em;}
.project-more-signal small{justify-self:end;color:#6f7b88;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.project-more-pulse{display:flex;align-items:center;gap:3px;}
.project-more-pulse i{width:5px;height:5px;border-radius:50%;background:#35d9ff;animation:projectMorePulse 1.5s ease-in-out infinite;box-shadow:0 0 7px rgba(53,217,255,.42);}
.project-more-pulse i:nth-child(2){animation-delay:.18s;}.project-more-pulse i:nth-child(3){animation-delay:.36s;}
@keyframes projectMorePulse{0%,70%,100%{opacity:.28;transform:scale(.72)}35%{opacity:1;transform:scale(1)}}
.project-lightbox[hidden]{display:none !important;}
.project-lightbox{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:24px;}
.project-lightbox-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(2,5,8,.84);backdrop-filter:blur(12px);cursor:pointer;}
.project-lightbox-panel{position:relative;z-index:1;width:min(1000px,100%);max-height:calc(100vh - 48px);display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:25px;background:#0e141b;box-shadow:0 35px 100px rgba(0,0,0,.55);animation:projectLightboxIn .3s cubic-bezier(.2,.8,.2,1);}
@keyframes projectLightboxIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.project-lightbox-image{min-height:480px;background:#080b0f;}
.project-lightbox-image img{width:100%;height:100%;display:block;object-fit:cover;}
.project-lightbox-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:34px 30px;}
.project-lightbox-category{margin-bottom:12px;color:#35d9ff;font-size:9px;font-weight:850;letter-spacing:.15em;}
.project-lightbox-copy h3{margin:0 0 14px;color:#f8fafc;font-size:clamp(30px,3.4vw,46px);line-height:.98;letter-spacing:-.045em;}
.project-lightbox-copy p{margin:0;color:#9ca7b3;font-size:14px;line-height:1.65;}
.project-lightbox-close{position:absolute;top:13px;right:13px;z-index:3;width:38px;height:38px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(6,9,13,.72);color:#fff;font-size:24px;line-height:1;cursor:pointer;}
body.project-lightbox-open{overflow:hidden;}
@media(max-width:1100px){.project-thumb-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px;}}
@media(max-width:800px){
.project-archive{padding-bottom:58px;}
.project-archive-head{display:block;}
.project-archive-head p{margin-top:12px;text-align:left;}
.project-thumb-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:620px;gap:9px;}
.project-more-signal{max-width:620px;grid-template-columns:auto 1fr;gap:9px;}
.project-more-signal small{display:none;}
.project-lightbox{padding:12px;}
.project-lightbox-panel{max-height:calc(100vh - 24px);grid-template-columns:1fr;overflow-y:auto;border-radius:20px;}
.project-lightbox-image{min-height:0;aspect-ratio:4/3;}
.project-lightbox-copy{padding:24px 21px 26px;}
.project-lightbox-copy h3{font-size:31px;}
}
@media(max-width:420px){.project-thumb-grid{gap:7px;}.project-thumb{border-radius:12px;}.project-thumb::before{top:6px;left:6px;width:23px;height:23px;}.project-thumb::after{right:6px;bottom:6px;width:24px;height:24px;}}
.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:260;display:flex;align-items:center;gap:10px;padding:7px 8px 7px 13px;border:1px solid rgba(37,211,102,.28);border-radius:999px;background:rgba(10,17,14,.94);color:#eefbf3;text-decoration:none;box-shadow:0 12px 30px rgba(0,0,0,.34);backdrop-filter:blur(10px);transform-origin:50% 100%;will-change:transform;animation:whatsappFloatMotion 5.8s linear infinite;transition:border-color .28s ease,box-shadow .28s ease,background .28s ease;}
.whatsapp-float-label{font-size:11px;font-weight:780;letter-spacing:.015em;white-space:nowrap;}
.whatsapp-float-icon{position:relative;width:46px;height:46px;flex:0 0 46px;}
.whatsapp-float-icon::before{content:"";position:absolute;inset:-4px;border:1px solid rgba(37,211,102,.18);border-radius:50%;animation:whatsappFloatPulse 3.2s ease-out infinite;}
.whatsapp-float-icon img{width:100%;height:100%;display:block;object-fit:contain;border-radius:14px;}
.edool-language{position:relative;isolation:isolate;display:flex;align-items:center;gap:8px;min-height:42px;padding:4px 6px 4px 5px;border:1px solid rgba(113,219,255,.18);border-radius:14px;background:linear-gradient(135deg,rgba(18,25,34,.96),rgba(9,13,19,.94));color:#eaf2f8;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 24px rgba(0,0,0,.18);backdrop-filter:blur(16px);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;}
.edool-language::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 15% 20%,rgba(43,210,255,.10),transparent 42%);pointer-events:none;}
.edool-language:hover{transform:translateY(-1px);border-color:rgba(78,218,255,.36);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 12px 28px rgba(0,0,0,.24),0 0 22px rgba(48,206,255,.06);}
.edool-language-icon{width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;padding:0;border:1px solid rgba(72,218,255,.20);border-radius:10px;background:linear-gradient(145deg,rgba(35,205,255,.16),rgba(68,112,255,.08));color:#fff;font-size:15px;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);cursor:pointer;}
.edool-language-icon svg,.mobile-language-trigger svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;}
.edool-language-original{height:28px;min-width:31px;padding:0 7px;border:1px solid rgba(223,255,67,.13);border-radius:9px;background:rgba(223,255,67,.045);color:#aeb8a0;font:850 9px/26px Inter,Arial,sans-serif;letter-spacing:.09em;cursor:pointer;transition:color .22s ease,border-color .22s ease,background .22s ease;}
.edool-language-original:hover{color:#e5ff72;border-color:rgba(223,255,67,.32);background:rgba(223,255,67,.09);}
body{top:0 !important;}
@media(max-width:900px){
.edool-language{position:fixed !important;left:-9999px !important;bottom:auto !important;width:1px;min-width:1px;min-height:1px;padding:0 !important;overflow:hidden;opacity:0;pointer-events:none;}
.edool-language-icon{width:38px;height:38px;flex:0 0 38px;border-radius:11px;font-size:17px;}
.edool-language-original{width:34px;min-width:34px;height:38px;padding:0;border-radius:11px;font-size:9px;line-height:36px;}
.mobile-language-trigger{position:relative;display:inline-grid !important;place-items:center;width:34px;height:32px;flex:0 0 34px;padding:0;border:1px solid rgba(72,218,255,.24);border-radius:10px;background:linear-gradient(145deg,rgba(35,205,255,.14),rgba(68,112,255,.07));color:#eef8ff;font-size:15px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.07);overflow:hidden;}
}
.mobile-language-trigger{display:none;}
.edool-language-menu[hidden]{display:none !important;}
body.edool-language-menu-open{overflow:hidden !important;}
.edool-language-menu{position:fixed;top:72px;right:22px;z-index:420;width:190px;max-height:calc(100vh - 88px);display:flex;flex-direction:column;padding:9px;border:1px solid rgba(92,214,255,.20);border-radius:15px;background:linear-gradient(155deg,rgba(18,25,34,.985),rgba(7,11,16,.985));box-shadow:0 22px 55px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(22px);animation:edoolLanguageMenuIn .18s ease;}
@keyframes edoolLanguageMenuIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
.edool-language-menu-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 8px 5px;}
.edool-language-menu-head div{display:flex;flex-direction:column;gap:4px;}
.edool-language-menu-head span{color:#48dcff;font-size:8px;font-weight:850;letter-spacing:.18em;}
.edool-language-menu-head strong{color:#f4f7fa;font-size:12px;font-weight:760;letter-spacing:-.01em;}
.edool-language-menu-head button{width:26px;height:26px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.10);border-radius:8px;background:rgba(255,255,255,.04);color:#aeb8c3;font-size:17px;cursor:pointer;}
.edool-language-options{display:grid;grid-template-columns:1fr;gap:5px;overflow-y:auto;padding:1px;scrollbar-width:thin;scrollbar-color:#263746 transparent;}
.edool-language-loading{grid-column:1/-1;margin:8px 4px;color:#71808d;font-size:11px;text-align:center;}
.edool-language-option{min-width:0;min-height:34px;display:flex;align-items:center;padding:0 10px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.025);color:#b9c3cd;font:700 10px/1.2 Inter,Arial,sans-serif;text-align:left;cursor:pointer;transition:.2s ease;}
.edool-language-option[hidden]{display:none !important;}
.edool-language-option:hover,.edool-language-option:focus-visible{outline:0;color:#fff;border-color:rgba(70,219,255,.30);background:rgba(70,219,255,.075);transform:translateY(-1px);}
.edool-language-option.is-original{color:#ddf57a;border-color:rgba(223,255,67,.16);background:rgba(223,255,67,.045);}
@media(max-width:900px){body.edool-language-menu-open{overflow:auto !important;}.edool-language-menu{width:176px;max-height:calc(100vh - 72px);padding:8px;border-radius:14px;}.edool-language-option{min-height:35px;}}
@media(max-width:420px){
.nav-shell{gap:5px !important;}
.mobile-quick-nav{gap:4px !important;margin-left:auto !important;}
.mobile-quick-nav a:first-child{display:none !important;}
.mobile-quick-nav a{min-height:30px !important;padding:0 8px !important;font-size:9px !important;}
.mobile-language-trigger{width:31px !important;height:30px !important;flex-basis:31px !important;font-size:14px !important;}
.nav-actions{gap:4px !important;}
.menu-button{width:36px !important;height:36px !important;flex-basis:36px !important;}
.edool-language-menu{width:164px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 76px);padding:7px;border-radius:13px;}
.edool-language-menu-head{padding-bottom:6px;}
.edool-language-option{min-height:33px;padding-inline:9px;}
}
@keyframes whatsappFloatPulse{0%{opacity:.38;transform:scale(.92)}75%,100%{opacity:0;transform:scale(1.18)}}
@keyframes whatsappFloatMotion{
0%,62%,100%{transform:translate3d(0,0,0) scale(1,1)}
66%{transform:translate3d(0,0,0) scale(1.045,.93)}
69%{transform:translate3d(0,-5px,0) scale(.965,1.055)}
73%{transform:translate3d(0,-14px,0) scale(.985,1.025)}
76%{transform:translate3d(0,-16px,0) scale(1,1)}
79%{transform:translate3d(0,-8px,0) scale(1.018,.982)}
82%{transform:translate3d(0,0,0) scale(1.075,.89)}
85%{transform:translate3d(0,-4px,0) scale(.98,1.035)}
88%{transform:translate3d(0,0,0) scale(1.035,.96)}
92%{transform:translate3d(0,0,0) scale(1,1)}
}
@media(hover:hover){.whatsapp-float:hover{animation-play-state:paused;transform:translateY(-3px);border-color:rgba(37,211,102,.52);background:rgba(12,24,17,.97);box-shadow:0 16px 36px rgba(0,0,0,.40);}}
@media(max-width:700px){.whatsapp-float{right:13px;bottom:13px;gap:8px;padding:6px 7px 6px 11px;border-radius:999px;}.whatsapp-float-label{display:block;font-size:10px;}.whatsapp-float-icon{width:42px;height:42px;flex-basis:42px;}}
@media(prefers-reduced-motion:reduce){.whatsapp-float,.whatsapp-float-icon::before{animation:none;}}

/* EDOOL — lenguaje visual angular: sustituye los puntos decorativos por rombos */
.eyebrow-dot,
.edool-build-kicker i,
.direct-contact-kicker i,
.contact-channel-live i,
.direct-contact-foot i,
.edool-after-dot,
.vending-status-line span,
.project-more-pulse i,
.live-status span,
.machine-online,
.edool-slide-kicker::before,
.edool-cults-kicker::before,
.edool-facebook-kicker::before,
.edool-tiktok-kicker::before,
.project-gallery-kicker::before,
#inicio h1 .muted-line::after,
#inicio .hero-description::after,
#inicio .hero-mobile-cta-primary::before{
border-radius:1px !important;
clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%) !important;
}

/* Los controles de carrusel conservan su función, con el mismo acabado angular. */
.gallery-dot,
.edool-carousel-dot,
#coreMiniCarousel .core-mini-dot,
#inicio .hero-mobile-project-dot{
border-radius:1px !important;
clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%) !important;
}

/* Selector de idioma — panel técnico EDOOL */
.edool-language-menu{
top:76px !important;
right:22px !important;
width:286px !important;
padding:0 !important;
overflow:hidden !important;
border:1px solid #2b3540 !important;
border-radius:3px !important;
background:#0c1117 !important;
box-shadow:8px 10px 0 rgba(0,0,0,.24) !important;
backdrop-filter:none !important;
animation:edoolLanguagePanelIn .16s ease-out !important;
clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%) !important;
}
@keyframes edoolLanguagePanelIn{
from{opacity:0;transform:translateY(-5px)}
to{opacity:1;transform:translateY(0)}
}
.edool-language-menu::before{
content:"";
display:block;
height:3px;
background:linear-gradient(90deg,#35d9ff 0 68px,#dfff43 68px 92px,#27313b 92px 100%);
}
.edool-language-menu-head{
min-height:66px;
padding:13px 13px 11px 15px !important;
border-bottom:1px solid #222c35;
background:#10171f;
}
.edool-language-menu-head div{gap:5px !important;}
.edool-language-menu-head span{
color:#738291 !important;
font-size:8px !important;
font-weight:750 !important;
letter-spacing:.16em !important;
}
.edool-language-menu-head strong{
color:#f1f5f7 !important;
font-size:15px !important;
font-weight:680 !important;
letter-spacing:-.015em !important;
}
.edool-language-menu-head button{
width:30px !important;
height:30px !important;
border:1px solid #35414c !important;
border-radius:2px !important;
background:#151d25 !important;
color:#aeb8c1 !important;
font-size:18px !important;
}
.edool-language-menu-head button:hover{
border-color:#35d9ff !important;
color:#fff !important;
background:#19232c !important;
}
.edool-language-options{
grid-template-columns:1fr 1fr !important;
gap:1px !important;
padding:1px !important;
background:#222c35 !important;
overflow-y:auto !important;
}
.edool-language-option{
min-height:48px !important;
gap:9px !important;
padding:0 11px !important;
border:0 !important;
border-radius:0 !important;
background:#0d1319 !important;
color:#c0c9d0 !important;
font:650 11px/1.2 Inter,Arial,sans-serif !important;
transform:none !important;
}
.edool-language-option::before{
content:attr(data-language);
display:grid;
place-items:center;
width:29px;
height:22px;
flex:0 0 29px;
border:1px solid #33404b;
color:#71808d;
font-size:7px;
font-weight:850;
letter-spacing:.04em;
text-transform:uppercase;
}
.edool-language-option:hover,
.edool-language-option:focus-visible{
color:#fff !important;
background:#151e26 !important;
box-shadow:inset 3px 0 #35d9ff !important;
}
.edool-language-option:hover::before,
.edool-language-option:focus-visible::before{
border-color:#35d9ff;
color:#35d9ff;
}
.edool-language-option.is-original{
color:#e7f5ad !important;
background:#121912 !important;
box-shadow:inset 3px 0 #dfff43 !important;
}
.edool-language-option.is-original::before{
border-color:#6c7b32;
color:#dfff43;
}
.edool-language-loading{
grid-column:1/-1 !important;
margin:0 !important;
padding:18px !important;
background:#0d1319;
color:#71808d !important;
}
@media(max-width:420px){
.edool-language-menu{top:68px !important;right:8px !important;width:min(270px,calc(100vw - 16px)) !important;}
.edool-language-option{min-height:46px !important;padding:0 9px !important;}
}

/* Selector de idioma — sencillo y natural */
.edool-language-menu{top:72px !important;right:20px !important;width:218px !important;padding:7px !important;overflow:hidden !important;border:1px solid rgba(255,255,255,.11) !important;border-radius:13px !important;background:#151b22 !important;box-shadow:0 14px 35px rgba(0,0,0,.34) !important;clip-path:none !important;}
.edool-language-menu::before{display:none !important;content:none !important;}
.edool-language-menu-head{min-height:54px !important;padding:7px 6px 10px 9px !important;border-bottom:1px solid rgba(255,255,255,.08) !important;background:transparent !important;}
.edool-language-menu-head div{gap:3px !important;}
.edool-language-menu-head strong{order:1;color:#f4f6f8 !important;font-size:14px !important;font-weight:650 !important;letter-spacing:0 !important;}
.edool-language-menu-head span{order:2;color:#89949e !important;font-size:9px !important;font-weight:500 !important;letter-spacing:.01em !important;text-transform:none !important;}
.edool-language-menu-head button{width:28px !important;height:28px !important;border:0 !important;border-radius:8px !important;background:transparent !important;color:#929ca5 !important;}
.edool-language-menu-head button:hover{background:rgba(255,255,255,.07) !important;color:#fff !important;}
.edool-language-options{grid-template-columns:1fr !important;gap:2px !important;padding:6px 0 0 !important;background:transparent !important;}
.edool-language-option{min-height:36px !important;display:flex !important;padding:0 10px !important;border:0 !important;border-radius:8px !important;background:transparent !important;color:#c1c8ce !important;font-size:11px !important;font-weight:550 !important;box-shadow:none !important;}
.edool-language-option::before{display:none !important;content:none !important;}
.edool-language-option:hover,.edool-language-option:focus-visible{color:#fff !important;background:rgba(255,255,255,.065) !important;box-shadow:none !important;}
.edool-language-option.is-original{color:#efffc1 !important;background:rgba(223,255,67,.075) !important;box-shadow:none !important;}
@media(max-width:420px){.edool-language-menu{top:66px !important;right:8px !important;width:210px !important;}.edool-language-option{min-height:36px !important;padding:0 10px !important;}}

/* Separadores triangulares del texto móvil bajo la portada */
.marquee-item span{
width:8px !important;
height:8px !important;
flex:0 0 8px !important;
border-radius:0 !important;
clip-path:polygon(50% 0,100% 100%,0 100%) !important;
background:#ff8a1f !important;
box-shadow:none !important;
}
@media(max-width:700px){
.marquee-item span{width:7px !important;height:7px !important;flex-basis:7px !important;}
}

/* Portada sin la tarjeta/carrusel artificial de dos imágenes. */
#inicio .hero-inner{
display:block !important;
}
#inicio .hero-copy{
width:min(100%,860px) !important;
}

/* Portada sin líneas ni marcas verdes decorativas. */
#inicio h1::after,
#inicio h1 .muted-line::after,
#inicio .hero-description::before,
#inicio .hero-description::after{
display:none !important;
content:none !important;
}
#inicio .hero-description{
padding-left:0 !important;
}

/* Marquesina profesional: texto limpio, sin puntos ni rombos decorativos. */
.marquee-wrap{
margin-top:18px !important;
background:#0d1218 !important;
border-top:1px solid rgba(255,255,255,.08) !important;
border-bottom:1px solid rgba(255,255,255,.08) !important;
box-shadow:none !important;
}
.marquee-item,
.marquee-group .marquee-item:nth-child(n){
position:relative !important;
gap:0 !important;
padding:0 30px !important;
color:#aeb6bf !important;
font-size:12px !important;
font-weight:600 !important;
letter-spacing:.055em !important;
text-transform:none !important;
transform:none !important;
}
.marquee-item span{
display:none !important;
}
.marquee-item::before{
content:"" !important;
position:absolute !important;
left:0 !important;
top:50% !important;
width:1px !important;
height:16px !important;
background:rgba(255,255,255,.16) !important;
transform:translateY(-50%) !important;
}
.marquee-item:hover{
color:#fff !important;
transform:none !important;
}
@media(max-width:700px){
.marquee-item,
.marquee-group .marquee-item:nth-child(n){
padding:0 20px !important;
font-size:10px !important;
letter-spacing:.04em !important;
}
.marquee-item::before{height:13px !important;}
}

/* Sin puntos decorativos: se conserva únicamente la información útil. */
.eyebrow-dot,
.edool-build-kicker i,
.direct-contact-kicker i,
.contact-channel-live i,
.direct-contact-foot i,
.edool-after-dot,
.vending-status-line span,
.project-badge > span,
.project-more-pulse,
.live-status > span,
.machine-online,
.edool-slide-kicker::before,
.edool-cults-kicker::before,
.edool-facebook-kicker::before,
.edool-tiktok-kicker::before,
.project-gallery-kicker::before,
#inicio .hero-mobile-cta-primary::before{
display:none !important;
content:none !important;
box-shadow:none !important;
}

/* Los controles de imágenes pasan de puntos a pequeñas barras sobrias. */
.gallery-dot,
.edool-carousel-dot,
#coreMiniCarousel .core-mini-dot,
#inicio .hero-mobile-project-dot{
width:18px !important;
height:3px !important;
min-width:18px !important;
padding:0 !important;
border:0 !important;
border-radius:1px !important;
clip-path:none !important;
background:rgba(255,255,255,.28) !important;
box-shadow:none !important;
}
.gallery-dot.active,
.edool-carousel-dot.active,
#coreMiniCarousel .core-mini-dot.active,
#inicio .hero-mobile-project-dot.active{
width:28px !important;
background:rgba(255,255,255,.82) !important;
box-shadow:none !important;
}

/* Botones de portada: controles directos, sobrios y sin acabado de plantilla. */
@media(min-width:701px){
#inicio .hero-actions{
display:flex !important;
align-items:center !important;
gap:12px !important;
margin-top:32px !important;
}
#inicio .hero-actions .button,
#inicio .hero-actions .button-primary,
#inicio .hero-actions .button-secondary{
flex:0 0 auto !important;
width:auto !important;
min-width:0 !important;
min-height:48px !important;
height:48px !important;
padding:0 20px !important;
border-radius:8px !important;
font-size:14px !important;
font-weight:700 !important;
letter-spacing:0 !important;
text-transform:none !important;
background-image:none !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
box-shadow:0 8px 18px rgba(0,0,0,.22) !important;
}
#inicio .hero-actions .button-primary{
color:#111418 !important;
background:#f0f2f3 !important;
border:1px solid #f0f2f3 !important;
}
#inicio .hero-actions .button-secondary{
color:#d8dde1 !important;
background:#161a1f !important;
border:1px solid #3a4047 !important;
}
#inicio .hero-actions .button::before,
#inicio .hero-actions .button::after{
display:none !important;
content:none !important;
}
#inicio .hero-actions .button-arrow{
display:inline !important;
width:auto !important;
height:auto !important;
min-width:0 !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
color:currentColor !important;
background:transparent !important;
box-shadow:none !important;
font-size:17px !important;
line-height:1 !important;
}
#inicio .hero-actions .button:hover{
transform:translateY(-2px) !important;
box-shadow:0 11px 22px rgba(0,0,0,.28) !important;
}
#inicio .hero-actions .button-primary:hover{
background:#ffffff !important;
border-color:#ffffff !important;
}
#inicio .hero-actions .button-secondary:hover{
background:#1d2228 !important;
border-color:#69717a !important;
}
}

/* Contacto directo: compacto, neutro y fácil de leer. */
.direct-contact-shell{
padding:clamp(24px,3vw,42px) !important;
border-radius:14px !important;
background:#0f141a !important;
background-image:none !important;
border:1px solid #262d35 !important;
box-shadow:0 16px 36px rgba(0,0,0,.20) !important;
}
.direct-contact-shell::before,
.direct-contact-shell::after{
display:none !important;
content:none !important;
}
.direct-contact-grid{
gap:14px !important;
margin-top:28px !important;
}
.direct-contact-grid .contact-channel,
.direct-contact-grid .whatsapp-channel,
.direct-contact-grid .email-channel{
position:relative !important;
min-height:112px !important;
height:auto !important;
display:flex !important;
align-items:center !important;
gap:18px !important;
padding:22px 58px 22px 22px !important;
border-radius:10px !important;
color:#e8ebee !important;
background:#151b21 !important;
background-image:none !important;
border:1px solid #2d353e !important;
box-shadow:none !important;
}
.direct-contact-grid .contact-channel::before,
.direct-contact-grid .contact-channel::after{
display:none !important;
content:none !important;
}
.direct-contact-grid .contact-channel:hover{
background:#1a2128 !important;
border-color:#48525d !important;
box-shadow:none !important;
transform:translateY(-2px) !important;
}
.direct-contact-grid .contact-channel-icon{
width:58px !important;
height:58px !important;
min-width:58px !important;
padding:0 !important;
border:0 !important;
border-radius:12px !important;
background:transparent !important;
box-shadow:none !important;
filter:none !important;
}
.direct-contact-grid .contact-channel-icon img{
width:100% !important;
height:100% !important;
object-fit:contain !important;
filter:none !important;
}
.direct-contact-grid .contact-channel-copy{
display:block !important;
min-width:0 !important;
}
.direct-contact-grid .contact-channel-copy small,
.direct-contact-grid .contact-channel-live,
.direct-contact-foot{
display:none !important;
}
.direct-contact-grid .contact-channel-copy strong{
display:block !important;
margin:0 0 5px !important;
color:#f1f3f5 !important;
font-size:22px !important;
font-weight:700 !important;
letter-spacing:-.02em !important;
text-shadow:none !important;
}
.direct-contact-grid .contact-channel-copy span{
display:block !important;
overflow:hidden !important;
color:#aab2ba !important;
font-size:14px !important;
font-weight:450 !important;
letter-spacing:0 !important;
text-overflow:ellipsis !important;
white-space:nowrap !important;
}
.direct-contact-grid .contact-channel-arrow{
position:absolute !important;
top:50% !important;
right:22px !important;
width:auto !important;
height:auto !important;
transform:translateY(-50%) !important;
color:#9099a2 !important;
background:transparent !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
font-size:19px !important;
}
@media(max-width:700px){
.direct-contact-shell{padding:20px 16px !important;}
.direct-contact-grid{gap:10px !important;margin-top:22px !important;}
.direct-contact-grid .contact-channel,
.direct-contact-grid .whatsapp-channel,
.direct-contact-grid .email-channel{
min-height:88px !important;
padding:16px 44px 16px 16px !important;
gap:14px !important;
}
.direct-contact-grid .contact-channel-icon{
width:48px !important;
height:48px !important;
min-width:48px !important;
}
.direct-contact-grid .contact-channel-copy strong{font-size:19px !important;}
.direct-contact-grid .contact-channel-copy span{font-size:12px !important;}
.direct-contact-grid .contact-channel-arrow{right:16px !important;}
}

/* Menú principal: gris vivo y amarillo EDOOL con luz controlada. */
.desktop-nav{
border:1px solid transparent !important;
background:
linear-gradient(#12171d,#12171d) padding-box,
linear-gradient(105deg,#69727c 0%,#343b43 58%,rgba(223,255,67,.85) 100%) border-box !important;
box-shadow:
0 10px 24px rgba(0,0,0,.28),
5px 4px 18px rgba(223,255,67,.065) !important;
}
.desktop-nav a{
color:#aeb6bf !important;
text-shadow:none !important;
}
.desktop-nav a::before{
background:#1a2026 !important;
background-image:none !important;
border:1px solid #3b444d !important;
box-shadow:none !important;
}
.desktop-nav a::after{
left:18px !important;
right:18px !important;
bottom:3px !important;
width:auto !important;
height:2px !important;
border-radius:1px !important;
clip-path:none !important;
background:#dfff43 !important;
box-shadow:0 0 8px rgba(223,255,67,.7) !important;
opacity:0 !important;
transform:scaleX(.35) !important;
transform-origin:center !important;
}
.desktop-nav a:hover,
.desktop-nav a.active{
color:#fff !important;
}
.desktop-nav a:hover::before,
.desktop-nav a.active::before{
opacity:1 !important;
transform:scale(1) !important;
background:#1c2329 !important;
border-color:#626c76 !important;
box-shadow:inset 0 0 18px rgba(223,255,67,.045) !important;
}
.desktop-nav a:hover::after,
.desktop-nav a.active::after{
opacity:1 !important;
transform:scaleX(1) !important;
}

/* Menú en blanco y gris, sin verde. */
.desktop-nav{
border:1px solid #68727c !important;
background:#12171d !important;
background-image:none !important;
box-shadow:0 10px 24px rgba(0,0,0,.25) !important;
}
.desktop-nav a{
color:#aeb6bf !important;
}
.desktop-nav a:hover,
.desktop-nav a.active{
color:#ffffff !important;
}
.desktop-nav a:hover::before,
.desktop-nav a.active::before{
background:#20262c !important;
border-color:#7f8993 !important;
box-shadow:none !important;
}
.desktop-nav a::after,
.desktop-nav a:hover::after,
.desktop-nav a.active::after{
background:#ffffff !important;
box-shadow:none !important;
}

/* Navegación técnica: elimina el exceso de cápsulas y radios circulares. */
.desktop-nav{
    gap:2px !important;
    padding:4px !important;
    border-radius:8px !important;
    background:#11161c !important;
    box-shadow:0 8px 20px rgba(0,0,0,.22) !important;
}
.desktop-nav a{
    min-width:0 !important;
    height:38px !important;
    padding:0 18px !important;
    border-radius:4px !important;
    letter-spacing:.03em !important;
}
.desktop-nav a::before{
    border-radius:3px !important;
    border-color:transparent !important;
    background:transparent !important;
}
.desktop-nav a.active::before{
    background:#20272e !important;
    border-color:#64707b !important;
    box-shadow:inset 3px 0 0 #b8e84d !important;
}
.desktop-nav a::after{
    left:14px !important;
    right:14px !important;
    bottom:4px !important;
    height:1px !important;
    border-radius:0 !important;
}

/* Sistema de navegación EDOOL: riel técnico abierto, sin cápsulas. */
.desktop-nav{
    gap:0 !important;
    padding:0 8px !important;
    border:0 !important;
    border-top:1px solid rgba(173,190,202,.42) !important;
    border-bottom:1px solid rgba(173,190,202,.42) !important;
    border-radius:0 !important;
    background:linear-gradient(90deg,transparent,rgba(24,31,37,.72) 12%,rgba(24,31,37,.72) 88%,transparent) !important;
    box-shadow:none !important;
}
.desktop-nav a{
    height:43px !important;
    padding:0 22px !important;
    border-radius:0 !important;
    color:#9da8b3 !important;
}
.desktop-nav a + a{border-left:1px solid rgba(158,176,188,.16) !important;}
.desktop-nav a::before{
    display:none !important;
    inset:9px auto 9px 7px !important;
    width:2px !important;
    height:auto !important;
    border:0 !important;
    border-radius:0 !important;
    background:#b8e84d !important;
    box-shadow:0 0 10px rgba(184,232,77,.30) !important;
    transform:skewY(-28deg) scaleY(.25) !important;
    transform-origin:center !important;
}
.desktop-nav a::after{
    left:12px !important;
    right:12px !important;
    bottom:-1px !important;
    height:2px !important;
    background:#b8e84d !important;
    transform:scaleX(.15) !important;
}
.desktop-nav a:hover::before,
.desktop-nav a.active::before{
    background:#b8e84d !important;
    border:0 !important;
    transform:skewY(-28deg) scaleY(1) !important;
    box-shadow:0 0 10px rgba(184,232,77,.30) !important;
}
.desktop-nav a:hover,
.desktop-nav a.active{background:transparent !important;color:#f4f7fa !important;}

/* Navegación limpia: sin rieles, separadores ni subrayados. */
.desktop-nav{
    border:0 !important;
    background:transparent !important;
}
.desktop-nav a + a{border-left:0 !important;}
.desktop-nav a::after{display:none !important;}
.desktop-nav a.active{color:#ffffff !important;}

/* Móvil: los accesos rápidos usan el mismo lenguaje limpio, sin cápsulas. */
.mobile-quick-nav{
    gap:12px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
}
.mobile-quick-nav a{
    min-height:auto !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#aeb7c0 !important;
}
.mobile-quick-nav a:hover{color:#ffffff !important;}
.menu-button{border-radius:4px !important;}

/* En teléfono conserva la barra horizontal del escritorio, en escala compacta. */
@media(max-width:700px){
    .nav-shell{
        display:flex !important;
        align-items:center !important;
        gap:7px !important;
        width:calc(100% - 16px) !important;
        min-height:50px !important;
        padding:6px 9px !important;
    }
    .brand{gap:7px !important;flex:0 0 auto !important;}
    .brand-symbol{width:28px !important;height:28px !important;}
    .brand-wordmark{font-size:13px !important;letter-spacing:.12em !important;}
    .desktop-nav{display:flex !important;flex:1 1 auto !important;justify-content:center !important;min-width:0 !important;}
    .desktop-nav a{height:34px !important;padding:0 6px !important;font-size:9px !important;letter-spacing:.01em !important;white-space:nowrap !important;}
    .mobile-quick-nav,.menu-button{display:none !important;}
    .nav-actions{flex:0 0 auto !important;}
    .nav-contact{display:inline-flex !important;min-height:34px !important;padding:0 9px !important;border-radius:8px !important;font-size:9px !important;}
}
@media(max-width:360px){
    .nav-shell{gap:4px !important;padding-left:7px !important;padding-right:7px !important;}
    .brand-wordmark{font-size:11px !important;}
    .desktop-nav a{padding:0 4px !important;font-size:8px !important;}
    .nav-contact{padding:0 7px !important;font-size:8px !important;}
}

/* Portada móvil: misma jerarquía que escritorio. */
@media(max-width:700px){
    #inicio .hero-copy h1{order:1 !important;}
    #inicio .hero-description{order:2 !important;margin-top:0 !important;}
    #inicio .hero-actions{
        order:3 !important;
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:10px !important;
        width:100% !important;
        margin:22px 0 0 !important;
    }
    #inicio .hero-actions .button{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        min-height:46px !important;
        padding:0 10px !important;
        font-size:11px !important;
    }
    #inicio .hero-mobile-projects{
        order:4 !important;
        margin-top:22px !important;
        margin-bottom:0 !important;
    }
    #inicio .hero-mobile-project-cta{display:none !important;}
}

/* Acciones de portada: monocromáticas, limpias y elegantes. */
#inicio .hero-actions .button,
#inicio .hero-actions .button-primary,
#inicio .hero-actions .button-secondary{
    border-radius:7px !important;
    box-shadow:none !important;
    background-image:none !important;
}
#inicio .hero-actions .button-primary{
    background:#e7eaec !important;
    border:1px solid #e7eaec !important;
    color:#15191d !important;
}
#inicio .hero-actions .button-secondary{
    background:transparent !important;
    border:1px solid #56606a !important;
    color:#d8dde1 !important;
}
#inicio .hero-actions .button-arrow{
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:currentColor !important;
    box-shadow:none !important;
}
#inicio .hero-actions .button:hover{transform:translateY(-1px) !important;box-shadow:none !important;}
#inicio .hero-actions .button-primary:hover{background:#ffffff !important;}
#inicio .hero-actions .button-secondary:hover{background:rgba(255,255,255,.055) !important;border-color:#77818a !important;}

/* Portada móvil integrada al carrusel. */
@media(max-width:700px){
    #inicio .hero-copy > h1,
    #inicio .hero-copy > .hero-description,
    #inicio .hero-copy > .hero-actions{display:none !important;}
    #inicio .hero-mobile-projects{
        order:1 !important;
        width:100% !important;
        aspect-ratio:4 / 5 !important;
        margin:0 !important;
        border-radius:18px !important;
        background:#121619 !important;
    }
    #inicio .hero-mobile-projects::before{
        z-index:4 !important;
        background:linear-gradient(180deg,rgba(5,8,10,.12) 0%,rgba(5,8,10,.20) 30%,rgba(5,8,10,.84) 100%) !important;
    }
    #inicio .hero-mobile-message{
        position:absolute !important;
        z-index:7 !important;
        left:20px !important;
        right:20px !important;
        bottom:28px !important;
        color:#f4f6f7 !important;
    }
    #inicio .hero-mobile-message-kicker{
        display:block !important;
        margin-bottom:10px !important;
        color:rgba(223,232,238,.72) !important;
        font-size:8px !important;
        font-weight:750 !important;
        letter-spacing:.16em !important;
    }
    #inicio .hero-mobile-message strong{
        display:block !important;
        font-size:clamp(31px,9.6vw,43px) !important;
        font-weight:720 !important;
        line-height:.92 !important;
        letter-spacing:-.06em !important;
    }
    #inicio .hero-mobile-message strong em{
        color:#aeb8c1 !important;
        font-style:normal !important;
        font-weight:620 !important;
    }
    #inicio .hero-mobile-message p{
        margin:14px 0 18px !important;
        max-width:330px !important;
        color:rgba(242,246,248,.80) !important;
        font-size:12px !important;
        line-height:1.48 !important;
    }
    #inicio .hero-mobile-message-actions{display:flex !important;gap:9px !important;align-items:center !important;}
    #inicio .hero-mobile-message-actions a{
        min-height:34px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        padding:0 11px !important;
        border:1px solid rgba(255,255,255,.30) !important;
        border-radius:6px !important;
        color:#f4f6f7 !important;
        background:rgba(13,17,20,.42) !important;
        font-size:10px !important;
        font-weight:700 !important;
        text-decoration:none !important;
        backdrop-filter:blur(6px) !important;
        -webkit-backdrop-filter:blur(6px) !important;
    }
    #inicio .hero-mobile-message-actions a:first-child{background:#e7eaec !important;border-color:#e7eaec !important;color:#15191d !important;}
    #inicio .hero-mobile-message-actions b{margin-left:7px !important;font-size:14px !important;}
    #inicio .hero-mobile-project-dots{z-index:8 !important;bottom:9px !important;}
}

/* Restauración de la portada móvil: contenido antes del carrusel. */
@media(max-width:700px){
    #inicio .hero-copy > h1{display:block !important;order:1 !important;}
    #inicio .hero-copy > .hero-description{display:block !important;order:2 !important;}
    #inicio .hero-copy > .hero-actions{display:grid !important;order:3 !important;}
    #inicio .hero-mobile-projects{
        order:4 !important;
        width:100% !important;
        aspect-ratio:16 / 9 !important;
        margin:22px 0 0 !important;
    }
    #inicio .hero-mobile-message{display:none !important;}
}

/* Recorte móvil: elimina el espacio vacío superior de los renders 3D. */
@media(max-width:700px){
    #inicio .hero-copy{
        display:flex !important;
        flex-direction:column !important;
    }
    #inicio .hero-copy > h1{display:none !important;}
    #inicio .hero-mobile-projects{
        order:1 !important;
        margin-top:0 !important;
    }
    #inicio .hero-copy > .hero-description{
        order:2 !important;
        margin-top:18px !important;
    }

    section#inicio .hero-copy > div.hero-actions.reveal{
        display:none !important;
        visibility:hidden !important;
        height:0 !important;
        min-height:0 !important;
        margin:0 !important;
        padding:0 !important;
    }

    #inicio .hero-mobile-project-slide img{
        /* Sin zoom: respeta exactamente el ancho y los márgenes del contenedor. */
        width:100% !important;
        max-width:100% !important;
        transform:none !important;
        transform-origin:center !important;
    }

    #inicio .hero-mobile-projects{
        box-sizing:border-box !important;
        max-width:100% !important;
    }

    /* En teléfono el carrusel queda limpio, sin botones superpuestos. */
    #inicio .hero-mobile-project-cta{
        display:none !important;
    }

    /* Titular sobre el carrusel; las imágenes continúan moviéndose detrás. */
    #inicio .hero-mobile-carousel-title{
        position:absolute !important;
        top:18px !important;
        left:17px !important;
        z-index:5 !important;
        display:flex !important;
        flex-direction:column !important;
        pointer-events:none !important;
        color:#f5f7fa !important;
        font-size:clamp(31px,9.1vw,46px) !important;
        font-weight:720 !important;
        line-height:.92 !important;
        letter-spacing:-.062em !important;
        text-shadow:0 2px 14px rgba(0,0,0,.48) !important;
    }
    #inicio .hero-mobile-carousel-title span{display:block !important;}
    #inicio .hero-mobile-carousel-title .is-muted{
        margin-top:5px !important;
        color:#aeb8c1 !important;
        font-size:.78em !important;
        font-weight:620 !important;
    }

    /* Oculta solo las acciones grandes de portada en teléfono. */
    #inicio .hero-actions{
        display:none !important;
    }

    /* Sin capa oscura encima: evita la franja/sombra horizontal. */
    #inicio .hero-mobile-projects::before,
    #inicio .hero-mobile-projects::after{
        display:none !important;
        content:none !important;
        background:none !important;
    }
}

/* Base general: negro profundo, sin gris ni violeta. */
html{background:#000 !important;}
body{background:#000 !important;}
main{background:transparent !important;background-color:transparent !important;}

/* CTA de navegación: celeste para diferenciarlo de las acciones verdes. */
.nav-contact{
    background:linear-gradient(135deg,rgba(124,230,255,.78) 0%,rgba(56,200,245,.72) 54%,rgba(21,155,213,.76) 100%) !important;
    color:#06131a !important;
    border:1px solid rgba(194,244,255,.55) !important;
    backdrop-filter:blur(10px) !important;
    -webkit-backdrop-filter:blur(10px) !important;
    box-shadow:0 10px 28px rgba(56,200,245,.14),inset 0 1px 0 rgba(255,255,255,.30) !important;
}
.nav-contact:hover{box-shadow:0 14px 32px rgba(56,200,245,.27),inset 0 1px 0 rgba(255,255,255,.44) !important;}

/* En teléfono, la barra muestra únicamente las dos secciones principales. */
@media (max-width:700px){
    .desktop-nav a[href="#inicio"],
    .desktop-nav a[href="#galeria"]{display:none !important;}
    .nav-contact{color:#ffffff !important;}
}

/* Graphite Studio: luz superior, profundidad editorial y viñeta suave. */
html{background:#121416 !important;}
body{
    color:#f7f9fc !important;
    background:
        radial-gradient(ellipse at 50% -12%,rgba(232,241,246,.11),transparent 36%),
        radial-gradient(ellipse at 100% 28%,rgba(104,130,147,.075),transparent 31%),
        radial-gradient(ellipse at 0% 78%,rgba(0,0,0,.24),transparent 42%),
        linear-gradient(145deg,#30363a 0%,#202529 34%,#15191b 68%,#0e1012 100%) !important;
}
body::before{opacity:.30 !important;}

/* Selector de idiomas en blanco y gris, coherente con el menú. */
.edool-language-menu{
background:#151b22 !important;
background-image:none !important;
border-color:#59636d !important;
box-shadow:0 14px 34px rgba(0,0,0,.32) !important;
}
.edool-language-menu-head strong{
color:#ffffff !important;
}
.edool-language-menu-head span,
.edool-language-loading{
color:#9da6af !important;
}
.edool-language-option,
.edool-language-option.is-original{
color:#cbd1d6 !important;
background:transparent !important;
box-shadow:none !important;
}
.edool-language-option:hover,
.edool-language-option:focus-visible,
.edool-language-option.is-original:hover{
color:#ffffff !important;
background:#242b32 !important;
box-shadow:none !important;
}
.edool-language-option.is-original{
border-left:2px solid #ffffff !important;
background:#1d232a !important;
color:#ffffff !important;
}
.edool-language-icon,
.mobile-language-trigger{
color:#e5e8eb !important;
border-color:#59636d !important;
background:#171d23 !important;
box-shadow:none !important;
}
.edool-language-icon:hover,
.mobile-language-trigger:hover{
color:#ffffff !important;
border-color:#8a949e !important;
background:#222930 !important;
}

/* Tres tarjetas sociales en formato vertical: visual, contenido y acción. */
.edool-social-three-row .edool-cults-card,
.edool-social-three-row .edool-facebook-card,
.edool-social-three-row .edool-tiktok-card{
height:460px !important;
min-height:460px !important;
max-height:460px !important;
display:flex !important;
flex-direction:column !important;
align-items:stretch !important;
justify-content:flex-start !important;
gap:0 !important;
padding:0 !important;
overflow:hidden !important;
border:1px solid #2b3239 !important;
border-radius:8px !important;
background:#181b1e !important;
background-image:none !important;
box-shadow:0 16px 34px rgba(0,0,0,.24) !important;
}
.edool-social-three-row .edool-cults-visual,
.edool-social-three-row .edool-facebook-visual,
.edool-social-three-row .edool-tiktok-visual{
order:1 !important;
position:relative !important;
width:100% !important;
min-width:100% !important;
height:190px !important;
min-height:190px !important;
max-height:190px !important;
display:grid !important;
place-items:center !important;
margin:0 !important;
overflow:hidden !important;
background:
linear-gradient(145deg,rgba(255,255,255,.025),transparent 52%),
#090c0f !important;
border-bottom:1px solid #293038 !important;
}
.edool-social-three-row .edool-cults-visual::after,
.edool-social-three-row .edool-facebook-visual::after,
.edool-social-three-row .edool-tiktok-visual::after{
content:"" !important;
display:block !important;
position:absolute !important;
left:0 !important;
right:0 !important;
bottom:0 !important;
height:3px !important;
background:#dfff43 !important;
box-shadow:0 -2px 12px rgba(223,255,67,.18) !important;
}
.edool-social-three-row .edool-cults-copy,
.edool-social-three-row .edool-facebook-copy,
.edool-social-three-row .edool-tiktok-copy{
order:2 !important;
width:100% !important;
min-width:0 !important;
min-height:0 !important;
flex:1 1 auto !important;
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
padding:28px 26px 25px !important;
}
.edool-social-three-row .edool-cults-kicker,
.edool-social-three-row .edool-facebook-kicker,
.edool-social-three-row .edool-tiktok-kicker{
margin:0 !important;
color:#f5f6f7 !important;
font-size:20px !important;
font-weight:760 !important;
line-height:1.15 !important;
letter-spacing:-.025em !important;
text-transform:none !important;
text-shadow:none !important;
}
.edool-social-description{
display:block !important;
margin:18px 0 0 !important;
max-width:330px !important;
color:#c4c9ce !important;
font-size:14px !important;
font-weight:430 !important;
line-height:1.55 !important;
letter-spacing:0 !important;
}
.edool-social-three-row .edool-cults-button,
.edool-social-three-row .edool-facebook-button,
.edool-social-three-row .edool-tiktok-button{
width:auto !important;
height:auto !important;
min-height:0 !important;
margin:auto 0 0 !important;
padding:8px 0 !important;
gap:10px !important;
color:#f5f6f7 !important;
background:transparent !important;
background-image:none !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
font-size:14px !important;
font-weight:700 !important;
}
.edool-social-three-row .edool-cults-button::before,
.edool-social-three-row .edool-cults-button::after,
.edool-social-three-row .edool-facebook-button::before,
.edool-social-three-row .edool-facebook-button::after,
.edool-social-three-row .edool-tiktok-button::before,
.edool-social-three-row .edool-tiktok-button::after{
display:none !important;
content:none !important;
}
.edool-social-three-row .edool-cults-button b,
.edool-social-three-row .edool-facebook-button b,
.edool-social-three-row .edool-tiktok-button b{
width:auto !important;
height:auto !important;
color:#dfff43 !important;
background:transparent !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
font-size:23px !important;
line-height:1 !important;
}
.edool-social-three-row .edool-cults-button:hover,
.edool-social-three-row .edool-facebook-button:hover,
.edool-social-three-row .edool-tiktok-button:hover{
color:#dfff43 !important;
background:transparent !important;
transform:none !important;
}
.edool-social-three-row .edool-cults-cube,
.edool-social-three-row .facebook-logo,
.edool-social-three-row .tiktok-logo{
width:92px !important;
height:92px !important;
min-width:92px !important;
min-height:92px !important;
max-width:92px !important;
max-height:92px !important;
}
@media(max-width:900px){
.edool-social-three-row .edool-cults-card,
.edool-social-three-row .edool-facebook-card,
.edool-social-three-row .edool-tiktok-card{
height:420px !important;
min-height:420px !important;
max-height:420px !important;
}
.edool-social-three-row .edool-cults-visual,
.edool-social-three-row .edool-facebook-visual,
.edool-social-three-row .edool-tiktok-visual{
height:165px !important;
min-height:165px !important;
max-height:165px !important;
}
}
@media(max-width:700px){
.edool-social-three-row .edool-cults-card,
.edool-social-three-row .edool-facebook-card,
.edool-social-three-row .edool-tiktok-card{
height:390px !important;
min-height:390px !important;
max-height:390px !important;
}
.edool-social-three-row .edool-cults-copy,
.edool-social-three-row .edool-facebook-copy,
.edool-social-three-row .edool-tiktok-copy{padding:23px 21px 21px !important;}
.edool-social-three-row .edool-cults-kicker,
.edool-social-three-row .edool-facebook-kicker,
.edool-social-three-row .edool-tiktok-kicker{font-size:19px !important;}
.edool-social-description{margin-top:13px !important;font-size:13px !important;}
}

/* Versión compacta con acento verde claro. */
.edool-social-three-row{
gap:16px !important;
padding-top:28px !important;
padding-bottom:28px !important;
}
.edool-social-three-row .edool-cults-section,
.edool-social-three-row .edool-facebook-section,
.edool-social-three-row .edool-tiktok-section{
padding-top:0 !important;
padding-bottom:0 !important;
}
.edool-social-three-row .edool-cults-card,
.edool-social-three-row .edool-facebook-card,
.edool-social-three-row .edool-tiktok-card{
height:350px !important;
min-height:350px !important;
max-height:350px !important;
}
.edool-social-three-row .edool-cults-visual,
.edool-social-three-row .edool-facebook-visual,
.edool-social-three-row .edool-tiktok-visual{
height:138px !important;
min-height:138px !important;
max-height:138px !important;
}
.edool-social-three-row .edool-cults-visual::after,
.edool-social-three-row .edool-facebook-visual::after,
.edool-social-three-row .edool-tiktok-visual::after{
background:#39ff14 !important;
box-shadow:0 -2px 12px rgba(57,255,20,.32) !important;
}
.edool-social-three-row .edool-cults-copy,
.edool-social-three-row .edool-facebook-copy,
.edool-social-three-row .edool-tiktok-copy{
padding:20px 22px 18px !important;
}
.edool-social-description{
margin-top:10px !important;
font-size:13px !important;
line-height:1.42 !important;
}
.edool-social-three-row .edool-cults-button,
.edool-social-three-row .edool-facebook-button,
.edool-social-three-row .edool-tiktok-button{
padding:5px 0 !important;
}
.edool-social-three-row .edool-cults-button b,
.edool-social-three-row .edool-facebook-button b,
.edool-social-three-row .edool-tiktok-button b{
color:#39ff14 !important;
}
.edool-social-three-row .edool-cults-button:hover,
.edool-social-three-row .edool-facebook-button:hover,
.edool-social-three-row .edool-tiktok-button:hover{
color:#39ff14 !important;
}
.edool-social-three-row .edool-cults-cube,
.edool-social-three-row .facebook-logo,
.edool-social-three-row .tiktok-logo{
width:76px !important;
height:76px !important;
min-width:76px !important;
min-height:76px !important;
max-width:76px !important;
max-height:76px !important;
}
@media(max-width:700px){
.edool-social-three-row{gap:12px !important;padding-top:20px !important;padding-bottom:20px !important;}
.edool-social-three-row .edool-cults-card,
.edool-social-three-row .edool-facebook-card,
.edool-social-three-row .edool-tiktok-card{
height:330px !important;
min-height:330px !important;
max-height:330px !important;
}
.edool-social-three-row .edool-cults-visual,
.edool-social-three-row .edool-facebook-visual,
.edool-social-three-row .edool-tiktok-visual{
height:125px !important;
min-height:125px !important;
max-height:125px !important;
}
}

/* Miniatura 3D fija: sin caras flotantes ni rotación desordenada. */
.edool-social-three-row .edool-cults-cube{
position:relative !important;
transform-style:flat !important;
animation:none !important;
overflow:hidden !important;
border:1px solid rgba(255,255,255,.16) !important;
border-radius:11px !important;
background:#11161b !important;
box-shadow:none !important;
}
.edool-social-three-row .edool-cults-cube .cube-face{
display:none !important;
transform:none !important;
animation:none !important;
}
.edool-social-three-row .edool-cults-cube .cube-front{
display:grid !important;
position:absolute !important;
inset:0 !important;
place-items:center !important;
transform:none !important;
color:#f2f4f5 !important;
background:#11161b !important;
border:0 !important;
font-size:16px !important;
font-weight:750 !important;
letter-spacing:-.02em !important;
text-shadow:none !important;
}

/* Cubo 3D restaurado, con perspectiva fija y sin movimiento. */
.edool-social-three-row .edool-cults-cube{
overflow:visible !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
transform-style:preserve-3d !important;
animation:none !important;
}
.edool-social-three-row .edool-cults-cube .cube-face{
display:grid !important;
position:absolute !important;
inset:0 !important;
place-items:center !important;
border:1px solid rgba(255,255,255,.18) !important;
background:rgba(15,20,25,.82) !important;
color:#e9edef !important;
font-size:10px !important;
font-weight:700 !important;
letter-spacing:.02em !important;
backface-visibility:hidden !important;
animation:none !important;
text-shadow:none !important;
}
.edool-social-three-row .edool-cults-cube .cube-front{transform:translateZ(23px) !important;}
.edool-social-three-row .edool-cults-cube .cube-back{transform:rotateY(180deg) translateZ(23px) !important;}
.edool-social-three-row .edool-cults-cube .cube-right{transform:rotateY(90deg) translateZ(23px) !important;}
.edool-social-three-row .edool-cults-cube .cube-left{transform:rotateY(-90deg) translateZ(23px) !important;}
.edool-social-three-row .edool-cults-cube .cube-top{transform:rotateX(90deg) translateZ(23px) !important;}
.edool-social-three-row .edool-cults-cube .cube-bottom{transform:rotateX(-90deg) translateZ(23px) !important;}

@keyframes edool-cube-ordered-spin{
0%{transform:translate3d(-3px,3px,-12px) rotateX(-20deg) rotateY(20deg) rotateZ(-2deg) scale(.94);}
20%{transform:translate3d(4px,-5px,18px) rotateX(14deg) rotateY(92deg) rotateZ(3deg) scale(1.05);}
40%{transform:translate3d(7px,1px,4px) rotateX(24deg) rotateY(164deg) rotateZ(1deg) scale(1);}
60%{transform:translate3d(0,-6px,22px) rotateX(-14deg) rotateY(236deg) rotateZ(-3deg) scale(1.06);}
80%{transform:translate3d(-6px,0,-2px) rotateX(18deg) rotateY(308deg) rotateZ(2deg) scale(.98);}
100%{transform:translate3d(-3px,3px,-12px) rotateX(-20deg) rotateY(380deg) rotateZ(-2deg) scale(.94);}
}
.edool-social-three-row .edool-cults-visual{
perspective:520px !important;
perspective-origin:50% 48% !important;
}
.edool-social-three-row .edool-cults-cube{
transform-origin:center center !important;
transform-style:preserve-3d !important;
animation:edool-cube-ordered-spin 7.5s ease-in-out infinite !important;
will-change:transform !important;
}
html body .edool-social-three-row .edool-cults-card .edool-cults-visual .edool-cults-cube{
animation-name:cultsCube !important;
animation-duration:10s !important;
animation-timing-function:ease-in-out !important;
animation-delay:0s !important;
animation-iteration-count:infinite !important;
animation-direction:normal !important;
animation-fill-mode:both !important;
animation-play-state:running !important;
transform-style:preserve-3d !important;
width:62px !important;
height:62px !important;
min-width:62px !important;
min-height:62px !important;
max-width:62px !important;
max-height:62px !important;
}
html body .edool-social-three-row .edool-cults-cube .cube-front{transform:translateZ(31px) !important;}
html body .edool-social-three-row .edool-cults-cube .cube-back{transform:rotateY(180deg) translateZ(31px) !important;}
html body .edool-social-three-row .edool-cults-cube .cube-right{transform:rotateY(90deg) translateZ(31px) !important;}
html body .edool-social-three-row .edool-cults-cube .cube-left{transform:rotateY(-90deg) translateZ(31px) !important;}
html body .edool-social-three-row .edool-cults-cube .cube-top{transform:rotateX(90deg) translateZ(31px) !important;}
html body .edool-social-three-row .edool-cults-cube .cube-bottom{transform:rotateX(-90deg) translateZ(31px) !important;}

/* Logo real de Cults 3D en lugar del cubo generado con CSS. */
html body .edool-social-three-row .edool-cults-cube.cults-logo-image{
width:46px !important;
height:46px !important;
min-width:46px !important;
min-height:46px !important;
max-width:46px !important;
max-height:46px !important;
overflow:hidden !important;
border-radius:10px !important;
background:#ffffff !important;
animation:none !important;
box-shadow:0 8px 20px rgba(0,0,0,.24) !important;
}
html body .edool-social-three-row .edool-cults-cube.cults-logo-image img{
width:100% !important;
height:100% !important;
display:block !important;
object-fit:cover !important;
transform:none !important;
filter:none !important;
}

html body .edool-social-three-row .edool-cults-card .edool-cults-visual .edool-cults-cube.cults-logo-image{
width:46px !important;
height:46px !important;
min-width:46px !important;
min-height:46px !important;
max-width:46px !important;
max-height:46px !important;
animation:facebookFloat 6s ease-in-out infinite !important;
transform-origin:center center !important;
will-change:transform !important;
}

@keyframes edool-cults-logo-motion{
0%,100%{transform:translate3d(0,0,0) rotate(-2deg) scale(1);}
50%{transform:translate3d(0,-7px,0) rotate(2deg) scale(1.04);}
}
html body .edool-social-three-row > .edool-cults-section{
display:block !important;
visibility:visible !important;
opacity:1 !important;
}
html body .edool-social-three-row .edool-cults-card.reveal{
display:flex !important;
visibility:visible !important;
opacity:1 !important;
transform:none !important;
}
html body .edool-social-three-row .edool-cults-card .edool-cults-visual .edool-cults-cube.cults-logo-image{
animation-name:edool-cults-logo-motion !important;
animation-duration:4.8s !important;
animation-timing-function:ease-in-out !important;
animation-delay:0s !important;
animation-iteration-count:infinite !important;
animation-direction:normal !important;
animation-fill-mode:both !important;
animation-play-state:running !important;
}

/* Cubo animado de la tarjeta de modelos 3D. */
html body .edool-social-three-row .edool-cults-card .edool-cults-visual .edool-cults-cube.cults-logo-cube{
    width:62px !important;
    height:62px !important;
    min-width:62px !important;
    min-height:62px !important;
    animation:edool-cube-ordered-spin 7.5s ease-in-out infinite !important;
    animation-play-state:running !important;
}
html body .edool-social-three-row .edool-cults-cube.cults-logo-cube .cube-face{
    overflow:hidden !important;
    background:#fff !important;
}
html body .edool-social-three-row .edool-cults-cube.cults-logo-cube .cube-face img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}
html body .edool-social-three-row .edool-cults-cube.cults-logo-cube .cube-back,
html body .edool-social-three-row .edool-cults-cube.cults-logo-cube .cube-left{
    background:#6d28d9 !important;
}
html body .edool-social-three-row .edool-cults-cube.cults-logo-cube .cube-right,
html body .edool-social-three-row .edool-cults-cube.cults-logo-cube .cube-top{
    background:#22c55e !important;
}
html body .edool-social-three-row .edool-cults-cube.cults-logo-cube .cube-bottom{
    background:#0f172a !important;
}
html body .edool-social-three-row .edool-cults-cube.cults-logo-cube .cube-face span{
    color:#fff !important;
    font-size:10px !important;
    font-weight:800 !important;
    letter-spacing:.04em !important;
}
/* Exterior de cristal oscuro para las tres tarjetas. */
.edool-social-three-row .edool-cults-card,
.edool-social-three-row .edool-facebook-card,
.edool-social-three-row .edool-tiktok-card{
background:
linear-gradient(145deg,rgba(255,255,255,.085) 0%,rgba(255,255,255,.025) 42%,rgba(255,255,255,.012) 100%) !important;
border:1px solid rgba(220,232,240,.22) !important;
border-top-color:rgba(255,255,255,.34) !important;
border-left-color:rgba(255,255,255,.27) !important;
backdrop-filter:blur(18px) saturate(1.08) !important;
-webkit-backdrop-filter:blur(18px) saturate(1.08) !important;
box-shadow:
0 18px 38px rgba(0,0,0,.30),
inset 0 1px 0 rgba(255,255,255,.10),
inset 0 -1px 0 rgba(255,255,255,.025) !important;
}
.edool-social-three-row .edool-cults-card:hover,
.edool-social-three-row .edool-facebook-card:hover,
.edool-social-three-row .edool-tiktok-card:hover{
border-color:rgba(235,244,250,.34) !important;
box-shadow:
0 22px 44px rgba(0,0,0,.34),
0 0 20px rgba(57,255,20,.045),
inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.edool-social-three-row .edool-cults-visual,
.edool-social-three-row .edool-facebook-visual,
.edool-social-three-row .edool-tiktok-visual{
background:
linear-gradient(155deg,rgba(255,255,255,.055),rgba(4,7,9,.28)) !important;
border-bottom-color:rgba(255,255,255,.10) !important;
}

/* Cristal sin marco rectangular visible. */
.edool-social-three-row .edool-cults-card,
.edool-social-three-row .edool-facebook-card,
.edool-social-three-row .edool-tiktok-card{
border:0 !important;
border-radius:14px !important;
box-shadow:
0 18px 38px rgba(0,0,0,.32),
inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.edool-social-three-row .edool-cults-card:hover,
.edool-social-three-row .edool-facebook-card:hover,
.edool-social-three-row .edool-tiktok-card:hover{
border:0 !important;
box-shadow:
0 22px 44px rgba(0,0,0,.36),
0 0 20px rgba(57,255,20,.045),
inset 0 1px 0 rgba(255,255,255,.14) !important;
}

/* Más separación respecto al fondo sin recuperar el marco grueso. */
.edool-social-three-row .edool-cults-card,
.edool-social-three-row .edool-facebook-card,
.edool-social-three-row .edool-tiktok-card{
background:
linear-gradient(145deg,rgba(42,51,59,.88) 0%,rgba(24,31,37,.82) 48%,rgba(17,23,28,.88) 100%) !important;
box-shadow:
0 20px 42px rgba(0,0,0,.48),
0 1px 0 rgba(255,255,255,.12) inset,
0 -1px 0 rgba(0,0,0,.32) inset !important;
}
.edool-social-three-row .edool-cults-card:hover,
.edool-social-three-row .edool-facebook-card:hover,
.edool-social-three-row .edool-tiktok-card:hover{
background:
linear-gradient(145deg,rgba(48,58,66,.92) 0%,rgba(27,35,41,.88) 48%,rgba(19,25,30,.92) 100%) !important;
box-shadow:
0 24px 48px rgba(0,0,0,.54),
0 0 24px rgba(57,255,20,.065),
0 1px 0 rgba(255,255,255,.16) inset !important;
}

/* Cristal oscuro y limpio, inspirado en interfaces Apple. */
.edool-social-three-row .edool-cults-card,
.edool-social-three-row .edool-facebook-card,
.edool-social-three-row .edool-tiktok-card{
background:rgba(17,20,24,.82) !important;
background-image:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.008) 52%) !important;
backdrop-filter:blur(24px) saturate(1.12) !important;
-webkit-backdrop-filter:blur(24px) saturate(1.12) !important;
box-shadow:
0 16px 36px rgba(0,0,0,.38),
inset 0 1px 0 rgba(255,255,255,.075),
inset 0 0 0 1px rgba(255,255,255,.035) !important;
}
.edool-social-three-row .edool-cults-card:hover,
.edool-social-three-row .edool-facebook-card:hover,
.edool-social-three-row .edool-tiktok-card:hover{
background:rgba(21,25,29,.88) !important;
background-image:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012) 52%) !important;
box-shadow:
0 20px 42px rgba(0,0,0,.44),
inset 0 1px 0 rgba(255,255,255,.10),
inset 0 0 0 1px rgba(255,255,255,.045) !important;
}
.edool-social-three-row .edool-cults-visual,
.edool-social-three-row .edool-facebook-visual,
.edool-social-three-row .edool-tiktok-visual{
background:rgba(5,7,9,.48) !important;
}
.edool-social-three-row .edool-cults-visual::after,
.edool-social-three-row .edool-facebook-visual::after,
.edool-social-three-row .edool-tiktok-visual::after{
height:2px !important;
box-shadow:none !important;
}

/* Menos espacio interior en las tarjetas sociales. */
.edool-social-three-row .edool-cults-card,
.edool-social-three-row .edool-facebook-card,
.edool-social-three-row .edool-tiktok-card{
height:292px !important;
min-height:292px !important;
max-height:292px !important;
}
.edool-social-three-row .edool-cults-visual,
.edool-social-three-row .edool-facebook-visual,
.edool-social-three-row .edool-tiktok-visual{
height:105px !important;
min-height:105px !important;
max-height:105px !important;
}
.edool-social-three-row .edool-cults-copy,
.edool-social-three-row .edool-facebook-copy,
.edool-social-three-row .edool-tiktok-copy{
padding:16px 19px 14px !important;
}
.edool-social-three-row .edool-cults-kicker,
.edool-social-three-row .edool-facebook-kicker,
.edool-social-three-row .edool-tiktok-kicker{
font-size:18px !important;
}
.edool-social-description{
margin-top:7px !important;
font-size:12px !important;
line-height:1.38 !important;
}
.edool-social-three-row .edool-cults-button,
.edool-social-three-row .edool-facebook-button,
.edool-social-three-row .edool-tiktok-button{
padding:3px 0 !important;
font-size:12px !important;
}
.edool-social-three-row .edool-cults-cube,
.edool-social-three-row .facebook-logo,
.edool-social-three-row .tiktok-logo{
width:46px !important;
height:46px !important;
min-width:46px !important;
min-height:46px !important;
max-width:46px !important;
max-height:46px !important;
}
@media(max-width:700px){
.edool-social-three-row .edool-cults-card,
.edool-social-three-row .edool-facebook-card,
.edool-social-three-row .edool-tiktok-card{
height:280px !important;
min-height:280px !important;
max-height:280px !important;
}
}

/* Mantiene el acceso de Cults animado igual que Facebook y TikTok. */
html body .edool-social-three-row .edool-cults-visual .edool-cults-cube,
html body .edool-social-three-row .edool-cults-visual .edool-cults-cube.cults-logo-image,
html body .edool-social-three-row .edool-cults-visual .edool-cults-cube.cults-logo-cube{
    animation:facebookFloat 4.2s ease-in-out infinite !important;
    animation-play-state:running !important;
    transform-origin:center center !important;
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    max-width:36px !important;
    max-height:36px !important;
}
html body .edool-social-three-row .edool-cults-cube.cults-logo-cube .cube-front{transform:translateZ(18px) !important;}
html body .edool-social-three-row .edool-cults-cube.cults-logo-cube .cube-back{transform:rotateY(180deg) translateZ(18px) !important;}
html body .edool-social-three-row .edool-cults-cube.cults-logo-cube .cube-right{transform:rotateY(90deg) translateZ(18px) !important;}
html body .edool-social-three-row .edool-cults-cube.cults-logo-cube .cube-left{transform:rotateY(-90deg) translateZ(18px) !important;}
html body .edool-social-three-row .edool-cults-cube.cults-logo-cube .cube-top{transform:rotateX(90deg) translateZ(18px) !important;}
html body .edool-social-three-row .edool-cults-cube.cults-logo-cube .cube-bottom{transform:rotateX(-90deg) translateZ(18px) !important;}

/* Anillos de fondo para Cults, equivalentes a los de Facebook y TikTok. */
html body .edool-social-three-row .edool-cults-visual .edool-cults-orbit{
    display:block !important;
    border-color:rgba(168,85,247,.42) !important;
    box-shadow:0 0 18px rgba(139,92,246,.16) !important;
    animation:cultsOrbit 12s linear infinite !important;
    animation-play-state:running !important;
}
html body .edool-social-three-row .edool-cults-visual .edool-cults-orbit.orbit-b{
    border-color:rgba(217,70,239,.34) !important;
    box-shadow:0 0 14px rgba(217,70,239,.12) !important;
    animation-duration:9s !important;
    animation-direction:reverse !important;
}

/* Titular principal: jerarquía editorial, más sobria y tecnológica. */
#inicio .hero-copy h1{
    max-width:760px !important;
    margin:0 0 22px !important;
    font-size:clamp(48px,5.6vw,78px) !important;
    font-weight:720 !important;
    line-height:.98 !important;
    letter-spacing:-.058em !important;
    color:#f5f7fa !important;
    text-shadow:none !important;
}
#inicio .hero-copy h1 .muted-line{
    margin-top:10px !important;
    color:#8f9aa7 !important;
    font-size:.78em !important;
    font-weight:620 !important;
    letter-spacing:-.048em !important;
}
#inicio .hero-copy h1 .hero-title-line{
    display:block !important;
    color:#f4f7fa !important;
}
#inicio .hero-copy h1 .hero-title-accent{
    background:none !important;
    -webkit-background-clip:initial !important;
    background-clip:initial !important;
    -webkit-text-fill-color:#f4f7fa !important;
    color:#f4f7fa !important;
}
#inicio .hero-copy h1::after{
    left:1px !important;
    bottom:-14px !important;
    width:58px !important;
    height:3px !important;
    background:#b8e84d !important;
    box-shadow:0 0 14px rgba(184,232,77,.18) !important;
}
@media(max-width:700px){
    #inicio .hero-copy h1{font-size:clamp(42px,11vw,58px) !important;line-height:1 !important;letter-spacing:-.05em !important;}
    #inicio .hero-copy h1 .muted-line{margin-top:7px !important;font-size:.8em !important;}
}

/* Fondo general: negro grafito con luz ámbar tenue, sin usar imágenes. */
html{background:#090806 !important;}
body{
    background:
        radial-gradient(ellipse 62% 42% at 88% 8%, rgba(214,112,18,.15), transparent 68%),
        radial-gradient(ellipse 42% 30% at 8% 64%, rgba(255,181,43,.065), transparent 74%),
        linear-gradient(135deg, #080807 0%, #11100d 48%, #080807 100%) !important;
    background-attachment:fixed !important;
}
.site-background{
    background:
        radial-gradient(circle at 86% 17%, rgba(255,145,22,.12), transparent 18%),
        radial-gradient(circle at 12% 72%, rgba(255,194,56,.045), transparent 24%);
}
.grid-bg{
    opacity:.075 !important;
    background-image:
        linear-gradient(rgba(255,184,66,.14) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,184,66,.14) 1px, transparent 1px) !important;
}
@media(max-width:700px){
    body{background-attachment:scroll !important;}
}

/* Prioridad final para la navegación de teléfono. */
@media (max-width:1200px){
    header .desktop-nav a:nth-child(1),
    header .desktop-nav a:nth-child(4){display:none !important;}
    header .nav-contact{color:#fff !important;}
}

/* Prioridad de color: evita que el fondo se vea gris. */
html, body{background-color:#070604 !important;}
body{
    background:
        radial-gradient(ellipse 48% 34% at 92% 10%, rgba(218,105,12,.13), transparent 68%),
        radial-gradient(ellipse 36% 25% at 6% 78%, rgba(255,173,24,.045), transparent 72%),
        linear-gradient(155deg, #070604 0%, #0b0906 52%, #060504 100%) !important;
}
main, section{background-color:transparent !important;}
body::before{
    background:radial-gradient(circle at 85% 23%, rgba(255,130,18,.065), transparent 25%) !important;
    opacity:1 !important;
}
body::after{opacity:.18 !important;}

/* Fondo real de toda la página: capa fija detrás del contenido. */
html{background:#080604 !important;}
body{background:transparent !important;}
.site-background{
    z-index:-1 !important;
    opacity:1 !important;
    background:
        radial-gradient(ellipse 55% 38% at 96% 7%, rgba(64,190,255,.055), transparent 68%),
        radial-gradient(ellipse 38% 26% at 4% 82%, rgba(0,245,26,.022), transparent 74%),
        linear-gradient(145deg, #030405 0%, #06090d 50%, #020304 100%) !important;
}
.site-background .grid-bg{
    opacity:.028 !important;
    background-image:
        linear-gradient(rgba(95,212,255,.13) 1px, transparent 1px),
        linear-gradient(90deg, rgba(95,212,255,.13) 1px, transparent 1px) !important;
}
.site-background .noise{opacity:.022 !important;}

/* Base absoluta detrás de toda la web: negro puro. */
html, body{background:#fff !important;}
body{background-color:#fff !important;background-image:none !important;}
main, .site-background + header, .site-background ~ main{background-color:transparent !important;}

/* Fondo general oscuro: grafito sobrio con profundidad azul discreta. */
html, body{background:#090c10 !important;}
body{background:#090c10 !important;}
.site-background{
    background:
        radial-gradient(ellipse 58% 38% at 94% 5%, rgba(48,117,170,.12), transparent 68%),
        radial-gradient(ellipse 42% 30% at 6% 92%, rgba(24,71,104,.08), transparent 72%),
        linear-gradient(145deg, #090c10 0%, #10151b 50%, #080b0f 100%) !important;
}
.site-background .grid-bg{
    opacity:.035 !important;
    background-image:
        linear-gradient(rgba(119,171,207,.11) 1px, transparent 1px),
        linear-gradient(90deg, rgba(119,171,207,.11) 1px, transparent 1px) !important;
}
.site-background .noise{opacity:.012 !important;}
body::before, body::after{display:none !important;}

/* Lazo naranja para la sección activa del menú. */
.desktop-nav a{position:relative !important;isolation:isolate;}
.desktop-nav a.active{
    color:#ffad4d !important;
    text-shadow:0 0 14px rgba(255,128,20,.45) !important;
}
.edool-nav-lasso{
    position:absolute;
    z-index:2;
    left:-13px;
    right:-13px;
    bottom:-10px;
    height:calc(100% + 17px);
    border:2px solid #ff8a18;
    border-top:0;
    border-radius:0 0 19px 19px;
    box-shadow:0 5px 15px rgba(255,113,12,.30), inset 0 -1px 8px rgba(255,113,12,.09);
    pointer-events:none;
    transform-origin:50% 0;
    animation:edoolOrangeLasso .62s cubic-bezier(.2,.9,.25,1) both, edoolOrangeGlow 1.9s ease-in-out .65s infinite;
}
.edool-nav-lasso::after{
    content:"";
    position:absolute;
    right:-4px;
    bottom:8px;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#ffae42;
    box-shadow:0 0 10px #ff7a00,0 0 18px rgba(255,122,0,.75);
    animation:edoolLassoKnot 1.9s ease-in-out .65s infinite;
}
@keyframes edoolOrangeLasso{
    from{opacity:0;clip-path:inset(0 50% 0 50%);}
    to{opacity:1;clip-path:inset(0 0 0 0);}
}
@keyframes edoolOrangeGlow{
    0%,100%{filter:brightness(.85);}
    50%{filter:brightness(1.35);}
}
@keyframes edoolLassoKnot{
    0%,100%{transform:translate(0,0) scale(.82);}
    50%{transform:translate(-3px,-3px) scale(1.12);}
}
@media(prefers-reduced-motion:reduce){.edool-nav-lasso,.edool-nav-lasso::after{animation:none;}}

/* Selección directa: el lazo sigue al enlace elegido incluso sin JavaScript. */
body:has(#capacidades:target) .desktop-nav a[href="#capacidades"],
body:has(#proyectos:target) .desktop-nav a[href="#proyectos"]{color:#ffad4d !important;}
body:has(#capacidades:target) .desktop-nav a[href="#capacidades"]::before,
body:has(#proyectos:target) .desktop-nav a[href="#proyectos"]::before{
    content:"" !important;
    position:absolute !important;
    inset:-7px -12px -10px !important;
    opacity:1 !important;
    transform:none !important;
    border:2px solid #ff8a18 !important;
    border-bottom:0 !important;
    border-radius:20px 20px 0 0 !important;
    background:transparent !important;
    box-shadow:0 5px 14px rgba(255,113,12,.32) !important;
    animation:edoolOrangeLasso .55s cubic-bezier(.2,.9,.25,1) both, edoolOrangeGlow 1.9s ease-in-out .55s infinite !important;
}

/* Indicador independiente: lazo naranja que se mueve dentro del menú. */
.desktop-nav{position:relative !important;overflow:visible !important;}
.nav-shell{position:relative !important;overflow:visible !important;}
.nav-shell::after{content:"";position:absolute;z-index:5;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent 0%,#ff7a00 14%,#ff9a2e 50%,#ff7a00 86%,transparent 100%);box-shadow:0 0 10px rgba(255,117,12,.56);pointer-events:none;}
.edool-menu-lasso{
    position:absolute;
    z-index:30;
    top:-17px;
    height:calc(100% + 17px);
    border:2px solid #ff8a18;
    border-bottom:0;
    border-radius:20px 20px 0 0;
    box-shadow:0 5px 16px rgba(255,104,10,.38), inset 0 -2px 9px rgba(255,113,12,.12);
    pointer-events:none;
    opacity:0;
    transition:left .42s cubic-bezier(.2,.9,.25,1), width .42s cubic-bezier(.2,.9,.25,1), opacity .2s ease;
}
.edool-menu-lasso.is-visible{opacity:1;}
.edool-menu-lasso::after{
    content:"";
    position:absolute;
    right:-5px;
    bottom:7px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#ffb14a;
    box-shadow:0 0 10px #ff7a00,0 0 20px rgba(255,122,0,.76);
    animation:edoolLassoKnot 1.7s ease-in-out infinite;
}
@media(prefers-reduced-motion:reduce){.edool-menu-lasso{transition:none;}.edool-menu-lasso::after{animation:none;}}

/* Indicador final: una única cuerda continua con un arco superior. */
.nav-shell::after,
.edool-nav-lasso,
.edool-menu-lasso,
body:has(#capacidades:target) .desktop-nav a[href="#capacidades"]::before,
body:has(#proyectos:target) .desktop-nav a[href="#proyectos"]::before{display:none !important;}
.desktop-nav{position:relative !important;overflow:visible !important;}
.edool-nav-rope{position:absolute;left:0;top:-6px;width:100%;height:32px;z-index:1;overflow:visible;pointer-events:none;}
.edool-nav-rope path{fill:none;stroke:#ff8a1c;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(255,138,28,.75)) drop-shadow(0 0 10px rgba(255,106,0,.35));}
.desktop-nav a.active{color:#f8fbff !important;text-shadow:none !important;}

/* Indicador naranja eliminado: navegación limpia. */
.edool-nav-rope,.edool-menu-lasso,.edool-nav-lasso,.nav-shell::after{display:none !important;}
.desktop-nav a.active{background:transparent !important;color:#aeb6bf !important;text-shadow:none !important;}

/* Los dos botones de portada comparten el acabado transparente. */
#inicio .hero-actions .button-primary,
#inicio .hero-actions .button-primary:hover{
    background:transparent !important;
    border:1px solid #56606a !important;
    color:#d8dde1 !important;
}
#inicio .hero-actions .button-primary:hover{border-color:#77818a !important;}

/* Tarjetas sociales compactas en teléfono. */
@media(max-width:700px){
    .edool-social-three-row{gap:14px !important;margin:18px auto 24px !important;padding:0 !important;}
    .edool-social-three-row .edool-cults-card,
    .edool-social-three-row .edool-facebook-card,
    .edool-social-three-row .edool-tiktok-card{
        height:250px !important;
        min-height:250px !important;
        max-height:250px !important;
        grid-template-rows:86px 1fr !important;
    }
    .edool-social-three-row .edool-cults-visual,
    .edool-social-three-row .edool-facebook-visual,
    .edool-social-three-row .edool-tiktok-visual{
        height:86px !important;
        min-height:86px !important;
        max-height:86px !important;
    }
    .edool-social-three-row .edool-cults-copy,
    .edool-social-three-row .edool-facebook-copy,
    .edool-social-three-row .edool-tiktok-copy{padding:14px 18px 16px !important;}
    .edool-social-three-row .edool-cults-kicker,
    .edool-social-three-row .edool-facebook-kicker,
    .edool-social-three-row .edool-tiktok-kicker{font-size:18px !important;}
    .edool-social-description{font-size:12px !important;line-height:1.4 !important;}
}

/* Bordes redondeados y halo exterior visible en móvil y escritorio. */
.edool-social-three-row .edool-cults-card,
.edool-social-three-row .edool-facebook-card,
.edool-social-three-row .edool-tiktok-card{
    border-radius:28px !important;
    overflow:hidden !important;
    contain:layout !important;
    isolation:isolate !important;
}

/* Halo exterior propio para cada tarjeta social. */
.edool-social-three-row .edool-cults-card{
    border:1px solid rgba(181,96,255,.48) !important;
    box-shadow:0 16px 36px rgba(0,0,0,.42), inset 0 0 0 1px rgba(205,135,255,.16) !important;
    filter:drop-shadow(0 0 22px rgba(156,72,255,.42)) drop-shadow(0 0 5px rgba(205,135,255,.72)) !important;
}
.edool-social-three-row .edool-facebook-card{
    border:1px solid rgba(64,139,255,.48) !important;
    box-shadow:0 16px 36px rgba(0,0,0,.42), inset 0 0 0 1px rgba(93,163,255,.16) !important;
    filter:drop-shadow(0 0 22px rgba(35,120,255,.42)) drop-shadow(0 0 5px rgba(93,163,255,.72)) !important;
}
.edool-social-three-row .edool-tiktok-card{
    border:1px solid rgba(55,230,218,.42) !important;
    box-shadow:0 16px 36px rgba(0,0,0,.42), inset 0 0 0 1px rgba(55,230,218,.13) !important;
    filter:drop-shadow(0 0 18px rgba(30,239,222,.38)) drop-shadow(0 0 11px rgba(255,57,111,.42)) !important;
}
.edool-social-three-row .edool-cults-card:hover{
    filter:drop-shadow(0 0 30px rgba(156,72,255,.58)) drop-shadow(0 0 8px rgba(205,135,255,.90)) !important;
}
.edool-social-three-row .edool-facebook-card:hover{
    filter:drop-shadow(0 0 30px rgba(35,120,255,.58)) drop-shadow(0 0 8px rgba(93,163,255,.90)) !important;
}
.edool-social-three-row .edool-tiktok-card:hover{
    filter:drop-shadow(0 0 26px rgba(30,239,222,.54)) drop-shadow(0 0 14px rgba(255,57,111,.62)) !important;
}

/* El color vive fuera de la tarjeta: no rellena ni endurece sus esquinas. */
.edool-social-three-row > .edool-cults-section,
.edool-social-three-row > .edool-facebook-section,
.edool-social-three-row > .edool-tiktok-section{
    position:relative !important;
    isolation:isolate !important;
    overflow:visible !important;
}
.edool-social-three-row > .edool-cults-section > .container,
.edool-social-three-row > .edool-facebook-section > .container,
.edool-social-three-row > .edool-tiktok-section > .container{
    position:relative !important;
    z-index:1 !important;
}
.edool-social-three-row .edool-cults-card,
.edool-social-three-row .edool-facebook-card,
.edool-social-three-row .edool-tiktok-card{
    filter:none !important;
    background:#101419 !important;
    background-image:none !important;
    box-shadow:0 16px 36px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.edool-social-three-row .edool-cults-card{border-color:rgba(205,135,255,.32) !important;}
.edool-social-three-row .edool-facebook-card{border-color:rgba(93,163,255,.32) !important;}
.edool-social-three-row .edool-tiktok-card{border-color:rgba(55,230,218,.30) !important;}
.edool-social-three-row > .edool-cults-section::before,
.edool-social-three-row > .edool-facebook-section::before,
.edool-social-three-row > .edool-tiktok-section::before{
    display:none !important;
}
.edool-social-three-row .edool-cults-card,
.edool-social-three-row .edool-facebook-card,
.edool-social-three-row .edool-tiktok-card{
    border-color:rgba(255,255,255,.12) !important;
    box-shadow:0 16px 36px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
/* Al seleccionar no debe reaparecer el relleno de color ni halos cuadrados. */
.edool-social-three-row .edool-cults-card:hover,
.edool-social-three-row .edool-facebook-card:hover,
.edool-social-three-row .edool-tiktok-card:hover,
.edool-social-three-row .edool-cults-card:focus,
.edool-social-three-row .edool-facebook-card:focus,
.edool-social-three-row .edool-tiktok-card:focus{
    filter:none !important;
    background:#101419 !important;
    background-image:none !important;
    border-color:rgba(255,255,255,.20) !important;
    box-shadow:0 18px 40px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.08) !important;
    outline:none !important;
}

/* Resplandor exterior sobrio: solo ilumina el borde redondeado. */
.edool-social-three-row .edool-cults-card,
.edool-social-three-row .edool-facebook-card,
.edool-social-three-row .edool-tiktok-card{
    transition:none !important;
}
.edool-social-three-row .edool-cults-card{
    box-shadow:0 16px 36px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.edool-social-three-row .edool-facebook-card{
    box-shadow:0 16px 36px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.edool-social-three-row .edool-tiktok-card{
    box-shadow:0 16px 36px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.edool-social-three-row .edool-cults-card:hover,
.edool-social-three-row .edool-cults-card:focus{
    border-color:rgba(205,135,255,.56) !important;
    box-shadow:0 20px 42px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.edool-social-three-row .edool-facebook-card:hover,
.edool-social-three-row .edool-facebook-card:focus{
    border-color:rgba(93,163,255,.56) !important;
    box-shadow:0 20px 42px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.edool-social-three-row .edool-tiktok-card:hover,
.edool-social-three-row .edool-tiktok-card:focus{
    border-color:rgba(82,239,227,.52) !important;
    box-shadow:0 20px 42px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* Halo ambiental central: no dibuja ni colorea las esquinas. */
.edool-social-three-row > .edool-cults-section::before,
.edool-social-three-row > .edool-facebook-section::before,
.edool-social-three-row > .edool-tiktok-section::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    width:54% !important;
    height:62% !important;
    left:23% !important;
    top:19% !important;
    z-index:0 !important;
    border-radius:50% !important;
    pointer-events:none !important;
    filter:blur(28px) !important;
    opacity:.42 !important;
    transition:none !important;
}
.edool-social-three-row > .edool-cults-section::before{background:rgba(156,72,255,.50) !important;}
.edool-social-three-row > .edool-facebook-section::before{background:rgba(35,120,255,.50) !important;}
.edool-social-three-row > .edool-tiktok-section::before{background:linear-gradient(135deg,rgba(30,239,222,.48),rgba(255,57,111,.38)) !important;}
.edool-social-three-row > .edool-cults-section:hover::before,
.edool-social-three-row > .edool-facebook-section:hover::before,
.edool-social-three-row > .edool-tiktok-section:hover::before{opacity:.68 !important;}
@media(prefers-reduced-motion:reduce){.edool-nav-rope path{filter:none;}}

/* Contacto integrado al navbar oscuro: sin el azul brillante. */
.nav-contact{
    background:rgba(13,20,18,.78) !important;
    color:#f4fff6 !important;
    border:1px solid rgba(57,255,20,.62) !important;
    box-shadow:0 0 18px rgba(57,255,20,.10), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.nav-contact:hover{
    background:rgba(25,63,30,.88) !important;
    border-color:#62ff3e !important;
    box-shadow:0 0 24px rgba(57,255,20,.24), inset 0 1px 0 rgba(255,255,255,.11) !important;
}

/* Los accesos visibles del menú usan el mismo acabado verde tecnológico. */
.nav-shell .desktop-nav a,
.nav-shell .nav-contact{
    min-height:38px !important;
    padding:0 15px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(57,255,20,.48) !important;
    border-radius:999px !important;
    background:linear-gradient(145deg,rgba(20,42,25,.78),rgba(7,16,10,.88)) !important;
    color:#39ff14 !important;
    text-shadow:0 0 12px rgba(57,255,20,.32) !important;
    box-shadow:0 0 14px rgba(57,255,20,.10),inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.nav-shell .desktop-nav a:hover,
.nav-shell .desktop-nav a.active,
.nav-shell .nav-contact:hover{
    background:linear-gradient(145deg,rgba(29,72,36,.90),rgba(9,27,14,.94)) !important;
    border-color:#62ff3e !important;
    color:#60ff3b !important;
    box-shadow:0 0 20px rgba(57,255,20,.22),inset 0 1px 0 rgba(255,255,255,.10) !important;
}

/* Los tres accesos se leen como un grupo: mismo tamaño y misma distancia. */
.nav-shell{justify-content:flex-start !important;}
.nav-shell .brand{margin-right:auto !important;}
.nav-shell .desktop-nav{flex:0 0 auto !important;gap:12px !important;}
.nav-shell .nav-actions{flex:0 0 auto !important;margin-left:0 !important;}
.nav-shell .desktop-nav a,
.nav-shell .nav-contact{
    width:76px !important;
    height:28px !important;
    min-height:28px !important;
    padding:0 !important;
    border-radius:14px !important;
    font-size:9px !important;
    font-weight:600 !important;
}
@media(max-width:700px){
    .nav-shell .desktop-nav a,
    .nav-shell .nav-contact{width:66px !important;min-height:29px !important;padding:0 !important;font-size:8px !important;}
    .nav-shell .desktop-nav{gap:8px !important;}
    .nav-shell .nav-actions{margin-left:0 !important;}
}

/* Navegación de escritorio: un único panel limpio, sin cápsulas repetidas. */
@media (min-width:701px){
    .nav-shell{
        min-height:62px !important;
        padding:8px 14px 8px 18px !important;
        border-radius:16px !important;
        background:rgba(12,16,21,.86) !important;
        border-color:rgba(177,194,210,.16) !important;
        box-shadow:0 14px 38px rgba(0,0,0,.25) !important;
    }
    .nav-shell .brand{margin-right:auto !important;}
    .nav-shell .desktop-nav{
        gap:4px !important;
        padding:0 !important;
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
    }
    .nav-shell .desktop-nav a{
        width:auto !important;
        height:38px !important;
        min-height:38px !important;
        padding:0 14px !important;
        border:0 !important;
        border-radius:7px !important;
        background:transparent !important;
        box-shadow:none !important;
        color:#aeb8c2 !important;
        font-size:12px !important;
        font-weight:600 !important;
        letter-spacing:.01em !important;
        text-shadow:none !important;
    }
    .nav-shell .desktop-nav a::before{display:none !important;}
    .nav-shell .desktop-nav a::after{
        display:block !important;
        left:14px !important;
        right:14px !important;
        bottom:4px !important;
        width:auto !important;
        height:2px !important;
        background:#3cff52 !important;
        box-shadow:none !important;
        opacity:0 !important;
        transform:scaleX(.45) !important;
    }
    .nav-shell .desktop-nav a:hover,
    .nav-shell .desktop-nav a.active{
        background:rgba(255,255,255,.055) !important;
        color:#f6f8fa !important;
        box-shadow:none !important;
    }
    .nav-shell .desktop-nav a:hover::after,
    .nav-shell .desktop-nav a.active::after{opacity:1 !important;transform:scaleX(1) !important;}
    .nav-shell .desktop-nav .nav-contact{
        margin-left:6px !important;
        padding:0 16px !important;
        border:1px solid rgba(60,255,82,.56) !important;
        border-radius:7px !important;
        background:rgba(60,255,82,.09) !important;
        color:#3cff52 !important;
    }
    .nav-shell .desktop-nav .nav-contact::after{display:none !important;}
    .nav-shell .desktop-nav .nav-contact:hover{
        background:rgba(60,255,82,.16) !important;
        border-color:#3cff52 !important;
        color:#caffd1 !important;
    }
    .nav-shell .desktop-nav .nav-contact.active{
        background:rgba(60,255,82,.18) !important;
        border-color:#3cff52 !important;
        color:#caffd1 !important;
        box-shadow:inset 0 -2px 0 #3cff52 !important;
    }
}

/* Las secciones que tienen enlace en el menú necesitan una altura estable.
   Si content-visibility las difiere, un refresh con #proyectos puede terminar
   varias centenas de píxeles antes del título correcto. */
#inicio,
#capacidades,
#proyectos,
#galeria,
#contacto-directo,
.edool-build-strip,
.edool-social-three-row{
    content-visibility:visible !important;
    contain-intrinsic-size:auto !important;
}

/* Compensa la barra fija cuando se navega al título de una sección. */
.section-heading,
#contacto-directo h2{
    scroll-margin-top:92px !important;
}

/* Versión móvil del menú: mismo sistema sobrio del escritorio, no el estilo
   anterior de cápsulas. Se mantiene compacto para que entre en una fila. */
@media (max-width:700px){
    .nav-shell{
        min-height:52px !important;
        padding:6px 8px !important;
        border-radius:14px !important;
        background:rgba(12,16,21,.94) !important;
        border-color:rgba(177,194,210,.16) !important;
    }
    .brand-symbol.brand-logo{width:30px !important;height:30px !important;flex-basis:30px !important;}
    .brand-wordmark{font-size:13px !important;letter-spacing:.08em !important;}
    .desktop-nav{gap:1px !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;}
    .desktop-nav a{
        height:32px !important;
        min-height:32px !important;
        padding:0 5px !important;
        border:0 !important;
        border-radius:6px !important;
        background:transparent !important;
        box-shadow:none !important;
        color:#aeb8c2 !important;
        font-size:8px !important;
        font-weight:600 !important;
        text-shadow:none !important;
    }
    .desktop-nav a::before{display:none !important;}
    .desktop-nav a::after{
        display:block !important;
        left:5px !important;
        right:5px !important;
        bottom:3px !important;
        width:auto !important;
        height:2px !important;
        background:#3cff52 !important;
        box-shadow:none !important;
        opacity:0 !important;
        transform:scaleX(.45) !important;
    }
    .desktop-nav a.active{background:rgba(255,255,255,.055) !important;color:#f6f8fa !important;}
    .desktop-nav a.active::after{opacity:1 !important;transform:scaleX(1) !important;}
    .desktop-nav .nav-contact{
        margin-left:3px !important;
        padding:0 7px !important;
        border:1px solid rgba(60,255,82,.56) !important;
        border-radius:6px !important;
        background:rgba(60,255,82,.09) !important;
        color:#3cff52 !important;
    }
    .desktop-nav .nav-contact::after{display:none !important;}
}
@media (max-width:390px){
    .brand-wordmark{display:none !important;}
    .desktop-nav a{padding:0 4px !important;font-size:7.5px !important;}
    .desktop-nav .nav-contact{padding:0 6px !important;}
}

/* Anula el antiguo selector de cápsulas verdes en teléfono. */
@media (max-width:700px){
    .nav-shell .desktop-nav a,
    .nav-shell .desktop-nav .nav-contact{
        width:auto !important;
        height:32px !important;
        min-height:32px !important;
        padding:0 6px !important;
        border:0 !important;
        border-radius:6px !important;
        background:transparent !important;
        box-shadow:none !important;
        color:#aeb8c2 !important;
        font-size:8px !important;
        font-weight:600 !important;
        text-shadow:none !important;
    }
    .nav-shell .desktop-nav a::before{display:none !important;}
    .nav-shell .desktop-nav a.active{
        background:rgba(255,255,255,.055) !important;
        color:#f6f8fa !important;
    }
    .nav-shell .desktop-nav .nav-contact{
        margin-left:3px !important;
        padding:0 8px !important;
        border:1px solid rgba(60,255,82,.56) !important;
        background:rgba(60,255,82,.09) !important;
        color:#3cff52 !important;
    }
}