.es-support{margin:0;background:#FFFFFF}
.es-support a{text-decoration:none}
.es-support{position:relative;overflow:hidden;max-width:1440px;margin:0 auto;background:#FFFFFF;color:#071A35;font-family:"Manrope","Segoe UI",Arial,sans-serif}
.es-support .wrap{max-width:1200px;margin:0 auto;padding:0 40px}
.es-support .eb{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#1F6FEB}
.es-support h2{margin:10px 0 0;font-size:42px;line-height:1.12;letter-spacing:-0.03em;font-weight:800}
.es-support .sub{margin:14px 0 0;font-size:18px;line-height:1.6;color:#3C4A63;max-width:640px}
.es-support .up{opacity:0;transform:translateY(24px);animation:up .8s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes up{to{opacity:1;transform:none}}
.es-support .util{background:#04122A;color:#AFC0DC;font-size:13px}
.es-support .util .wrap{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;padding-top:10px;padding-bottom:10px}
.es-support .hdr{background:#071A35;color:#FFFFFF}
.es-support .hdr .wrap{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px}
.es-support .logo{font-weight:800;font-size:22px;letter-spacing:.02em;color:#FFFFFF}
.es-support .logo span{color:#4DA3FF}
.es-support .nav{display:flex;flex-wrap:wrap;gap:30px;align-items:center}
.es-support .nav a{position:relative;color:#DCE6F7;font-size:15px;font-weight:600;padding:6px 0}
.es-support .nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#4DA3FF;transform:scaleX(0);transform-origin:right;transition:transform .35s}
.es-support .nav a:hover{color:#FFFFFF}
.es-support .nav a:hover::after,.es-support .nav a.on::after{transform:scaleX(1);transform-origin:left}
.es-support .nav a.on{color:#FFFFFF}
.es-support .cats{background:#0B2547;border-top:1px solid rgba(255,255,255,0.08)}
.es-support .cats .wrap{display:flex;flex-wrap:wrap;gap:8px 26px;padding-top:11px;padding-bottom:11px}
.es-support .cats a{color:#AFC0DC;font-size:13.5px;font-weight:500;transition:color .2s}
.es-support .cats a:hover{color:#FFFFFF}
.es-support .crumb{font-size:14px;color:#5A6A85;padding:20px 0}
.es-support .crumb a{color:#1F6FEB}
.es-support .hero{position:relative;background:#071A35;color:#FFFFFF;overflow:hidden}
.es-support .hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(77,163,255,0.08) 1px,transparent 1px),linear-gradient(90deg,rgba(77,163,255,0.08) 1px,transparent 1px);background-size:60px 60px}
.es-support .hero .wrap{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:48px;align-items:center;padding-top:80px;padding-bottom:88px}
.es-support .hero h1{margin:16px 0 20px;font-size:62px;line-height:1.05;letter-spacing:-0.04em;font-weight:800}
.es-support .hero p{margin:0;font-size:19px;line-height:1.65;color:#C2D0E8;max-width:540px}
.es-support .btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:10px;font-weight:700;font-size:15px;transition:transform .25s,box-shadow .3s,background .3s,color .3s}
.es-support .btn.p{background:#1F6FEB;color:#FFFFFF}
.es-support .btn.p:hover{background:#3A84FF;transform:translateY(-3px);box-shadow:0 14px 32px rgba(31,111,235,0.45)}
.es-support .btn.o{border:1px solid rgba(255,255,255,0.35);color:#FFFFFF}
.es-support .btn.o:hover{background:#FFFFFF;color:#071A35;transform:translateY(-3px)}
.es-support .ar{transition:transform .3s}
.es-support .btn:hover .ar,.es-support .fc:hover .ar,.es-support .sc:hover .ar,.es-support .kc:hover .ar{transform:translateX(6px)}
.es-support .chips{display:flex;flex-direction:column;gap:14px}
.es-support .chip{display:flex;align-items:center;gap:16px;padding:20px 24px;border:1px solid rgba(255,255,255,0.14);border-radius:16px;background:rgba(255,255,255,0.05);font-weight:700;font-size:18px;transition:transform .35s,background .35s,border-color .35s}
.es-support .chip:hover{transform:translateX(10px);background:rgba(77,163,255,0.14);border-color:#4DA3FF}
.es-support .chip i{width:10px;height:10px;border-radius:50%;background:#4DA3FF;box-shadow:0 0 0 0 rgba(77,163,255,0.6);animation:pu 2s infinite}
@keyframes pu{70%{box-shadow:0 0 0 12px rgba(77,163,255,0)}
100%{box-shadow:0 0 0 0 rgba(77,163,255,0)}}
.es-support .sec{padding:88px 0}
.es-support .alt{background:#F3F6FB}
.es-support .grid{display:grid;gap:20px;margin-top:40px}
.es-support .sc,.es-support .fc,.es-support .kc{position:relative;display:flex;flex-direction:column;gap:10px;padding:28px;background:#FFFFFF;border:1px solid #DDE5F2;border-radius:18px;color:#071A35;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.es-support .sc::before,.es-support .fc::before,.es-support .kc::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:#1F6FEB;transform:scaleX(0);transform-origin:left;transition:transform .4s;border-radius:18px 18px 0 0}
.es-support .sc:hover,.es-support .fc:hover,.es-support .kc:hover{transform:translateY(-8px);box-shadow:0 22px 50px rgba(7,26,53,0.14);border-color:#B9CDEE}
.es-support .sc:hover::before,.es-support .fc:hover::before,.es-support .kc:hover::before{transform:scaleX(1)}
.es-support .si{width:56px;height:56px;border-radius:14px;background:#EAF1FF;color:#1F6FEB;display:flex;align-items:center;justify-content:center;transition:background .3s,color .3s,transform .4s}
.es-support .sc:hover .si{background:#1F6FEB;color:#FFFFFF;transform:rotate(-8deg) scale(1.08)}
.es-support .st,.es-support .ft{font-size:21px;font-weight:800;letter-spacing:-0.02em}
.es-support .sd,.es-support .fd{font-size:15px;line-height:1.6;color:#3C4A63}
.es-support .fn{font-size:13px;font-weight:800;color:#1F6FEB;letter-spacing:.1em}
.es-support .fg{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:10px;font-size:14px;font-weight:700;color:#1F6FEB}
.es-support .wy{padding:28px;border-radius:18px;background:#071A35;color:#FFFFFF;transition:transform .35s,background .35s}
.es-support .wy:hover{transform:translateY(-6px);background:#0E2C57}
.es-support .wy h3{margin:10px 0 8px;font-size:20px}
.es-support .wy p{margin:0;font-size:15px;line-height:1.6;color:#B9C9E4}
.es-support .wn{font-size:36px;font-weight:800;color:#4DA3FF}
.es-support .kt{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:#EAF1FF;color:#1F6FEB}
.es-support .kc h3{margin:6px 0 0;font-size:22px;line-height:1.25;letter-spacing:-0.02em}
.es-support .kc p{margin:0;font-size:15px;line-height:1.6;color:#3C4A63}
.es-support .q{background:#FFFFFF;border:1px solid #DDE5F2;border-radius:14px;transition:border-color .3s,box-shadow .3s}
.es-support .q:hover{border-color:#1F6FEB}
.es-support .q[open]{border-color:#1F6FEB;box-shadow:0 12px 32px rgba(31,111,235,0.12)}
.es-support .q summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;cursor:pointer;list-style:none;font-weight:700;font-size:17px}
.es-support .q summary::-webkit-details-marker{display:none}
.es-support .q p{margin:0;padding:0 24px 22px;font-size:16px;line-height:1.65;color:#3C4A63}
.es-support .pm{position:relative;flex:none;width:28px;height:28px;border-radius:50%;background:#EAF1FF;transition:transform .35s,background .3s}
.es-support .pm::before,.es-support .pm::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:2px;background:#1F6FEB;transition:transform .35s,background .3s}
.es-support .pm::after{transform:rotate(90deg)}
.es-support .q[open] .pm{background:#1F6FEB;transform:rotate(180deg)}
.es-support .q[open] .pm::before,.es-support .q[open] .pm::after{background:#FFFFFF}
.es-support .q[open] .pm::after{transform:rotate(0)}
.es-support .cta{background:#071A35;color:#FFFFFF}
.es-support .cta .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:56px;padding-top:88px;padding-bottom:88px;align-items:center}
.es-support .cta h2{color:#FFFFFF}
.es-support .fld{width:100%;box-sizing:border-box;height:54px;padding:0 16px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.22);border-radius:10px;color:#FFFFFF;font-family:inherit;font-size:16px;outline:none;transition:border-color .25s,box-shadow .25s,background .25s}
.es-support textarea.fld{height:auto;padding:14px 16px;resize:vertical}
.es-support .fld::placeholder{color:#9FB2D2}
.es-support .fld:hover{border-color:rgba(255,255,255,0.5)}
.es-support .fld:focus{border-color:#4DA3FF;background:rgba(77,163,255,0.1);box-shadow:0 0 0 4px rgba(77,163,255,0.22)}
.es-support .lb{font-size:14px;font-weight:600;color:#D5E0F3}
.es-support .ft2{background:#04122A;color:#9FB2D2;font-size:14px}
.es-support .ft2 .wrap{padding-top:56px;padding-bottom:28px}
.es-support .ft2 h4{margin:0 0 14px;color:#FFFFFF;font-size:15px}
.es-support .ft2 a{display:block;color:#9FB2D2;margin-bottom:10px;transition:color .2s,transform .2s}
.es-support .ft2 a:hover{color:#FFFFFF;transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){.es-support, .es-support *{animation:none!important;transition:none!important}
.es-support .up{opacity:1;transform:none}}
.es-support, .es-support *,.es-support *::before,.es-support *::after{box-sizing:border-box}
.es-support{max-width:none;isolation:isolate}
.es-support .wrap{width:100%;max-width:1280px;padding-left:clamp(20px,4vw,52px);padding-right:clamp(20px,4vw,52px)}
.es-support .hero .wrap{grid-template-columns:minmax(0,1.1fr) minmax(0,.85fr);min-height:500px}
.es-support .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.es-support .sc,.es-support .fc,.es-support .kc{min-width:0;min-height:235px;height:100%}
.es-support .sc .st,.es-support .fc .ft,.es-support .kc h3{overflow-wrap:break-word}
.es-support .sc .sd,.es-support .fc .fd,.es-support .kc p{flex:1}
.es-support .wy{min-width:0;height:100%}
.es-support .hero h1{font-size:clamp(40px,4.8vw,68px)}
.es-support h2{font-size:clamp(29px,3.2vw,43px)}
.es-support .nav{gap:clamp(12px,2.2vw,30px)}
.es-support .hdr .wrap{gap:24px}
.es-support .chips{max-width:440px;justify-self:end;width:100%}
.es-support .cta .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.es-support .cta form{padding:30px;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:rgba(255,255,255,.045);box-shadow:0 22px 55px rgba(0,0,0,.15)}
.es-support .cta form .btn{width:100%}
.es-support .sec{padding:clamp(56px,7vw,92px) 0}
.es-support .sc:focus-visible,.es-support .fc:focus-visible,.es-support .kc:focus-visible,.es-support .btn:focus-visible,.es-support .nav a:focus-visible,.es-support .cats a:focus-visible{outline:3px solid #4DA3FF;outline-offset:3px}
.es-support .sc:hover,.es-support .fc:hover,.es-support .kc:hover{box-shadow:0 24px 50px rgba(7,26,53,.16)}
.es-support .hero::after{content:"";position:absolute;right:-140px;top:-100px;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,rgba(31,111,235,.25),transparent 70%);pointer-events:none}
.es-support .chip{position:relative;backdrop-filter:blur(12px)}
.es-support .chip::after{content:"↗";margin-left:auto;color:#8FC8FF;font-size:20px}
.es-support .q summary:focus-visible{outline:3px solid #4DA3FF;outline-offset:2px;border-radius:10px}
.es-support .ft2 .wrap>div:first-child>div{min-width:0}
.es-support input,.es-support textarea{min-width:0}
.es-support .status-note{display:none;border:1px solid #5dc59c;border-radius:9px;background:rgba(23,143,102,.15);padding:12px 14px;color:#d8fff0;font-size:13px;line-height:1.6}
.es-support .status-note.show{display:block}
@media (max-width:1100px){.es-support .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.es-support .hdr .wrap{flex-direction:column;align-items:flex-start}
.es-support .nav{width:100%;justify-content:space-between}
.es-support .hero .wrap{gap:28px}}
@media (max-width:760px){.es-support .hero .wrap,.es-support .cta .wrap{grid-template-columns:minmax(0,1fr)}
.es-support .hero .wrap{padding-top:62px;padding-bottom:62px;min-height:auto}
.es-support .hero h1{max-width:650px}
.es-support .chips{max-width:none;justify-self:stretch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.es-support .chip{padding:16px 12px;gap:9px;font-size:13px;border-radius:13px}
.es-support .chip::after{display:none}
.es-support .chip:hover{transform:translateY(-5px)}
.es-support .chip i{flex:none;width:7px;height:7px}
.es-support .cta .wrap{gap:28px;padding-top:64px;padding-bottom:64px}
.es-support .nav{justify-content:flex-start;gap:15px 23px}
.es-support .cats .wrap{gap:10px 18px}}
@media (max-width:540px){.es-support .grid{grid-template-columns:minmax(0,1fr)!important;gap:14px;margin-top:26px}
.es-support .sc,.es-support .fc,.es-support .kc{min-height:auto;padding:24px}
.es-support .hero h1{font-size:clamp(37px,9.4vw,52px)}
.es-support .hero p{font-size:16px}
.es-support .sub{font-size:16px}
.es-support .hdr .wrap{padding-top:15px;padding-bottom:15px}
.es-support .logo{font-size:19px}
.es-support .nav{gap:12px 18px}
.es-support .nav a{font-size:13px}
.es-support .chips{grid-template-columns:minmax(0,1fr)}
.es-support .chip{font-size:15px;min-height:52px}
.es-support .hero .wrap{padding-top:49px;padding-bottom:52px}
.es-support .q summary{font-size:15px;padding:17px}
.es-support .q p{font-size:14px;padding:0 17px 18px}
.es-support .cta form{padding:20px}
.es-support .sec{padding:52px 0}
.es-support .util .wrap{font-size:11px}}
.es-support .quick-contact{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;align-items:stretch}
.es-support .contact-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;box-sizing:border-box;padding:12px 21px;border-radius:12px;font-size:15px;font-weight:800;line-height:1.25;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease,color .3s ease;white-space:nowrap}
.es-support .contact-action svg{width:20px;height:20px;flex:none;transition:transform .3s ease}
.es-support .contact-action:hover svg{transform:rotate(-9deg) scale(1.1)}
.es-support .contact-action:hover{transform:translateY(-4px)}
.es-support .contact-action.wa{background:#21c16b;color:#062c1b;border:1px solid #21c16b}
.es-support .contact-action.wa:hover{background:#33e685;box-shadow:0 12px 32px rgba(33,193,107,.32)}
.es-support .contact-action.call{background:rgba(77,163,255,.1);color:#fff;border:1px solid rgba(125,182,255,.6)}
.es-support .contact-action.call:hover{background:#2679e6;border-color:#55a4ff;box-shadow:0 12px 32px rgba(31,111,235,.35)}
.es-support .contact-action:focus-visible{outline:3px solid #fff;outline-offset:3px}
.es-support .demo-number{margin:10px 0 0;color:#b4c8e3;font-size:12px;line-height:1.5}
@media(max-width:540px){.es-support .quick-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.es-support .contact-action{padding:12px 8px;font-size:13px;min-width:0}
.es-support .contact-action svg{width:18px;height:18px}}
@media(max-width:355px){.es-support .quick-contact{grid-template-columns:minmax(0,1fr)}}
.es-support{font-family:Manrope,"Segoe UI",Arial,sans-serif;max-width:none;width:100%;overflow:hidden;background:#fff;color:#071A35;isolation:isolate} 
.es-support *, .es-support *::before,.es-support *::after{box-sizing:border-box}
.es-support .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.es-support a{text-decoration:none}
.es-support .support-form .invalid-feedback{color:#ffb5b5;display:none;font-size:13px}
.es-support .support-form .is-invalid + .invalid-feedback{display:block}
.es-support .support-form .form-control:focus{outline:none}
.es-support .support-form .form-control.is-invalid{border-color:#ff8d8d}
.es-support .support-form .support-captcha{color:#fff}
.es-support .support-form .support-captcha *{max-width:100%}
.es-support .crumbbar{max-width:1280px;margin:auto;padding:16px clamp(20px,4vw,52px);font-size:13px}
.es-support .crumbbar a{color:#1f6feb}
@media(max-width:1100px){.es-support .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:540px){.es-support .grid{grid-template-columns:minmax(0,1fr)!important}}