.cloudpano-ui__btn-vr-control,
.cloudpano-ui__btn-hide-controls {
  display: none !important;
}
.cloudpano-ui__live-btn {
  transform: scale(0.7);
  transform-origin: top left; /* Ajusta el punto de referencia de la escala */
}
.cloudpano-ui__reel-toggle::after {
  content: "Galeria";
  font-size: 15px;
  font-weight: bold;
  color: black;
  padding-left: 5px;
}
.cloudpano-ui__reel-arrow.cloudpano-ui__reel-arrow_modern {
  background-color: white !important;
}
.cloudpano-ui__reel-arrow-icon.cloudpano-ui__reel-arrow-icon_modern {
  color: black !important;
  fill: black !important;
  background-color: transparent !important;
}
.cloudpano-ui__reel-toggle {
  color: black !important;
  fill: black !important;
  background-color: white !important;
}
.cloudpano-ui__reel-toggle-icon {
  color: black !important;
  fill: black !important;
}
.cloudpano-ui__reel-scene-container.cloudpano-ui__reel-active-scene-container {
  border-color: #F5000D !important;
  border: 4px solid #F5000D !important; /* Ajusta el grosor segC:n prefieras */
}
.cloudpano-ui__reel-container {
    background-color: #E0E0E0!important;
    color: #000000; /* Opcional: asegura que el texto sea visible sobre blanco */
    box-shadow: none; /* Elimina posibles sombras */
    opacity: 1; /* Asegura que no sea transparente */
}

.cloudpano-ui__ribbon-scene-thumbnail {
  border: 4px solid #747575;
}

.cloudpano-ui__btn-vr-control,
.cloudpano-ui__btn-hide-controls {
  display: none !important;
}
.cloudpano-ui__live-btn {
  transform: scale(0.7);
  transform-origin: top left; /* Ajusta el punto de referencia de la escala */
}
.cloudpano-ui__reel-toggle::after {
  content: "Galeria";
  font-size: 15px;
  font-weight: bold;
  color: black;
  padding-left: 5px;
}
.cloudpano-ui__reel-arrow.cloudpano-ui__reel-arrow_modern {
  background-color: white !important;
}
.cloudpano-ui__reel-arrow-icon.cloudpano-ui__reel-arrow-icon_modern {
  color: black !important;
  fill: black !important;
  background-color: transparent !important;
}
.cloudpano-ui__reel-toggle {
  color: black !important;
  fill: black !important;
  background-color: white !important;
}
.cloudpano-ui__reel-toggle-icon {
  color: black !important;
  fill: black !important;
}
.cloudpano-ui__reel-scene-container.cloudpano-ui__reel-active-scene-container {
  border-color: #F5000D !important;
  border: 4px solid #F5000D !important; /* Ajusta el grosor segC:n prefieras */
}
.cloudpano-ui__reel-container {
    background-color: #E0E0E0!important;
    color: #000000; /* Opcional: asegura que el texto sea visible sobre blanco */
    box-shadow: none; /* Elimina posibles sombras */
    opacity: 1; /* Asegura que no sea transparente */
}

.cloudpano-ui__ribbon-scene-thumbnail {
  border: 4px solid #747575;
}