/* onclic.shop — Layout y utilidades */
.container { width: 100%; max-width: var(--container); margin-inline: auto; padding-inline: var(--sp-4); }
.container--narrow { max-width: var(--container-narrow); }

.section { padding-block: var(--sp-7); }
@media (min-width: 1024px) { .section { padding-block: var(--sp-8); } }

.stack > * + * { margin-top: var(--sp-4); }
.center-text { text-align: center; }

.grid { display: grid; gap: var(--sp-5); }
.grid--3 { grid-template-columns: 1fr; }
@media (min-width: 768px)  { .grid--3 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .grid--3 { grid-template-columns: repeat(3, 1fr); } }

.flex { display: flex; gap: var(--sp-3); align-items: center; }
.flex-between { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4); }