/* ============================================================
   CASE-STUDY.CSS — Layout para las páginas de caso de estudio.
   ============================================================ */

body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 48px;
  font-family: 'Geist', sans-serif;
}

/* Visibilidad de navegación por plataforma */
nav-desktop {
  display: flex;
  width: 100%;
  max-width: 1440px;
}

nav-mobile {
  display: none;
  width: 100%;
}

@media (max-width: 1023px) {
  nav-desktop { display: none; }
  nav-mobile  { display: block; }
}

/* Wrapper del caso de estudio */
.case-wrapper {
  width: 100%;
  max-width: 1440px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}