systeme.io
Test de Posicionamiento Ejecutivo | Pamela Dagach
="preconnect" href="https://fonts.googleapis.com">
="preconnect" href="https://fonts.gstatic.com" crossor ="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--purple-dark: #1E0A4A;
--purple-mid: #2D1269;
--purple-bright: #6B21A8;
--purple-accent: #7C3AED;
--purple-light: #A78BFA;
--purple-lilac: #DDD6FE;
--gold: #A855F7;
--gold-light: #C084FC;
--white: #ffffff;
--text-muted: rgba(255,255,255,0.65);
}
{ scroll-behavior: smooth; }
{ font-family: 'Inter', sans-serif; background: var(--purple-dark); min-height: 100vh; color: var(--white); overflow-x: hidden; }
::before { content: ''; position: fixed; top: -200px; left: -200px; width: 600px; height: 600px; background: radial-gradient(circle, rgba(124,58,237,0.25) 0%, transparent 70%); border-radius: 50%; pointer-events: none; animation: floatA 12s ease-in-out infinite; }
::after { content: ''; position: fixed; bottom: -150px; right: -150px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(107,33,168,0.3) 0%, transparent 70%); border-radius: 50%; pointer-events: none; animation: floatB 15s ease-in-out infinite; }
@keyframes floatA { 0%,100%{transform:translate(0,0)} 50%{transform:translate(40px,30px)} }
@keyframes floatB { 0%,100%{transform:translate(0,0)} 50%{transform:translate(-30px,-40px)} }
.page { max-width: 680px; margin: 0 auto; padding: 2rem 1.25rem 4rem; position: relative; z-index: 1; }
.site-header { text-align: center; padding: 2rem 0 1rem; }
#screen-intro { animation: fadeUp 0.5s ease; }
.intro-title { font-family: 'Playfair Display', serif; font-size: clamp(26px, 5vw, 36px); font-weight: 700; line-height: 1.25; color: var(--white); text-align: center; margin-bottom: 1rem; }
.intro-title { color: var(--gold); }
.intro-desc { font-size: 15px; color: var(--purple-lilac); text-align: center; line-height: 1.7; margin-bottom: 2rem; max-width: 520px; margin-left: auto; margin-right: auto; }
.stats-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 2rem; }
.stat-card { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); border-radius: 12px; padding: 1rem;