/* 1) GLOBAL RESETS & UTILITIES */
html, body {
  margin: 0; 
  padding: 0; 
  width: 100%;
  height: 100%;
}

/* 2) CHECKERBOARD HEADER & FOOTER (FIXED) */
.tile-header, .tile-footer {
  position: fixed;
  left: 0;
  width: 100%;
  height: 80px;
  z-index: 9999;

  /* 40×40 checkerboard (4 squares of 20×20 each) 
     #FE731F (orange) and #FFF7C6 (cream) */
  background-color: #FE731F; /* fallback */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB4PSIwIiB5PSIwIiBmaWxsPSIjRkU3MzFGIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMSIvPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgeD0iMjAiIHk9IjAiIGZpbGw9IiNGRkY3QzYiLz48cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHg9IjAiIHk9IjIwIiBmaWxsPSIjRkZGN0M2IiAvPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgeD0iMjAiIHk9IjIwIiBmaWxsPSIjRkU3MzFGIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMSIvPjwvc3ZnPg==");
  background-repeat: repeat;
  background-size: 40px 40px;
}

.tile-header { top: 0; }
.tile-footer { bottom: 0; }

/* 3) PARALLAX CONTAINER */
.parallax-container {
  /* If you want an actual parallax background, uncomment:
     background: url("images/parallax-bg.jpg") center center / cover no-repeat;
     background-attachment: fixed;
  */
  min-height: 100vh;
  position: relative;
}

/* 4) FLYER CONTENT CLASSES */
.flyer-container {
  max-width: 600px;
}

/* Angled "WE'RE OPEN / ESTAMOS ABIERTOS" text */
.open-text {
  text-align: center;
  margin-bottom: 2rem;
}
.open-text h2 {
  display: inline-block;
  transform: rotate(-8deg); /* Adjust angle as needed */
  transform-origin: center;
  color: #000;
  font-weight: bold;
  font-size: 2rem;
  margin: 0;
}

/* White rectangle around the logo (first fold) */
.logo-block {
  background-color: #fff;
  border: 4px solid #000;
  border-radius: 6px;
  color: #000;
  padding: 2rem;
  margin: 0 auto 3rem auto;
  text-align: center;
}

/* Center and size the logo image */
.logo-img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  max-height: 200px; /* Adjust to your liking */
}

/* Divider: black line with "MENU" in the center 
   - we restore a background but use the body color #FFF7C6 */
.menu-divider {
  position: relative;
  text-align: center;
  margin: 3rem 0;
}
.menu-divider hr {
  border: 2px solid #000;
  margin: 0;
}
.menu-divider h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #FFF7C6; /* same as body color */
  padding: 0 1rem;
  margin: 0;
  color: #000;
  font-weight: bold;
}

/* Large orange block with black border (second fold) */
.fold-block {
  background-color: #FE731F;
  border: 4px solid #000;
  border-radius: 6px;
  color: #000;
  padding: 2rem;
  margin: 0 auto;
  text-align: center;
}

/* Menu headings */
.menu-heading {
  font-weight: bold;
  text-transform: uppercase;
  margin: 1.5rem 0 0.75rem;
}

/* Price/description lines */
.price-line {
  margin-bottom: 0.5rem;
}