article {
  margin: 0 auto; /* Aplica márgenes automáticos en los lados izquierdo y derecho */
}

@media screen and (min-width: 768px) {
  article {
    max-width: 75%; /* Ancho máximo solo en pantallas con un ancho mínimo de 768px */
  }
}


body{
  background-color:white;
}

.header-text-blog{
  font-size: 25px; /* Tamaño de la fuente */
  font-weight: 300; /* Grosor de la fuente */
  letter-spacing: -1.2px;  /* Espacio entre letras */
    color: #194A8E; /* Color del texto */
}
.article-title{
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 40px !important; /* Tamaño de la fuente */
  font-weight: 800 !important; /* Grosor de la fuente */
  letter-spacing: -1.6px;  /* Espacio entre letras */
  color: rgb(34, 34, 34); /* Color del texto */
  text-align: center; /* Alineación del texto */
}

.article-subtitle{
  font-size: 20px; /* Tamaño de la fuente */
  font-weight: 300; /* Grosor de la fuente */
  letter-spacing: 1px;  /* Espacio entre letras */
  color: rgb(34, 34, 34); /* Color del texto */
  text-align: center; /* Alineación del texto */
  font-style: italic;

}

.article-date{
    font-size: 14px !important; /* Tamaño de la fuente */
    letter-spacing: 1px;  /* Espacio entre letras */
    color: #6c757d !important; /* Color del texto */
    text-align: left; /* Alineación del texto */
}

.image_description{
  font-size: 15px !important;
  font-weight: 700 !important;
  text-align: left;
}


.other_article{
    font-size: 15px;
    font-weight: 300;
    text-align: left;
    color: #194a8e; /* Color del texto */
    text-decoration: none;
}


.link_normal{  font-size: 30px;text-decoration: none; text-underline: none;}
.link_normal:link{  text-decoration: none; text-underline: none;}
.link_normal:visited{  text-decoration: none; text-underline: none;}
.link_normal:hover{  text-decoration: none; text-underline: none;}
.link_normal:active{  text-decoration: none; text-underline: none;}


main p{
  font-size: 17px !important; /* Tamaño de la fuente */
  font-weight: 300 !important; /* Grosor de la fuente */
  color: rgb(32, 33, 34); /* Color del texto */
  text-align: left; /* Alineación del texto */
}

main li{
  font-size: 17px !important; /* Tamaño de la fuente */
  font-weight: 300 !important; /* Grosor de la fuente */
  color: rgb(32, 33, 34); /* Color del texto */
  text-align: left; /* Alineación del texto */
}

main span{
  font-size: 17px !important; /* Tamaño de la fuente */
  font-weight: 300 !important; /* Grosor de la fuente */
  color: rgb(32, 33, 34); /* Color del texto */
  text-align: left; /* Alineación del texto */
}

main.container.my-2 h3 h4 h2{
  font-size: 23px !important; /* Tamaño de la fuente */
  font-weight: 700 !important; /* Grosor de la fuente */
  color: rgb(32, 33, 34); /* Color del texto */
  text-align: left !important; /* Alineación del texto */
    margin-top: 30px;
    margin-bottom: 30px;
}





.badge {
    font-size: 1.2em; /* Ajusta el tamaño de la fuente al que te parezca más adecuado. */
    padding:  5px 10px  5px 10px; /* Ajusta el relleno al que te parezca más adecuado. */
    text-decoration: none;
}

.image-cover{
  max-height: 450px;
  width: auto;
}