:root{--support-bg:#101113;--support-paper:#f6f6f2;--support-ink:#202226;--support-muted:#666970;--support-line:#dcddd8;--support-orange:#ff852e;--support-ease:cubic-bezier(.16,1,.3,1)}
body{background:var(--support-bg);color:#f6f4ef;font-family:Manrope,Arial,sans-serif}
.support-hero .container,.support-categories-section .container,.faq-section .container,.contact-section .container{width:100%;max-width:none;padding-inline:clamp(22px,6vw,108px)}
.section-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;color:var(--support-orange);font:500 12px Manrope,Arial,sans-serif;letter-spacing:1.8px;text-transform:uppercase}
.section-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--support-orange);box-shadow:0 0 0 5px #ff812d12}
.section-title{max-width:820px;margin:0;color:inherit;font-size:clamp(34px,4.2vw,58px);font-weight:600;line-height:1.12;letter-spacing:-2.3px}

.support-hero{position:relative;display:grid;align-items:center;min-height:680px;padding:96px 0 108px;overflow:hidden;text-align:center;background:radial-gradient(ellipse at 50% 56%,#ff812d16,transparent 39%)}
.support-hero:before,.support-hero:after{content:"";position:absolute;left:50%;top:55%;width:min(820px,78vw);aspect-ratio:1;border:1px solid #ffffff0a;border-radius:50%;transform:translate(-50%,-50%)}.support-hero:after{width:min(520px,52vw)}
.support-hero-ambient{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,#ffffff07 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,#ffffff06 50%,transparent 50.1%);background-size:160px 160px;mask-image:radial-gradient(circle,#000 0,transparent 68%);pointer-events:none}
.support-hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.support-hero-title{max-width:940px;margin:0 auto;font-size:clamp(46px,6vw,82px);font-weight:650;line-height:1.04;letter-spacing:-4px}.support-hero-title span{color:#9da0a6!important;background:none!important;-webkit-text-fill-color:#9da0a6!important}
.support-hero-sub{max-width:680px;margin:26px auto 29px;color:#b2b4ba;font-size:18px;line-height:1.75}.support-hero-actions{display:flex;justify-content:center;gap:11px;flex-wrap:wrap}
.store-badge{display:inline-flex;align-items:center;gap:11px;min-width:168px;min-height:54px;padding:10px 16px;border:1px solid #45474c;border-radius:10px;background:#17181b;color:#f5f4ef;text-align:left;text-decoration:none;box-shadow:0 16px 42px #0003;transition:transform .2s ease,border-color .2s ease}.store-badge:hover{transform:translateY(-2px);border-color:#ff852e}.store-badge svg{width:24px;height:24px}.store-badge span{display:grid;gap:2px}.store-badge small{color:#979aa0;font-size:9px}.store-badge strong{font-size:14px}

.support-categories-section{margin:0 0 42px;padding:90px 0 108px;border-radius:clamp(46px,4vw,72px);background:var(--support-paper);color:var(--support-ink);box-shadow:0 20px 60px #0003}.support-categories-section .section-eyebrow{color:#a8470c}.support-section-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:60px;margin-bottom:46px}.support-section-heading:after{content:"Elige un área para mostrar únicamente las preguntas relacionadas.";max-width:520px;padding-bottom:7px;color:var(--support-muted);font-size:17px;line-height:1.8}
.support-categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.support-cat-card{position:relative;display:flex;flex-direction:column;min-height:260px;padding:28px;border:1px solid var(--support-line);border-radius:18px;background:#fff;color:var(--support-ink);text-decoration:none;overflow:hidden;transition:transform .3s var(--support-ease),box-shadow .3s ease,border-color .3s ease}.support-cat-card:before{content:"";position:absolute;inset:0;background:radial-gradient(500px circle at var(--mouse-x,-100px) var(--mouse-y,-100px),#ff852e14,transparent 55%);pointer-events:none}.support-cat-card:hover{z-index:2;transform:translateY(-5px);border-color:#ff852e88;box-shadow:0 26px 60px #1820181a}.support-cat-card>*{position:relative;z-index:1}
.support-cat-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:38px;border-radius:13px;background:#fff0e6;color:#c54f09}.support-cat-title{margin:0 0 9px;font-size:21px;letter-spacing:-.5px}.support-cat-desc{flex:1;margin:0 0 22px;color:var(--support-muted);font-size:14px;line-height:1.7}.support-cat-count{color:#a8470c;font:500 10px 'JetBrains Mono',monospace;letter-spacing:1px;text-transform:uppercase}

.faq-section{padding:110px 0 124px;background:radial-gradient(circle at 85% 25%,#8166ff0d,transparent 28%),var(--support-bg);color:#f5f4ef}.faq-header{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:60px;margin-bottom:40px}.faq-header:after{content:"Filtra por tema y abre solo la respuesta que necesitas.";max-width:520px;padding-bottom:6px;color:#a2a4aa;font-size:17px;line-height:1.8}
.faq-filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.faq-filter{min-height:40px;padding:9px 15px;border:1px solid #3a3c41;border-radius:9px;background:#17181b;color:#a6a8ae;font:600 13px Manrope,Arial,sans-serif;cursor:pointer;transition:.2s ease}.faq-filter:hover,.faq-filter.active{border-color:#ff852e;background:#ff852e;color:#21150d}
.faq-list{overflow:hidden;border:1px solid #303237;border-radius:18px;background:#17181b}.faq-item{border-bottom:1px solid #303237}.faq-item:last-child{border-bottom:0}.faq-item[hidden]{display:none}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:24px 27px;border:0;background:transparent;color:#f5f4ef;font:700 16px Manrope,Arial,sans-serif;text-align:left;cursor:pointer;transition:background .2s ease}.faq-question:hover,.faq-question[aria-expanded=true]{background:#1e2024}.faq-chevron{flex:0 0 auto;color:#ff9852;transition:transform .3s var(--support-ease)}.faq-question[aria-expanded=true] .faq-chevron{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;background:#1e2024;transition:max-height .32s ease}.faq-answer p{max-width:940px;margin:0;padding:0 70px 26px 27px;color:#aeb0b5;font-size:15px;line-height:1.8}.faq-answer a,.faq-answer strong{color:#f5f4ef;font-weight:700;text-decoration-color:#ff852e;text-underline-offset:3px}

.contact-section{margin-bottom:42px;padding:108px 0 118px;border-radius:clamp(46px,4vw,72px);background:var(--support-paper);color:var(--support-ink);box-shadow:0 20px 60px #0003}.contact-section .section-eyebrow{color:#a8470c}.contact-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.55fr);gap:clamp(50px,8vw,130px);align-items:start}.contact-title{max-width:690px;margin:0 0 18px;font-size:clamp(38px,4.3vw,58px);font-weight:600;line-height:1.1;letter-spacing:-2.3px}.contact-sub{max-width:670px;margin:0 0 34px;color:var(--support-muted);font-size:16px;line-height:1.8}
.support-form{display:flex;flex-direction:column;gap:19px;padding:30px;border:1px solid var(--support-line);border-radius:20px;background:#fff;box-shadow:0 28px 70px #18201812}.form-honeypot{display:none!important;position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:13px;font-weight:700}.form-input{width:100%;padding:14px 15px;border:1px solid #d5d8dc;border-radius:10px;outline:0;background:#fafafa;color:var(--support-ink);font:400 15px Manrope,Arial,sans-serif;transition:border-color .2s ease,box-shadow .2s ease}.form-input::placeholder{color:#92969e}.form-input:focus{border-color:#ff852e;box-shadow:0 0 0 3px #ff852e18}.form-select{padding-right:42px;cursor:pointer}.form-textarea{min-height:145px;resize:vertical}.privacy-check{display:flex;align-items:flex-start;gap:10px;color:var(--support-muted);font-size:13px;line-height:1.55;cursor:pointer}.privacy-check input{flex:0 0 auto;width:16px;height:16px;margin-top:2px;accent-color:#ff852e}.privacy-check a{color:#a8470c;font-weight:700;text-underline-offset:2px}.turnstile-wrapper{min-height:65px;overflow:hidden}.form-error{display:flex;align-items:center;padding:14px 17px;border:1px solid #d92f4a55;border-radius:10px;background:#d92f4a10;color:#a21f35;font-size:14px;font-weight:700}
.btn-full{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:50px;padding:13px 20px;border:1px solid #ff852e;border-radius:10px;background:#ff852e;color:#21150d;font:700 14px Manrope,Arial,sans-serif;cursor:pointer;transition:transform .2s ease,background .2s ease}.btn-full:hover{transform:translateY(-2px);background:#ff9952}.btn-full:disabled{cursor:wait;opacity:.68;transform:none}.form-success{display:flex;align-items:center;gap:10px;padding:14px 17px;border:1px solid #1aac6b55;border-radius:10px;background:#1aac6b12;color:#087a47;font-size:14px;font-weight:700}.form-success[hidden],.form-error[hidden]{display:none}
.contact-channels{display:flex;flex-direction:column;gap:13px;padding-top:55px}.channels-title{margin:0 0 8px;font-size:17px}.channel-card,.support-note-card{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid var(--support-line);border-radius:15px;background:#fff;color:var(--support-ink);text-decoration:none;transition:transform .25s var(--support-ease),border-color .2s ease}.channel-card:hover{transform:translateX(4px);border-color:#ff852e88}.channel-icon{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:11px;background:#fff0e6;color:#c54f09}.channel-info{display:flex;flex:1;flex-direction:column}.channel-name{font-size:14px;font-weight:700}.channel-detail{margin-top:2px;color:var(--support-muted);font-size:13px}.channel-arrow{color:#94979d}.support-note-card{align-items:flex-start}.support-note-card strong{display:block;margin-bottom:5px;font-size:14px}.support-note-card p{margin:0;color:var(--support-muted);font-size:13px;line-height:1.6}.status-dot{flex:0 0 9px;width:9px;height:9px;margin-top:6px;border-radius:50%;background:#17b66b;box-shadow:0 0 0 6px #17b66b14}
.nav-active{color:#f6f4ef!important}
@media(max-width:1024px){.support-section-heading,.faq-header{grid-template-columns:1fr;gap:14px}.support-categories-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.contact-channels{padding-top:0}}
@media(max-width:700px){.section-eyebrow{font-size:10px;letter-spacing:1.5px}.support-hero{min-height:auto;padding:70px 0 78px}.support-hero-title{font-size:43px;letter-spacing:-2px}.support-hero-sub{font-size:16px}.support-hero-actions{width:100%}.store-badge{flex:1;min-width:150px}.support-categories-section,.contact-section{width:calc(100% - 20px);margin-inline:10px;border-radius:28px}.support-categories-section,.faq-section,.contact-section{padding:65px 0}.support-categories-grid{grid-template-columns:1fr}.support-cat-card{min-height:220px}.faq-question{padding:20px;font-size:15px}.faq-answer p{padding:0 20px 22px}.contact-title{font-size:39px;letter-spacing:-1.7px}.support-form{padding:21px}.form-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
