.p-legal { font-family: "Jost","Segoe UI",Arial,sans-serif; color: var(--txt); background: var(--blanco); }


.eq-hero {
  background: linear-gradient(to bottom, #0d0608 0%, #1a0a0e 60%, #3a0f1a 100%);
  margin-top: 67px; padding: 8rem 3rem 5rem;
  text-align: center; position: relative;
}
.eq-hero::after {
  content: ''; position: absolute; bottom: 0; left: 50%;
  transform: translateX(-50%); width: 48px; height: 2px; background: var(--gold);
}
.eq-over {
  font-size: .6rem; letter-spacing: .3em; text-transform: uppercase;
  color: var(--gold2); display: flex; align-items: center;
  justify-content: center; gap: .7rem; margin-bottom: 1rem;
}
.eq-over::before, .eq-over::after { content: ''; width: 22px; height: 1px; background: var(--gold2); }
.eq-h1 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(2rem, 4vw, 3rem); font-weight: 300;
  color: #fff; line-height: 1.1; margin-bottom: 1rem;
}
.eq-h1 em { font-style: italic; color: var(--gold2); }
.eq-hero-sub {
  font-size: .85rem; color: rgba(255,255,255,.4);
  font-weight: 300; max-width: 480px; margin: 0 auto; line-height: 1.9;
}

.legal{
    background: linear-gradient(to bottom, #3a0f1a 0%, #6d1422 10%, var(--crema) 45%,var(--blanco)80%);
    padding: 60px 20px;
}

.legal__container{
  max-width: 1000px;
  margin: 0 auto;
  background: var(--blanco);
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.legal__title{
  font-size: 2rem;
  margin-bottom: 15px;
  color: var(--g);
}

.legal__intro{
  color: var(--txt2);
  margin-bottom: 30px;
}

.legal__block{
  margin-bottom: 30px;
  padding: 15px;
  border-bottom: 1px solid var(--crema3);
  background-color: var(--crema2);
}

.legal__block h2{
  font-size: 1.2rem;
  margin-bottom: 10px;
  color: var(--g);
  border-left: 4px solid var(--gold);
  padding-left: 10px;
}

.legal__block p,
.legal__block li{
  color: var(--txt2);
  margin-bottom: 8px;
}

.legal__block ul{
  padding-left: 20px;
}

/* Responsive */
@media (max-width: 768px){
    .legal__container{padding: 20px;}
    .eq-hero { padding: 6rem 1.5rem 4rem; }


  .legal__title{
    font-size: 1.6rem;}
}