:root {
  --color-verde    : #01828C;
  --color-blanco   : #FFF;
  --color-amarillo : #FFC100;
}

body {
  background-color : var(--color-verde);
  color            : var(--color-blanco);
}

.color-amarillo {
  color : var(--color-amarillo);
}

.filter-blanco {
  filter : grayscale(100%) contrast(3) invert(1);
}

.logo-roche {
  max-width : 110px;
  width     : 100%;
}

.logo-26m {
  width     : 100%;
  max-width : 200px;
}

.img-utero {
  max-width : 546px;
  width     : 100%;
}

.banderas img {
  width        : auto;
  height       : 60px;
  aspect-ratio : 1;
}

@media (min-width : 576px) {
  /*--sm--*/
  .aspectRatio-sm-none:before {
    display     : none !important;
    padding-top : 0 !important;
  }
}

@media (min-width : 768px) {
  /*--md--*/
  .aspectRatio-md-none:before {
    display     : none !important;
    padding-top : 0 !important;
  }

  .banderas img {
    height : 100px;
  }
}

@media (min-width : 992px) {
  /*--lg--*/
  .aspectRatio-lg-none:before {
    display     : none !important;
    padding-top : 0 !important;
  }
}

@media (min-width : 1200px) {
  /*--xl--*/
  .aspectRatio-xl-none:before {
    display     : none !important;
    padding-top : 0 !important;
  }
}

@media (min-width : 1400px) {
  /*--xxl--*/
  .aspectRatio-xxl-none:before {
    display     : none !important;
    padding-top : 0 !important;
  }
}

.fs-1 {font-size : 1.8rem;}

.fs-2 {font-size : 1.6rem;}

.fs-3 {font-size : 1.4rem;}

.fs-4 {font-size : 1.2rem;}

.fs-5 {font-size : 1.1rem;}

.banderas a {
  transition  : .6s;
  text-shadow : 0 0 5px #000;
}

.banderas a img {
  transition : .5s;
  opacity    : .7
}

.banderas a:hover {
  transition  : .6s;
  text-shadow : 0 0 5px #01828C;
}

.banderas a:hover img {
  opacity    : 1;
  transition : .5s;
}