@import url('https://fonts.googleapis.com/css2?family=Arvo&family=Jost:wght@300&family=Open+Sans:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');


body{
  font-family: 'Jost', sans-serif;
  font-size: 14pt;
}
.tituloNaG{

	font-size: 18pt;
	color:  #F56A07 !important;
}

.status{

 font-family: 'Fjalla One', sans-serif;
}
.fondo{
  background: #F56A07 !important;
  color: #fff !important;
}

.titulowhite{

  font-size: 18pt;
  color:  #FFF !important;
}


.tituloNaGG{

  font-size: 22pt;
  font-weight: bold;
  color:  #F56A07 !important;
 
}

.tituloNaGGG{

  font-size: 28pt;
  font-weight: bold;
  color:  #F56A07 !important;
  
}

.titulomin{

    font-size: 8pt;
  font-weight: bold;
  color:  #F56A07 !important;
  

}

.card{

	border: none;
}


.tituloNa{

	font-size: 14pt;
	color:  #F56A07 !important;
}

.tituloNa:hover {

	font-size: 14pt;
	color:  #ff0000 !important;
}

.active2 {

  font-size: 14pt;
  color:  #fff !important;
}


.titulofooter{

	font-size: 8pt;
	color:  white !important;
}

.titulofooter2{

  font-size: 8pt;
  color:  black !important;
}

.btn-orange{

	background:  #F56A07;
	color:  white;
}

.bg-naranja{

 background: #F56A07 !important;
}

.bg-coscura{

 background: rgba(0,0,0, 0.2) !important;
}




.card-body ul {

  margin: 0 !important;
  list-style-type: none !important;}
  padding: 0 !important;
}
.card-title{

 
}


.caja {
  border: solid 1px red;
  display: flex;
  margin: 10px;
}

.caja_text {
  border: solid 1px blue;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  margin: 10px;
  padding: 10px;
}



.casas {
  position: relative;
 
  height: 15vh;
  min-height: 15rem;
  width: 100%;
  overflow: hidden;
}



.casas  .foto {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}


.casas .container {
  position: relative;
  z-index: 2;
}

.casas .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}
header {
  position: relative;
  background-color: black;
  height: 25vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}
header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.7;
  z-index: 1;
}

#casas img {
  width:100% !important;
  height:auto !important;
}

@media (pointer: coarse) and (hover: none) {
  header {
    background: url('imagenes/casas.jpg') black no-repeat center center scroll;
  }

  header video {
    display: none;
  }
}