/**
 * Temas por institución — portales Mi Perú / Japonés
 */

/* CEBA Mi Perú — azul institucional */
.portal-theme-miperu {
    --savia-primary: #1e3a8a;
    --savia-primary-dark: #1e40af;
    --savia-indigo: #2563eb;
    --savia-secondary: #0ea5e9;
    --savia-violet: #3b82f6;
    --savia-accent: #38bdf8;
    --savia-gradient: linear-gradient(135deg, #0b1f4a 0%, #1e3a8a 42%, #2563eb 100%);
    --savia-gradient-h: linear-gradient(90deg, #1e3a8a 0%, #2563eb 50%, #0ea5e9 100%);
    --savia-gradient-v: linear-gradient(180deg, #1e3a8a 0%, #2563eb 48%, #0ea5e9 100%);
}

.portal-theme-miperu .savia-tag--light {
    color: #1d4ed8;
    background: rgba(37, 99, 235, 0.08);
    border-color: rgba(37, 99, 235, 0.2);
}

.portal-theme-miperu .login-button {
    background: linear-gradient(135deg, #1e3a8a, #2563eb) !important;
}

/*
 * CEBA Peruano Japonés
 * Base: #ff6fb0 — matizado con rosa profundo, blush y gris pizarra
 */
.portal-theme-japones {
    --jp-pink: #ff6fb0;
    --jp-pink-deep: #e84d96;
    --jp-pink-dark: #c2186b;
    --jp-blush: #fff0f7;
    --jp-mist: #ffe4f1;
    --jp-slate: #334155;

    --savia-primary: #c2186b;
    --savia-primary-dark: #9d174d;
    --savia-indigo: #e84d96;
    --savia-secondary: #ff6fb0;
    --savia-violet: #db2777;
    --savia-accent: #ff6fb0;

    --savia-gradient: linear-gradient(145deg, #1f0a16 0%, #4a1030 40%, #c2186b 78%, #ff6fb0 100%);
    --savia-gradient-v: linear-gradient(165deg, #9d174d 0%, #c2186b 45%, #e84d96 78%, #ff6fb0 100%);
    --savia-gradient-h: linear-gradient(90deg, #c2186b 0%, #e84d96 50%, #ff6fb0 100%);
}

.portal-theme-japones .login-bg {
    background:
        radial-gradient(ellipse 75% 55% at 18% 28%, rgba(255, 111, 176, 0.35), transparent 55%),
        radial-gradient(ellipse 55% 45% at 88% 72%, rgba(194, 24, 107, 0.45), transparent 50%),
        linear-gradient(145deg, #1f0a16 0%, #4a1030 48%, #9d174d 100%) !important;
}

.portal-theme-japones .login-left {
    background: var(--savia-gradient-v) !important;
}

.portal-theme-japones .login-left::before {
    background: radial-gradient(circle, rgba(255, 240, 247, 0.18) 0%, transparent 70%);
}

.portal-theme-japones .login-left::after {
    background: radial-gradient(circle, rgba(0, 0, 0, 0.15) 0%, transparent 70%);
}

.portal-theme-japones .savia-tag {
    background: rgba(255, 240, 247, 0.16);
    border-color: rgba(255, 240, 247, 0.28);
    color: #fff0f7;
}

.portal-theme-japones .savia-tag--light {
    color: #c2186b;
    background: rgba(255, 111, 176, 0.1);
    border-color: rgba(255, 111, 176, 0.28);
}

.portal-theme-japones .login-inst-name {
    color: var(--jp-slate);
    font-weight: 750;
}

.portal-theme-japones .login-role-tabs {
    background: #f8fafc;
    border-color: #e2e8f0;
}

.portal-theme-japones .login-tab.is-active,
.portal-theme-japones .login-tab.is-on {
    color: #c2186b;
    background: #fff;
    box-shadow: 0 1px 3px rgba(194, 24, 107, 0.1);
}

.portal-theme-japones .login-tab.is-active::after,
.portal-theme-japones .login-tab.is-on::after {
    background: linear-gradient(90deg, #c2186b, #ff6fb0);
}

.portal-theme-japones .input-icon-left {
    color: #e84d96;
}

.portal-theme-japones .input-group input {
    background: #fafafa;
    border-color: #e7e5e4;
}

.portal-theme-japones .input-group input:focus {
    border-color: #ff6fb0 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(255, 111, 176, 0.2) !important;
}

.portal-theme-japones .forgot-password a {
    color: #c2186b;
}

.portal-theme-japones .forgot-password a:hover {
    color: #9d174d;
}

.portal-theme-japones .login-button {
    background: linear-gradient(135deg, #c2186b 0%, #e84d96 50%, #ff6fb0 100%) !important;
    box-shadow: 0 8px 22px rgba(232, 77, 150, 0.35) !important;
}

.portal-theme-japones .login-button:hover {
    filter: brightness(1.05);
    box-shadow: 0 10px 26px rgba(232, 77, 150, 0.42) !important;
}

.portal-theme-japones .help-btn-phone {
    background: #fff0f7;
    color: #c2186b;
    border: 1px solid #ffc1dc;
}

.portal-theme-japones .help-btn-phone:hover {
    background: #ffe4f1;
}

.portal-theme-japones .login-secure-note {
    color: #15803d;
}

.portal-theme-japones .login-help-box {
    background: linear-gradient(180deg, #fffafc 0%, #fff 100%);
    border-color: #fce7f3;
}

/* Logo un poco más grande en portales */
.login-page .logo-img {
    max-height: 72px;
    width: auto;
    object-fit: contain;
}

.login-page .login-inst-name {
    font-weight: 700;
    letter-spacing: -0.02em;
}