/* =============================================================================
   marca.css — Mi Escuela Online
   Un solo acento (teal #0FB5A6) reapuntando los tokens que ya usa el shell
   (--is-*, --isx-*, --login-*) y las clases de Bootstrap. Va AL FINAL del <head>
   para ganarle a lo anterior. Cambiar la marca de una instalación = cambiar
   estas variables, nada más.
   ============================================================================= */
:root{
  --me-accent:#0FB5A6;
  --me-accent-dark:#0a8f83;
  --me-accent-soft:#e6f8f6;
  --me-accent-ring:rgba(15,181,166,.22);
  --pc-accent:var(--me-accent);
  --pc-accent-soft:var(--me-accent-soft);
  --cap-accent:var(--me-accent);

  --is-primary:var(--me-accent);
  --is-primary-dark:var(--me-accent-dark);
  --is-primary-light:var(--me-accent-soft);
  --is-primary-ring:var(--me-accent-ring);
  --is-sb-active:var(--me-accent-soft);
  --is-sb-active-txt:var(--me-accent-dark);
  --is-sb-text-on:var(--me-accent-dark);

  --isx-blue:var(--me-accent);
  --isx-blue-dark:var(--me-accent-dark);
  --isx-soft:var(--me-accent-soft);

  --login-blue:var(--me-accent);
  --login-blue-dark:var(--me-accent-dark);
  --login-soft:var(--me-accent-soft);

  --bs-primary:#0FB5A6;
  --bs-primary-rgb:15,181,166;
  --bs-link-color:#0a8f83;
  --bs-link-hover-color:#087a70;
}

.btn-primary{
  --bs-btn-bg:var(--me-accent);--bs-btn-border-color:var(--me-accent);
  --bs-btn-hover-bg:var(--me-accent-dark);--bs-btn-hover-border-color:var(--me-accent-dark);
  --bs-btn-active-bg:var(--me-accent-dark);--bs-btn-active-border-color:var(--me-accent-dark);
  --bs-btn-disabled-bg:var(--me-accent);--bs-btn-disabled-border-color:var(--me-accent);
}
.btn-outline-primary{
  --bs-btn-color:var(--me-accent-dark);--bs-btn-border-color:var(--me-accent);
  --bs-btn-hover-bg:var(--me-accent);--bs-btn-hover-border-color:var(--me-accent);
  --bs-btn-active-bg:var(--me-accent-dark);
}
.bg-primary{background-color:var(--me-accent) !important}
.text-primary{color:var(--me-accent-dark) !important}
.border-primary{border-color:var(--me-accent) !important}
.form-control:focus,.form-select:focus{border-color:var(--me-accent);box-shadow:0 0 0 .2rem var(--me-accent-ring)}
.form-check-input:checked{background-color:var(--me-accent);border-color:var(--me-accent)}
.page-link{color:var(--me-accent-dark)}
.active>.page-link,.page-link.active{background-color:var(--me-accent);border-color:var(--me-accent)}
.nav-pills .nav-link.active{background-color:var(--me-accent)}

/* ── Login: panel de marca sólido en lugar de la foto (split-screen) ── */
.login-hero.me-panel{background:var(--me-accent) !important;color:#fff;display:flex;align-items:center;justify-content:center;padding:48px}
.login-hero.me-panel::before,.login-hero.me-panel::after{display:none !important}
.me-panel-in{max-width:440px}
.me-panel-logo{font-size:15px;font-weight:600;letter-spacing:.02em;opacity:.95;display:flex;align-items:center;gap:10px;margin-bottom:40px}
.me-panel-logo i{font-size:22px}
.me-panel h2{font-size:34px;line-height:1.15;font-weight:700;margin:0 0 14px;color:#fff}
.me-panel p{font-size:16px;line-height:1.6;color:rgba(255,255,255,.85);margin:0 0 28px}
.me-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.me-panel li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:#fff}
.me-panel li i{flex:0 0 32px;height:32px;border-radius:10px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;font-size:16px}
.me-panel small{display:block;margin-top:40px;font-size:12.5px;color:rgba(255,255,255,.75)}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}

/* ── Login: un acento, plano (login-salud.css traía azules y degradados) ── */
body .login-health-page{background:#f3f6f8}
body .login-health-page::before{display:none}
body .login-brand-mark{background:var(--me-accent);box-shadow:none}
body .login-brand-name{color:#1f2235;font-weight:700}
body .login-title h1{font-weight:700;letter-spacing:-.01em}
body .input-wrap input:focus{border-color:var(--me-accent);box-shadow:0 0 0 4px var(--me-accent-ring)}
body .login-button{background:var(--me-accent);box-shadow:none}
body .login-button:hover{background:var(--me-accent);filter:brightness(1.07);box-shadow:none}
body .forgot-link{color:var(--me-accent-dark)}
body .login-purpose-icon{background:var(--me-accent-soft);color:var(--me-accent-dark)}