/* =========================================================
   PRESENTACIÓN – ANCHO COMPLETO (FULL WIDTH)
   Solo afecta a presentacion-section
   NO cambia tipografías
   NO rompe navbar
   ========================================================= */

/* Saca el contenido del max-width de Quarto */
body:has(.presentacion-section) #quarto-content,
body:has(.presentacion-section) main.content {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Contenedor real de la presentación */
.presentacion-section {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(1rem, 4vw, 4rem);
  padding-right: clamp(1rem, 4vw, 4rem);
}

/* Mantiene legibilidad interna */
.presentacion-section > * {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* Secciones que sí deben ser full-bleed (opcional) */
.presentacion-section .tool-grid,
.presentacion-section .contact-footer {
  max-width: none;
}



.presentacion-section {
  min-height: calc(100vh - 72px); /* ajusta a tu navbar */
  padding-top: 3rem;
  padding-bottom: 4rem;
}


/* =========================================================
   PRESENTACIÓN – FULL WIDTH ROBUSTO (sin :has)
   Solo afecta a la página que tenga .presentacion-page
   ========================================================= */

/* 1) Rompe el límite de ancho del contenedor de Quarto */
.presentacion-page {
  width: 88vw;                 /* controla el ancho */
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  overflow-x: clip;
}
/* 2) Asegura que el iframe use todo el ancho del full-bleed */
.presentacion-page #presentacion-frame {
  width: 100%;
  display: block;
}

/* 3) (Opcional) si tu tema aplica padding interno, lo neutralizamos SOLO aquí */
.presentacion-page .content,
.presentacion-page .content-container,
.presentacion-page .page-columns,
.presentacion-page main.content {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}






/* =========================================================
   TESIS – FULL WIDTH ROBUSTO (sin conflicto)
   Solo afecta a páginas con .tesis-page
   ========================================================= */

/* 1) Rompe el límite de ancho de Quarto SOLO aquí */
.tesis-page {
  width: 88vw;                 /* <-- AQUÍ controlas el ancho */
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  overflow-x: clip;
}

/* 2) Asegura que el iframe use todo el ancho */
.tesis-page #tesis-frame {
  width: 100%;
  display: block;
}

/* 3) Neutraliza contenedores internos de Quarto SOLO en tesis */
.tesis-page .content,
.tesis-page .content-container,
.tesis-page .page-columns,
.tesis-page main.content,
.tesis-page #quarto-content {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}







/* =========================================================
   MODELADO ESTADÍSTICO – FULL WIDTH ROBUSTO (sin conflicto)
   Solo afecta a páginas con .modelado-estadistico-page
   ========================================================= */

/* 1) Rompe el límite de ancho de Quarto SOLO aquí */
.modelado-estadistico-page {
  width: 88vw;                 /* 👈 AQUÍ controlas el ancho */
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  overflow-x: clip;
}

/* 2) Asegura que el iframe use todo el ancho */
.modelado-estadistico-page #modelado-estadistico-frame {
  width: 100%;
  display: block;
}

/* 3) Neutraliza contenedores internos de Quarto SOLO en modelado */
.modelado-estadistico-page .content,
.modelado-estadistico-page .content-container,
.modelado-estadistico-page .page-columns,
.modelado-estadistico-page main.content,
.modelado-estadistico-page #quarto-content {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}




/* =========================================================
   DATA ANALYTICS – FULL WIDTH ROBUSTO (sin conflicto)
   Solo afecta a páginas con .data-analitics-page
   ========================================================= */

/* 1) Rompe el límite de ancho de Quarto SOLO aquí */
.data-analitics-page {
  width: 88vw;                 /* 👈 AQUÍ controlas el ancho */
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  overflow-x: clip;
}

/* 2) Asegura que el iframe use todo el ancho */
.data-analitics-page #data-analitics-frame {
  width: 100%;
  display: block;
}

/* 3) Neutraliza contenedores internos de Quarto SOLO en data analytics */
.data-analitics-page .content,
.data-analitics-page .content-container,
.data-analitics-page .page-columns,
.data-analitics-page main.content,
.data-analitics-page #quarto-content {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}