/* Tienda próximamente: tarjeta centrada, tipografía del sitio (Archivo), claro y oscuro. Colores propios por modo (los del tema cambian en body, no en html). */
.prox { --p-bg: #F4F5F7; --p-card: #FFFFFF; --p-ink: #0B0C0E; --p-mute: #4B5058; --p-line: #E4E5E8; --p-hov: #F0F1F3; }
html[data-theme="dark"] .prox { --p-bg: #0B0C0E; --p-card: #14171B; --p-ink: #F4F4F2; --p-mute: #A5ABB3; --p-line: #26292E; --p-hov: #1A1C20; }
.prox { min-height: 70vh; display: grid; place-items: center; padding: calc(var(--header-h, 88px) + 24px) 16px 64px; background: var(--p-bg); }
.prox__card { width: min(100%, 560px); text-align: center; padding: clamp(32px, 6vw, 56px) clamp(20px, 5vw, 48px); border: 1px solid var(--p-line); border-radius: 24px; background: var(--p-card); color: var(--p-ink); font-family: 'Archivo', system-ui, sans-serif; }
.prox__t { margin: 0; font-family: inherit; font-size: clamp(28px, 5vw, 40px); font-weight: 700; font-stretch: 112%; line-height: 1.1; text-transform: none; letter-spacing: -.01em; }
.prox__p { margin: 16px auto 0; max-width: 40ch; font-size: 17px; line-height: 1.5; color: var(--p-mute); }
.prox__acts { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.prox__wa { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 28px; border: 1px solid var(--p-line); border-radius: 999px; color: inherit; font-weight: 600; text-decoration: none; transition: background-color .2s ease, border-color .2s ease; }
.prox__wa:hover { background: var(--p-hov); color: inherit; }
@media (max-width: 480px) { .prox__acts > * { width: 100%; } }