/* ====== TIPOGRAFÍA GENERAL ====== */
h1 {
    font-family: serif;   
    font-size: 1.65rem;           
    color: #2a9d8f;                
    text-transform: none;        
    text-align: center;
    margin-bottom: 1rem !important;
  }

 @media screen and (max-width: 768px) {
  h1 {
    font-size: 1.35rem !important;   
  }
}

h2 {
  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
  font-size: 17px;
  color: #333;      
  text-align: left;
  font-style: bold;
  border-bottom: none;
  margin-bottom: 0px !important;
}

h3 {
  font-family: serif;
  font-size: 16px;
  color: #222;      
  text-align: left;
  font-style: italic;
  text-indent: 1.5em;
  border-bottom: none;
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

p {
    text-align: justify;
}

body {
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
    font-size: 16px;
    color: #333;
    line-height: 1.6;
    text-align: justify;  
    margin: 0;
    padding: 0;
  }

@media (max-width: 600px) {
   body {
    text-align: left;
  }
}

  /* ====== LAYOUT GENERAL ====== */

 main {
    max-width: 900px;   
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
} 

.breadcrumb, .quarto-breadcrumb, .page-header, .quarto-page-header {
  display: none !important;
}

.side-title {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.navbar-title {
  text-align: left !important;
  margin-left: 0; 
}

@media screen and (max-width: 768px) {
  .navbar-title {
    display: none !important;
  }
}

.navbar {
  padding-left: 0 !important;
  margin-left: 9px !important;
}

.navbar-brand-container {
  padding-top: 0 !important;
  margin-top: 0px !important;
}

.nav-link {
  padding-bottom: 6px !important;
  margin-bottom: 0px !important;
}

/* Formato hipervínculos de las páginas principales */
main a.main-link {
  color: #333333;     
  text-decoration: underline; 
  font-weight: 550;   
}

main a.main-link:hover {
  color: #000000;        
  text-decoration: none;  
}

.quarto-secondary-nav {
  padding-left: 0 !important;
  margin-left: 9px !important;
}

.navbar-brand {
  font-family: 'Lora';
  font-size: 1.35em;
  color: #000000 !important;
}

 /* Eliminar sangría de la referencia cuando pongo el cursor encima. */
.csl-entry, 
.csl-entry * {
  text-indent: 0 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Ajusta la posición del número de la cita */
.csl-left-margin {
  float: left;
  width: 2em; 
}

/* Alinea el texto correctamente */
.csl-right-inline {
  margin-left: 2.2em; /
}

.csl-bibliography .csl-entry {
  text-indent: 0 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  display: block;
}

.navbar {
  background-color: rgba(255, 255, 255, 0.6); /* blanco semitransparente */
  backdrop-filter: blur(8px); /* desenfoque del fondo */
  -webkit-backdrop-filter: blur(8px);
}

#refs *,
.references *,
.csl-bib-body * {
  margin-left: 0 !important;
  padding-left: 0 !important;
  text-indent: 0 !important;
  text-align: left !important;
  word-break: break-word !important;
}

/* quitar la lupa de arriba en móvil */
@media (max-width: 768px) {
  .aa-DetachedSearchButton{
    display: none !important;
  }
}

.custom-reference {
  text-align: left !important;
  word-break: break-word;
  color: #555;
  font-weight: 300;
  font-size: 0.9em;
}

/* ====== FIGURAS ====== */
/* Contenedor de la figura - para el caption */
.custom-figure {
  text-align: justify; 
}

/* Imagen dentro del contenedor */
.custom-figure img {
  width: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Movile responsive */
@media (max-width: 768px) {
  .custom-figure img {
    width: 100%;
  }
}
/* Contenedor de la figura 2 - para el caption */
.custom-figure-2 {
  text-align: justify; 
}

/* Imagen dentro del contenedor de la figura 2 (que ocupe todo el espacio) */
.custom-figure-2 img {
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Movile responsive figura 2 */
@media (max-width: 768px) {
  .custom-figure-2 img {
    width: 100%;
  }
}

/* Contenedor de la figura 3 - para el caption */
.custom-figure-3 {
  text-align: justify; 
}

/* Imagen dentro del contenedor de la figura 3 (que ocupe todo el espacio) */
.custom-figure-3 img {
  width: 75%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Movile responsive figura 3 */
@media (max-width: 768px) {
  .custom-figure-3 img {
    width: 100%;
  }
}

.custom-figure-4 {
  text-align: justify; 
}

/* Imagen dentro del contenedor */
.custom-figure-4 img {
  width: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Movile responsive */
@media (max-width: 768px) {
  .custom-figure-4 img {
    width: 75%;
  }
}