/* Estilos generales del .defaultFormulario */
.defaultForm {
  display: flex;
  gap: 0.5rem;              /* espacio entre input y botón */
  justify-content: center;  /* centrado horizontal */
  align-items: center;
  margin: 1.5rem auto;
  max-width: 400px;         /* límite de ancho */
}

/* Input */
.defaultForm input[type="email"] {
  flex: 1;
  padding: 0.6rem 0.8rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 0.95rem;
  outline: none;
  transition: border-color 0.2s ease;
}

.defaultForm input[type="email"]:focus {
  border-color: #333;       /* color más oscuro al enfocar */
}

/* Botón */
.defaultForm button {
  padding: 0.6rem 1rem;
  border: none;
  border-radius: 4px;
  background-color: #000;   /* negro minimalista */
  color: #fff;
  font-size: 0.95rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.defaultForm button:hover {
  background-color: #333;   /* gris oscuro al pasar el mouse */
}

/* Responsive: input y botón en dos filas en pantallas pequeñas */
@media (max-width: 480px) {
  .defaultForm {
    flex-direction: column;
  }

  .defaultForm button {
    width: 100%;
  }
}