/* Original Umitel identity: white, blue, red, green and yellow. */
:root{color-scheme:light;--bg:#fff;--panel:#f5f8fb;--line:#dce4eb;--text:#172d3e;--muted:#526574;--blue:#0075b8;--red:#e01b3b;--green:#00954b;--yellow:#f9a306;--lime:#0075b8;--cyan:#006fa8}
body{background:#fff}header{background:#ffffffed;border-bottom-color:#e3e9ee}.logo{color:#172d3e}.logo-dot{color:var(--red)}nav a:hover{color:var(--blue)}
.brand-symbol{object-fit:cover;clip-path:inset(0 7%);margin-right:6px}
.hero{min-height:710px;background:#fff;border-bottom:1px solid var(--line);padding-top:76px}
.hero-art{width:43%;height:520px;right:3%;top:38px;object-fit:cover;opacity:1;mask-image:none;clip-path:inset(0 7%)}
.hero-content{max-width:650px}h1{font-size:clamp(58px,6.1vw,88px);letter-spacing:-4px;line-height:1.05}h1 em{color:var(--blue)}
.hero .intro{max-width:490px}.hero-caption{color:var(--muted);bottom:105px;border-left:3px solid var(--yellow);right:11%}.hero-bottom{font-size:12px;letter-spacing:1.3px}
.eyebrow{font-size:13px;letter-spacing:1.5px}.button{background:var(--blue);border-color:var(--blue);color:#fff;border-radius:8px;box-shadow:0 6px 18px #0079b814}.button:hover{background:#005e91;border-color:#005e91;color:#fff}.outline{background:#fff;color:var(--blue);box-shadow:none}.text-link{color:#006da6}.text-link:hover{color:#004d76}
.stats{background:#f5f8fb;padding-block:32px}.stats>div{border-left:0;padding-left:30px;position:relative}.stats>div:before{content:'';position:absolute;left:0;top:6px;bottom:6px;width:4px;border-radius:4px;background:var(--blue)}.stats>div:first-child{padding-left:22px}.stats>div:nth-child(2):before{background:var(--red)}.stats>div:nth-child(3):before{background:var(--green)}.stats strong{font-size:34px}
.services{gap:20px;border:0}.service{--accent:var(--blue);background:#fff;border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:12px;padding:26px 28px;transition:transform .2s,box-shadow .2s}.service:nth-child(4n+2){--accent:var(--red)}.service:nth-child(4n+3){--accent:var(--green)}.service:nth-child(4n+4){--accent:var(--yellow)}.service:hover{background:#fff;color:var(--text);transform:translateY(-4px);box-shadow:0 14px 34px #19394d0c}.service-icon{color:var(--accent);margin-block:20px}.service-top{font-size:14px}.card-bottom{font-size:12px;letter-spacing:.6px}.service p{min-height:80px}
.about{background:#f5f8fb}.about em{color:#007f42}.feature,.plan{background:#fff;border:1px solid var(--line);border-radius:12px}.feature{border-top:3px solid var(--blue)}.feature:nth-child(2){border-top-color:var(--green)}.tag,.chips span{font-size:14px}.chips span{background:#f5f8fb;border:0;border-radius:6px}.erp{background:#f3f9f6}.erp em,.erp-list span{color:#007f42}.erp .button{background:#007f42;border-color:#007f42}.erp .button:hover{background:#006133}.erp .price{color:#007f42}.development{border-top:1px solid var(--line);border-left:6px solid var(--yellow)}.development em{color:#966100}.cybersecurity{background:#fff7f8}.cybersecurity em{color:#c91134}.support{background:#f5f8fb}.contact{background:#fff}.contact em{color:var(--blue)}.contact-data a{color:#006da6}.contact-mail{color:#006da6}.contact-data>div{border-top:3px solid var(--blue);padding-top:8px}.contact-data>div:nth-child(2){border-color:var(--red)}.contact-data>div:nth-child(3){border-color:var(--green)}
.billing button{background:#fff;border-radius:8px}.billing button[aria-pressed=true]{background:#c91134;border-color:#c91134;color:#fff}.security-plans .plan{border-top:3px solid var(--red)}.security-plans .price{color:#c91134}.security-plans .outline{color:#c91134;border-color:#c91134}.security-plans .outline:hover{background:#c91134;color:#fff}.monthly-support-price{border-color:var(--blue)}.monthly-support-benefits li:before{border-color:#007f42;color:#007f42}.plans .plan p,.plan ul,details p{font-size:16px}.plans .plan h3{font-size:19px}.price{color:var(--blue)}th{color:#006da6}footer{background:#f5f8fb;font-size:14px;border-top:4px solid transparent;border-image:linear-gradient(90deg,var(--blue) 25%,var(--red) 25% 50%,var(--green) 50% 75%,var(--yellow) 75%) 1}
@media(min-width:1550px){.hero{padding-left:max(5.5%,calc((100vw - 1400px)/2))}.hero-art{right:max(3%,calc((100vw - 1400px)/2));width:550px}}
@media(max-width:1050px){.hero-art{width:40%;height:430px;top:75px;right:0}.hero-content{max-width:580px}.hero-caption{display:none}.hero h1{font-size:68px}.hero .intro{max-width:440px}.hero .actions{max-width:530px;gap:18px}.service p{min-height:0}}
@media(max-width:750px){.hero{display:flex;flex-direction:column;padding-top:42px;min-height:0}.hero-content{max-width:none}.hero h1{font-size:clamp(50px,9vw,66px);letter-spacing:-2.8px}.hero-art{position:relative;order:2;inset:auto;align-self:center;width:290px;height:290px;margin:12px 0 5px;clip-path:inset(0 7%)}.hero-bottom{font-size:11px}.services{gap:16px}.stats{gap:18px}.stats>div,.stats>div:first-child{padding-left:14px}.stats strong{font-size:23px}.stats p{font-size:14px}.stats strong span{font-size:16px}.section-head>p{max-width:none}.hero .intro{max-width:520px}}
@media(max-width:400px){h1,.hero h1{font-size:48px}.stats{gap:10px}.stats strong{font-size:20px}.stats p{font-size:13px}.contact-mail{font-size:24px}.logo{font-size:28px}.hero-art{width:245px;height:245px}}
@media(max-width:850px){header{height:auto;min-height:82px;flex-wrap:wrap;gap:15px;padding:15px 6%}header nav{order:3;width:100%;justify-content:space-between;flex-wrap:wrap;gap:12px 18px;font-size:14px}html{scroll-padding-top:145px}.hero .actions{max-width:100%}}
.hero-art{object-fit:contain;clip-path:none;mix-blend-mode:multiply}

.booking{background:#f5f8fb;border-block:1px solid var(--line)}.booking-info{display:flex;flex-wrap:wrap;gap:14px 28px;margin-bottom:30px;color:var(--muted);font-size:16px}.booking-info strong{color:var(--text)}.booking-modalities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px}.booking-modalities article{background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:10px;padding:22px}.booking-modalities article:nth-child(2){border-top-color:var(--green)}.booking-modalities article:nth-child(3){border-top-color:var(--red)}.booking-modalities h3{font-size:21px;margin:0 0 12px}.booking-modalities p{margin:0}.booking-guide{color:var(--text)}.booking .note{margin-bottom:0}@media(max-width:750px){.booking-modalities{grid-template-columns:1fr;gap:12px}.booking-info{gap:10px}.booking-info span{width:100%}}