body 
{
  background-color: white;
  background-image: url("bg-vr.jpg");
  /*min-height:95vh;
  margin:0;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px; /* Base font size */
  color: white;
  text-align: center;
}

/* unvisited link */
a:link {
  color: white;
}

/* visited link */
a:visited {
  color: white;
}

/* mouse over link */
a:hover {
  color: white;
}

/* selected link */
a:active {
  color: white;
}

@font-face 
{
  font-family: 'vb-font';
  src: url('r-l.woff');
}

h1 {
font-family: "vb-font";
}

h2 
{
    margin: 2px;
}

h3 
{
    font-family: "vb-font";
    margin: 2px;
}


audio::-webkit-media-controls-timeline,
video::-webkit-media-controls-timeline 
{
    display: none;
}

.button 
{
  background-color: white;
  width:80px;
  height:80px;
  border-radius: 80px;
  font-size: 45px;
  border-style: solid;
  border-color: #D73132;
  border-width: 2px;
  color: #7F3132; /*E57734*/
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  display:none;
  margin: 0 auto;
  box-shadow: 0 8px 6px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@keyframes myAnimation 
{
  0%  {background-color: #e90528;}
  100% {background-color: white;}
}

/* Define the heartbeat motion */
@keyframes heartbeat 
{
  0% { transform: scale(1); }
  25% { transform: scale(1.1); }
  50% { transform: scale(1); }
  75% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

/* Apply it to your element */
.pulso 
{
  animation: heartbeat 6s infinite ease-in-out;
}

.marquee {
  height: 26px;
  text-wrap: nowrap;
  max-width: 350px;
  overflow: hidden;
  display: grid;
  align-items: center;
  margin: 0 auto;
}

.marquee-item {
  transform: translate3d(100%, 0, 0);
  animation: marquee-animation 15s infinite linear;
}

@keyframes marquee-animation {
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

.rolaC
{
    display:none;
}


.envivo 
{
 background-color: white;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  display: none;
}


.pwa {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  height: auto;
   display:none;
}

/*DARK MODE*/
@media (prefers-color-scheme: dark) 
{
  /*body 
  {
  background-color: black;
  background-image: url("bg-vr-dm.jpg");
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px; 
  color: white;
  text-align: center;
  }
  
  .button 
{
  background-color: white;
  width:80px;
  height:80px;
  border-radius: 80px;
  font-size: 45px;
  border-style: solid;
  border-color: #8121DB;
  border-width: 2px;
  color: #8121DB; 
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  display:none;
  margin: 0 auto;
  box-shadow: 0 8px 6px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}*/
  
  
    .pulso 
    {
        animation: heartbeat 16s infinite ease-in-out;
    }
    


}// dark mode */