@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* General layout for the alta_costura section */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.alta_costura {
  display: flex;
  flex-wrap: wrap; /* Allow elements to wrap in smaller screens */
  justify-content: space-between;
  padding-top: 70px; 
  background-color: #0c0a10;
}

/* Styling for text elements */
.h1_alta_costura {
  font-size: 4em;
  font-weight: 900;
  color: white;
  font-family: "Montserrat", sans-serif;
}

.h2_alta_costura {
  font-size: 2em;
  font-weight: 200;
  background: linear-gradient(
    45deg,
    rgba(245, 10, 14, 1) 16%,
    rgba(244, 252, 242, 1) 82%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.costura {
  margin: 85px;
}

/* Estilos generales */
header {
  padding: 0px 100px;
}

span.btn-outline-danger {
  font-size: 1em;
  padding: 10px 20px;
}

/* Media queries */
@media (max-width: 992px) {
  .alta_costura .aside {
    margin: 20px 0; /* Espacio adicional cuando se apilan */
  }

  .costura, p {
    margin: 0;
    font-size: 0.6em; /* Reduce el tamaño de texto */
  }

  header {
    padding: 10px 20px; /* Reduce el padding del header */
  }

  .redes .ms-5 {
    display: flex;
    justify-content: center; /* Centra las redes sociales */
    margin-left: 0;
  }

  .telefono_mail {
    width: 100%;
    display: flex;
    justify-content: flex-end; /* Alinea a la derecha */
    text-align: right;
  }

  .telefono_mail p {
    margin-bottom: 5px;
    font-size: 0.8em;
  }
}

@media (max-width: 1024px) {
  .navbar {
    padding: 10px 20px; /* Reduce el padding de la navbar */
  }

  .navbar-brand .logo img {
    max-width: 150%; /* Aumenta el tamaño del logo en dispositivos pequeños */
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  span.btn-outline-danger {
    font-size: 0.6em; /* Reduce el tamaño de la fuente del botón */
    padding: 5px 10px;
  }

  .costura.h2_alta_costura {
    text-align: center; /* Fuerza el centrado de los títulos en pantallas pequeñas */
  }
}