a {
    text-decoration: none;
}
.cabecera1 {
    width: 100%;
    display: flex;
    background-color: #313f48;
    color: #fff;
    font-size: 0.9em;
}
.cabecera2 {
    width: 100%;
    text-align: center; /* texto centrado */
    background-color: transparent;
    background-blend-mode: soft-light; /* para combinar el fondo de color con la imagen opacada */
    background-size: cover;
    background-position: center;
    box-sizing: border-box;
}
.pie {
    width: 100%;
    display: flex;
    background-color: #313f48;
    color: #fff;
    font-size: 0.9em;
 
}
.menu {
    width: 100%;
    height: auto;
    background: #313f48;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.5rem;
    box-sizing: border-box;
    position: sticky;
    top: 0;
}
.opciones-menu {
    font-family: 'Roboto';
    font-weight: bold;
    color: #fff;
    margin: 0 1.5rem;
    text-decoration: none;

}
.opciones-menu2 {
    font-family: 'Roboto';
    font-weight: bold;
    color: #000;
    margin: 0 1.5rem;
    text-decoration: none;

}
nav a:hover {
    color: #f90808;
    border-top: 3px solid #f90808;
}
.parallax {
    /* The image used */
    background-image: url("../graficos/fondo.jpg");
  
    /* Set a specific height */
    min-height: 250px; 
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .parallax2 {
    /* The image used */
    background-image: url("../graficos/panoramica5.jpg");
    background-color: rgb(0,0,0,.5);
    background-blend-mode: soft-light;
    background-size: cover;
  
    /* Set a specific height */
    min-height: 250px; 
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .parallax3 {
    /* The image used */
    background-image: url("../graficos/panoramica4.jpg");
    background-color: rgb(0,0,0,.5);
    background-blend-mode: soft-light;
    background-size: cover;
  
    /* Set a specific height */
    min-height: 250px; 
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
.busqueda {
    border: 3px solid #fff;
    background-color: #313f48;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 75%;
}
.fondodestacados {
    width: 100%;
    height: auto;
    background: rgb(252, 250, 250);
    padding: 3rem;
}
.fondoeficiencia {
    width: 100%;
    height: auto;
    border-radius: 5px;
    background: rgb(240, 234, 234);
    padding: 0.5rem;
}
.fondorebajas {
    background: #2c2c54;
}
.fondoinmueble {
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
    margin: 4rem;
}
.fondobuscador {
    background-image: url("../graficos/fondoBuscador.png"); 
}
.fondoporti {
    background-image: url("../graficos/fondoBuscarporti.jpg");
}
.precio {
    position: absolute;
    top:-10px;
    left: 10px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.1rem;
    padding-bottom: 0.2rem;
    background-color: black;
    font-size: 0.8rem;
    color: white;
}
.modo {
    position: absolute;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.1rem;
    padding-bottom: 0.2rem;
    background-color: black;
    text-align: center;
    font-size: 0.8rem;
    color: white;
    width: 100px;

}
.flotador {
    position: absolute;
    top: 20px;
    border: 3px solid #fff;
    background-color: #313f48;
    padding-top: 30px;
    padding-bottom: 30px;

}
.icono {
    width: 40px;
}
.cuadrobuscar {
    border:solid;
    border-color: darkblue;
    background-color: darkcyan;
    box-sizing: border-box;
}
.cuadro1 {
    background-color:#ffb142;
    border-radius: 5px;
}
.cuadro2 {
    background-color:#2c2c54;
    color: #fff;
}
.fondotexto {
    width: auto;
    background-color: rgb(0,0,0,.5);  
    border-radius: 5px;
    padding: 15px;  
    color: white;
}
.menuinferior {
    padding: auto;
}
.menuinferior a {
    text-decoration: none;
    font-family: 'Roboto';
    font-size: 0.9rem;
    color: #eeeddd;
}
.menuinferior a:hover {
    text-decoration: none;
    font-family: 'Roboto';
    font-size: 0.9rem;
    color: #eee999;
}
.menumapa {
    padding: auto;
}
.menumapa a {
    text-decoration: none;
    font-family: 'Roboto';
    font-size: 1rem;
    color: #000;
}
.menumapa a:hover {
    text-decoration: none;
    font-family: 'Roboto';
    font-size: 1rem;
    color: #f90808;
}
.menupanel {
    padding: auto;
}
.menupanel a {
    text-decoration: none;
    font-family: 'Roboto';
    font-size: 1.2rem;
    color: #000;
}
.menupanel a:hover {
    text-decoration: none;
    font-family: 'Roboto';
    font-size: 1.2rem;
    color: #fff;
}
.linkpeque a {
    text-decoration: none;
    font-family: 'Roboto';
    font-size: 0.9rem;
    color: #fff;
}
.linkpeque a:hover {
    text-decoration: none;
    font-family: 'Roboto';
    font-size: 0.9rem;
    color: #f90808;
}

/*Flecha para hacer la pagina hacia arriba*/
.ir-arriba {
    display:none;
    background-repeat:no-repeat;
    font-size:20px;
    color:black;
    cursor:pointer;
    position:fixed;
    bottom:10px;
    right:10px;
    z-index:2;
  }
.fondopanoramica {
    background-color: rgb(252, 250, 250);
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media print {
    #ocultar {display:none;}
    }

.vistaOn {
    border: solid;
    background-color: #fff;
    width: 30px;
    height: 30px;
}
.vistaOff {
    background-color: #fff;
}
.transicionLineal {
    display: block;
    background-color: #0000FF;
    transition: width 2s, height 2s, background-color 2s, transform 2s;
}
.box {
    border-style: solid;
    border-width: 1px;
    display: block;
    width: 100px;
    height: 100px;
    background-color: #0000FF;
    transition: width 2s, height 2s, background-color 2s, transform 2s;
}
.box:hover {
    background-color: #FFCCCC;
    width: 200px;
    height: 200px;
    transform: rotate(180deg);
}
.boton {
  background-color: #f90808; 
  font-family: 'Roboto'; 
  font-size: 0.9rem;
  font-weight: bold;
  color: #fff;
}
.boton:hover {
    background-color: #fff;  
    color: #f90808;
    border-style: solid;
    border-color: #f90808;
  }
  
.fondorojo {
    background-color: #f90808;
    width: 50%;
    height: 910px;
}
.fondorojopanel {
    background-color: #f90808;
    width: 10%;
    height: 910px;
}
.fondoblanco {
    background-color: #fff;
}
.energetico {
    background-color: #000;
    font-family: 'Roboto'; 
    font-size: 1.1rem;
    font-weight: bold;
    color: #fff;
}




/* Fuentes de letra */
.textoNormal {
    font-family: 'Roboto';
    font-size: 1em;
    color:black;
}
.textoPeque {
    font-family: 'Roboto';
    font-size: 0.8em;
    color:black;
}
.textoNormalNegrita {
    font-family: 'Roboto';
    font-size: 1em;
    font-weight: bold;
    color:black;
}
.textoPequeNegrita {
    font-family: 'Roboto';
    font-size: 0.8em;
    font-weight: bold;
    color:black;
}
.textoNormalBlanco {
    font-family: 'Roboto';
    font-size: 1em;
    color:white;
}
.textoPequeBlanco {
    font-family: 'Roboto';
    font-size: 0.8em;
    color:white;
}
.textoNormalNegritaBlanco {
    font-family: 'Roboto';
    font-size: 1em;
    font-weight: bold;
    color:white;
}
.textoPequeNegritaBlanco {
    font-family: 'Roboto';
    font-size: 0.8em;
    font-weight: bold;
    color:white;
}
.titulo0Blanco {
    font-family: 'Roboto';
    font-size: 4em;
    color:white;
    font-weight: bold;
}
.titulo1Blanco {
    font-family: 'Roboto';
    font-size: 3em;
    color:white;
    font-weight: bold;
}
.titulo2Blanco {
    font-family: 'Roboto';
    font-size: 2em;
    color:white;
    font-weight: bold;
}
.titulo3Blanco {
    font-family: 'Roboto';
    font-size: 1.2m;
    color:white;
    font-weight: bold;
}
.titulo1Negro {
    font-family: 'Roboto';
    font-size: 3em;
    color:black;
    font-weight: bold;
}
.titulo2Negro {
    font-family: 'Roboto';
    font-size: 2em;
    color:black;
    font-weight: bold;
}
.titulo3Negro {
    font-family: 'Roboto';
    font-size: 1.2em;
    color:black;
    font-weight: bold;
}
.textoNormalGris {
    font-family: 'Roboto';
    font-size: 1em;
    color:rgb(202, 179, 179);
}
.titulo1Gris {
    font-family: 'Roboto';
    font-size: 1.2em;
    color:rgb(202, 179, 179);
}
.textoPequeGris {
    font-family: 'Roboto';
    font-size: 0.8em;
    color:rgb(202, 179, 179);
}
.textoNormalNegritaGris {
    font-family: 'Roboto';
    font-size: 1em;
    font-weight: bold;
    color:rgb(202, 179, 179);
}
.textoPequeNegritaGris {
    font-family: 'Roboto';
    font-size: 0.8em;
    font-weight: bold;
    color:rgb(202, 179, 179);
}


/* this is needed to make the content scrollable on larger screens */
@media (min-width: 576px) {
    .h-sm-100 {
        height: 100%;
    }
}