/*
  Estilos específicos SOLO del INDEX
*/

/* Contenedor principal de la home */
.principal-container {
  z-index: 2;
  position: relative;
  text-align: center;
  margin: auto;
  padding-top: 160px;
  padding-bottom: 110px;
  padding-left: 20px;
  padding-right: 20px;
}

.principal-container h1 {
  margin-bottom: 60px; /* separación debajo del título */
}

.principal-content h2 {
  margin-top: 10px;
  margin-bottom: 25px; /* ajusta si quieres más */
}


/* Para que el logo y el texto estén alineados */
.principal-content {
  margin-top: 20px;
}

.principal-content img {
  width: 8%;            /* más pequeño que antes */
  height: auto;
  margin-top: 10px;
  margin-bottom: 20px;   /* separación por debajo */
}

/* Ajuste adicional para pantallas pequeñas */
@media screen and (max-width: 991px) {
  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 24px;
  }

  .principal-container {
    padding-top: 130px;
  }
}