:root{
  --logo-max: 260px;
}
.logo{
  max-width: var(--logo-max);
  height: auto;
}
@media (min-width: 576px){
  :root{ --logo-max: 300px; }
}
@media (min-width: 992px){
  :root{ --logo-max: 340px; }
}
/* Espaciado sutil general */
body{ scroll-behavior: smooth; }