@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700&family=Nunito:wght@400;600;700&display=swap');

:root {
  --fondo: #FFF5E7;
  --superficie: #FFFFFF;
  --tinta: #453026;
  --tenue: #8B6D5D;
  --linea: #E9DCCD;
  --coral: #EE6A4A;
  --coral-tinta: #932D1C;
}

@media (prefers-color-scheme: dark) {
  :root {
    --fondo: #1F1712;
    --superficie: #2A201A;
    --tinta: #F6EADB;
    --tenue: #C4AE9F;
    --linea: #4A3A30;
    --coral: #F08066;
    --coral-tinta: #FFB9A6;
  }
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--fondo);
  color: var(--tinta);
  font: 16px/1.65 'Nunito', system-ui, sans-serif;
}

main {
  max-width: 720px;
  margin: 0 auto;
  padding: 32px 16px 64px;
}

.marca {
  display: inline-block;
  font: 700 28px/1 'Baloo 2', system-ui, sans-serif;
  color: var(--coral);
  text-decoration: none;
  margin-bottom: 28px;
}

h1, h2 {
  font-family: 'Baloo 2', system-ui, sans-serif;
  line-height: 1.2;
}

h1 { font-size: 34px; margin: 0 0 4px; }
h2 { font-size: 21px; margin: 36px 0 6px; }

.fecha { color: var(--tenue); margin: 0 0 28px; font-size: 14px; }

a { color: var(--coral-tinta); }

ul { padding-left: 22px; }
li { margin: 4px 0; }

.caja {
  background: var(--superficie);
  border: 1px solid var(--linea);
  border-radius: 16px;
  padding: 18px 20px;
  margin: 20px 0;
}

.enlaces { list-style: none; padding: 0; }
.enlaces li { margin: 10px 0; font-size: 18px; font-weight: 700; }

footer {
  margin-top: 56px;
  padding-top: 20px;
  border-top: 1px solid var(--linea);
  color: var(--tenue);
  font-size: 14px;
}

footer a { color: inherit; margin-right: 16px; }