/*
Theme Name: PayNegocio
Description: Theme de marketing de PayNegocio — ligero, accesible y optimizado para SEO. Solo contenido: la lógica de negocio vive en la API (ARCHITECTURE §16).
Version: 1.0.0
Author: PayNegocio
Text Domain: paynegocio
*/

:root {
    --pn-primary: #2563eb;
    --pn-primary-dark: #1e40af;
    --pn-ink: #0f172a;
    --pn-muted: #64748b;
    --pn-bg: #ffffff;
    --pn-surface: #f8fafc;
}

* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--pn-ink); background: var(--pn-bg); line-height: 1.6; }
img { max-width: 100%; height: auto; }
a { color: var(--pn-primary); }

.pn-container { max-width: 1080px; margin: 0 auto; padding: 0 1.25rem; }

.pn-header { border-bottom: 1px solid #e2e8f0; background: var(--pn-bg); }
.pn-header .pn-container { display: flex; align-items: center; justify-content: space-between; padding-top: .9rem; padding-bottom: .9rem; flex-wrap: wrap; gap: .75rem; }
.pn-logo { font-size: 1.35rem; font-weight: 800; color: var(--pn-ink); text-decoration: none; }
.pn-logo span { color: var(--pn-primary); }
.pn-nav ul { display: flex; gap: 1.25rem; list-style: none; margin: 0; padding: 0; align-items: center; flex-wrap: wrap; }
.pn-nav a { text-decoration: none; color: var(--pn-ink); }

.pn-btn { display: inline-block; padding: .6rem 1.2rem; border-radius: .5rem; text-decoration: none; font-weight: 600; }
.pn-btn-primary { background: var(--pn-primary); color: #fff !important; }
.pn-btn-primary:hover { background: var(--pn-primary-dark); }
.pn-btn-secondary { border: 1px solid var(--pn-primary); color: var(--pn-primary); }

.pn-hero { background: var(--pn-surface); padding: 4.5rem 0; text-align: center; }
.pn-hero h1 { font-size: clamp(1.9rem, 4vw, 3rem); margin: 0 0 1rem; }
.pn-hero p { color: var(--pn-muted); font-size: 1.15rem; max-width: 640px; margin: 0 auto 2rem; }

.pn-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.5rem; padding: 3.5rem 0; }
.pn-feature { background: var(--pn-surface); border-radius: .75rem; padding: 1.5rem; }
.pn-feature h3 { margin-top: 0; }

.pn-content { padding: 3rem 0; }
.pn-content article { margin-bottom: 2.5rem; }

.pn-lead-form input, .pn-lead-form textarea { width: 100%; max-width: 480px; padding: .7rem; border: 1px solid #cbd5e1; border-radius: .5rem; font: inherit; }
.pn-lead-status { color: var(--pn-muted); }

.pn-footer { border-top: 1px solid #e2e8f0; padding: 2rem 0; color: var(--pn-muted); font-size: .9rem; }
.pn-footer .pn-container { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1rem; }