*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;

}
.general{
background-image: url('../img/fondopersonal.jpg');
  /* height: 100vh; */
  width: 100%;
  height: fit-content;
  

  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}

.cabecera{
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

.botonera{
    width: 100%; /* Establezco el ancho del elemento */
    margin: auto; /* Lo centro colocando los márgenes a la derecha e izquierda respectivamnte */
    height: 10vh;
    background-color: rgb(223, 223, 223);
    box-shadow: rgba(29, 22, 44, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px,#b96d41 0 -3px 0 inset;
    /* box-shadow: 2px 4px 10px 4px rgb(53, 49, 49); */
     
    
  
    /* Acomodo los botones dentro de la botonera */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    z-index: 100;
  }
  
  /* Estilo de los botones */

.botones{
  margin: auto;
  height: auto;
  background: transparent;
  padding: 0;
  border: none;
}

.botones{
align-items: center;
appearance: none;
background-color: #f79b66;
border-radius: 4px;
border-width: 0;
box-shadow: rgba(29, 22, 44, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px,#b96d41 0 -3px 0 inset;
box-sizing: border-box;
color: #36395A;
cursor: pointer;
display: inline-flex;
font-family: "JetBrains Mono",monospace;
height: 48px;
justify-content: center;
line-height: 1;
list-style: none;
overflow: hidden;
padding-left: 16px;
padding-right: 16px;
position: relative;
text-align: left;
text-decoration: none;
transition: box-shadow .15s,transform .15s;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
white-space: nowrap;
will-change: box-shadow,transform;
font-size: 18px;
}

.botones:focus {
box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #b96d41  0 -3px 0 inset;
}

.botones:hover {
box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #b96d41  0 -3px 0 inset;
transform: translateY(-2px);
}

.botones:active {
box-shadow: #D6D6E7 0 3px 7px inset;
transform: translateY(2px);
}

  
  .conociendome{

    /* Tamaño */

    width: 80%;
    height: 120vh;
    margin: auto;
    margin-top: 5%;
   

    /* Disposición */

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;

    background-color: white;
    box-shadow: 2px 4px 10px 4px rgb(53, 49, 49);
    border: 3px solid #e98f5a;

}

.illia{

  /* Tamaño */

  width: 100%;
  height:fit-content;
  margin: auto;
  margin-top: 5%;
 

  /* Disposición */

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;

  background-color: white;
  box-shadow: 2px 4px 10px 4px rgb(53, 49, 49);
  border: 3px solid #e98f5a;

  overflow: hidden;
}

.futuro{
    margin: auto;
    margin-top: 5%;
    width: 70%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    background-color: white;
    box-shadow: 2px 4px 10px 4px rgb(53, 49, 49);
    border: 3px solid #e98f5a;
}
  .foto_v{
    display: none;
  }

  .foto_h{
    display: none;
  }

@media ( orientation : landscape ) {
  
  .foto_h{
    display: block;
  }

}

@media ( orientation : portrait ) {
  
  .foto_v{
    display: block;
  }

}

.foto_h{

  width: 85%;

}

.foto_v{

  width: 85%;

}


.contactos{

  width: 75%;
    height: 50vh;
    margin: auto;
    margin-top: 5%;
    margin-bottom: 3%;
   

    /* Disposición */

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content:center;

    background-color: white;
    box-shadow: 2px 4px 10px 4px rgb(53, 49, 49);
    border: 3px solid #e98f5a;
}

.redes{

display: flex;
flex-direction: row;
margin-left: 10%;
margin-top: 5%;
}

.logos{

display: block;

}

.twitter{

  width: 50%;

}

.instagram{

  width: 50%;

}

.mail{

  width: 50%;

}

.lol{

  width: 50%;

}