@media (max-width: 800px) {

  body.bloqueado-scroll {
      overflow: hidden;
      position: fixed;
      width: 100%;
    }
  
    main {
      min-height: 100vh;
      padding-top: 150px;
      
  
      
    }

    header nav {
        position: relative;
        bottom: auto;
        left: auto;
        width: 100%;
      }
    /* Mostrar la hamburguesa */
    
    .hamburger {
      display: block;
      position: absolute;
      right: 10px;
      top: 70px;
      z-index: 101;
      color: #FFFFF0;
      /* background-color: red; */
    }
  
    .hamburger.pequeno{
      top: -15px;
    }

    .arriba-derecha{
        position: absolute;
        align-items: self-start;
    }
  
    /* Ocultar menú inicialmente */
    .nav-bar {
      width: auto;
      transition: none;
      transform: translateX(0);
      opacity: 0;
      pointer-events: none;
      position: absolute;
      top: 150px;
      left: 0px;
      right: 0;
      border-radius: 0%;
    }
    .nav-bar.pequeno{
      top: 0px;
    }
  
    /* header.pequeno .logo {
        display: block;
      } */
      .logo{
        display: none;
      }
    header.pequeno .header-container .logo {
        display: block;
      }
    .menu-toggle:checked ~ .menu-overlay {
      position: fixed;
      overflow: hidden;
      height: 100vh;
  
     }
   /* Cuando el checkbox está marcado, mostrar el menú */
   .menu-toggle:checked ~ .nav-bar {
    right: 0;
    left: auto;
    text-align: right;
    display: flex;
    flex-direction: column;
    background-color: #222;
    padding: 30px;
    /* position: absolute;  */
    /* top: 170px; */
    right: 0px;
    transition: all 1.0s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 100;
    transform: translateX(0);
    opacity: 0.95;
    pointer-events: auto;
    min-width: 250px;
    /* width: 300px; */
    max-height: 50vh;
    overflow-y: auto;
  }

  .nav-bar.pequeno {
    top: 60px !important;
  }
  /* .nav-bar:not(.pequeno) {
    top: 170px;
  } */

  .menu-overlay {
      position: fixed;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0,0.3);
      z-index: 90;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.5s ease;
    }
    
    /* Mostrar cuando el menú se abre */
     .menu-toggle:checked ~ .menu-overlay {
      opacity: 1;
      pointer-events: auto;
      position: fixed;
      top: 0; left: 0;
      width: 100vw;
      height: 100vh;
      overflow: hidden;
      z-index: 95;
    }
  .nav-bar ul {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin: 0;
    padding: 0;
  }
  .nav-bar li {
    justify-content: flex-start;
    text-align: left;
    padding-left: 20px;
  }
  
  .carrusel-habitacion {
    height: 220px;
  }





    /* New styles for logo visibility */

    
      body {
        font-size: 1.95rem;
      }
    
      h2{
        padding-bottom: 5px;
      }
    
      h1, h2, h3 {
        font-size: 2.0rem;
        line-height: 1.2;
      }
    
      p, a {
        font-size: 1.5rem;
      }
    
      .div-logout p {
        font-size: 0.9rem;
        padding: 10px;
      }
    
      .formulario-general{
        padding: 5px;
        padding-top: 15px;
        border-radius: 0  ;
        margin: 0;
        
      }

      .formulario-general input[type="submit"],
      .formulario-general input[type="text"],
      .formulario-general input[type="email"],
      .formulario-general input[type="date"],
      .formulario-general input[type="number"],
      .formulario-general input[type="password"],
      .formulario-general textarea {
        font-size: 1.5rem;
        padding: 5px;
      }
      .formulario-general label{
        font-size: 1.4rem;
      }
    
      .texto-carrusel {
        font-size: 2.5rem;
        padding: 15px;
      }
    
      .contenido-main {
        font-size: 1.5rem;
        padding: 20px;
      }
    
      .nav-bar a {
        font-size: 1.5rem;
        padding: 8px 10px;
      }
    
      .idioma a{
        /* display: inline-block; */
        font-size: 2.0rem;
        
      }
      .idioma{
        text-align: right;
      }
    
      .user-nombre p,a{
        font-size: 0.9rem;
      }
      footer p{
        font-size: 14px; /* mantiene el tamaño pequeño del footer en móviles */
      }
    
      .arriba-derecha{
        text-align: left;
        padding: 10px;
      }

      .nombre {
      text-align: center;
      padding-bottom: 15px;
      
      }

      .nombre > input,textarea{
        max-width: 307.875px;
      }
      
      .nombre > label{
        max-width: 307.875px;
        margin: auto;
        text-align: left; 
        padding:10px;
      }

      .boton-derecha{
        text-align: center; 
        padding: 10px;
        

      }
      .clave > input,textarea{
        max-width: 200px;
      }
      
    }