/* Movimiento reducido */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* ----------------------------------------------------------------
   Logos reales de Grupo Carbon
   ---------------------------------------------------------------- */

/* Topbar: emblema circular + wordmark en texto */
.topbar .brand {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.topbar__logo {
  width: 36px;
  height: 36px;
  object-fit: contain;
  display: block;
  flex-shrink: 0;
  /* El emblema-carbon-oficial.png tiene fondo transparente en gris/rojo
     Sobre fondo oscuro se ve bien sin filtro */
  filter: brightness(1.15);
}
.topbar .brand__name {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: .88rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #fff;
  line-height: 1;
}
.topbar .brand:hover .topbar__logo { opacity: .85; }
.topbar .brand:hover .brand__name  { opacity: .85; }

/* Hero: emblema circular */
img.hero__mark {
  width: 62px;
  height: 62px;
  object-fit: contain;
  margin-bottom: 20px;
  filter: drop-shadow(0 2px 14px rgba(200,32,26,.25));
}

/* Footer: emblema + wordmark */
.footer__logo-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  opacity: .72;
  transition: opacity .18s ease;
  text-decoration: none;
}
.footer__logo-link:hover { opacity: 1; }
.footer__emblema {
  width: 28px;
  height: 28px;
  object-fit: contain;
  flex-shrink: 0;
  filter: grayscale(.3) brightness(1.1);
}
.footer__brand-name {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: .78rem;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: rgba(255,255,255,.8);
}
.footer__program {
  font-size: .78rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}