/* ===========================
   TÉRMINOS Y CONDICIONES
   Estilo alineado a 7MO MERCADER
=========================== */

.body-content {
  background-color: #000000;
}

.policy-content {
  max-width: 760px;
  margin: 4rem auto 6rem;
  padding: 2.5rem 2rem;
  font-family: 'Montserrat', sans-serif;

  background: rgba(10, 10, 10, 0.85);
  border-radius: 14px;

  box-shadow:
    inset 0 0 0 1px rgba(217, 179, 130, 0.25),
    inset 0 0 28px rgba(217, 179, 130, 0.18),
    0 10px 40px rgba(0, 0, 0, 0.6);

  color: #e3e3e3;
  line-height: 1.7;
}

/* Título principal */
.policy-content h1 {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 2rem;
  text-align: center;

  background: linear-gradient(90deg, #f5d598, #ecaf5f, #f5d598);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

/* Subtítulos */
.policy-content h2 {
  font-size: 1.4rem;
  font-weight: 600;
  margin-top: 2.6rem;
  margin-bottom: 1rem;
  padding-left: 0.8rem;

  border-left: 4px solid #d9b382;
  color: #f5f5f5;
}

/* Párrafos */
.policy-content p {
  font-size: 1rem;
  margin-bottom: 1.2rem;
  color: #dcdcdc;
}

/* Listas */
.policy-content ul {
  margin-left: 1.6rem;
  margin-bottom: 1.6rem;
}

.policy-content ul li {
  margin-bottom: 0.6rem;
  position: relative;
}

.policy-content ul li::before {
  content: '•';
  color: #d9b382;
  position: absolute;
  left: -1rem;
}

/* Enlaces */
.policy-content a {
  color: #d9b382;
  text-decoration: underline;
  transition: color 0.3s ease;
}

.policy-content a:hover {
  color: #ffffff;
  text-decoration: none;
}

/* Fecha */
.policy-date {
  margin-top: 3rem;
  font-size: 0.85rem;
  text-align: center;
  color: #aaa;
}

/* ===========================
   MOBILE
=========================== */
@media (max-width: 768px) {
  .policy-content {
    margin: 2rem 1rem 4rem;
    padding: 2rem 1.4rem;
  }

  .policy-content h1 {
    font-size: 2rem;
  }

  .policy-content h2 {
    font-size: 1.2rem;
  }

  .policy-content p,
  .policy-content ul,
  .policy-content li {
    font-size: 0.95rem;
  }
}
