/* PuntajePRO, Fase 3: estilos encapsulados. No modifica cursos ni estructura. */
:root {
  --ppro-morado: #240046;
  --ppro-verde: #C6FF00;
  --ppro-blanco: #FFFFFF;
  --ppro-lavanda: #F5F1FF;
}
.ppro-brand-logo,
.ppro-brand-logo:link,
.ppro-brand-logo:visited {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  vertical-align: middle;
  text-decoration: none;
  max-width: 100%;
  line-height: 1;
}
.ppro-brand-logo img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.ppro-brand-logo:focus-visible { outline: 2px solid var(--ppro-verde); outline-offset: 5px; }
/* Opcionales: aplicar SOLO si la pagina ya tiene estas clases. */
.ppro-brand-btn { background: var(--ppro-verde); color: var(--ppro-morado); border-radius: 999px; font-weight: 750; }
.ppro-brand-btn:focus-visible { outline: 3px solid var(--ppro-morado); outline-offset: 3px; }
.ppro-brand-on-dark { background: var(--ppro-morado); color: white; }
.ppro-brand-on-light { background: var(--ppro-lavanda); color: var(--ppro-morado); }