/* ====== ESTILO PARA about.php ====== */

/* === MÓVIL (POR DEFECTO) === */
.profile-box {
  background-color: #fff1de;
  color: #827974;
  padding: 4em 1.5em;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  margin: 2.5em 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.profile-box hr {
  border-color: #827974;
  border-style: dashed;
  max-width: 20em;
  margin: 1em auto;
}

.profile-box .description {
  font-family: 'Mali', cursive !important;
  font-style: italic !important;
  font-size: 1.3em !important;  /* 🔽 reducido para móvil */
  line-height: 1.9 !important;
  margin-bottom: 0;
  padding: 0 0.5em;
}

/* === PC / TABLETS GRANDES === */
@media (min-width: 768px) {
  .main-header {
    margin-bottom: 0 !important;
  }

  .container-fluid {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .profile-box {
    padding: 4em 2.5em;
    min-height: 70vh;
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
  }

  .profile-box .description {
    font-size: 2.6em !important;  /* ✅ grande en PC */
    line-height: 2.2 !important;
    padding: 0 1em;
  }

  .main-footer {
    margin-top: 0 !important;
    padding-top: 0.5em !important;
  }
}