@charset "UTF-8";
/*General Styles for Body */
body {
  max-width: 100%; /* Elimina el límite de ancho */
  width: 100%; /* Asegura que ocupa todo el ancho */
  margin: 0; /* Elimina cualquier margen */
  padding: 0; /* Elimina cualquier padding */
  box-sizing: border-box; /* Asegura el modelo de caja correcto */
}

/* General Styles for Header */
.site-header {
  width: 100%;
  background-color: #f5f5f5; /* Fondo claro */
  border-bottom: 1px solid #ddd;
}

/* Encabezado principal */
.header-main {
  padding: 1rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; /* Asegura que el logo y el navbar estén apilados */
}

.header-content {
  display: flex;
  align-items: center;
  gap: 1rem; /* Espaciado entre logo y texto */
}

.header-logo img {
  max-width: 80px; /* Tamaño máximo del logo */
  height: auto;
  display: block;
}

.header-text {
  text-align: left;
}

.site-title {
  font-size: 2rem;
  color: #00d1b2; /* Verde Bulma */
  color: #000000; /* Verde Bulma */
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.site-subtitle {
  font-size: 1rem;
  color: #7a7a7a; /* Gris claro */
  margin: 0;
}

/* Navbar */
.navbar {
  width: 100%;
  background-color: #ffffff;
  display: flex;
  justify-content: center; /* Centra todo horizontalmente */
  border-top: 1px solid #ddd; /* Línea separadora */
  padding-top: 0.5rem; /* Ajuste de separación con el contenido superior */
}

.navbar-container {
  width: 100%;
  max-width: 1200px; /* Limita el ancho máximo */
  display: flex;
  justify-content: space-between;
}

.navbar-item {
  font-weight: bold;
  color: #4a4a4a; /* Gris oscuro */
  text-decoration: none;
  padding: 0.5rem 1rem;
  transition: background-color 0.3s, color 0.3s;
}
.navbar-item:hover {
  background-color: #00d1b2; /* Verde Bulma */
  color: #ffffff;
  border-radius: 4px;
}

/* General Styles for Main */
.section1-main {
  padding: 2rem 0; /* Espaciado vertical */
  background-color: #f9f9f9; /* Fondo suave */
}
.section1-main .image img {
  border-radius: 8px; /* Bordes redondeados */
  max-width: 100%; /* Imagen completamente responsiva */
  height: auto;
}
.section1-main .content {
  text-align: justify; /* Justifica el texto */
  color: #4a4a4a; /* Color de texto gris oscuro */
  line-height: 1.6; /* Mejora la legibilidad */
}
.section1-main h2 {
  color: #00d1b2; /* Verde Bulma */
  color: #000000; /* Verde Bulma */
  margin-bottom: 1rem;
}

/* Estilo general para artículos */
/* Contenedor de la imagen para centrarla */
.article-image-container {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem; /* Margen inferior para separar del texto */
}

/* Imagen dentro del contenedor */
.article-image img {
  width: 50%; /* Escala al 50% del contenedor */
  height: auto; /* Mantén las proporciones */
  border-radius: 8px; /* Bordes redondeados para mejor estética */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra suave */
  max-width: 100%; /* Evita que se desborde en contenedores pequeños */
}

.footer {
  background-color: #d6cab0;
  background-color: #fcf5e1;
  background-color: #ffffff;
  font-size: 0.75rem;
  color: white; /* Asegúrate de que el texto sea legible sobre el fondo */
  padding: 20px 0; /* Ajusta el espacio interno del footer */
}

.footer a {
  color: #f5a623; /* Color de los enlaces dentro del footer */
}

.footer a:hover {
  text-decoration: underline;
}

/*# sourceMappingURL=styles.css.map */