/* ═══════════════════════════════════════════════════════════════════════
   Portal Casillero — marca blanca (neutros: grises, negro, blanco)
   Aplicar clase .pc-portal en el contenedor del portal del cliente.
   ═══════════════════════════════════════════════════════════════════════ */

.pc-portal {
    --lp-primary: #111827;
    --lp-primary-active: #000000;
    --lp-primary-hover: #1f2937;
    --lp-primary-ring: rgba(17, 24, 39, 0.22);
    --lp-primary-shadow: rgba(0, 0, 0, 0.14);
    --lp-primary-gradient: linear-gradient(135deg, #111827 0%, #030712 100%);
    --lp-primary-subtle: rgba(17, 24, 39, 0.06);
    --lp-control-focus: #111827;
    --lp-control-focus-ring: rgba(17, 24, 39, 0.18);
}

/* ── LogiButton: primary / blue / outline → neutro ───────────────────── */
.pc-portal .logi-btn--primary,
.pc-portal .logi-btn--blue {
    --logi-btn-accent: #111827;
    --logi-btn-accent-ring: rgba(17, 24, 39, 0.22);
    background: #111827;
    color: #fff;
    border-color: rgba(17, 24, 39, 0.35);
    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.08),
        0 3px 10px rgba(0, 0, 0, 0.12);
}

.pc-portal .logi-btn--primary:hover:not(:disabled),
.pc-portal .logi-btn--blue:hover:not(:disabled) {
    background: #000000;
    box-shadow:
        0 2px 4px rgba(0, 0, 0, 0.1),
        0 6px 18px rgba(0, 0, 0, 0.16);
}

.pc-portal .logi-btn--outline {
    --logi-btn-accent: #111827;
    --logi-btn-accent-ring: rgba(17, 24, 39, 0.18);
    color: #111827;
    border-color: #374151;
}

.pc-portal .logi-btn--outline:hover:not(:disabled) {
    background: rgba(17, 24, 39, 0.06);
    box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.1);
}

/* ── LogiTextField / LogiNumberField focus ───────────────────────────── */
.pc-portal .logi-field__input:focus,
.pc-portal .logi-field__input:focus-visible {
    border-color: #111827;
    box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.12);
}

/* ── LogiSelect focus ────────────────────────────────────────────────── */
.pc-portal .logi-sel__trigger:focus,
.pc-portal .logi-sel__trigger:focus-visible,
.pc-portal .logi-sel--open .logi-sel__trigger {
    border-color: #111827;
    box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.12);
}

.pc-portal .logi-sel__option.is-selected {
    background: rgba(17, 24, 39, 0.06);
    color: #111827;
}

/* ── LogiCheckbox ────────────────────────────────────────────────────── */
.pc-portal .logi-checkbox__input {
    accent-color: #111827;
}