/* 1. Hamburger */
#fs-menu-toggle {
    position: relative;
    width: 30px; height: 22px;
    cursor: pointer;
    z-index: 1001;
  }
  #fs-menu-toggle span {
    position: absolute;
    height: 3px; width: 100%;
    background: #000;
    transition: all .4s ease;
  }
  #fs-menu-toggle span:nth-child(1) { top: 0; }
  #fs-menu-toggle span:nth-child(2) { top: 9px; }
  #fs-menu-toggle span:nth-child(3) { top: 18px; }
  
  /* 2. Overlay fullscreen (hidden by default) */
  #fs-menu-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    background: rgba(255,255,255,0.98);
    transform: translateY(-100%);
    transition: transform .6s cubic-bezier(0.85,0,0.15,1);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
  }
  
  /* 3. Lista menu al centro */
  .fs-menu-list {
    list-style: none;
    text-align: center;
    margin: 0; padding: 0;
  }
  .fs-menu-list li {
    margin: 1rem 0;
  }
  .fs-menu-list a {
    font-size: 2rem;
    text-decoration: none;
    color: #000;
    transition: color .3s;
  }
  .fs-menu-list a:hover {
    color: #0071e3; /* blue Apple‐style */
  }
  
  /* 4. Stato “open” */
  body.menu-open #fs-menu-overlay {
    transform: translateY(0);
  }
  body.menu-open #fs-menu-toggle span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
  }
  body.menu-open #fs-menu-toggle span:nth-child(2) {
    opacity: 0;
  }
  body.menu-open #fs-menu-toggle span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
  }