/*FUENTES */
.montserrat {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}
.inter {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}


body {
  margin: 0;
  font-family: sans-serif;
  background: linear-gradient(to bottom, #000, #1a1a1a, #000);
  color: white;
  padding: 1.25rem; /* 20px → 1.25rem */
  text-align: center;
}
.container_main {
    max-width: 2000px;
}
header {
  text-align: center;
  margin-bottom: 2rem; /* 30px → 2rem */
  position: sticky;
}
header img {
  width: 5em; /* Ya estaba en unidad relativa */
}

.card {
  background: #2e2e2e;
  border-radius: 0.75rem; /* 12px → 0.75rem */
  padding: 1rem; /* 15px → 1rem */
  margin-bottom: 1.25rem; /* 20px → 1.25rem */
  box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.5); /* 4px 10px → rem */
}

.card h2 {
  width: 100%;
  font-size: 1.25rem; /* 20px → 1.25rem */
  margin-bottom: 0.5rem; /* 8px → 0.5rem */
}

.card p {
  font-size: 0.875rem; /* 14px → 0.875rem */
  margin-bottom: 0.75rem; /* 12px → 0.75rem */
}

.button {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0.625rem; /* 10px → 0.625rem */
  background: #007bff;
  border: none;
  border-radius: 0.5rem; /* 8px → 0.5rem */
  color: white;
  font-size: 0.875rem; /* 14px → 0.875rem */
  text-decoration: none;
}

footer {
  text-align: center;
  font-size: 0.75rem; /* 12px → 0.75rem */
  opacity: 0.6;
  margin-top: 2.5rem; /* 40px → 2.5rem */
}

footer img {
    width: 1.5rem;
}
footer a {
    width: 100%;
}
.title a {
    text-decoration: none;
    transition: 0.3s;
    color: white;
}
a:hover {
    color: #007bff;
}
@media screen and (max-width: 250px) {
  .card h2 {
    font-size: 1rem; /* Más chico para pantallas mínimas */
    word-break: break-word; /* Permite romper palabras si es necesario */
    hyphens: auto; /* Para ayudar a dividir correctamente en algunos idiomas */
  }

  .card {
    padding: 0.75rem; /* Menos padding para espacio ajustado */
  }

  body {
    padding: 0.5rem; /* Más margen interno reducido */
  }
}