a-scene .a-enter-vr-button {display: none!important}
@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes shadow-drop-center{0%{box-shadow:0 0 0 0 transparent}to{box-shadow:0 0 10px 0#952A2E;}}
.loader,.loader::after{box-sizing:border-box;width:48px;height:48px;border-radius:50%}
.loader{display:inline-block;border-top:4px solid #d1cfc7;border-right:4px solid transparent;animation:rotation 1s linear infinite}
.loader::after{content:"";position:absolute;left:0;top:0;border-bottom:solid #952A2E;border-left:4px solid transparent}
.loader-container {position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 10012;}
.fade-out-loader{opacity:0;transition:opacity .3s ease-in-out}
#img-fondo {
height: 100%;
position: fixed;
top: 0;
width: 100%;
background-size: cover;
background-position: center;
background-image: url('assets/rosario2.jpg');
transition: opacity 0.7s ease;
pointer-events: none;
user-select: none;
}
#img-fondo.fade-out {
opacity: 0;
transition: opacity 0.7s ease;
pointer-events: none;
}
#pantalla-carga {
top: 0;
left: 0;
width: 100vw;
height: 100%;
display: flex;
position: fixed;
justify-content: center;
align-items: center;
opacity: 1;
transition: opacity 0.7s ease;
z-index: 10010;
background: rgba(0, 0, 0, 0.288);
box-sizing: border-box;
}   
#titulo-principal {
user-select: none;
pointer-events: none;
filter: drop-shadow(0 0 0.35rem #444443c0);
}
#titulo-principal img {
width: 700px;
background-color: transparent;
display: block; 
max-width: 100%;
height: auto;
pointer-events: none;
user-select: none;
}
#boton-comenzar {
top: 75%;
padding: 0.7em 1.5em;
font-size: 1.2em;
background-color: #000000;
color: #ffffff;
border: 0;
border-radius: 0;
user-select: none;
font-weight: 500;
position: absolute;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
display: inline-block;
z-index: 10011
}#boton-comenzar.fade-in {
opacity: 1;
}
#boton-comenzar:hover{background-color:#952A2E;color:#d1cfc7;animation:shadow-drop-center .1s linear both}
#toggle{ /*oculta el checkbox*/
display:none
}
.toggle-container{position:relative}.button-toggle,.nav{display:flex;flex-direction:column}
.button-toggle {
user-select: none;
-webkit-tap-highlight-color: transparent; 
position: fixed;
border:none;
top:  15px;
left:  15px;
background: rgba(0,0,0,0.05);
width:  35px;
height:  35px;
border-radius: 50%;
box-sizing: border-box;
transition:  transform .3s;
cursor:  pointer;
display: flex;
flex-direction: column;
justify-content: center;
z-index: 10023;
}
.button-toggle img {
width: 25px;
height: 25px;
pointer-events: none; 
}
.button-toggle:hover {
  transform: scale(1.125);
}
.button-toggle:active {
  transform: scale(1);
}
.container-menu {
transition: width ease .1s, height ease .1s;
background: #84877fec;
top: 0.625rem;
left: 0.625rem;
position: fixed;
z-index: 10060;
overflow: hidden;
overflow-y:auto;
align-items: center;
border: 2.5px solid #2a2e23e7;
}
.container-menu::-webkit-scrollbar {
display: none;
}
.menu-abierto {
display: block;
width: 18.75rem;
height: 32.125rem;
padding: 1.875rem 1.875rem 1.875rem 1.650rem;
}
.menu-cerrado {
width: 30px;
height: 30px;
padding: 0.3rem;
border: 0;
background: transparent;
border-radius: 50%;
}
.nav {gap: 8px;margin: 15px}
.nav-abierto {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.nav-cerrado {
opacity: 0;
pointer-events: none;
visibility: hidden
}
.nav-item {
display: block;
line-height: 32px;
text-align: center;
border-radius: .2em;
justify-content: center;
align-items: center;
height: 32px;
padding: 4px;
width: 100%;
color: #fff;
font-size: 14px;
cursor: pointer;
background: #2A2E23;
}
.nav-item:hover {background: #232423}
.nav-item.cliqueado {
background: #952A2E;
}
.nombre { 
justify-content: center;
align-items: center;
margin: 0 0 0 23px;
white-space: nowrap;
line-height: 32px;
text-align: center;
border-radius: .2em;
padding: 4px;
width: 85%;
color: #fff;
font-size: 14px;
background: #2A2E23;
visibility: hidden;
}
.nombre-abierto{
  visibility: visible;
}
.dummy-content {
text-align: left;
white-space: normal;
word-wrap: break-word; 
overflow-wrap: break-word;
max-width: 100%;
max-height: 100vh;
box-sizing: border-box;
padding: 0.3em .3em;
font-size: .9em;
left: 2px;
background: transparent;
color: #ffffff;
border: 0;
border-radius: .2em;
cursor:auto;
font-weight: 500;
transition: background-color .3s ease;
position: relative;
}
#contador-marcadores {
position: fixed;
top: 0.625rem;
left: 5.675rem;
width: 16.25rem;
z-index: 10050;
background: #952A2E;
color: white;
padding: 0.4em 0.6em;
border-radius: .2em;
font-family: "Saira";
font-size: 1em;
display: none;
}
#mensaje-final {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(0, 0, 0, 0.938);
color: #4fc3f7;
padding: 2em;
font-size: 1.4em;
border-radius: 1em;
text-align: center;
z-index: 10050;
font-family: "Saira", sans-serif;
max-width: 80vw;
display: none;
}
#pantalla-carga.fade-out{opacity:0; pointer-events: none;}
#img-fondo.fade-out{opacity:0}
#boton-comenzar, #pantalla-carga,
.container-menu, .nombre{font-family: "Saira";}
#fullscreen-button {
position: absolute;
top:  15px;
right:  15px;
background: rgba(0,0,0,0.05);
border:  0;
width:  40px;
height:  40px;
border-radius: 50%;
box-sizing: border-box;
transition:  transform .3s;
cursor:  pointer;
display: flex;
flex-direction: column;
justify-content: center;
z-index: 10060;
}
#fullscreen-button:hover {
    transform: scale(1.125);
}
a-scene video {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  object-fit: cover !important;
  z-index: -2 !important;
}
@media screen and (max-width: 414px) {
#img-fondo{
background-image: url('assets/07ea3b36d3e4a1b1288ff8f44d54df01.jpg');
background-repeat: no-repeat;
background-size: 500px;
height:100%;
top: 0;
left: 0;
background-size: cover;
background-position: center;
}
#pantalla-carga{
background: rgba(0, 0, 0, 0);
}
#titulo-principal{
background: rgba(0, 0, 0, 0);
transform: rotate(-20deg);
margin-top: -10rem;
}
}