/* webTronex: .com visual identity, native Odoo content preserved. */
:root{--r9-ink:#101c3b;--r9-navy:#080f2b;--r9-muted:#59647a;--r9-line:#e1e5ef;--r9-soft:#f5f6fa;--r9-red:#cb263e;--r9-teal:#ff667a}
.wtx-r9{background:#fff;color:var(--r9-ink)}
.r9-section h1,.r9-section h2,.r9-section h3{font-weight:750;letter-spacing:-.035em}
.r9-section .r9-kicker{color:#ba233a;font-weight:750;letter-spacing:.15em}
.r9-hero{background:linear-gradient(125deg,#080e28,#152247);color:#fff}
.r9-hero .r9-kicker,.r9-cta .r9-kicker{color:#ff7184}
.r9-hero h1 em{color:#ff7184}
.r9-hero .r9-lead{color:#d4dbea}
#wrap.wtx-r9>.r9-hero-art{isolation:isolate;overflow:hidden;background:#080e28;padding:105px 0 110px;min-height:650px;display:flex;align-items:center}
#wrap.wtx-r9>.r9-hero-art:before{content:"";position:absolute;inset:0;z-index:-2;background:url('/web/image/3985/webtronex-data-center-hero.jpg') center 48%/cover no-repeat}
#wrap.wtx-r9>.r9-hero-art:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,12,34,.96) 0%,rgba(8,15,40,.88) 34%,rgba(8,15,40,.25) 75%,rgba(8,15,40,.14)),linear-gradient(0deg,rgba(7,13,35,.6),transparent 40%)}
#wrap.wtx-r9>.r9-hero-art .r9-hero-grid{display:block}
#wrap.wtx-r9>.r9-hero-art .r9-hero-copy{max-width:760px}
#wrap.wtx-r9>.r9-hero-art .r9-art{display:none}
#wrap.wtx-r9>.r9-hero-art h1{font-size:clamp(42px,5.1vw,74px);line-height:1.08;max-width:800px;letter-spacing:-.045em}
#wrap.wtx-r9>.r9-hero-art .r9-lead{max-width:650px;font-size:19px;line-height:1.8}
.r9-section a.r9-button{border-radius:8px;padding:15px 25px;box-shadow:0 7px 24px #cb263e20}
.r9-section a.r9-button:hover{background:#a61c32;border-color:#a61c32;box-shadow:0 10px 26px #cb263e35}
.r9-section a.r9-button-ghost{background:#ffffff08;border-color:#8b99b3;box-shadow:none}
.r9-section a.r9-button-ghost:hover{background:#ffffff15;border-color:#fff}
.r9-trust{background:#0c1633;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14}
.r9-band{padding:25px 0}.r9-band p{color:#d5ddee;letter-spacing:.035em}
.r9-band p:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#ee4960;margin-inline-end:12px;vertical-align:middle}
.r9-card{border-radius:14px;border-color:#e0e5ef;box-shadow:0 10px 35px #17244807;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s}
.r9-card:before{content:"";position:absolute;inset-inline-start:34px;top:0;width:42px;height:3px;background:#cb263e;border-radius:0 0 3px 3px}
.r9-card:hover{transform:translateY(-4px);border-color:#c2cadd;box-shadow:0 18px 45px #17244812}
.r9-grid-2 .r9-card{background:linear-gradient(145deg,#fff,#f8f9fc)}
.r9-card .r9-kicker{color:#a6253a}.r9-link{color:#b02339}.r9-link:hover{color:#801a2a}
.r9-soft{background:#f5f6fa}
.r9-editorial{background:radial-gradient(ellipse at 90% 0%,#75283e40,transparent 60%),linear-gradient(140deg,#080f2b,#17294f);border:1px solid #ffffff18;border-radius:14px;color:#d9dfed}
.r9-large-word{color:#ff7184}.r9-step-no{color:#c62842}
.r9-cta{background:radial-gradient(ellipse at 95% 20%,#8f264238,transparent 50%),linear-gradient(120deg,#080f2b,#162345);border-top:1px solid #263454}
.r9-cta .r9-intro{color:#d2daea}
#wrapwrap>header .navbar{box-shadow:0 1px 0 #18274b12!important}
#wrapwrap>header .navbar-nav .nav-link.active{background:#f9edf0!important;color:#a4233b!important}
#wrapwrap>header .dropdown-menu{border-radius:12px;border-color:#e1e5ef;box-shadow:0 18px 48px #101c3b18}
#wrapwrap>header .dropdown-item:hover{background:#f7eef1;color:#a4233b}
.r9-footer,#wrapwrap>footer,#wrapwrap>footer .o_footer_copyright{background:#070d22!important}
.r9-footer-bottom{border-color:#25304a}.r9-footer .r9-wordmark span{color:#ff7184}
.oe_website_sale .oe_product_cart{border-radius:12px!important}
[dir="rtl"] #wrap.wtx-r9>.r9-hero-art:after{background:linear-gradient(270deg,rgba(6,12,34,.96),rgba(8,15,40,.88) 34%,rgba(8,15,40,.25) 75%,rgba(8,15,40,.14)),linear-gradient(0deg,rgba(7,13,35,.6),transparent 40%)}
[dir="rtl"] #wrap.wtx-r9>.r9-hero-art h1{letter-spacing:0;line-height:1.4;font-size:clamp(42px,4.7vw,66px)}
[dir="rtl"] .r9-section .r9-kicker{letter-spacing:0}
@media(max-width:991px){#wrap.wtx-r9>.r9-hero-art{padding:80px 0;min-height:590px}#wrap.wtx-r9>.r9-hero-art .r9-hero-copy{max-width:680px}}
@media(max-width:650px){#wrap.wtx-r9>.r9-hero-art{padding:64px 0 70px;min-height:0}#wrap.wtx-r9>.r9-hero-art:after{background:linear-gradient(90deg,#080e28eb,#080e28b8)}[dir="rtl"] #wrap.wtx-r9>.r9-hero-art:after{background:linear-gradient(270deg,#080e28eb,#080e28b8)}#wrap.wtx-r9>.r9-hero-art h1{font-size:clamp(34px,8.5vw,48px);line-height:1.13;overflow-wrap:normal}#wrap.wtx-r9>.r9-hero-art .r9-lead{font-size:17px;line-height:1.8}.r9-section a.r9-button{padding:13px 18px}.r9-band{gap:16px}.r9-band p{font-size:10px}[dir="rtl"] #wrap.wtx-r9>.r9-hero-art h1{font-size:39px;line-height:1.45}}
@media(prefers-reduced-motion:reduce){.r9-card{transition:none}.r9-card:hover{transform:none}}
