.support-center{width:min(1100px,calc(100% - 40px));margin:0 auto;padding:62px 0 90px}.support-hero{padding:42px 0 52px}.support-hero>p,.section-heading p,.ticket-form-wrap>p,.conversation-head>div>p{margin:0;color:var(--purple);font-size:11px;font-weight:800;letter-spacing:1.2px}.support-hero h1{margin:12px 0;font-size:clamp(42px,6vw,68px);line-height:.98;letter-spacing:-3px}.support-hero>span{display:block;max-width:550px;color:var(--muted);line-height:1.6}.support-search{display:flex;align-items:center;gap:10px;max-width:620px;margin-top:28px;padding:0 16px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--purple)}.support-search input{width:100%;height:52px;border:0;outline:0;background:transparent;color:var(--text);font:14px Inter}.help-categories h2,.section-heading h2,.ticket-form-wrap h2{margin:0;font-size:22px;letter-spacing:-.8px}.help-categories>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.help-categories a,.ticket-list>a,.support-empty,.ticket-form-wrap,.conversation-head,.conversation,.reply-form{border:1px solid var(--line);border-radius:13px;background:var(--card)}.help-categories a{padding:18px;color:var(--text);text-decoration:none}.help-categories b,.help-categories span{display:block}.help-categories span{margin-top:8px;color:var(--purple);font-size:12px}.support-workspace{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:48px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.support-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:0;border-radius:9px;background:var(--purple);color:#fff;text-decoration:none;font:800 12px Inter;cursor:pointer}.support-empty{margin-top:18px;padding:34px;color:var(--muted);text-align:center}.ticket-list{display:grid;gap:9px;margin-top:18px}.ticket-list>a{display:flex;justify-content:space-between;gap:12px;padding:16px;color:var(--text);text-decoration:none}.ticket-list b,.ticket-list strong,.ticket-list small{display:block}.ticket-list strong{margin:5px 0}.ticket-list small{color:var(--muted);font-size:11px}.ticket-status{height:max-content;padding:6px 9px;border-radius:20px;font-size:10px;font-weight:800}.status-open{background:#563d1d;color:#ffd580}.status-reviewing{background:#203e5a;color:#91caff}.status-waiting_customer{background:#4c3a65;color:#d7b5ff}.status-resolved{background:#173e31;color:#8ce1bd}.status-closed{background:#373741;color:#c5c5cf}.ticket-form-wrap{position:relative;padding:24px}.ticket-form-wrap[hidden]{display:none}.ticket-close{position:absolute;right:13px;top:10px;border:0;background:none;color:var(--muted);font-size:22px;cursor:pointer}.ticket-form-wrap form,.reply-form{display:grid;gap:12px;margin-top:18px}.ticket-form-wrap label,.reply-form label{display:grid;gap:6px;font-size:12px;font-weight:700}.ticket-form-wrap input,.ticket-form-wrap textarea,.ticket-form-wrap select,.reply-form textarea{padding:11px;border:1px solid var(--line);border-radius:8px;background:#111117;color:var(--text);font:13px Inter}.faq-section{margin-top:55px}.faq-list{display:grid;gap:9px;margin-top:18px}.faq-list details{padding:16px;border:1px solid var(--line);border-radius:11px;background:var(--card)}.faq-list summary{display:flex;justify-content:space-between;cursor:pointer;font-weight:700}.faq-list summary small{display:block;margin-bottom:5px;color:var(--purple);font-size:10px}.faq-list p{margin:12px 0 0;color:var(--muted);line-height:1.6;font-size:13px}.ticket-page{max-width:860px}.back-link{color:var(--muted);text-decoration:none;font-size:12px}.conversation-head{display:flex;justify-content:space-between;gap:18px;margin-top:22px;padding:24px}.conversation-head h1{margin:9px 0;font-size:27px}.conversation-head small,.conversation article small{color:var(--muted);font-size:11px}.conversation{display:grid;gap:14px;margin-top:18px;padding:20px}.conversation article{max-width:78%;padding:14px;border-radius:12px}.conversation article.customer{justify-self:end;background:#32264a}.conversation article.admin{background:#1b3341}.conversation article b{font-size:11px}.conversation article p{margin:7px 0;line-height:1.55;font-size:13px}.reply-form{padding:20px}.success-note{margin-top:16px;padding:13px;border:1px solid #299b6e;border-radius:9px;background:#173629;color:#b9f4d7}.form-error{color:#ffb4bc;font-size:12px}@media(max-width:760px){.support-center{width:min(100% - 28px,1100px);padding-top:36px}.support-nav{gap:18px}.support-nav nav{display:flex;gap:14px}.support-workspace{grid-template-columns:1fr}.help-categories>div{grid-template-columns:repeat(2,1fr)}.conversation-head{display:grid}.conversation article{max-width:92%}}html[data-theme="light"] .support-search,html[data-theme="light"] .help-categories a,html[data-theme="light"] .ticket-list>a,html[data-theme="light"] .support-empty,html[data-theme="light"] .ticket-form-wrap,html[data-theme="light"] .conversation-head,html[data-theme="light"] .conversation,html[data-theme="light"] .reply-form,html[data-theme="light"] .faq-list details{background:#fff;border-color:#d5e1ea}html[data-theme="light"] .ticket-form-wrap input,html[data-theme="light"] .ticket-form-wrap textarea,html[data-theme="light"] .ticket-form-wrap select,html[data-theme="light"] .reply-form textarea{background:#f7fafc;color:#20374a;border-color:#cbdce8}html[data-theme="light"] .conversation article.customer{background:#e9f2f8}html[data-theme="light"] .conversation article.admin{background:#e9eef5}

/* Alineación del Centro de Soporte con la estructura de la tienda. */
.support-center{width:min(1120px,calc(100% - 16vw));padding:40px 0 82px}
.support-hero{padding:28px 0 36px}
.support-hero h1{font-size:clamp(38px,4.6vw,56px);letter-spacing:-2.5px}
.support-hero>span{max-width:500px;font-size:14px}
.support-search{max-width:560px;margin-top:23px}
.support-search input{height:48px}
.support-workspace{margin-top:38px}
.faq-section{margin-top:44px}
@media(max-width:800px){.support-center{width:calc(100% - 12vw);padding-top:30px}.support-hero{padding-top:20px}.support-hero h1{font-size:40px}.support-nav{gap:0}.support-nav nav{gap:22px}}
@media(max-width:520px){.support-center{width:calc(100% - 40px);padding-top:24px}.support-hero h1{font-size:35px;letter-spacing:-1.8px}.support-search{margin-top:19px}.help-categories>div{grid-template-columns:1fr}.support-workspace{margin-top:30px}}

/* Entrada controlada por JavaScript: siempre se pinta primero el estado inicial. */
.support-center.support-enter-pending{opacity:0!important;transform:translateY(16px)!important}
.support-center.support-enter-active{opacity:1!important;transform:translateY(0)!important;transition:opacity .34s ease-out,transform .34s ease-out!important}

/* Las categorías incluyen una orientación breve sin alterar el área de contacto. */
.help-categories a{display:flex;flex-direction:column;min-height:142px;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.help-categories a:hover{border-color:var(--purple);background:color-mix(in srgb,var(--card) 92%,var(--purple));transform:translateY(-2px)}
.help-categories a p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.help-categories a span{margin-top:auto}
@media(max-width:520px){.help-categories a{min-height:128px}}

/* Misma tipografía de acción que el botón Buscar del panel. */
.support-button,.support-button:hover,.support-button:focus,.support-button:active,.support-button:visited{color:#fff!important;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:700;line-height:normal}.support-button:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(255,255,255,.24),0 0 0 5px rgba(168,137,255,.36)}.support-button:disabled{color:rgba(255,255,255,.72)!important}
.ticket-form-wrap{opacity:0;transform:translateY(10px);transition:opacity .25s ease-out,transform .25s ease-out}.ticket-form-wrap.is-open{opacity:1;transform:translateY(0)}
.support-empty{display:grid;gap:8px;place-items:center}.support-empty:before{content:'◌';display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:rgba(168,137,255,.13);color:var(--purple);font-size:18px}
.success-note{display:grid;gap:4px;animation:ticket-confirmation .28s ease-out both}.success-note:before{content:'Solicitud enviada correctamente';font-weight:800;color:#d7ffe7}@keyframes ticket-confirmation{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.ticket-form-wrap{padding:27px}.ticket-form-wrap form{gap:16px;margin-top:21px}.ticket-form-wrap label{gap:8px;color:var(--text);font-size:12px;letter-spacing:.01em}.ticket-form-wrap label small{color:var(--muted);font-weight:400}.ticket-form-wrap input,.ticket-form-wrap select,.ticket-form-wrap textarea{min-height:44px;padding:12px 13px;border-color:var(--line);border-radius:9px;line-height:1.45;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.ticket-form-wrap textarea{min-height:126px;resize:vertical}.ticket-form-wrap input:hover,.ticket-form-wrap select:hover,.ticket-form-wrap textarea:hover{border-color:color-mix(in srgb,var(--line) 55%,var(--purple))}.ticket-form-wrap input:focus,.ticket-form-wrap select:focus,.ticket-form-wrap textarea:focus{outline:0;border-color:var(--purple);box-shadow:0 0 0 3px rgba(168,137,255,.16)}.ticket-close{display:grid;place-items:center;width:32px;height:32px;border:1px solid transparent;border-radius:8px;transition:background .2s ease,color .2s ease,border-color .2s ease}.ticket-close:hover{border-color:var(--line);background:rgba(168,137,255,.12);color:var(--text)}.ticket-form-wrap .support-button{margin-top:2px;min-height:44px}.ticket-form-wrap .form-error{margin:0;padding:11px 12px;border:1px solid rgba(255,130,145,.45);border-radius:9px;background:rgba(255,130,145,.09)}
@media(max-width:520px){.ticket-form-wrap{padding:21px}.ticket-form-wrap textarea{min-height:110px}.support-empty{padding:28px 20px}}
.support-public .support-workspace{display:none}.support-compose .tickets-column{display:none}.support-compose .support-workspace{display:block;max-width:680px;margin:46px auto 0}.support-compose .ticket-form-wrap{display:block;padding:28px}.support-contact-link{margin-top:22px}

/* La acción de WhatsApp entra después del buscador para dar continuidad al héroe. */
.support-contact-link{opacity:0;transform:translateY(12px);animation:support-contact-enter .42s cubic-bezier(.2,.8,.2,1) .22s forwards}
@keyframes support-contact-enter{to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.support-contact-link{opacity:1;transform:none;animation:none}}

/* El enlace activo de Soporte se incorpora junto con el encabezado. */
.support-public .support-nav nav a.active{opacity:0;transform:translateY(-24px) scale(.72);filter:blur(4px)}.support-nav.support-nav-entered nav a.active{opacity:1;transform:translateY(0) scale(1);filter:none;transition:opacity .62s ease,transform .62s cubic-bezier(.16,1,.3,1),filter .5s ease}.support-nav.support-nav-entered nav a.active:after{content:'';display:block;height:2px;margin-top:5px;border-radius:99px;background:var(--purple);animation:support-nav-line .5s .55s cubic-bezier(.16,1,.3,1) both}@keyframes support-nav-line{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@media(prefers-reduced-motion:reduce){.support-public .support-nav nav a.active{opacity:1;transform:none;filter:none}.support-nav.support-nav-entered nav a.active{transition:none}.support-nav.support-nav-entered nav a.active:after{animation:none}}

/* La página es quien entra; el enlace activo permanece estable. */
.support-public .support-nav nav a.active{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.support-public .support-nav nav a.active:after{animation:none!important}.support-contact-link{opacity:1!important;transform:none!important;animation:none!important}.support-public .support-center{animation:support-page-arrival .68s cubic-bezier(.22,1,.36,1) both;will-change:transform,opacity}@keyframes support-page-arrival{from{opacity:0;transform:translate3d(0,42px,0) scale(.97)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}@media(prefers-reduced-motion:reduce){.support-public .support-center{animation:none!important}}

/* Héroe limpio: WhatsApp acompaña las categorías, no el buscador. */
.support-public .support-search{display:none!important}.support-public .support-hero{position:relative!important;padding-bottom:76px!important}.support-public .support-contact-link{position:absolute!important;right:0!important;bottom:22px!important;min-height:42px!important;padding:0 18px!important;border:1px solid rgba(187,158,255,.42)!important;border-radius:10px!important;background:rgba(168,137,255,.12)!important;color:#dacbff!important;box-shadow:none!important}.support-public .support-contact-link:hover{background:rgba(168,137,255,.22)!important;transform:translateY(-2px)!important}@media(max-width:760px){.support-public .support-hero{padding-bottom:78px!important}.support-public .support-contact-link{right:auto!important;left:0!important;bottom:20px!important}}

/* Misma entrada compuesta de los modales de información y comprobante. */
.support-public .support-center{animation:support-modal-entry .46s cubic-bezier(.22,1,.36,1) both!important;transform:translateZ(0);will-change:transform,opacity}@keyframes support-modal-entry{from{opacity:0;transform:translate3d(0,48px,0) scale3d(.9,.9,1)}to{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}}

/* Conversaciones: proporciones compactas para cliente y administración. */
/* Ajuste fino del compositor administrativo: compacto y legible. */
body.admin:has(.ticket-admin-card) .ticket-admin-card{max-width:900px}
body.admin:has(.ticket-admin-card) .ticket-admin-card>header{padding:22px 30px 19px!important}
body.admin:has(.ticket-admin-card) .ticket-admin-card>header h1{font-size:clamp(28px,3vw,35px)!important}
body.admin:has(.ticket-admin-card) .ticket-admin-card>.conversation{min-height:190px!important;max-height:420px;padding:22px 30px!important}
body.admin:has(.ticket-admin-card) .conversation article:before{display:grid;place-items:center;color:#d9cbff;font:800 10px/1 Inter,Arial,sans-serif}
body.admin:has(.ticket-admin-card) .conversation article.admin:before{content:'N'}
body.admin:has(.ticket-admin-card) .conversation article.customer:before{content:'C'}
body.admin:has(.ticket-admin-card) .ticket-admin-card>.reply-form{grid-template-columns:182px minmax(0,1fr) auto!important;align-items:end!important;gap:14px!important;padding:18px 28px!important;background:#15141e!important}
body.admin:has(.ticket-admin-card) .reply-form label,body.admin:has(.ticket-admin-card) .reply-form label:first-of-type{display:grid!important;gap:7px!important;min-width:0;font-size:11px!important;font-weight:800!important;color:var(--text)!important}
body.admin:has(.ticket-admin-card) .reply-form label small{display:block!important;font-size:10px!important;font-weight:500!important;color:var(--muted)!important}
body.admin:has(.ticket-admin-card) .reply-form label:first-of-type select{margin:0!important}
body.admin:has(.ticket-admin-card) .reply-form select{height:46px!important;min-height:46px!important}
body.admin:has(.ticket-admin-card) .reply-form textarea{height:86px!important;min-height:86px!important;padding:12px 13px!important}
body.admin:has(.ticket-admin-card) .reply-form .support-button{align-self:end;min-height:46px!important;padding:0 18px!important}
html[data-admin-theme="light"] body.admin:has(.ticket-admin-card) .ticket-admin-card>.reply-form{background:#f8fbfe!important}
@media(max-width:700px){body.admin:has(.ticket-admin-card) .ticket-admin-card>.conversation{min-height:220px!important;padding:20px 20px 20px 54px!important}body.admin:has(.ticket-admin-card) .ticket-admin-card>.reply-form{grid-template-columns:1fr!important;padding:20px!important}body.admin:has(.ticket-admin-card) .ticket-admin-card>.reply-form textarea{height:108px!important;min-height:108px!important}}

/* Conversación tipo chat para cliente y administración. */
.support-ticket-view .ticket-detail-card,body.admin:has(.ticket-admin-card) .ticket-admin-card{isolation:isolate}
.support-ticket-view .conversation,body.admin:has(.ticket-admin-card) .conversation{position:relative;gap:18px!important;max-height:560px;min-height:300px!important;overflow-y:auto!important;scrollbar-color:var(--line) transparent}
.support-ticket-view .conversation article,body.admin:has(.ticket-admin-card) .conversation article{position:relative;max-width:min(72%,650px)!important;padding:12px 15px!important;border-radius:12px!important;box-shadow:none!important}
.support-ticket-view .conversation article:before,body.admin:has(.ticket-admin-card) .conversation article:before{content:'';position:absolute;left:-44px;top:2px;width:31px;height:31px;border:2px solid var(--card);border-radius:50%;background:linear-gradient(135deg,#4e3b75,#261e3c);box-shadow:0 2px 8px rgba(0,0,0,.2)}
.support-ticket-view .conversation article.admin,body.admin:has(.ticket-admin-card) .conversation article.admin{margin-left:44px!important;background:var(--card2)!important}
.support-ticket-view .conversation article.customer,body.admin:has(.ticket-admin-card) .conversation article.customer{margin-right:44px!important;background:linear-gradient(135deg,#7750da,#5632b6)!important;color:#fff!important}
.support-ticket-view .conversation article.customer:before,body.admin:has(.ticket-admin-card) .conversation article.customer:before{right:-44px;left:auto;background:linear-gradient(135deg,#b291ff,#7046d5)}
.support-ticket-view .conversation article b,body.admin:has(.ticket-admin-card) .conversation article b{display:block;font-size:11px;font-weight:800;letter-spacing:.01em}
.support-ticket-view .conversation article p,body.admin:has(.ticket-admin-card) .conversation article p{margin:5px 0 7px!important;font-size:13px;line-height:1.5!important}
.support-ticket-view .conversation article small,body.admin:has(.ticket-admin-card) .conversation article small{display:block;text-align:right;font-size:10px!important;opacity:.8}
.support-ticket-view .reply-form,body.admin:has(.ticket-admin-card) .reply-form{grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:12px!important;padding:16px 24px!important}
.support-ticket-view .reply-form label,body.admin:has(.ticket-admin-card) .reply-form label{display:block!important;min-width:0;font-size:0!important}
.support-ticket-view .reply-form label small{display:none!important}
.support-ticket-view .reply-form textarea,body.admin:has(.ticket-admin-card) .reply-form textarea{display:block;min-height:50px!important;height:50px;padding:14px 15px!important;border-radius:10px!important;line-height:1.35!important;resize:none!important}
.support-ticket-view .reply-form .support-button,body.admin:has(.ticket-admin-card) .reply-form .support-button{min-width:auto!important;min-height:50px!important;padding:0 20px!important;white-space:nowrap}
body.admin:has(.ticket-admin-card) .reply-form{grid-template-columns:170px minmax(0,1fr) auto!important}
body.admin:has(.ticket-admin-card) .reply-form:before{display:none!important}
body.admin:has(.ticket-admin-card) .reply-form label:first-of-type{font-size:12px!important;font-weight:800!important}
body.admin:has(.ticket-admin-card) .reply-form label:first-of-type select{margin-top:7px}
html[data-theme="light"] .support-ticket-view .conversation article.admin,html[data-admin-theme="light"] body.admin:has(.ticket-admin-card) .conversation article.admin{background:#edf4fb!important;border-color:#d4e2f0!important;color:#183b5a!important}
html[data-theme="light"] .support-ticket-view .conversation article.customer,html[data-admin-theme="light"] body.admin:has(.ticket-admin-card) .conversation article.customer{background:linear-gradient(135deg,#3978da,#215dbd)!important;border-color:#3978da!important;color:#fff!important}
html[data-theme="light"] .support-ticket-view .conversation article:before,html[data-admin-theme="light"] body.admin:has(.ticket-admin-card) .conversation article:before{border-color:#fff;background:linear-gradient(135deg,#7caee5,#366fa8)}
html[data-theme="light"] .support-ticket-view .conversation article.customer:before,html[data-admin-theme="light"] body.admin:has(.ticket-admin-card) .conversation article.customer:before{background:linear-gradient(135deg,#75aefa,#2766c5)}
html[data-theme="light"] .support-ticket-view .conversation article small,html[data-admin-theme="light"] body.admin:has(.ticket-admin-card) .conversation article small{color:#58738b!important}
@media(max-width:700px){.support-ticket-view .conversation,body.admin:has(.ticket-admin-card) .conversation{min-height:250px!important;max-height:470px;padding:20px 20px 20px 54px!important}.support-ticket-view .conversation article,body.admin:has(.ticket-admin-card) .conversation article{max-width:88%!important}.support-ticket-view .conversation article.customer,body.admin:has(.ticket-admin-card) .conversation article.customer{margin-right:38px!important}.support-ticket-view .reply-form,body.admin:has(.ticket-admin-card) .reply-form,body.admin:has(.ticket-admin-card) .reply-form{display:grid!important;grid-template-columns:1fr!important}.support-ticket-view .reply-form textarea,body.admin:has(.ticket-admin-card) .reply-form textarea{height:96px;resize:vertical!important}.support-ticket-view .reply-form .support-button,body.admin:has(.ticket-admin-card) .reply-form .support-button{width:100%;justify-self:stretch!important}}
/* Ticket de cliente: vista concentrada, sin navegación de tienda. */
body.support-ticket-view{min-height:100vh;background:var(--bg)}
.support-ticket-view .ticket-page{max-width:980px!important;padding-top:42px!important}
.support-ticket-view .ticket-detail-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.support-ticket-view .conversation-head{align-items:flex-start;margin:0!important;padding:28px 30px 24px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important}
.support-ticket-view .conversation{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:13px!important;min-height:0!important;height:auto!important;margin:0!important;padding:24px 26px!important;border:0!important;border-radius:0!important;background:transparent!important}
.support-ticket-view .conversation article{width:fit-content!important;max-width:min(76%,650px)!important;margin:0!important;padding:13px 16px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:15px!important;box-shadow:none!important}
.support-ticket-view .conversation article.customer{align-self:flex-end!important;background:linear-gradient(135deg,#4a3374,#382653)!important}
.support-ticket-view .conversation article.admin{background:linear-gradient(135deg,#25313e,#1c2530)!important}
.support-ticket-view .conversation article p{margin:6px 0 8px!important;line-height:1.55!important}
.support-ticket-view .reply-form{display:grid!important;gap:13px!important;margin:0!important;padding:24px 26px 26px!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:rgba(168,137,255,.035)!important}
.support-ticket-view .reply-form textarea{min-height:128px!important;padding:13px 14px!important;border-radius:11px!important;resize:vertical}
.support-ticket-view .reply-form .support-button{justify-self:end;min-width:152px;min-height:45px;border-radius:10px}
html[data-theme="light"] .support-ticket-view .ticket-detail-card{border-color:#d4dfeb;background:#fff}
html[data-theme="light"] .support-ticket-view .conversation-head,html[data-theme="light"] .support-ticket-view .reply-form{border-color:#dbe4ee!important}
html[data-theme="light"] .support-ticket-view .reply-form{background:#f8fbfe!important}
html[data-theme="light"] .support-ticket-view .conversation article.admin{background:#eaf3fb!important;border-color:#cfe0ef!important;color:#183b5a!important}
html[data-theme="light"] .support-ticket-view .conversation article.customer{background:#e6f0ff!important;border-color:#c5daf7!important;color:#183b5a!important}
html[data-theme="light"] .support-ticket-view .conversation article small{color:#58738b!important}
html[data-theme="light"] .support-ticket-view .reply-form textarea{background:#fff!important;color:#20374a!important;border-color:#c8d8e6!important}
html[data-theme="light"] .support-ticket-view .reply-form .support-button{background:#2563d8!important;color:#fff!important;box-shadow:0 7px 16px rgba(37,99,216,.22)!important}
html[data-theme="light"] .support-ticket-view .reply-form .support-button:hover{background:#1d4fb5!important}
@media(max-width:700px){.support-ticket-view .ticket-page{width:calc(100% - 28px)!important;padding-top:28px!important}.support-ticket-view .conversation-head,.support-ticket-view .conversation,.support-ticket-view .reply-form{padding:20px!important}.support-ticket-view .conversation article{max-width:92%!important}.support-ticket-view .reply-form .support-button{width:100%;justify-self:stretch!important}}
/* Ticket de administración: una sola tarjeta, sin altura artificial. */
body.admin:has(.ticket-admin-card){align-items:start;grid-template-columns:252px minmax(0,1fr)}
body.admin:has(.ticket-admin-card) main{align-self:start;min-width:0;min-height:100vh;max-width:none!important;width:100%!important;margin:0!important;padding:42px clamp(24px,5vw,72px) 64px!important}
body.admin:has(.ticket-admin-card) aside{align-self:stretch;min-height:100vh}
body.admin:has(.ticket-admin-card) .ticket-admin-card{width:min(960px,100%);margin:0 auto;border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden}
body.admin:has(.ticket-admin-card) .ticket-admin-card>header{display:flex!important;align-items:flex-start!important;min-height:0!important;margin:0!important;padding:28px 30px 24px!important;border-bottom:1px solid var(--line)}
body.admin:has(.ticket-admin-card) .ticket-admin-card>header h1{margin:7px 0 0!important;font-size:clamp(30px,3vw,40px)!important;line-height:1.08!important;letter-spacing:-1.5px!important}
body.admin:has(.ticket-admin-card) .conversation{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:13px!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:24px 26px!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
body.admin:has(.ticket-admin-card) .conversation:empty{display:none!important}
body.admin:has(.ticket-admin-card) .conversation article{flex:none!important;width:fit-content!important;max-width:min(76%,650px)!important;min-height:0!important;height:auto!important;margin:0!important;padding:13px 16px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:15px!important;box-shadow:none!important}
body.admin:has(.ticket-admin-card) .conversation article.customer{align-self:flex-end!important;background:linear-gradient(135deg,#4a3374,#382653)!important}
body.admin:has(.ticket-admin-card) .conversation article.admin{background:linear-gradient(135deg,#25313e,#1c2530)!important}
body.admin:has(.ticket-admin-card) .conversation article p{margin:6px 0 8px!important;line-height:1.55!important}
body.admin:has(.ticket-admin-card) .reply-form{display:grid!important;gap:14px!important;min-height:0!important;height:auto!important;margin:0!important;padding:24px 26px 26px!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;background:rgba(168,137,255,.035)!important}
body.admin:has(.ticket-admin-card) .reply-form select,body.admin:has(.ticket-admin-card) .reply-form textarea{width:100%!important;border:1px solid var(--line)!important;border-radius:11px!important;background:#111117!important;color:var(--text)!important;box-shadow:none!important}
body.admin:has(.ticket-admin-card) .reply-form select{min-height:48px;padding:0 14px!important;font-weight:700;cursor:pointer}
body.admin:has(.ticket-admin-card) .reply-form select option{padding:10px 12px;background:#111117;color:var(--text)}
body.admin:has(.ticket-admin-card) .reply-form select:focus,body.admin:has(.ticket-admin-card) .reply-form textarea:focus{outline:0!important;border-color:var(--purple)!important;box-shadow:0 0 0 3px rgba(168,137,255,.16)!important}
body.admin:has(.ticket-admin-card) .reply-form textarea{min-height:138px!important;padding:13px 14px!important;resize:vertical}
body.admin:has(.ticket-admin-card) .reply-form .support-button{justify-self:end!important;min-width:178px;min-height:45px;border-radius:10px!important}
html[data-admin-theme="light"] body.admin:has(.ticket-admin-card) .ticket-admin-card{background:#fff;border-color:#d4dfeb}
html[data-admin-theme="light"] body.admin:has(.ticket-admin-card) .ticket-admin-card>header,html[data-admin-theme="light"] body.admin:has(.ticket-admin-card) .reply-form{border-color:#dbe4ee!important}
html[data-admin-theme="light"] body.admin:has(.ticket-admin-card) .reply-form{background:#f8fbfe!important}
html[data-admin-theme="light"] body.admin:has(.ticket-admin-card) .conversation article.admin{background:#edf3f8!important;border-color:#d7e2eb!important;color:#20374a!important}
html[data-admin-theme="light"] body.admin:has(.ticket-admin-card) .conversation article.customer{background:#eee7ff!important;border-color:#d9c9f9!important;color:#31264a!important}
html[data-admin-theme="light"] body.admin:has(.ticket-admin-card) .conversation article small{color:#687487!important}
html[data-admin-theme="light"] body.admin:has(.ticket-admin-card) .reply-form select,html[data-admin-theme="light"] body.admin:has(.ticket-admin-card) .reply-form textarea{background:#fff!important;color:#20374a!important;border-color:#c8d8e6!important}
html[data-admin-theme="light"] body.admin:has(.ticket-admin-card) .reply-form select option{background:#fff;color:#20374a}
html[data-admin-theme="light"] body.admin:has(.ticket-admin-card) .reply-form .support-button{background:#2563d8!important;color:#fff!important;box-shadow:0 7px 16px rgba(37,99,216,.22)!important}
html[data-admin-theme="light"] body.admin:has(.ticket-admin-card) .reply-form .support-button:hover{background:#1d4fb5!important}
@media(max-width:800px){body.admin:has(.ticket-admin-card){display:block}body.admin:has(.ticket-admin-card) main{min-height:0;padding:22px 14px 42px!important}body.admin:has(.ticket-admin-card) .ticket-admin-card>header{padding:22px 20px!important}body.admin:has(.ticket-admin-card) .conversation,body.admin:has(.ticket-admin-card) .reply-form{padding:20px!important}body.admin:has(.ticket-admin-card) .conversation article{max-width:92%!important}body.admin:has(.ticket-admin-card) .reply-form .support-button{width:100%;justify-self:stretch!important}}
/* Conversaciones: proporciones compactas para cliente y administración. */
body.admin:has(main>.reply-form){align-items:start;grid-template-columns:252px minmax(0,1fr)}
body.admin:has(main>.reply-form) main{align-self:start;min-width:0;min-height:100vh;max-width:none!important;width:100%!important;margin:0!important;padding:42px clamp(24px,5vw,72px) 64px!important}
body.admin:has(main>.reply-form) aside{align-self:stretch;min-height:100vh}
body.admin:has(main>.reply-form) main>header,body.admin:has(main>.reply-form) main>.conversation,body.admin:has(main>.reply-form) main>.reply-form{width:min(960px,100%)!important;margin-left:auto!important;margin-right:auto!important}
body.admin:has(main>.reply-form) main>header{display:flex!important;align-items:flex-start!important;min-height:0!important;margin-top:0!important;padding:0 0 22px!important}
body.admin:has(main>.reply-form) main>.conversation{display:flex!important;flex-direction:column!important;align-items:flex-start!important;align-content:start!important;justify-content:flex-start!important;height:auto!important;min-height:0!important;max-height:none!important;margin-top:18px!important;overflow:visible!important}
body.admin:has(main>.reply-form) main>.conversation:empty{display:none!important}
body.admin:has(main>.reply-form) main>.conversation article{flex:none!important;min-height:0!important;height:auto!important;margin:0!important}
body.admin:has(main>.reply-form) main>.conversation article.customer{align-self:flex-end!important}
body.admin:has(main>.reply-form) main>.reply-form{min-height:0!important;height:auto!important;margin-top:16px!important}
html[data-admin-theme="light"] body.admin:has(main>.reply-form) main>.conversation,html[data-admin-theme="light"] body.admin:has(main>.reply-form) main>.reply-form{background:#fff;border-color:#d5e1ea}
html[data-admin-theme="light"] body.admin:has(main>.reply-form) main>.conversation article.admin{background:#edf2f6;border-color:#d7e0e8;color:#20374a}
html[data-admin-theme="light"] body.admin:has(main>.reply-form) main>.conversation article.customer{background:#eee6ff;border-color:#d9c9f9;color:#31264a}
html[data-admin-theme="light"] body.admin:has(main>.reply-form) main>.conversation article small{color:#687487}
html[data-admin-theme="light"] body.admin:has(main>.reply-form) main>.reply-form select,html[data-admin-theme="light"] body.admin:has(main>.reply-form) main>.reply-form textarea{background:#f8fbfd;color:#20374a;border-color:#cbdce8}
@media(max-width:800px){body.admin:has(main>.reply-form){display:block}body.admin:has(main>.reply-form) main{min-height:0;padding:28px 14px 42px!important}body.admin:has(main>.reply-form) main>header,body.admin:has(main>.reply-form) main>.conversation,body.admin:has(main>.reply-form) main>.reply-form{width:100%!important}}
.ticket-page{max-width:980px!important;padding-top:42px!important}.ticket-page .back-link{display:inline-flex;margin-bottom:18px;padding:8px 0;color:var(--muted);font-weight:700}.ticket-page .conversation-head{align-items:flex-start;margin-top:0;padding:26px 30px;border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--card) 94%,var(--purple)),var(--card))}.ticket-page .conversation-head h1{max-width:760px;margin:8px 0 9px;font-size:clamp(27px,3.4vw,38px);line-height:1.08;letter-spacing:-1.4px}.ticket-page .conversation-head small{display:block}.ticket-page .ticket-status{flex:none;margin-top:3px;padding:7px 11px;border-radius:999px}.ticket-page .conversation{gap:12px;margin-top:14px;padding:20px 24px;border-radius:16px;min-height:0}.ticket-page .conversation article{width:fit-content;max-width:min(78%,720px);padding:13px 16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 6px 16px rgba(0,0,0,.12)}.ticket-page .conversation article.customer{background:linear-gradient(135deg,#423064,#302248)}.ticket-page .conversation article.admin{background:linear-gradient(135deg,#202a37,#18212c)}.ticket-page .conversation article b{display:block;font-size:11px;letter-spacing:.01em}.ticket-page .conversation article p{margin:6px 0 8px;line-height:1.6;font-size:13px}.ticket-page .conversation article small{display:block;text-align:right;opacity:.8}.ticket-page .reply-form{max-width:none;margin-top:14px;padding:20px 24px;border-radius:16px}.ticket-page .reply-form textarea{min-height:120px;resize:vertical}.ticket-page .reply-form .support-button{justify-self:start;min-width:150px;min-height:44px}.admin main>.conversation,.admin main>.reply-form{width:min(960px,100%);margin-left:auto;margin-right:auto}.admin main>.conversation{gap:12px;margin-top:18px;padding:20px 24px;border-radius:16px;min-height:0}.admin main>.conversation article{width:fit-content;max-width:min(78%,720px);padding:13px 16px;border:1px solid rgba(255,255,255,.08);border-radius:14px}.admin main>.conversation article.customer{justify-self:end;background:linear-gradient(135deg,#423064,#302248)}.admin main>.conversation article.admin{background:linear-gradient(135deg,#202a37,#18212c)}.admin main>.reply-form{display:grid;gap:14px;margin-top:14px;padding:20px 24px;border-radius:16px}.admin main>.reply-form select,.admin main>.reply-form textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#111117;color:var(--text);font:13px Inter}.admin main>.reply-form textarea{min-height:132px;resize:vertical}.admin main>.reply-form .support-button{justify-self:start;min-height:44px;padding:0 18px}@media(max-width:700px){.ticket-page{width:calc(100% - 28px)!important;padding-top:28px!important}.ticket-page .conversation-head{display:grid;gap:14px;padding:21px}.ticket-page .conversation-head h1{font-size:clamp(25px,8vw,32px)}.ticket-page .conversation,.ticket-page .reply-form,.admin main>.conversation,.admin main>.reply-form{padding:16px}.ticket-page .conversation article,.admin main>.conversation article{max-width:92%;padding:12px 13px}.ticket-page .reply-form .support-button,.admin main>.reply-form .support-button{width:100%}}
.admin aside>a[href="admin-support.php"]{display:flex;align-items:center;min-height:42px;margin-top:10px;padding:0 12px;border:1px solid rgba(168,137,255,.28);border-radius:10px;background:rgba(168,137,255,.08);color:#dfd3ff!important;font-weight:700}.admin aside>a[href="admin-support.php"]:hover{background:rgba(168,137,255,.17);border-color:#a889ff}.admin main>header{width:min(960px,100%);margin:0 auto}.admin main>header h1{max-width:760px;font-size:clamp(28px,3vw,38px);line-height:1.1;letter-spacing:-1.2px}.admin main>header p{margin-bottom:6px}.admin main>.reply-form:before{content:'GESTIONAR TICKET';color:var(--purple);font-size:10px;font-weight:800;letter-spacing:1.2px}.admin main>.reply-form label small{color:var(--muted);font-weight:400}.admin main>.reply-form .support-button{justify-self:end}@media(max-width:700px){.admin main>header{width:100%}.admin main>.reply-form .support-button{justify-self:stretch}}html[data-theme="light"] .admin main>.conversation,html[data-theme="light"] .admin main>.reply-form{background:#fff;border-color:#d5e1ea}html[data-theme="light"] .admin main>.conversation article.admin{background:#edf2f6;border-color:#d7e0e8;color:#20374a}html[data-theme="light"] .admin main>.conversation article.customer{background:#eee6ff;border-color:#d9c9f9;color:#31264a}html[data-theme="light"] .admin main>.conversation article small{color:#687487}html[data-theme="light"] .admin main>.reply-form select,html[data-theme="light"] .admin main>.reply-form textarea{background:#f8fbfd;color:#20374a;border-color:#cbdce8}html[data-theme="light"] .admin main>.reply-form select:focus,html[data-theme="light"] .admin main>.reply-form textarea:focus{outline:0;border-color:#8962ec;box-shadow:0 0 0 3px rgba(137,98,236,.14)}