/* Estilos de las páginas legales. Comparten la identidad de la portada
   pero con una hoja mínima: son documentos de texto, no landing. */

:root{
  --papel:       #FCFCFC;
  --tinta:       #1B2333;
  --tinta-sub:   #596174;
  --linea:       #E4E4E8;
  --linea-firme: #C4C3D0;
  --acento:      #2F6B3A;
  --profundo:    #2B4467;
  --radio:       3px;
  --display: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --texto:   "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color-scheme: light;
}

*{ box-sizing: border-box; }
html{ scrollbar-width: none; }
html::-webkit-scrollbar{ display: none; }

body{
  margin: 0;
  background: var(--papel);
  color: var(--tinta);
  font-family: var(--texto);
  font-size: 16.5px;
  line-height: 1.72;
  -webkit-font-smoothing: antialiased;
}

.env{ width: min(760px, 100% - 3rem); margin-inline: auto; }

/* --- Barra --- */
.barra{
  background: var(--papel);
  border-bottom: 1px solid var(--linea);
}
.barra-caja{
  display: flex; align-items: center; justify-content: space-between;
  gap: 1.25rem; min-height: 66px;
}
.marca{ display: inline-flex; align-items: center; text-decoration: none; }
.marca img{ height: 40px; width: auto; display: block; }
.volver{
  font-size: .89rem; font-weight: 500; color: var(--tinta-sub);
  text-decoration: none; transition: color .18s ease;
}
.volver:hover{ color: var(--tinta); }

/* --- Documento --- */
main{ padding-block: clamp(3rem, 6vw, 5rem) clamp(3.5rem, 7vw, 6rem); }

h1{
  font-family: var(--display); font-weight: 700;
  font-size: clamp(1.9rem, 4vw, 2.6rem); line-height: 1.15;
  letter-spacing: -.02em; margin: 0 0 .75rem; color: var(--acento);
}
.fecha{
  font-size: .78rem; letter-spacing: .14em; text-transform: uppercase;
  font-weight: 600; color: var(--tinta-sub); margin: 0 0 clamp(2.5rem, 5vw, 3.5rem);
}
h2{
  font-family: var(--display); font-weight: 700;
  font-size: 1.15rem; line-height: 1.3; letter-spacing: -.01em;
  margin: clamp(2.5rem, 5vw, 3.25rem) 0 1rem;
  padding-top: 1.5rem; border-top: 1px solid var(--linea);
}
h2:first-of-type{ border-top: 0; padding-top: 0; margin-top: 0; }
h3{
  font-family: var(--display); font-weight: 700; font-size: .95rem;
  margin: 1.75rem 0 .5rem;
}
p{ margin: 0 0 1.05rem; }
p:last-child{ margin-bottom: 0; }
ul{ margin: 0 0 1.05rem; padding-left: 1.15rem; }
li{ margin-bottom: .45rem; }
li::marker{ color: var(--linea-firme); }
strong{ font-weight: 600; }
a{ color: var(--profundo); }

/* Dato que la organización debe completar antes de publicar */
.pendiente{
  background: #FFF4D6; color: #6B4E00;
  border: 1px dashed #C9A227; border-radius: var(--radio);
  padding: .1rem .45rem; font-size: .92em; font-weight: 600;
}

/* --- Pie --- */
footer{
  background: #2E323C; color: #FFFFFF;
  padding-block: 2.5rem 2rem; font-size: .88rem;
}
footer a{ color: #FFFFFF; }
footer a:hover{ color: #8FC79B; }
.pie-legal{
  display: flex; justify-content: space-between; align-items: center;
  gap: 1.5rem; flex-wrap: wrap;
}
.pie-legal nav{ display: flex; gap: 1.25rem; flex-wrap: wrap; }

@media (max-width: 620px){
  .env{ width: min(760px, 100% - 2rem); }
  .pie-legal{ flex-direction: column; align-items: flex-start; gap: .75rem; }
}