:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#172033;background:#f7f9fc;--blue:#3357d6;--muted:#667085;--line:#e0e6ef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 90% 16%,#e8f9f580,transparent 35%),#f7f9fc}a{color:inherit}[hidden]{display:none!important}
.skip-link{position:absolute;top:-100px}.skip-link:focus{top:10px;left:15px;z-index:100;background:white;padding:12px}
.site-header{position:sticky;top:0;z-index:30;background:#ffffffed;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.header-inner{width:min(1280px,calc(100% - 48px));height:76px;display:flex;align-items:center;gap:30px;margin:auto}.brand{display:flex;align-items:center;gap:9px;margin-right:auto;text-decoration:none}.brand img{object-fit:contain}.header-nav{display:flex;gap:28px;align-items:center}.header-nav>a{text-decoration:none;color:#475467;font-size:.92rem;font-weight:750}.header-nav>a[aria-current],.header-nav>a:hover{color:var(--blue)}.header-account-link{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:.8rem;font-weight:750;padding:11px 15px;border:1px solid #dbe2ef;border-radius:12px;background:white;white-space:nowrap}.header-account-link svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.8}
main{width:min(1180px,calc(100% - 48px));margin:auto;padding:38px 0 80px}.eyebrow{color:var(--blue);font-size:.72rem;font-weight:850;letter-spacing:.17em;text-transform:uppercase;margin:0 0 17px}
.support-hero{position:relative;overflow:hidden;padding:clamp(35px,6vw,80px);border-radius:28px;background:radial-gradient(circle at 90% 20%,#295c78,#1a294e 45%,#111a33 80%);color:white}.support-hero:after{content:"?";position:absolute;right:5%;bottom:-20%;font-size:370px;line-height:1;color:#ffffff0d;font-weight:900;pointer-events:none}.support-hero .eyebrow{color:#96e9e0}.support-hero h1{position:relative;z-index:1;max-width:880px;margin:0;font-size:clamp(2.5rem,5vw,4.4rem);line-height:1.06;letter-spacing:-.055em}.support-hero>p:not(.eyebrow){position:relative;z-index:1;max-width:650px;margin:23px 0 28px;color:#d6e0ee;font-size:1.02rem;line-height:1.65}.hero-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:22px;padding:13px 17px;border-radius:12px;background:#d7fff8;color:#18313e;font-size:.84rem;font-weight:800;text-decoration:none}
.instructions,.ticket-section{padding-top:78px;scroll-margin-top:90px}.section-title{max-width:730px;margin-bottom:30px}.section-title h2{margin:0;font-size:clamp(2rem,3.6vw,3rem);letter-spacing:-.045em;line-height:1.1}.section-title>p:last-child{color:var(--muted);line-height:1.6}.instruction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.instruction-grid article{padding:28px;border:1px solid var(--line);border-radius:20px;background:white;box-shadow:0 12px 30px #22345c08}.instruction-grid span{color:var(--blue);font-size:.72rem;font-weight:900;letter-spacing:.15em}.instruction-grid h3{margin:22px 0 10px;font-size:1.2rem;letter-spacing:-.03em}.instruction-grid p{margin:0;color:#5d6677;font-size:.9rem;line-height:1.6}.instruction-note{max-width:850px;margin:20px 0 0;padding:15px 18px;border-radius:12px;background:#edf4ff;color:#465872;font-size:.85rem;line-height:1.5}
.session-gate{padding:30px;border:1px solid #cbdcf0;border-radius:20px;background:#edf4ff}.session-gate p{margin:0 0 14px;line-height:1.5}.session-gate a{display:inline-block;padding:12px 17px;border-radius:11px;background:#1c2e58;color:white;font-size:.85rem;font-weight:800;text-decoration:none}.ticket-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:start;gap:18px}.ticket-card{padding:30px;border:1px solid var(--line);border-radius:22px;background:white;box-shadow:0 12px 36px #22345c08}.ticket-card h3{margin:0;font-size:1.4rem;letter-spacing:-.03em}.ticket-card>p{margin:10px 0 25px;color:var(--muted);font-size:.9rem;line-height:1.6}.ticket-card form{display:grid;gap:18px}.ticket-card label{display:grid;gap:8px;font-size:.82rem;font-weight:800;color:#39465d}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.ticket-card input,.ticket-card select,.ticket-card textarea{width:100%;padding:12px 13px;border:1px solid #cbd5e3;border-radius:10px;background:white;color:#172033;font:inherit;font-size:.9rem;font-weight:500}.ticket-card textarea{resize:vertical;min-height:145px;line-height:1.5}.ticket-card input:focus,.ticket-card select:focus,.ticket-card textarea:focus{outline:3px solid #ccd9ff;border-color:#6484df}.attachment-label small{color:var(--muted);font-size:.72rem;font-weight:500;line-height:1.5}.form-status{min-height:1.3em;margin:0;color:#176a58;font-size:.82rem;line-height:1.5}.form-status.error{color:#a43432}.ticket-card form>button{display:flex;justify-content:space-between;gap:15px;width:100%;padding:14px 18px;border:0;border-radius:11px;background:#1b2b51;color:white;font:inherit;font-size:.86rem;font-weight:800;cursor:pointer}.ticket-card form>button:disabled{opacity:.6;cursor:wait}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-heading button{padding:8px 10px;border:1px solid #cbd5e3;border-radius:9px;background:white;color:var(--blue);font:inherit;font-size:.75rem;font-weight:800;cursor:pointer}.history-status{margin:15px 0;color:var(--muted);font-size:.84rem;line-height:1.5}.ticket-list{display:grid;gap:11px;margin-top:17px}.ticket-item{padding:17px;border:1px solid #e0e6ef;border-radius:13px;background:#fafcff}.ticket-item-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.ticket-item-top strong{color:var(--blue);font-size:.7rem;letter-spacing:.05em}.ticket-status{padding:5px 8px;border-radius:999px;background:#eaf1ff;color:#3052a7;font-size:.65rem;font-weight:800;white-space:nowrap}.ticket-status.resolved,.ticket-status.closed{background:#e4f7ed;color:#216949}.ticket-item h4{margin:12px 0 5px;font-size:.94rem}.ticket-item small{color:var(--muted);font-size:.72rem}.ticket-item details{margin-top:12px}.ticket-item summary{color:var(--blue);font-size:.76rem;font-weight:800;cursor:pointer}.ticket-description,.ticket-reply{white-space:pre-wrap;overflow-wrap:anywhere;color:#4e5b6f;font-size:.82rem;line-height:1.55}.reply-label{font-size:.76rem}.ticket-reply{padding:12px;border-radius:9px;background:#eaf8f3}
a:focus-visible,button:focus-visible{outline:3px solid #a4b9f5;outline-offset:3px}
@media(max-width:940px){.header-nav{gap:12px}.header-inner{gap:15px}.header-nav>.products-dropdown{display:block}.header-nav>a[href="/social/"],.header-nav>a[href="/servicios/"],.header-nav>a[href="/soporte/"]{display:inline-flex!important}}
@media(max-width:800px){.header-nav>*:not(.products-dropdown):not([href="/social/"]):not([href="/servicios/"]):not([href="/soporte/"]){display:none}.instruction-grid{grid-template-columns:1fr}.ticket-layout{grid-template-columns:1fr}}
@media(max-width:620px){main{width:calc(100% - 28px);padding-top:14px}.header-inner{width:calc(100% - 24px)}.brand img:last-child{display:none}.support-hero{padding:36px 25px;border-radius:20px}.support-hero h1{font-size:clamp(2.15rem,10vw,3rem)}.instructions,.ticket-section{padding-top:58px}.ticket-card{padding:22px}.form-row{grid-template-columns:1fr}}
@media(max-width:480px){.header-nav>a[href="/social/"],.header-nav>a[href="/servicios/"]{display:none!important}.header-account-link span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* La guía abre Soporte directamente, antes del formulario de tickets. */
.instructions.support-front{padding-top:clamp(32px,5vw,64px)}
.support-front .section-title{max-width:820px;margin:0 0 32px;text-align:left}
.support-front .section-title h1{margin:0;font-size:clamp(2.25rem,4.5vw,4rem);line-height:1.08}
.support-front .section-title>p:last-child{max-width:700px;margin:18px 0 0;line-height:1.55}
@media(max-width:620px){.instructions.support-front{padding-top:28px}.support-front .section-title{margin-bottom:24px}.support-front .section-title h1{font-size:clamp(2rem,8vw,2.7rem)}}