.inicio { max-width: var(--ancho); margin: 0 auto; padding: var(--e-9) var(--margen) var(--e-8); display: grid; gap: var(--e-5); }
.inicio .nombre { font-size: clamp(3rem, 15vw, 7rem); overflow-wrap: normal; }
.inicio .pie-creditos { margin: 0; }
.inicio-lista { margin: 0; padding-left: 1.2em; display: grid; gap: var(--e-2); font-size: 1.125rem; }
.inicio-acciones { display: flex; flex-wrap: wrap; gap: var(--e-3); }
.boton-inicio {
  display: inline-flex; align-items: center; min-height: 52px; padding: 0 var(--e-5);
  border-radius: 999px; background: var(--superficie); font-weight: 700; text-decoration: none;
  transition: transform 160ms var(--salida);
}
.boton-inicio.principal { background: var(--marca); color: var(--sobre-marca); }
.boton-inicio:active { transform: scale(0.97); }