.as-support{
  max-width:var(--as-app-mobile-width);
  min-height:100dvh;
  margin:0 auto;
  padding:calc(env(safe-area-inset-top) + 10px) 14px calc(96px + env(safe-area-inset-bottom));
  color:var(--as-text);
  background:
    radial-gradient(circle at top right, var(--as-palette-rgba-201-166-107-0p18), transparent 32%),
    linear-gradient(180deg, var(--as-light-bg-soft) 0%, var(--as-light-bg) 100%);
}
.as-support-head{
  display:flex;align-items:center;gap:var(--as-space-3);margin:0 0 18px;min-height:42px;
}
.as-support-back,
.as-support-conv-back{
  width:42px;height:42px;flex:0 0 auto;border-radius:50%;
  display:grid;place-items:center;text-decoration:none!important;
  background:color-mix(in srgb,var(--as-light-surface) 92%,transparent);border:1px solid var(--as-light-border-soft);
  color:var(--as-text)!important;font-size:22px;
  box-shadow:0 8px 24px var(--as-light-border-soft);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.as-support-head h1{
  margin:0;
  font-family:var(--as-font-title);
  font-size:var(--as-size-page-title);
  line-height:var(--as-line-title);
  font-weight:var(--as-weight-title);
  letter-spacing:-.025em;
  color:var(--as-text);
}
.as-support-status{display:none;margin:0 0 var(--as-space-3);padding:11px 13px;border-radius:var(--as-radius-md);font-size:var(--as-size-small);font-weight:600}
.as-support-status.is-on{display:block}
.as-support-status.ok{background:var(--as-light-success-bg);color:var(--as-light-success-text)}
.as-support-status.err{background:var(--as-light-error-bg);color:var(--as-light-error-text)}
.as-support-home,.as-support-conversation{position:relative}
.as-support-card{
  position:relative;
  background:color-mix(in srgb,var(--as-light-surface) 92%,transparent);
  border:1px solid var(--as-palette-rgba-17-17-17-0p07);
  border-radius:22px;
  padding:17px var(--as-space-4);
  box-shadow:0 16px 44px var(--as-light-border-faint);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  margin-bottom:14px;
}
.as-support-card h2{
  margin:0 0 var(--as-space-2);
  color:var(--as-text);
  font-family:var(--as-font-title);
  font-size:22px;
  line-height:1.15;
  font-weight:var(--as-weight-title);
  letter-spacing:-.02em
}
.as-support-card p{margin:0;color:var(--as-light-muted);font-size:var(--as-size-body);line-height:1.55}
.as-support-new-btn,.as-support-send{
  width:100%;border:0;border-radius:15px;padding:15px var(--as-space-4);font-weight:800;
  font-size:var(--as-size-ui);background:linear-gradient(180deg,var(--as-light-gold) 0%,var(--as-light-gold-strong) 100%);
  color:var(--as-white);cursor:pointer;box-shadow:0 10px 22px var(--as-palette-rgba-158-122-61-0p28);
}
.as-support-new-btn{margin-top:14px}
.as-support-form{
  display:none;margin-top:15px;padding-top:15px;border-top:1px solid var(--as-light-border-soft)
}
.as-support-form.is-open{display:block}
.as-support-form input,.as-support-form textarea,.as-support-reply textarea{
  width:100%;box-sizing:border-box;border:1px solid var(--as-light-border-soft);
  border-radius:16px;background:var(--as-white);color:var(--as-text);padding:14px 14px;
  font:inherit;box-shadow:inset 0 1px 0 var(--as-palette-rgba-255-255-255-0p6);
}
.as-support-form input::placeholder,.as-support-form textarea::placeholder,.as-support-reply textarea::placeholder{color:var(--as-palette-908a80)}
.as-support-form textarea{min-height:138px;resize:vertical;margin-top:0}
.as-support-tech{
  display:block;margin:10px 0 13px;padding:11px var(--as-space-3);border-radius:var(--as-radius-md);
  background:var(--as-light-gold-surface);color:var(--as-palette-7a6b4c);font-size:var(--as-size-small);line-height:1.45;
}
.as-support-list{display:grid;gap:9px;margin-top:var(--as-space-3)}
.as-support-conversations-card{padding-bottom:14px}
.as-support-conversations-card .as-support-list{margin-left:-4px;margin-right:-4px}
.as-support-thread{
  width:100%;text-align:left;background:var(--as-light-surface-soft);
  border:1px solid var(--as-light-border-faint);border-radius:15px;padding:14px 13px;
  color:var(--as-text);cursor:pointer;box-shadow:none;
}
.as-support-thread-top{display:flex;gap:var(--as-space-2);align-items:center}
.as-support-thread-title{font-weight:800;font-size:var(--as-size-ui);line-height:1.25;flex:1}
.as-support-thread-time{font-size:var(--as-size-kicker);color:var(--as-light-soft);white-space:nowrap}
.as-support-thread-preview{
  font-size:var(--as-size-small);color:var(--as-light-muted);margin-top:7px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.as-support-unread{
  display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;
  border-radius:var(--as-radius-round);background:var(--as-text-inverse);color:var(--as-white);font-size:var(--as-size-kicker);font-weight:800;padding:0 6px
}
.as-support-empty{
  text-align:center;color:var(--as-light-muted);font-size:var(--as-size-body);padding:var(--as-space-5) var(--as-space-3);background:var(--as-light-surface-soft);
  border-radius:15px;border:1px dashed var(--as-light-border-soft)
}
.as-support-conversation{display:none}
.as-support-conversation.is-open{display:block}
.as-support-conv-shell{
  background:color-mix(in srgb,var(--as-light-surface) 88%,transparent);
  border:1px solid var(--as-palette-rgba-17-17-17-0p07);
  border-radius:22px;
  box-shadow:0 16px 44px var(--as-light-border-faint);
  overflow:hidden;
}
.as-support-conv-head{
  display:flex;align-items:center;gap:10px;
  padding:14px 14px var(--as-space-3);
  background:linear-gradient(180deg, color-mix(in srgb,var(--as-light-surface) 96%,transparent), var(--as-palette-rgba-247-244-238-0p96));
  border-bottom:1px solid var(--as-light-border-faint)
}
.as-support-conv-title{font-weight:800;font-size:19px;line-height:1.25}
.as-support-messages{
  display:flex;flex-direction:column;gap:10px;
  padding:14px;
  min-height:300px;max-height:50dvh;overflow:auto;
}
.as-support-msg{
  max-width:88%;padding:13px 14px;border-radius:17px;font-size:var(--as-size-option-title);line-height:1.55;white-space:pre-wrap;
  box-shadow:0 6px 18px var(--as-palette-rgba-17-17-17-0p05)
}
.as-support-msg.user{
  align-self:flex-end;background:linear-gradient(180deg,var(--as-palette-c8a15d) 0%, var(--as-palette-aa8140) 100%);color:var(--as-white);border-bottom-right-radius:6px
}
.as-support-msg.admin{
  align-self:flex-start;background:var(--as-white);border:1px solid var(--as-palette-rgba-17-17-17-0p07);color:var(--as-text);border-bottom-left-radius:6px
}
.as-support-msg small{display:block;margin-top:7px;opacity:.72;font-size:var(--as-size-meta)}
.as-support-reply{
  position:sticky;bottom:0;z-index:var(--as-z-sticky);
  background:linear-gradient(180deg, var(--as-palette-rgba-247-244-238-0p15) 0%, var(--as-palette-rgba-247-244-238-0p98) 18%, var(--as-palette-rgba-247-244-238-0p98) 100%);
  padding:14px 14px calc(14px + env(safe-area-inset-bottom));
  border-top:1px solid var(--as-light-border-faint)
}
.as-support-reply textarea{
  display:block!important;min-height:100px;resize:vertical;margin:0 0 10px;border-radius:16px;background:var(--as-white);
  font-size:var(--as-size-option-title)!important;line-height:1.45!important
}
.as-support-reply .as-support-send{
  display:block!important;visibility:visible!important;opacity:1!important;
  width:100%!important;min-height:49px;position:relative;z-index:var(--as-z-sticky-raised);margin:0!important
}
.as-support button.as-support-send,
.as-support form button.as-support-send{
  appearance:none!important;-webkit-appearance:none!important;border:0!important;border-radius:15px!important;
  padding:15px var(--as-space-4)!important;background:linear-gradient(180deg,var(--as-light-gold) 0%,var(--as-light-gold-strong) 100%)!important;color:var(--as-white)!important;
  font-weight:800!important;font-size:var(--as-size-ui)!important;line-height:1.2!important;text-align:center!important
}

.as-support-thread-meta{display:flex;align-items:center;margin-top:var(--as-space-2)}
.as-support-state{
  display:inline-flex;align-items:center;gap:6px;border-radius:var(--as-radius-round);
  padding:6px 10px;font-size:var(--as-size-small);font-weight:800;letter-spacing:.01em;
  background:var(--as-palette-eeeeee);color:var(--as-palette-555555)
}
.as-support-state.waiting_admin{background:var(--as-light-warning-bg);color:var(--as-light-warning-text)}
.as-support-state.waiting_user{background:var(--as-light-blue-bg);color:var(--as-light-blue-text)}
.as-support-state.closed{background:var(--as-palette-ededed);color:var(--as-light-muted)}
.as-support-state.open{background:var(--as-palette-e9f7ee);color:var(--as-palette-27623a)}
.as-support-conv-heading{display:flex;flex-direction:column;gap:5px;min-width:0}
.as-support-close-thread{
  appearance:none;-webkit-appearance:none;
  width:100%;border:0;background:transparent;color:var(--as-light-soft);
  padding:11px 10px 3px;font-size:var(--as-size-small);font-weight:700;cursor:pointer
}
.as-support-closed-box{
  padding:var(--as-space-5) var(--as-space-4) calc(18px + env(safe-area-inset-bottom));
  text-align:center;background:var(--as-light-surface-soft);border-top:1px solid var(--as-light-border-faint)
}
.as-support-closed-box strong{display:block;font-size:var(--as-size-body-lg);color:var(--as-text);margin-bottom:6px}
.as-support-closed-box p{margin:0 0 14px;color:var(--as-light-muted);font-size:var(--as-size-body);line-height:1.5}

.as-support-field-label{
  display:block;
  margin:0 0 7px;
  color:var(--as-text);
  font-family:var(--as-font-title);
  font-size:var(--as-size-card-title);
  line-height:1.15;
  font-weight:var(--as-weight-title);
  letter-spacing:-.02em
}
.as-support-picker{
  position:relative;
  margin:0 0 var(--as-space-3);
}
.as-support-picker-button{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--as-space-3);
  padding:11px 13px;
  border:1px solid var(--as-light-border-soft);
  border-radius:15px;
  background:var(--as-white);
  color:var(--as-text);
  font-family:inherit;
  font-size:var(--as-size-ui);
  font-weight:600;
  line-height:1.25;
  text-align:left;
  box-shadow:none;
}
.as-support-picker-button:focus{outline:2px solid var(--as-palette-rgba-158-122-61-0p22);outline-offset:1px}
.as-support-picker-chevron{
  flex:0 0 auto;
  font-size:var(--as-size-subheading);
  line-height:1;
  color:var(--as-palette-7a746b);
  transform:translateY(-1px);
}
.as-support-picker-menu{
  display:none;
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 6px);
  z-index:var(--as-z-popover);
  max-height:260px;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  background:var(--as-white);
  border:1px solid var(--as-palette-rgba-17-17-17-0p09);
  border-radius:15px;
  box-shadow:0 14px 32px var(--as-palette-rgba-17-17-17-0p12);
  padding:5px;
}
.as-support-picker.is-open .as-support-picker-menu{display:block}
.as-support-picker-option{
  width:100%;
  display:block;
  border:0;
  background:transparent;
  color:var(--as-text);
  border-radius:var(--as-radius-sm);
  padding:10px 11px;
  font-family:inherit;
  font-size:var(--as-size-option-title);
  font-weight:600;
  line-height:1.25;
  text-align:left;
  box-shadow:none;
}
.as-support-picker-option + .as-support-picker-option{
  border-top:1px solid var(--as-palette-rgba-17-17-17-0p045);
}
.as-support-picker-option:active,
.as-support-picker-option.is-selected{
  background:var(--as-light-gold-surface);
}
.as-support-form input{margin-bottom:10px}
.as-support-cat-chip{
  display:inline-flex;align-items:center;border-radius:var(--as-radius-round);padding:5px 9px;
  font-size:var(--as-size-kicker);font-weight:700;background:var(--as-palette-f2ede5);color:var(--as-palette-6c5e49)
}
.as-support-thread-meta{gap:6px;flex-wrap:wrap}
.as-support-conv-category{font-size:var(--as-size-body);color:var(--as-palette-6f685f);line-height:1.4}

/* 2.3.33 · Navegación y legibilidad de conversación */
.as-support-conv-back{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  flex:0 0 40px!important;
  border-radius:50%!important;
  border:1px solid var(--as-palette-rgba-17-17-17-0p1)!important;
  background:var(--as-white)!important;
  color:var(--as-palette-222222)!important;
  font-family:var(--as-font-ui)!important;
  font-size:0!important;
  box-shadow:none!important;
  position:relative!important;
}
.as-support-conv-back::before{
  content:"‹";
  display:block;
  font-family:var(--as-font-ui);
  font-size:31px;
  font-weight:400;
  line-height:34px;
  transform:translate(-1px,-1px);
}
.as-support-conv-head{gap:var(--as-space-3)!important;padding:15px 14px 13px!important}

.as-support-close-thread{
  display:block!important;
  width:100%!important;
  min-height:44px!important;
  margin:11px 0 0!important;
  padding:11px 14px!important;
  border:1px solid var(--as-palette-rgba-17-17-17-0p1)!important;
  border-radius:13px!important;
  background:var(--as-white)!important;
  color:var(--as-palette-6b6259)!important;
  font-size:var(--as-size-ui)!important;
  font-weight:700!important;
  line-height:1.25!important;
  text-align:center!important;
  box-shadow:none!important;
}
.as-support-close-thread:active{background:var(--as-palette-f3eee6)!important}

.as-support-thread-title{font-size:var(--as-size-option-title)!important;line-height:1.3!important}
.as-support-thread-preview{font-size:var(--as-size-body)!important;line-height:1.4!important}
.as-support-thread-time{font-size:var(--as-size-meta)!important}
.as-support-cat-chip{font-size:var(--as-size-meta)!important}


/* 2.3.34 · Flecha conversación cliente: visible, centrada y con zona táctil clara */
.as-support-conv-back{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  flex:0 0 44px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0 0 2px 0!important;
  border-radius:50%!important;
  border:1px solid var(--as-palette-rgba-17-17-17-0p12)!important;
  background:var(--as-white)!important;
  color:var(--as-palette-1f1f1f)!important;
  font-family:var(--as-font-ui)!important;
  font-size:26px!important;
  font-weight:500!important;
  line-height:1!important;
  box-shadow:0 3px 10px var(--as-light-border-faint)!important;
  text-indent:0!important;
  overflow:visible!important;
}
.as-support-conv-back::before{
  content:none!important;
  display:none!important;
}
.as-support-conv-back:active{
  transform:scale(.97);
  background:var(--as-palette-f5f1ea)!important;
}


/* 2.3.35 · Conversaciones cliente: sin resaltado azul al pulsar */
.as-support-thread{
  -webkit-tap-highlight-color:transparent!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  outline:none!important;
}
.as-support-thread:focus,
.as-support-thread:focus-visible,
.as-support-thread:active{
  outline:none!important;
  box-shadow:none!important;
  background:var(--as-light-surface-soft)!important;
  border-color:var(--as-light-border-faint)!important;
}


/* 2.3.36 · Soporte cliente: ningún fondo azul al tocar conversaciones */
.as-support-thread,
.as-support-thread *,
.as-support-list button,
.as-support-list button *{
  -webkit-tap-highlight-color:var(--as-palette-rgba-0-0-0-0)!important;
}

.as-support-thread{
  appearance:none!important;
  -webkit-appearance:none!important;
  outline:0!important;
  color:var(--as-text)!important;
  background:var(--as-light-surface-soft)!important;
  -webkit-user-select:none!important;
  user-select:none!important;
  touch-action:manipulation;
}

.as-support-thread:hover,
.as-support-thread:focus,
.as-support-thread:focus-visible,
.as-support-thread:active{
  color:var(--as-text)!important;
  background:var(--as-light-surface-soft)!important;
  border-color:var(--as-light-border-faint)!important;
  outline:0!important;
  box-shadow:none!important;
}

.as-support-thread::selection,
.as-support-thread *::selection{
  background:transparent!important;
}


/* 2.3.40 · Conversación: título más claro y mensajes +4 px */
.as-support-conv-title{font-size:22px!important;font-weight:850!important;line-height:1.15!important}
.as-support-conv-category{font-size:var(--as-size-small)!important;color:var(--as-palette-7b746a)!important}
.as-support-msg{font-size:19px!important;line-height:1.5!important}
.as-support-msg small{font-size:var(--as-size-small)!important}

/* Shell WordPress neutralizado por ruta semántica; no depende del ID de página. */
body.as-route-support #masthead,
body.as-route-support #colophon,
body.as-route-support .entry-header,
body.as-route-support .entry-footer,
body.as-route-support .comments-area,
body.as-route-support #secondary,
body.as-route-support .sidebar-main,
body.as-route-support .site-below-footer-wrap,
body.as-route-support #wpadminbar{display:none!important}
html:has(body.as-route-support){margin-top:0!important}
body.as-route-support,
body.as-route-support #page,
body.as-route-support #content,
body.as-route-support .site-content,
body.as-route-support .ast-container,
body.as-route-support #primary,
body.as-route-support .site-main,
body.as-route-support article,
body.as-route-support .entry-content{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:var(--as-bg-support)!important;
  min-height:100dvh!important;
}
body.as-route-support .ast-container{display:block!important}
body.as-route-support .entry-content>*:not(.as-support){display:none!important}

#as-support-subcategory-wrap,#as-support-closed-box{display:none}


/* 2.5.3 · Disponibilidad y agente de soporte */
.as-support-hours{display:grid;gap:3px;margin:0 0 14px;padding:12px 14px;border-radius:14px;border:1px solid var(--as-light-border-faint);font-size:13px}
.as-support-hours.is-active{background:var(--as-palette-e9f7ee);color:var(--as-palette-27623a)}
.as-support-hours.is-offline{background:var(--as-light-warning-bg);color:var(--as-light-warning-text)}
.as-support-hours strong{font-size:14px}.as-support-hours span,.as-support-hours small{line-height:1.35}
.as-support-agent{display:block;margin-bottom:5px;font-size:12px;letter-spacing:.02em}


/* 2.5.7 · Identidad pública visible del agente en cliente */
.as-support-conv-agent{margin-top:4px;font-size:13px;font-weight:700;line-height:1.35;opacity:.82}
.as-support-conv-agent[hidden]{display:none!important}
.as-support-msg.admin .as-support-agent{display:block!important;margin:0 0 6px!important;font-size:13px!important;font-weight:800!important;line-height:1.25!important;letter-spacing:.01em!important;opacity:1!important}
.as-support-message-text{display:block}


/* 2.5.8.3 · Formulario de nueva consulta: jerarquía y contraste */
body.as-route-support #as-support-new-form.is-open{
  margin-top:16px!important;
  padding:16px!important;
  border:1px solid var(--as-border)!important;
  border-radius:16px!important;
  background:var(--as-surface-card)!important;
  box-shadow:0 10px 30px var(--as-light-border-faint)!important;
}
body.as-route-support #as-support-new-form .as-support-field-label{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:15px 0 8px!important;
  color:var(--as-text)!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
}
body.as-route-support #as-support-new-form .as-support-field-label:first-child{margin-top:0!important}
body.as-route-support #as-support-new-form .as-support-field-label>span{
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
  border-radius:50%!important;
  background:var(--as-gold)!important;
  color:var(--as-text-inverse)!important;
  font-size:12px!important;
  font-weight:800!important;
}
body.as-route-support #as-support-new-form :is(.as-support-picker-button,input,textarea){
  background:var(--as-surface-input)!important;
  color:var(--as-text)!important;
  border:1px solid var(--as-border-control)!important;
  box-shadow:inset 0 0 0 1px transparent!important;
}
body.as-route-support #as-support-new-form :is(.as-support-picker-button,input,textarea):focus{
  border-color:var(--as-gold)!important;
  outline:2px solid color-mix(in srgb,var(--as-gold) 22%,transparent)!important;
  outline-offset:1px!important;
}
body.as-route-support #as-support-new-form input{
  width:100%!important;
  min-height:48px!important;
  padding:12px 13px!important;
  border-radius:15px!important;
  box-sizing:border-box!important;
}
body.as-route-support #as-support-new-form textarea{
  width:100%!important;
  min-height:120px!important;
  padding:12px 13px!important;
  border-radius:15px!important;
  box-sizing:border-box!important;
}
body.as-route-support #as-support-new-form .as-support-tech{
  margin-top:12px!important;
  padding:11px 12px!important;
  border-radius:12px!important;
  background:var(--as-bg)!important;
  border:1px solid var(--as-border)!important;
}