/* =========================
   Base
   ========================= */
.reveal {
  font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 20px;         /* tamaño base (portada y global) */
  line-height: 1.4;
}

/* Tipografía grande SOLO en no-portada */
.reveal .slides section:not(.title-slide) {
  font-size: 28px;         /* agranda texto del cuerpo en no-portada */
  line-height: 1.45;
}

/* =========================
   Encabezados (todas las diapositivas)
   ========================= */
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
  font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: #44286F;
  font-weight: 600;
  letter-spacing: -0.02em;
  margin-bottom: 1.0em;    /* MÁS espacio después de todos los títulos */
  margin-top: 0;           /* evita que suban/bajen con márgenes previos */
}

.reveal h1 { font-size: 2em; }
.reveal h2 { font-size: 1.6em; }
.reveal h3 { font-size: 1.6em; }
.reveal h4 { font-size: 1.3em; }

/* =========================
   Listas y párrafos
   ========================= */
.reveal ul,
.reveal ol {
  display: block;
  text-align: left;
  margin: 0 0 0 1em;
}

.reveal li {
  margin: 0.5em 0;
  font-size: 1em;          /* relativo al contenedor (28px en no-portada) */
}

.reveal p {
  margin: 0.5em 0;
  line-height: 1.5;
  font-size: 1em;          /* 1em ≈ 28px en no-portada, 20px en portada */
}

/* Negrita */
.reveal strong {
  color: #44286F;
  font-weight: bold;
}

/* Pestañas (tabsets) */
.panel-tabset .nav-tabs { font-size: 1.2em; }
.panel-tabset .tab-content { font-size: 1.1em; }

/* =========================
   Portada (title slide)
   ========================= */
.title-container {
  display: grid;
  grid-template-columns: 60% 40%;
  gap: 5%;
  height: 100%;
  width: 100%;
  align-items: center;
}

.title-content { text-align: left; padding-left: 20px; }

.title-image {
  display: flex; justify-content: center; align-items: center;
}
.title-image img {
  max-width: 100%;
  max-height: 500px;
  border-radius: 0;
  box-shadow: none;
}

.title { margin-bottom: 20px; font-size: 0.5em; color: #44286F; }
.subtitle { font-size: 1.1em; margin-bottom: 30px; color: #44286F; }
.author { font-size: 1.2em; margin-bottom: 10px; }
.institute { font-size: 1em; margin-bottom: 10px; }
.advisor { font-size: 1em; font-style: italic; }

/* =========================
   Imágenes y contenedores
   ========================= */
.reveal .slides section img {
  max-width: 100% !important;
  max-height: 100vh !important;
}

/* Más ancho útil en cada slide */
.reveal .slides section {
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 1px 20px !important;
}

/* QUITAMOS la regla que comprimía h2
   (antes forzaba margin-top/bottom: 2px)
   Si necesitas un ajuste puntual, hazlo slide a slide. */



/* =========================
   Portadas intermedias
   ========================= */
.reveal .slides section.level1.intertitle {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
  padding: 0;
}

.reveal .slides section.level1.intertitle h1 {
  margin: 0.3em 0;
  font-size: 2.8em;
  color: #44286F;
}

/* Subtítulo de portada intermedia */
.subtitulo-h2 {
  display: block;
  font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 1.7em;
  font-weight: 500;
  color: #402D5C;        /* gris combinable */
  letter-spacing: -0.01em;
  margin-top: -0.2em;
  margin-bottom: 0.8em;
  text-align: left;
  opacity: 0.95;
}

/* =========================
   Láminas regulares
   ========================= */

/* Título de lámina (##) */
.reveal .slides section:not(.title-slide):not(.intertitle) h2 {
  color: #44286F;
  margin-bottom: 0.4em;
}

/* Subtítulo (###): menor espacio y color gris */
.reveal .slides section:not(.title-slide):not(.intertitle) h3 {
  color: #402D5C;       /* gris combinable */
  margin-top: -0.3em;   /* reduce espacio con el h2 */
  margin-bottom: 0.5em;
  font-weight: 550;
}



/* bullets más chicos solo en bloques marcados */
.small-bullets ul li,
.small-bullets ol li {
  font-size: 0.95em;
}

===========================================
1) LISTA PRINCIPAL (1., 2., 3.)
   SIN INDENT — alineada con el título
===========================================
*/
.indent-bullets > ol {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.indent-bullets > ol > li {
  margin-top: 0.3em !important;
  margin-bottom: 0.3em !important;
  line-height: 1.25 !important;
}


/* 
===========================================
2) BULLETS SECUNDARIOS (•)
   CON INDENT — más a la derecha
===========================================
*/
.indent-bullets > ul {
  margin-left: 2.8em !important;  /* <--- Aumenta este número para mover más */
  padding-left: 0.8em !important;
}

.indent-bullets > ul > li {
  margin-top: 0.25em !important;
  margin-bottom: 0.25em !important;
  line-height: 1.2 !important;
}


/* 
===========================================
3) SUB-BULLETS (si existen después)
===========================================
*/
.indent-bullets ul ul {
  margin-left: 2em !important;
  padding-left: 0.7em !important;
}