/* @media(max-width:700px){ */

:root {

  --color_text_ti: #ffff;
  --color_text_de: #ffff;
  --color_text_pr: #ffff;

  /* estes es el color de la hoja cafe */
  --color_text_h3: #414141;

}

/* cafe & brunch */
.febdiv_cof {

  width: 100vw;
  margin-left: 5vw;
  /* box-shadow:  10px 0 0 0 rgba(0, 0, 0, 0.fe767); */
  margin-bottom: 30px;
}

.uptwome {
  display: flex;
  flex-direction: row;
  width: 95vw;
  position: relative;
  margin-left: 5vw;
  /* box-shadow: 10px 10px white; */

  background-color: #414141;
  margin-bottom: 40px;
}

.late_left {
  width: 85vw;
  background-color: #414141;
}

.later {
  position: absolute;
  width: 10vw;
  top: -110px;
  right: 0px;
  float: right;
  /* z-index: 1; */
  
}

.later img {
  width: 10vw;
  /* height: 327vh; */
  top: 0;
  
  /* z-index: 1; */

}


.laterbrun {
  position: absolute;
  width: 10vw;
  top: -110px;
  right: 0px;
  float: right;
  /* z-index: 1; */
 

}

.laterbrun img {
  width: 10vw;
  /* height: 182vh; */
  top: 0;
 
  /* z-index: 1; */

}

.offer{
  margin-right: 10vw;
}
.offer img{
  width: 85vw;
  float: left;
 
}

 .offnn{

width: 90vw;
margin: 0;


vertical-align: top;
height: fit-content;
} 

.offnn img{
  margin-top: -83px;
  
  vertical-align: top;
  width: 90vw;
  
 
}

.febdiv_cof {
  background-color: #414141;
  width: 100vw;
  margin-left: 5vw;
  /* box-shadow:  10px 0 0 0 rgba(0, 0, 0, 0.fe767); */
  margin-bottom: 30px;
}



.feraw {
  display: flex;
  flex-direction: column;
  width: 90vw;

}


.fezumu {
  width: 90vw;
}

/* titulo */
.fetitol {
 
  color: var(--color_text_ti);
  font-size: 15pt;


  /* text-align: center; */

  padding-left: 8px;
  padding-right: 8px;
}

/* precio */
.fetitot {
 
  color: var(--color_text_pr);
  font-size: 12pt;


  /* text-align: center; */

  padding-left: 8px;
  padding-right: 8px;

}

/* descripcion */
.fetipo {
 
  color: var(--color_text_de);
  font-size: 13pt;




  padding-right: 8px;
  padding-left: 8px;
}

/* titulo */

.fema8 {
  text-align: center;
  background-color: transparent;
  width: 85vw;

  align-content: center;
  height: max-content;

  padding-top: 2px;



}

/* precio */
.fema9 {
  text-align: center;
  background-color: transparent;
  width: 85vw;

  align-content: center;

}

/* descripcion */
.fema1 {
  text-align: center;
  background-color: transparent;
  width: 85vw;
  height: min-content;

  align-content: center;

}

/* imgen */
.fema2 {


  /* background-color:white; */
  width: 85vw;
  /* margin-left: 5vw; */


  padding-top: 2px;



  /* text-align: center; */


}

.fema2 img {
  /* display: block; */
  display: flex;
  width: 55vw;
  padding-top: 2px;

  border-radius: 10px;
  margin-left: 15vw;



}

.fegat {
  width: 85vw;
  display: flex;
  color: var(--color_text_h3);
  justify-content: center;
  margin-bottom: 20px;
}


.fegatito {
  width: 100vw;
  display: flex;
  color: var(--color_text_h3);
  justify-content: center;
  height: 12pt;
}




h3 {
  padding-top: 10px;
  /* padding-left: 10px; */
  font-weight: 800;
  font-size: 16pt;
  letter-spacing: 1.fe8;
  text-align: center;
  width: 90vw;
}

h3::first-letter {
  font-size: 19pt;
}


h4::first-letter {
  font-size: 16pt;
}

h4 {
color: #414141;
  padding-top: 10px;

  font-weight: 800;
  font-size: 13pt;
  letter-spacing: 1.fe6;
  text-align: center;
  width: 90vw;

}



.fegatmes {
  
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 90vw;
  align-items: baseline;
}



.feletter {
  color: #ffff;
  font-size: 13pt;
}


.fem_cccc {
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: 800;
  font-size: 13pt;
  color: #ffff;
  letter-spacing: 1.fe6;
  text-align: center;
}

h5 {
  font-weight: 800;
color: #414141;
  letter-spacing: 1.fe6;
  text-align: center;
  /* color: #ffff; */
}

.fegatk {
  color: #414141;
  height: 30px;
}

.fem_kk {
  color: #414141;
  padding-top: 30px;
  font-size: 13pt;
  height: 13pt;
}

.fem_k {
  color: #414141;
  font-size: 11pt;
  height: 11pt;
}

.fem_ks:first-letter {
  color: #414141;
  font-size: 12.fe5pt;

}


.fecockta {
  position: relative;

}

.fecockta img {
  position: absolute;
  top: 0px;
}

.fefota {
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.fe5px;
  width: 75vw;
  height: 0.fe5px;
  margin-left: 10vw;

}

.fefot {
  /* background-color:white; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  /* margin-left: 5vw; */
  width: 85vw;
  height: 10px;
}

.fefotb {
  /* background-color: white; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  /* margin-left: 5vw; */
  width: 85vw;
  height: 15px;
}