/* VARIABLES*/

:root {
  --bg-primary: #2B2B2B;
  --title-primary : #CE833C;
  --loader-primary: rgba(255, 255, 255, 0.3);
  --loader-secondary: #ff6600;
}


/* HOME STYLES */

body {
  background-color: var(--bg-primary);
}

.container__title--primary{
  color: var(--title-primary);
}

.container__separator {
  padding: 1px;
  width: 100%;
  height: 30px;
  display: flex
}

.hr--styles {
  color:#fff;
  width: 100%;
  align-self: center;
}

.cuadrado{
  width: 20px;
  height: 20px;
  border:1px solid #fff;
  align-self: center;
}

.container__map{
  height: 300px;
  border: 1px solid #fff;
}

/* estilos para las imagenes */

 .padding-10{
   padding: 10px;
 }

.image-food-size {
  width: 100%;
  height: auto;
  height:120px;
  min-height: 70px;
  box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.2), 0 6px 20px 0 rgba(255, 255, 255, 0.1); 
  border-radius: 10%;
}

.margin-0 {
  margin: 0;
}

.padding-0 {
  padding: 0;
}

.padding-0-10px {
  padding: 0 10px;
}

/*mouse over*/

.visibility-hidden {
  visibility: hidden;
}

.flex-js{
  position: relative; 
}

.envelope-img{
  position: absolute;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
 top: 0;
 height: 100%;
  width: 100%;
  background:  rgba(255, 136, 26, 0.2);
  border-radius: 10%;
}

.icon-food{
  color:#fff;
  font-size: 20px;
}

.text-size {
  font-size: 11px;
  color: #fff;
}

/*MODAL */

.figure-size { 
  width: 90%;
  height: 200px;
  margin-bottom: 10px;
}

.modal-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;

}
.title-size{
  text-align: center;
  font-size: 20px;
}

.container-data-modal{
  width: 100%;
  margin-bottom: 10px;
}

.title-modal---primary {
  color: #93581c;
}
.text--grey {
  color:#2B2B2B
}

.weight-700{
  font-weight: 700;
} 

.modal-item{
  width: 50%;
  height:100px;
}

.modal-flex-container{
  display: flex;
  align-items: center;
  justify-content: center; 
  flex-wrap: wrap;
}

.item-title-size{
  font-size: 15px;
  margin-top: 5px;
}

.item-text-size {
  font-size: 13px;
}

/*STYLES FOR TABLETS */

@media(min-width:768px) {
  .image-food-size{
    height: 220px;
  }

  .icon-food{
    font-size: 35px;
  }

  .text-size {
    font-size: 20px;
    color: #fff;
  }  
}

iframe{
  width: 100%;
  height: 100%;
} 


/* STYLES REGISTER.HTML*/

.photo{
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.75) 0%,  rgba(107, 101, 102, 0.75) 100%), url(../assets/images/bg.jpg) center;
}

.bg-image {
background-size: cover;
background-repeat: no-repeat;
height: 100vh;
}

.vh-100{
height: 92vh;
}

.bg-default{
  background-color: #EAEAEA;
}

.color-principal {
  color: #FF8529;
}

.bg-principal{ 
  background-color: #FF8529;
}

.font-size {
  font-size: 3.5em;
}

.style-principal-title{
  font-family: 'Alfa Slab One', cursive;
  letter-spacing: 2px;
}

.btn-register-styles {
  background-color: #FF8529;
}

.flex-flow {
  flex-flow: column;
}

.styles-exit {
  color: rgb(231, 221, 221);
  font-size: 2em;
  position: relative;
  bottom: 30px;
  cursor: pointer;
  border: 1px solid rgb(231, 221, 221);
  padding: 1px 12px;
  border-radius: 100%;
}