/* Integración de GillSans-Light */
@font-face {
    font-family: 'GillSans-Light';
    src: url('fonts/GillSans-Light.woff2') format('woff2'),
         url('fonts/GillSans-Light.woff') format('woff'),
         url('fonts/GillSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Integración de GothamCond-Light */
@font-face {
    font-family: 'GothamCond-Light';
    src: url('fonts/GothamCond-Light.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/* Integración de GothamCond-Medium */
@font-face {
    font-family: 'GothamCond-Medium';
    src: url('fonts/GothamCond-Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@media screen and (orientation:portrait) {
  body {
    background-image: url('assets/img/fondo5.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-color: #fcf9f7;
    font-family: 'GothamCond-Light', sans-serif;
 }

 .content2 {display:none;}
 .content {
  position: absolute;
  margin-top:40%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: 'GothamCond-Light', sans-serif;
  width:100vw;
  height:100vh;
  overflow-x:hidden;
  
}
  
.table td, .table th {
    padding: 0px;
    vertical-align: top;
    
}
  .sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #fcf9f7;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 20vh;
 
}

.sidebar a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
   background-color: #fcf9f7;
 
}

.sidebar a:hover {
  color: #f1f1f1;
   background-color: #fcf9f7;
}

.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.openbtn {
  font-size: 7vh;
  cursor: pointer;
  background-color: #fcf9f7;
  color: #bbb;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #bbb;
}

#main {
  transition: margin-left .5s;
  position:absolute;
  left:0px;
  width:100vw;
  padding: 0px;
  z-index:0;
  background-color: #fcf9f7;
}

.hamburguesa {
  width: 35px;
  height: 3px;
  background-color: #818181;
  margin: 4px 0;
  border: 1px solid #f9f9f9;
  
}
.esquinatop {
  position:fixed;
  top:3vh;
  left:26vw;
}
}
/* Fondo horizontal (landscape) */
@media screen and (orientation:landscape) {
  body {
    /*background-image: url('assets/img/1_fondo_landscape.png');
    background-size: cover;
    background-attachment: fixed;*/
    background-color: #fcf9f7;
    font-family: 'GothamCond-Light', sans-serif;
}
.content { display:none; }

.table td, .table th {
    padding: 0px;
    vertical-align: middle;
    font-family: 'GothamCond-Light', sans-serif;
    
}

}
.final {padding:5px 20px 5px 20px;text-align:center;font-size:0.8em;}
.menu-container {
      overflow-x: auto;
      margin-left:20px;
      width:90vw;
      white-space: nowrap;
      padding: 10px 0px 0px 10px;
      -webkit-overflow-scrolling: touch;
      scroll-snap-type: x mandatory;
       /* Ocultar barra scroll en navegadores modernos */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
      
    }

.menu-container::-webkit-scrollbar {
  display: none; /* Chrome, Safari y Edge */
}

    .menu {
      display: inline-flex;
      gap: 5px;
     z-index:9999;
    }

    .menu input[type="radio"] {
      display: none;
    }

    .menu label {
      display: inline-block;
      padding: 5px 8px;
     /* background-color: #fff;
      border-radius: 20px;
      border: 1px solid #ccc;*/
      cursor: pointer;
      white-space: nowrap;
      transition: background-color 0.3s, color 0.3s;
      scroll-snap-align: start;
      user-select: none;
      font-size: 14px;
      z-index:9999;
    }

    .menu input[type="radio"]:checked + label {
      background-color: #baa64c;
      color: #fff;
      border-color: #baa64c;
      border-radius: 20px;
      z-index:9999;
    }
    .en {
      position:fixed;
      right:10px;
      top:5px;
      z-index:9999;
      background-color:#e2e9ca;
      border-radius:5px;
      opacity:0.5;
      padding:2px 3px 2px 3px
     }
h2 {
       font-family: 'GothamCond-Light', sans-serif;
      font-size:1.2rem;
      font-weight:bold;
       }
    p {
       font-family: 'GothamCond-Light', sans-serif;
      font-size:1rem;
       }
    a {
      color: #baa64c;
      text-decoration: none;
      }