/* =========================================================
  TOKENS / THEME
  ========================================================= */
:root{
  /* Fondo General */
  --bg:#f7fffd;
  --bg-2: #f6f6f2;
  --paper:#fff;
  --shadow:0 10px 30px rgba(15,43,58,.08);

  /* Fuentes */
  --ink:#0F2B3A;
  --fuente:#1B1D1D;
  --muted:#495A64;
  
  /* Marca */
  --brand-light: #55CEE9;
  --brand: #3A76DA;
  --brand-dark: #0D5A74;
}
/* =========================================================
  ESTILOS GENERALES
  ========================================================= */
body{margin: 0;background-color: var(--bg); transition: all 0.5s;}
.muted{color: var(--muted);}
html{scroll-behavior:smooth;}

/* =========================================================
  RESPONSIVE: MÓVILES / TABLET (≤ 959px)
  ========================================================= */
@media (max-width:959px){
section{padding: 2% 5%;}
}

/* =========================================================
  RESPONSIVE: ESCRITORIO (≥ 960px)
  ========================================================= */
@media (min-width:960px){
section{padding: 2% 15%;}
}