/* Área de clientes Syerox: usa los colores del tema Syerox y tiene valores propios si se usa con otro tema */
.syx-portal{--sx-bg:var(--bg,#0A0A0B);--sx-surface:var(--surface,#121318);--sx-soft:var(--soft,#18191F);--sx-ink:var(--ink,#EEF1F7);--sx-muted:var(--muted,#959BA8);--sx-line:var(--line,rgba(232,236,247,.11));--sx-accent:var(--accent,#3B6EF5);--sx-accent2:var(--accent-2,#9DB8FF);--sx-head:var(--f-head,"Nunito",system-ui,sans-serif);--sx-body:var(--f-body,"Nunito Sans",system-ui,sans-serif);--sx-mono:var(--f-mono,ui-monospace,Menlo,monospace);
  color:var(--sx-ink);font-family:var(--sx-body);font-size:16px;line-height:1.55;display:flex;flex-direction:column;gap:20px}
.entry:has(.syx-portal){max-width:none!important}
.syx-portal *{box-sizing:border-box}
.syx-portal h2,.syx-portal h3,.syx-portal h4{font-family:var(--sx-head);font-weight:800;letter-spacing:-.01em;margin:0 0 10px;color:var(--sx-ink)}
.syx-portal h2{font-size:clamp(28px,4vw,40px)}
.syx-portal h3{font-size:21px}
.syx-portal h4{font-size:19px}
.syx-portal p{margin:0 0 10px;color:var(--sx-ink)}
.syx-portal a{color:var(--sx-accent2)}
.syx-eyebrow{display:block;font:500 11.5px var(--sx-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--sx-accent2);margin-bottom:8px}
.syx-muted,.syx-portal .syx-muted{color:var(--sx-muted)}
.syx-small,.syx-portal .syx-small{font-size:13.5px;color:var(--sx-muted)}
.syx-mt{margin-top:22px!important}
.syx-card{background:var(--sx-surface);border:1px solid var(--sx-line);border-radius:24px;padding:24px;min-width:0}
.syx-narrow{max-width:720px}
.syx-access{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;align-items:start}
.syx-access.syx-single{grid-template-columns:minmax(0,520px)}
@media (max-width:860px){.syx-access{grid-template-columns:1fr}}
.syx-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.syx-head h2{margin:0}
.syx-link{font-weight:700;text-decoration:none}
.syx-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:6px;border:1px solid var(--sx-line);border-radius:999px;background:var(--sx-surface);width:fit-content;max-width:100%}
.syx-tabs a{padding:9px 16px;border-radius:999px;text-decoration:none;font-weight:700;font-size:14.5px;color:var(--sx-muted)}
.syx-tabs a:hover{color:var(--sx-ink)}
.syx-tabs a[aria-current="page"]{background:var(--sx-accent);color:#fff}
@media (max-width:700px){.syx-tabs{border-radius:20px;width:100%}.syx-tabs a{flex:1 1 auto;text-align:center}}
.syx-panel{display:flex;flex-direction:column;gap:20px}
.syx-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:900px){.syx-stats{grid-template-columns:1fr}}
.syx-cols{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}
@media (max-width:900px){.syx-cols{grid-template-columns:1fr}}
.syx-portal p.syx-big,.syx-big{font:900 40px/1.1 var(--sx-head);letter-spacing:-.02em;margin:4px 0 10px!important}
.syx-big small{font-size:15px;font-weight:700;color:var(--sx-muted);letter-spacing:0}
.syx-bar{height:10px;border-radius:99px;background:var(--sx-soft);overflow:hidden;margin:6px 0 10px}
.syx-bar i{display:block;height:100%;border-radius:99px;background:var(--sx-accent)}
.syx-pill{display:inline-block;font:700 12px var(--sx-body);padding:5px 11px;border-radius:999px;background:var(--sx-soft);color:var(--sx-muted);white-space:nowrap}
.syx-st-activo,.syx-rq-resuelta{background:rgba(61,196,135,.15);color:#6FDCA8}
.syx-st-pendiente,.syx-rq-nueva{background:rgba(59,110,245,.18);color:var(--sx-accent2)}
.syx-st-baja_solicitada,.syx-rq-en_curso,.syx-st-pausado{background:rgba(242,180,60,.16);color:#F5C66B}
.syx-st-baja,.syx-rq-rechazada{background:rgba(229,72,77,.15);color:#F2777B}
.syx-checks,.syx-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
.syx-checks li{display:flex;gap:10px;font-size:15px}
.syx-checks li::before{content:"✓";flex:none;width:20px;height:20px;border-radius:50%;background:rgba(59,110,245,.2);color:var(--sx-accent2);display:grid;place-items:center;font-size:11px;font-weight:900;margin-top:2px}
.syx-list li{padding:9px 0;border-bottom:1px solid var(--sx-line)}
.syx-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0}
.syx-dl dt{color:var(--sx-muted)}.syx-dl dd{margin:0;font-weight:700}
.syx-note{border:1px solid rgba(59,110,245,.45);background:rgba(59,110,245,.1);border-radius:20px;padding:16px 18px}
.syx-note p:last-child{margin:0}
.syx-msg{padding:14px 18px;border-radius:16px;font-weight:700}
.syx-msg-ok{background:rgba(61,196,135,.14);color:#6FDCA8;border:1px solid rgba(61,196,135,.35)}
.syx-msg-error{background:rgba(229,72,77,.12);color:#F2777B;border:1px solid rgba(229,72,77,.35)}
.syx-msg-info{background:rgba(59,110,245,.12);color:var(--sx-accent2);border:1px solid rgba(59,110,245,.4);font-weight:600}
.syx-form,.syx-portal form{display:flex;flex-direction:column;gap:14px;margin:0}
.syx-portal label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:700;color:var(--sx-ink)}
.syx-portal input[type=text],.syx-portal input[type=email],.syx-portal input[type=password],.syx-portal input:not([type]),.syx-portal select,.syx-portal textarea{font:16px var(--sx-body);color:var(--sx-ink);background:var(--sx-bg);border:1px solid var(--sx-line);border-radius:14px;padding:12px 14px;width:100%}
.syx-portal input:focus,.syx-portal select:focus,.syx-portal textarea:focus{outline:none;border-color:var(--sx-accent)}
.syx-check{flex-direction:row!important;align-items:flex-start;gap:10px!important;font-weight:500!important;color:var(--sx-muted)!important}
.syx-check input{margin-top:3px}
.syx-hp{position:absolute!important;left:-9999px!important}
.syx-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:620px){.syx-grid2{grid-template-columns:1fr}}
.syx-btn,.syx-portal .button-primary,.syx-portal #wp-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:800 15px var(--sx-body);padding:13px 22px;border-radius:999px;border:1.5px solid var(--sx-accent);background:var(--sx-accent);color:#fff;text-decoration:none;cursor:pointer;align-self:flex-start}
.syx-btn:hover,.syx-portal #wp-submit:hover{filter:brightness(1.1)}
.syx-btn[disabled]{opacity:.45;cursor:not-allowed}
.syx-ghost{background:transparent;color:var(--sx-ink);border-color:var(--sx-line)}
.syx-ghost:hover{border-color:var(--sx-accent)}
.syx-sm{padding:8px 14px;font-size:13.5px}
.syx-danger{background:transparent;border-color:#E5484D;color:#F2777B}
.syx-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px!important}
.syx-plans{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
@media (max-width:1100px){.syx-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.syx-plans{grid-template-columns:1fr}}
.syx-plan{background:var(--sx-surface);border:1px solid var(--sx-line);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:6px}
.syx-plan.is-current{border-color:var(--sx-accent);background:linear-gradient(180deg,rgba(59,110,245,.16),transparent 70%),var(--sx-surface)}
.syx-plan form{margin-top:auto}
.syx-portal p.syx-price,.syx-price{font:900 30px var(--sx-head);margin:0!important}
.syx-price small{font-size:14px;color:var(--sx-muted)}
.syx-extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:700px){.syx-extras{grid-template-columns:1fr}}
.syx-extra{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 12px 18px;border:1px solid var(--sx-line);border-radius:18px;background:var(--sx-surface);font-weight:700}
.syx-extra form{flex:none}
.syx-table{overflow-x:auto;border:1px solid var(--sx-line);border-radius:20px}
.syx-table table{width:100%;border-collapse:collapse;min-width:640px}
.syx-table th,.syx-table td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--sx-line);font-size:15px;color:var(--sx-ink)}
.syx-table th{font:500 11.5px var(--sx-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--sx-muted)}
.syx-table tr:last-child td{border-bottom:0}
.syx-req{border:1px solid var(--sx-line);border-radius:20px;padding:16px 18px;margin-bottom:12px;background:var(--sx-surface)}
.syx-req-h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.syx-resp{margin-top:10px;padding:12px 14px;border-radius:14px;background:rgba(59,110,245,.1);border-left:3px solid var(--sx-accent)}
.syx-resp p{margin:0}
.syx-portal #loginform p{display:flex;flex-direction:column;gap:6px;margin:0 0 12px}
.syx-portal #loginform .login-remember label{flex-direction:row;font-weight:500;color:var(--sx-muted);gap:8px;align-items:center}
.syx-portal #loginform input[type=text],.syx-portal #loginform input[type=password]{font:16px var(--sx-body)}
.syx-promos{display:flex;flex-direction:column;gap:10px}
.syx-portal a.syx-promo{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 18px 12px 12px;border-radius:20px;border:1px solid rgba(59,110,245,.5);background:linear-gradient(90deg,rgba(59,110,245,.22),rgba(59,110,245,.06));color:var(--sx-ink);text-decoration:none}
.syx-promo b{font:900 18px var(--sx-head);background:var(--sx-accent);color:#fff;padding:6px 12px;border-radius:12px}
.syx-promo span{flex:1 1 240px;color:var(--sx-muted)}.syx-promo strong{color:var(--sx-ink)}
.syx-promo em{font-style:normal;font-weight:800;color:var(--sx-accent2)}
.syx-builder{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;background:linear-gradient(120deg,rgba(59,110,245,.2),transparent 60%),var(--sx-surface)}
.syx-builder p{margin:0}