/* ==========================================================================
   Allydom · estética Apple (v1.21.0)
   Capa de diseño sobre portal.css: tipografía del sistema, mucho aire, esquinas amplias,
   un solo color de acento, barra de navegación translúcida y botones en forma de píldora.
   Para volver al diseño anterior basta con desactivar «Estética Apple» en los ajustes.
   ========================================================================== */
.chc-portal{
 --chc-accent:#d9461f;--chc-accent-d:#b93a18;--chc-accent-l:rgba(217,70,31,.09);
 --chc-ink:#1d1d1f;--chc-text:#1d1d1f;--chc-muted:#6e6e73;
 --chc-border:rgba(0,0,0,.12);--chc-line:rgba(0,0,0,.07);
 --chc-bg:#f5f5f7;--chc-surface:#fff;--chc-surface-2:#f0f0f3;--chc-teal:#0071e3;
 --chc-btn:#0c343d;--chc-btn-h:#16505c;--chc-btn-t:rgba(12,52,61,.09);--chc-btn-t-h:rgba(12,52,61,.17);--chc-btn-on:#fff;--chc-btn-tt:#0c343d;
 --chc-glass:rgba(255,255,255,.72);--chc-hover:rgba(0,0,0,.05);--chc-on:rgba(0,0,0,.075);
 --chc-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 28px rgba(0,0,0,.05);
 --chc-pop:0 12px 40px rgba(0,0,0,.16);
 --chc-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
 font-family:var(--chc-font);font-size:16px;line-height:1.47;letter-spacing:-.011em;
 background:var(--chc-bg);color:var(--chc-text);color-scheme:light dark;
 padding:20px clamp(16px,3vw,40px) 48px;
}
.chc-portal.chc-full{padding-left:clamp(16px,3vw,40px);padding-right:clamp(16px,3vw,40px)}
.chc-portal a{color:var(--chc-accent-d);text-decoration:none}
.chc-portal a:hover{color:var(--chc-accent);text-decoration:underline;text-underline-offset:3px}
.chc-portal :focus-visible{outline:3px solid rgba(0,113,227,.45);outline-offset:2px;border-radius:8px}

/* Títulos: jerarquía por tamaño y peso */
.chc-portal h1,.chc-portal h2{font-weight:700;letter-spacing:-.022em;color:var(--chc-ink)}
.chc-portal h2{font-size:1.9rem;line-height:1.15}
.chc-portal h3{font-size:1.1rem;font-weight:600;letter-spacing:-.016em}
.chc-portal h4{font-weight:600}
.chc-portal .chc-head{margin:20px 0 14px}
.chc-portal .chc-head h2{margin:0}

/* Cabecera de marca */
.chc-portal .chc-brand{margin:4px 0 18px}
.chc-portal .chc-brand-name{font-weight:700!important;letter-spacing:-.025em;color:var(--chc-ink)}
.chc-portal .chc-brand-tag{font-weight:400!important;color:var(--chc-muted)!important;font-size:1.05em!important}
.chc-portal .chc-brand-links a{font-weight:500;font-size:.95rem;color:var(--chc-muted);padding:6px 10px;border-radius:980px}
.chc-portal .chc-brand-links a:hover{background:var(--chc-hover);color:var(--chc-ink);text-decoration:none}

/* Barra de navegación: translúcida y pegada arriba */
.chc-portal .chc-tabs{position:sticky;top:8px;z-index:40;display:flex;align-items:center;gap:2px;padding:6px;margin:0 0 26px;
 background:var(--chc-glass);-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);
 border:1px solid var(--chc-line);border-radius:18px;box-shadow:var(--chc-shadow)}
.chc-portal .chc-tabs a,.chc-portal .chc-dd summary{padding:8px 11px;border:0;border-radius:12px;margin:0;font-size:.92rem;font-weight:500;color:var(--chc-muted);transition:background .15s,color .15s}
.chc-portal .chc-tabs a:hover,.chc-portal .chc-tabs a:focus,.chc-portal .chc-dd summary:hover,.chc-portal .chc-dd summary:focus{background:var(--chc-hover);color:var(--chc-ink);text-decoration:none}
.chc-portal .chc-tabs a.is-active,.chc-portal .chc-dd.is-active summary{background:var(--chc-on);color:var(--chc-ink);font-weight:600;border:0}
.chc-portal .chc-dd summary::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);font-size:0}
.chc-portal .chc-dd[open] summary::after{content:"";transform:translateY(1px) rotate(225deg)}
.chc-portal .chc-dd-menu{margin-top:8px;padding:6px;min-width:210px;border-radius:16px;background:var(--chc-glass);
 -webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);border:1px solid var(--chc-line);box-shadow:var(--chc-pop)}
.chc-portal .chc-tabs .chc-dd-menu a{padding:9px 12px;border-radius:10px;font-weight:500;color:var(--chc-ink)}
.chc-portal .chc-tabs .chc-dd-menu a:hover,.chc-portal .chc-tabs .chc-dd-menu a:focus{background:var(--chc-accent);color:#fff}
.chc-portal .chc-tabs .chc-dd-menu a.is-active{background:var(--chc-on);color:var(--chc-ink)}
.chc-portal .chc-tab-logout{margin-left:auto}

/* Botones: píldoras */
.chc-portal a.chc-btn,.chc-portal a.chc-btn:hover,.chc-portal a.chc-btn:focus,.chc-portal .chc-kcard a.chc-btn{color:var(--chc-btn-on);text-decoration:none}
.chc-portal a.chc-btn-secondary,.chc-portal a.chc-btn-secondary:hover,.chc-portal .chc-kcard a.chc-btn-secondary{color:var(--chc-btn-tt)}
.chc-portal a.chc-btn-danger,.chc-portal a.chc-btn-danger:hover,.chc-portal .chc-kcard a.chc-btn-danger{color:#d70015}
.chc-portal .chc-btn{display:inline-block;padding:9px 20px;border:0;border-radius:980px;background:var(--chc-btn);color:var(--chc-btn-on);font-weight:500;font-size:.95rem;line-height:1.3;letter-spacing:-.01em;box-shadow:none;cursor:pointer;transition:background .15s,transform .1s,filter .15s}
.chc-portal .chc-btn:hover,.chc-portal .chc-btn:focus{filter:none;background:var(--chc-btn-h);color:var(--chc-btn-on);text-decoration:none}
.chc-portal .chc-btn:active{transform:scale(.97)}
.chc-portal .chc-btn-secondary{background:var(--chc-btn-t);color:var(--chc-btn-tt);border:0}
.chc-portal .chc-btn-secondary:hover,.chc-portal .chc-btn-secondary:focus{background:var(--chc-btn-t-h);color:var(--chc-btn-tt)}
.chc-portal .chc-btn-danger{background:rgba(255,59,48,.1);color:#d70015;border:0}
.chc-portal .chc-btn-danger:hover,.chc-portal .chc-btn-danger:focus{background:rgba(255,59,48,.18);color:#d70015}
.chc-portal .chc-btn-small{padding:5px 13px;font-size:.84rem}

/* Superficies: tarjetas y cajas */
.chc-portal .chc-card,.chc-portal .chc-phase,.chc-portal .chc-formbox,.chc-portal .chc-summary,.chc-portal .chc-box-msg,.chc-portal .chc-assign,.chc-portal .chc-keep-card{
 background:var(--chc-surface);border:1px solid var(--chc-line);border-radius:20px;box-shadow:var(--chc-shadow)}
.chc-portal .chc-formbox{padding:28px}
.chc-portal .chc-summary{padding:22px}
.chc-portal .chc-card:hover,.chc-portal .chc-card:focus{box-shadow:0 2px 4px rgba(0,0,0,.04),0 14px 36px rgba(0,0,0,.09);transform:translateY(-2px)}
.chc-portal .chc-note{background:var(--chc-surface-2);border:0;border-radius:14px;color:var(--chc-muted);padding:10px 14px}
.chc-portal .chc-flash{border-radius:14px;padding:12px 16px}
.chc-portal .chc-badge{border:0;background:var(--chc-surface-2);color:var(--chc-muted);font-weight:500;padding:3px 11px}
.chc-portal .chc-bar{height:10px;background:var(--chc-surface-2)}
.chc-portal .chc-bar em{display:none}

/* Formularios */
.chc-portal input[type=text],.chc-portal input[type=email],.chc-portal input[type=tel],.chc-portal input[type=number],.chc-portal input[type=date],.chc-portal input[type=time],.chc-portal input[type=url],.chc-portal input[type=password],.chc-portal select,.chc-portal textarea{
 background:var(--chc-surface);color:var(--chc-ink);border:1px solid var(--chc-border);border-radius:12px;padding:10px 13px;font-size:1rem;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.chc-portal input:focus,.chc-portal select:focus,.chc-portal textarea:focus{outline:none;border-color:var(--chc-accent);box-shadow:0 0 0 4px var(--chc-accent-l)}
.chc-portal .chc-form label{font-weight:500}
.chc-portal details.chc-opt-box{border:1px solid var(--chc-line);border-radius:14px;padding:10px 14px;margin:14px 0;background:var(--chc-surface-2)}
.chc-portal details.chc-opt-box summary{cursor:pointer}

/* Selectores con la flecha de siempre en Apple */
.chc-portal select,.chc-portal .chc-move select{-webkit-appearance:none;appearance:none;padding-right:34px;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.5 6 6l4.5-4.5' fill='none' stroke='%236e6e73' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px}
.chc-portal .chc-move select{padding:6px 30px 6px 10px;border:1px solid var(--chc-border);border-radius:980px;font-size:.88rem}

/* Kanban */
.chc-portal .chc-kcol{background:var(--chc-surface-2);border:0;border-top:0;border-radius:20px;padding:12px}
.chc-portal .chc-kcol h3{font-size:.95rem}
.chc-portal .chc-kcard{background:var(--chc-surface);border:1px solid var(--chc-line);border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.05)}

/* Tablas */
.chc-portal .chc-table{border-collapse:separate;border-spacing:0;background:var(--chc-surface);border:1px solid var(--chc-line);border-radius:18px;overflow:hidden;box-shadow:var(--chc-shadow)}
.chc-portal .chc-table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--chc-muted);background:var(--chc-surface-2);border-bottom:1px solid var(--chc-line)}
.chc-portal .chc-table td{border-bottom:1px solid var(--chc-line)}
.chc-portal .chc-table tbody tr:last-child td{border-bottom:0}

/* Matriz */
.chc-portal .chc-mx-cell{border-radius:14px}
.chc-portal .chc-mx-colh{border-radius:12px}

/* Calendario */
.chc-portal .chc-cal{border-radius:18px;border-color:var(--chc-line);box-shadow:var(--chc-shadow)}

@media (max-width:640px){
 .chc-portal{padding:12px 12px 36px}
 .chc-portal h2{font-size:1.55rem}
 .chc-portal .chc-tabs{position:static;flex-wrap:wrap;border-radius:16px}
 .chc-portal .chc-tabs a,.chc-portal .chc-dd summary{padding:8px 10px}
}
@media (prefers-reduced-motion:reduce){.chc-portal *{transition:none!important}}

/* ============ Modo oscuro: solo en la pantalla completa, según el dispositivo ============ */
body.chc-fullscreen{background:#f5f5f7}
@media (prefers-color-scheme:dark){
body.chc-fullscreen{background:#000}
body.chc-fullscreen .chc-portal .chc-card,body.chc-fullscreen .chc-portal .chc-phase,body.chc-fullscreen .chc-portal .chc-btn-secondary,body.chc-fullscreen .chc-portal .chc-btn-danger,body.chc-fullscreen .chc-portal .chc-formbox,body.chc-fullscreen .chc-portal .chc-check-btn,body.chc-fullscreen .chc-portal .chc-kcard,body.chc-fullscreen .chc-portal .chc-table,body.chc-fullscreen .chc-portal .chc-assign,body.chc-fullscreen .chc-portal .chc-mx-cell,body.chc-fullscreen .chc-portal .chc-mx-tray,body.chc-fullscreen .chc-portal .chc-dd-menu,body.chc-fullscreen .chc-portal .chc-forum-msg,body.chc-fullscreen .chc-portal .chc-mx-cell.chc-tone-white,body.chc-fullscreen .chc-portal .chc-acc-sw.chc-tone-white,body.chc-fullscreen .chc-portal .chc-tabs,body.chc-fullscreen .chc-portal .chc-summary,body.chc-fullscreen .chc-portal .chc-box-msg,body.chc-fullscreen .chc-portal .chc-table tbody tr:hover td,body.chc-fullscreen .chc-portal input[type=text],body.chc-fullscreen .chc-portal input[type=email],body.chc-fullscreen .chc-portal input[type=tel],body.chc-fullscreen .chc-portal input[type=number],body.chc-fullscreen .chc-portal input[type=date],body.chc-fullscreen .chc-portal input[type=password],body.chc-fullscreen .chc-portal select,body.chc-fullscreen .chc-portal textarea,body.chc-fullscreen .chc-portal .chc-kcol h3 span,body.chc-fullscreen .chc-portal .chc-mx-card,body.chc-fullscreen .chc-portal .chc-acc,body.chc-fullscreen .chc-portal .chc-forum-msg.is-first,body.chc-fullscreen .chc-portal.chc-login,body.chc-fullscreen .chc-portal .chc-strategy,body.chc-fullscreen .chc-portal .chc-dash-card,body.chc-fullscreen .chc-portal .chc-seg>label,body.chc-fullscreen .chc-portal .chc-strategy-entry,body.chc-fullscreen .chc-portal .chc-files a,body.chc-fullscreen .chc-portal .chc-msg,body.chc-fullscreen .chc-portal .chc-cal,body.chc-fullscreen .chc-portal .chc-cal-day,body.chc-fullscreen .chc-portal .chc-cal-day.is-out{background:var(--chc-surface)}body.chc-fullscreen .chc-portal .chc-bar,body.chc-fullscreen .chc-portal .chc-kcol h3 span,body.chc-fullscreen .chc-portal .chc-cat,body.chc-fullscreen .chc-portal .chc-pills a,body.chc-fullscreen .chc-portal .chc-mx-rowh,body.chc-fullscreen .chc-portal .chc-mx-card,body.chc-fullscreen .chc-portal .chc-mx-tray,body.chc-fullscreen .chc-portal .chc-tabs .chc-dd-menu a:hover,body.chc-fullscreen .chc-portal .chc-tabs .chc-dd-menu a:focus,body.chc-fullscreen .chc-portal .chc-forum-msg.is-first,body.chc-fullscreen .chc-portal .chc-badge,body.chc-fullscreen .chc-portal .chc-table th,body.chc-fullscreen .chc-portal .chc-chips li,body.chc-fullscreen .chc-portal .chc-kcol,body.chc-fullscreen .chc-portal .chc-msg-unread td,body.chc-fullscreen .chc-portal .chc-cal-hd{background:var(--chc-surface-2)}body.chc-fullscreen .chc-portal .chc-kcol.is-over,body.chc-fullscreen .chc-portal .chc-cat-consensus_sponsor,body.chc-fullscreen .chc-portal .chc-pills a.is-active,body.chc-fullscreen .chc-portal .chc-mx-cell.is-over,body.chc-fullscreen .chc-portal .chc-mx-tray.is-over,body.chc-fullscreen .chc-portal .chc-tabs .chc-dd-menu a.is-active,body.chc-fullscreen .chc-portal .chc-mx-cell.chc-tone.is-over,body.chc-fullscreen .chc-portal .chc-note,body.chc-fullscreen .chc-portal .chc-status-active,body.chc-fullscreen .chc-portal .chc-cal-day.is-today{background:var(--chc-accent-l)}body.chc-fullscreen .chc-portal .chc-bar em,body.chc-fullscreen .chc-portal .chc-cat,body.chc-fullscreen .chc-portal .chc-mx-corner,body.chc-fullscreen .chc-portal .chc-mx-rowh,body.chc-fullscreen .chc-portal .chc-mx-cellhead strong,body.chc-fullscreen .chc-portal .chc-task-contact,body.chc-fullscreen .chc-portal .chc-forum-msg header strong,body.chc-fullscreen .chc-portal .chc-keep-card,body.chc-fullscreen .chc-portal .chc-keep-card h3,body.chc-fullscreen .chc-portal .chc-keep-card small,body.chc-fullscreen .chc-portal .chc-keep-sheet,body.chc-fullscreen .chc-portal .chc-keep-sheet .chc-desc,body.chc-fullscreen .chc-portal .chc-keep-sheet small,body.chc-fullscreen .chc-portal .chc-keep-label,body.chc-fullscreen .chc-portal .chc-cal,body.chc-fullscreen .chc-portal .chc-cal-dn a,body.chc-fullscreen .chc-portal .chc-cal-item{color:var(--chc-ink)}body.chc-fullscreen .chc-portal .chc-mx-sub,body.chc-fullscreen .chc-portal .chc-pills a,body.chc-fullscreen .chc-portal .chc-mx-cellhead span,body.chc-fullscreen .chc-portal .chc-mx-card small,body.chc-fullscreen .chc-portal .chc-task.is-done .chc-task-title,body.chc-fullscreen .chc-portal .chc-mx-desc summary strong::before,body.chc-fullscreen .chc-portal .chc-mx-desc p{color:var(--chc-muted)}
body.chc-fullscreen .chc-portal{
  --chc-accent:#ff6a3d;--chc-accent-d:#ff8a63;--chc-accent-l:rgba(255,106,61,.16);
  --chc-ink:#f5f5f7;--chc-text:#e5e5ea;--chc-muted:#98989d;
  --chc-border:rgba(255,255,255,.16);--chc-line:rgba(255,255,255,.1);
  --chc-bg:#000;--chc-surface:#1c1c1e;--chc-surface-2:#2c2c2e;--chc-teal:#0a84ff;
  --chc-btn:#bbd8d4;--chc-btn-h:#d3e8e5;--chc-btn-t:rgba(187,216,212,.16);--chc-btn-t-h:rgba(187,216,212,.26);--chc-btn-on:#0c343d;--chc-btn-tt:#bbd8d4;
  --chc-glass:rgba(28,28,30,.72);--chc-hover:rgba(255,255,255,.08);--chc-on:rgba(255,255,255,.14);
  --chc-shadow:0 1px 2px rgba(0,0,0,.5),0 8px 28px rgba(0,0,0,.4);--chc-pop:0 16px 48px rgba(0,0,0,.65);
 }body.chc-fullscreen .chc-portal a.chc-btn-danger,body.chc-fullscreen .chc-portal .chc-kcard a.chc-btn-danger{color:#ff6961}body.chc-fullscreen .chc-portal .chc-btn-danger{background:rgba(255,69,58,.16);color:#ff6961}body.chc-fullscreen .chc-portal .chc-tabs .chc-dd-menu a:hover{color:#fff}body.chc-fullscreen .chc-portal .chc-status-active{background:rgba(48,209,88,.16);color:#6ee09a;border-color:transparent}body.chc-fullscreen .chc-portal .chc-status-paused{background:rgba(255,159,10,.16);color:#ffbd5c;border-color:transparent}body.chc-fullscreen .chc-portal .chc-status-completed{background:rgba(10,132,255,.18);color:#6cb6ff;border-color:transparent}body.chc-fullscreen .chc-portal .chc-flash-success{background:rgba(48,209,88,.16);color:#6ee09a}body.chc-fullscreen .chc-portal .chc-flash-error{background:rgba(255,69,58,.16);color:#ff8a82}body.chc-fullscreen .chc-portal .chc-note{background:var(--chc-surface-2)}body.chc-fullscreen .chc-portal .chc-bar{background:var(--chc-surface-2)}body.chc-fullscreen .chc-portal .chc-cal-hd,body.chc-fullscreen .chc-portal .chc-cal div[style*="background"]{background:var(--chc-surface)!important;border-color:var(--chc-line)!important}body.chc-fullscreen .chc-portal .chc-cal .chc-cal-hd{background:var(--chc-surface-2)!important}body.chc-fullscreen .chc-portal .chc-cal .chc-cal-day.is-out{background:#141416!important}body.chc-fullscreen .chc-portal .chc-cal .chc-cal-day.is-today{background:var(--chc-accent-l)!important}body.chc-fullscreen .chc-portal .chc-cal{background:var(--chc-surface);color:var(--chc-ink)}body.chc-fullscreen .chc-portal .chc-cal-dn a{color:var(--chc-ink)}body.chc-fullscreen .chc-portal .chc-cal-item,body.chc-fullscreen .chc-portal .chc-cal a[style*="background"]{color:#1d1d1f!important}body.chc-fullscreen .chc-portal .chc-keep-sheet,body.chc-fullscreen .chc-portal .chc-keep-card,body.chc-fullscreen .chc-portal .chc-keep-card *,body.chc-fullscreen .chc-portal .chc-keep-sheet *{color:#1d1d1f}body.chc-fullscreen .chc-portal .chc-mx-cell.chc-tone,body.chc-fullscreen .chc-portal .chc-mx-cell[class*="chc-tone-"]{color:#1d1d1f}body.chc-fullscreen .chc-portal .chc-mx-cell[class*="chc-tone-"] *{color:#1d1d1f}body.chc-fullscreen .chc-portal .chc-mx-card,body.chc-fullscreen .chc-portal .chc-mx-card *{color:var(--chc-ink)}body.chc-fullscreen .chc-portal input,body.chc-fullscreen .chc-portal select,body.chc-fullscreen .chc-portal textarea{color-scheme:dark}body.chc-fullscreen .chc-portal .chc-mx-colh{background:#2c2c2e;color:#fff}body.chc-fullscreen .chc-portal [class] select{border-color:var(--chc-border);background-color:var(--chc-surface);color:var(--chc-ink)}body.chc-fullscreen .chc-portal .chc-note{background:var(--chc-surface-2)}body.chc-fullscreen .chc-portal .chc-cal{border-color:var(--chc-line)!important}
}
