.navbar-brand.logo-control img.logo-img {
    display: none;
    max-height: 100px;
}

.t4-fullscreen-video-container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.t4-fullscreen-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 1;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

.t4-video-overlay-content {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #ffffff;
}

 .bloque-colores {
    font-size: 2rem;   /* sube o baja esto para escalar los cuadros */
    line-height: 1;
    margin: 0;
  }
 
  /* Cuadros grandes de color */
  .bloque-colores .dot {
    display: inline-block;
    width: 1em;
    height: 1em;
    border-radius: .25rem;      /* equivale a la clase Bootstrap "rounded" */
    margin-right: .35em;         /* equivale a "me-1 me-lg-2" */
    vertical-align: middle;
  }
 
  /* Cuadros pequeños grises */
  .bloque-colores .dot-sm {
    display: inline-block;
    width: .4em;
    height: .4em;
    border-radius: 3px;
    margin-right: .35em;
    vertical-align: middle;
  }