/* cost-brand.css — GENERADO desde resources/styles/app/04-componentes/cost-brand.css */
/* SVG oficiales de cost.cl/assets; conservar sus colores y proporciones.
   También se entrega solo como public/assets/cost-brand.css para los módulos. */
@layer componentes {
  .cost-brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    max-width: 100%;
    line-height: 1;
    vertical-align: middle;
  }
  .cost-brand-logo {
    display: block;
    flex: none;
    width: var(--cost-logo-width, 132px);
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }
  .boot-logo.cost-brand {
    --cost-logo-width: 248px;
    padding: 0;
  }
  .login-cover-title.cost-brand {
    --cost-logo-width: 216px;
    justify-self: center;
    padding: 0;
    line-height: 1;
  }
  .mobile-appbar-context .cost-brand { --cost-logo-width: 64px; }
  .cost-brand-logo[data-cost-logo="on-dark"] { display: none; }
  @media screen {
    :root[data-ui-theme="turno-noche"] .cost-brand-logo[data-cost-logo="on-light"] { display: none; }
    :root[data-ui-theme="turno-noche"] .cost-brand-logo[data-cost-logo="on-dark"] { display: block; }
  }
}