/* ============================
   FUENTES Y VARIABLES
   ============================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Lora:wght@400;500;600;700&display=swap');

:root {
  /* Colores */
  --color-principal: #6766DB;
  --color-principal-10: rgba(103, 102, 219, 0.10);

  --color-dorado: #D09D3E;
  --color-amarillo: #FCC433;

  --color-grisoscuro: #6A7282;
  --color-grisclaro: #dce3ecff;
  --color-negro: #000;

  --fondos: linear-gradient(180deg, #FFF 0%, #F9F9FF 50%, #F0F0FF 100%);

  /* Tipografías */
  --font-titulo: 'Lora', serif;
  --font-texto: 'Inter', sans-serif;

  --transition: 0.35s ease;

  /* Tamaños */
  --h1-size: 64px;
  --h2-size: 40px;
  --p-size: 18px;
}


/* ============================
   RESET
   ============================ */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  min-height: 100%;
  font-family: var(--font-texto);
  background: var(--fondos);
  background-attachment: fixed;
  margin-bottom:40px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}


.legal {
  max-width: 800px;
  margin: 140px auto 120px;
  padding: 0 60px;
  font-family: var(--font-texto);
  color: var(--color-negro);
}

.legal h1 {
  font-family: var(--font-titulo);
  font-size: 40px;
  color: var(--color-principal);
  margin-bottom: 40px;
}

.legal h2 {
  font-family: var(--font-titulo);
  font-size: 22px;
  margin-top: 40px;
  margin-bottom: 12px;
  color: var(--color-grisoscuro);
}

.legal p,
.legal li {
  font-size: 16px;
  line-height: 1.6;
}

.legal ul {
  padding-left: 20px;
  margin-top: 10px;
}


@media (max-width:780px){
 .legal {
  max-width: 800px;
  margin: 80px auto 120px;
  padding: 0 30px;
}

.legal h1 { 
  font-size: 32px;
}

.legal h2 { 
  font-size: 20px;
}
}