/* === FUENTES: Neue Haas Grotesk Display === */
@font-face {
  font-family: 'Neue Haas';
  src: url('../fonts/NeueHaasGrotesk/NeueHaasDisplay-Roman.ttf') format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'Neue Haas';
  src: url('../fonts/NeueHaasGrotesk/NeueHaasDisplay-Bold.ttf') format('truetype');
  font-weight: 700;
}

@font-face {
  font-family: 'Neue Haas';
  src: url('../fonts/NeueHaasGrotesk/NeueHaasDisplay-Light.ttf') format('truetype');
  font-weight: 300;
}

/* === RESET GLOBAL === */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

/* === FONDO GLOBAL === */
body {
  font-family: 'Neue Haas', sans-serif;
  font-weight: 400;
  background-color: #EFEFEF;
  color: black;
  line-height: 1.5;
  margin: 0;
}

/* === CONTENEDOR RESPONSIVO FLUIDO === */
.page-wrapper {
  width: 100%;
  padding-left: clamp(1rem, 4vw, 48px);
  padding-right: clamp(1rem, 4vw, 48px);
}

/* === LOGO FIJO ARRIBA IZQUIERDA === */
.fixed-logo {
  position: fixed;
  top: 40px;
  left: 40px;
  z-index: 1000;
}

.fixed-logo img {
  width: 18px;
  height: auto;
  display: block;
}

/* === MENÚ FLUIDO DISTRIBUIDO CON SUPERPOSICIÓN === */
.header {
  width: 100%;
  padding-top: 1rem;
  position: relative;
  z-index: 10;
  margin-top: 40px;
  margin-bottom: 3rem;
}

.menu-bar {
  width: 100%;
  padding: 0 40px;
}

.menu-bar ul {
  display: flex;
  justify-content: flex-end;
  gap: 240px;
  list-style: none;
  margin: 0;
}

.menu-bar li a {
  font-size: 1rem;
  font-family: 'Neue Haas', sans-serif;
  color: black;
  text-decoration: none;
  white-space: nowrap;
  transition: font-family 0.3s, font-style 0.3s;
}

.menu-bar li a:hover {
  font-family: Georgia, serif;
  font-style: italic;
}

/* === SECCIÓN DISCIPLINAS === */

.scroll-disciplinas {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  margin: 4rem 0;
  padding: 4rem 0;
}

/* Ocultar scrollbar */
.scroll-disciplinas::-webkit-scrollbar {
  display: none;
}
.scroll-disciplinas {
  width: 100vw;               /* Ocupa todo el ancho de la ventana */
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;         /* Compensa el padding/margen del body */
  margin-right: -50vw;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 2rem 0;            /* Solo padding vertical */
}

.spacer {
  flex: 0 0 40px; /* o lo que uses de padding lateral en el body */
}

.disciplinas-slider {
  display: flex;
  gap: 1rem;
  
}

.disciplina-placeholder {
  flex: 0 0 500px; /* ancho de la tarjeta */
  display: flex;
  flex-direction: column;
  scroll-snap-align: start;
}

.imagen-wrap {
   width: 100%;
  height: 600px; /* alto de la imagen */
  overflow: hidden;
  border-radius: 8px;
}

.imagen-disciplina {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.disciplina-nombre {
   margin-top: 20px;
  font-family: 'Neue Haas Grotesk', sans-serif;
  font-size: 1.2rem; /* Aumentado desde 0.9rem */
  text-align: left;
  color: black;
}

/* === SECCIÓN DESCRIPCIÓN === */

.descripcion {
  font-family: 'Neue Haas Grotesk', sans-serif;
  font-weight: normal;
  color: black;
}

.descripcion-contenedor {
  display: flex;
  flex-direction: row;
  gap: 4rem;
  margin: 0 auto;
}

.descripcion-columna {
  flex: 1;
  font-size: 1.2rem;
  line-height: 1.4;
  letter-spacing: 0;
  
}



@media (max-width: 768px) {
  .descripcion-contenedor {
    flex-direction: column;
    gap: 2rem;
  }
}

/* === SECCIÓN PROYECTOS === */

.proyectos {
  
  font-family: 'Neue Haas Grotesk', sans-serif;
}

.proyectos-titulo {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 2rem;
}

.proyectos-tabla {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 100%;
  border-top: 1px solid black;
}

.fila-proyecto {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
  border-bottom: 1px solid black;
}

.col {
  font-size: 0.95rem;
  flex: 1;
}

.proyecto-nombre {
  text-align: left;
}

.autor-nombre {
  text-align: center;
}

.fecha {
  text-align: right;
}

/* === B Scroll horizontal === */

.BLateral {

  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;

  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;

  margin-top: 120px;
  margin-bottom: 120px;

}


/* Ocultar scrollbar */
.scroll-BLateral::-webkit-scrollbar {
  display: none;
}
.scroll-BLateral {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.BLateral-slider {
  display: flex;
  gap: 1rem;
  padding: 0 40px;
}

/* === Conclusion === */

.section-conclusion {
margin-top: 80px;
margin-bottom: 80px;
justify-content: center;
font: Georgia, serif;
  
}

.section-conclusion p{
  font-family: Georgia, serif;
  text-align: center;
  font-size: 4rem;
}


/* === Contacto === */

.contacto {
margin-bottom: 80px;
display: flex;
justify-content:space-between ;
gap: 60px;

}

/* === Footer === */

.MadeIn {
margin-top: 80px;
margin-bottom: 40px;
justify-content: center;
font: Georgia, serif;

}

.MadeIn p {
  font-family: Georgia, serif;
  text-align: center; 

}

.MadeIn p p {
  font-family: Georgia, serif;
  font-style: italic;
}