:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: #3b82f6;--color-secondary: #f59e0b;--color-accent: #10b981;--color-bg: #ffffff;--color-bg-alt: #f9fafb;--color-bg-dark: #111827;--color-surface: #ffffff;--color-surface-elevated: #f3f4f6;--color-text: #111827;--color-text-secondary: #6b7280;--color-text-light: #9ca3af;--color-text-inverse: #ffffff;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Playfair Display", Georgia, serif;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3.5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--container-max: 1280px;--container-padding: 1.5rem}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.header{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border-light);z-index:1000;transition:all var(--transition-base)}.nav__container{max-width:var(--container-max);margin:0 auto;padding:1rem var(--container-padding);display:flex;justify-content:space-between;align-items:center}.nav__logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.nav__logo:hover{color:var(--color-primary-dark)}.nav__menu{display:flex;gap:var(--spacing-lg);list-style:none;align-items:center}.nav__link{color:var(--color-text);text-decoration:none;font-weight:500;font-size:.9375rem;transition:color var(--transition-fast);position:relative}.nav__link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-base)}.nav__link:hover{color:var(--color-primary)}.nav__link:hover:after{width:100%}.nav__link--cta{background:var(--color-primary);color:var(--color-text-inverse);padding:.625rem 1.25rem;border-radius:var(--radius-full);transition:all var(--transition-fast)}.nav__link--cta:after{display:none}.nav__link--cta:hover{background:var(--color-primary-dark);color:var(--color-text-inverse);transform:translateY(-2px);box-shadow:var(--shadow-md)}.hero{min-height:90vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:var(--color-text-inverse);position:relative;overflow:hidden;padding:var(--spacing-2xl) 0;margin-top:72px}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.4}.hero__container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 var(--container-padding)}.hero__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.hero__text{text-align:left}.hero__image{display:flex;justify-content:center;align-items:center}.hero__img{width:100%;max-width:400px;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);transition:transform var(--transition-base)}.hero__img:hover{transform:scale(1.02)}.hero__headline{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3.5rem);font-weight:900;line-height:1.1;margin-bottom:var(--spacing-sm);text-shadow:0 2px 20px rgba(0,0,0,.2)}.hero__subheadline{font-size:clamp(1rem,1.75vw,1.25rem);font-weight:500;margin-bottom:var(--spacing-sm);opacity:.95}.hero__description{font-size:clamp(.9375rem,1.25vw,1.125rem);line-height:1.6;margin-bottom:var(--spacing-lg);opacity:.9}.hero__cta{margin-top:var(--spacing-md)}.btn{display:inline-block;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;text-decoration:none;border-radius:var(--radius-full);transition:all var(--transition-base);cursor:pointer;border:none;font-family:var(--font-sans)}.btn--primary{background:var(--color-text-inverse);color:var(--color-primary);box-shadow:var(--shadow-xl)}.btn--primary:hover{transform:translateY(-3px);box-shadow:0 25px 50px -12px #00000040}.section-title{font-family:var(--font-display);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;text-align:center;margin-bottom:var(--spacing-lg);color:var(--color-text);letter-spacing:-.02em}.section-subtitle{font-size:clamp(1.125rem,1.75vw,1.5rem);font-weight:600;text-align:center;margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.section-description{font-size:1rem;text-align:center;color:var(--color-text-secondary);max-width:700px;margin:0 auto var(--spacing-md);line-height:1.6}.methodology{padding:var(--spacing-2xl) 0;background:var(--color-bg)}.translation-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);max-width:900px;margin:0 auto}.translation-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);transition:all var(--transition-base)}.translation-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.translation-card__side{flex:1;text-align:center}.translation-card__label{display:block;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light);margin-bottom:var(--spacing-xs)}.translation-card__word{display:block;font-size:2rem;font-weight:700;color:var(--color-text)}.translation-card__side--english .translation-card__word{color:var(--color-primary)}.translation-card__side--spanish .translation-card__word{color:var(--color-secondary)}.translation-card__arrow{font-size:2rem;color:var(--color-text-light);font-weight:300}.morphology{padding:var(--spacing-2xl) 0;background:var(--color-bg-alt)}.morphology-cards{display:grid;gap:var(--spacing-lg);max-width:900px;margin:0 auto}.morphology-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);transition:all var(--transition-base)}.morphology-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.morphology-card__english,.morphology-card__spanish{flex:1}.morphology-card__breakdown{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);justify-content:center}.morphology-card__part{padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:600;font-size:1.125rem}.morphology-card__part--prefix{background:#dbeafe;color:#1e40af}.morphology-card__part--root{background:#fef3c7;color:#92400e}.morphology-card__part--suffix{background:#d1fae5;color:#065f46}.morphology-card__word{text-align:center;font-size:1.5rem;font-weight:700;color:var(--color-text)}.morphology-card__arrow{font-size:2rem;color:var(--color-text-light)}.word-detective{padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,#f093fb,#f5576c);color:var(--color-text-inverse)}.word-detective .section-title,.word-detective .section-subtitle,.word-detective .section-description{color:var(--color-text-inverse)}.evolution-flow{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:var(--spacing-lg)}.evolution-step{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-lg);min-width:120px;text-align:center;transition:all var(--transition-base);opacity:calc(.6 + (var(--shade-index) * .13))}.evolution-step:hover{transform:translateY(-5px) scale(1.05);background:#ffffff4d;border-color:#ffffff80}.evolution-step__word{font-size:2rem;font-weight:700;display:block}.evolution-arrow{font-size:2rem;opacity:.8}.etymology{padding:var(--spacing-2xl) 0;background:var(--color-bg)}.etymology-card{max-width:800px;margin:0 auto;background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-xl);text-align:center}.etymology-card__title{font-family:var(--font-display);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-primary)}.etymology-card__content{font-size:1rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.etymology-card__word-pair{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.etymology-card__word{font-size:2.5rem;font-weight:700;font-style:italic}.etymology-card__word--spanish{color:var(--color-secondary)}.etymology-card__word--english{color:var(--color-primary)}.etymology-card__connector{font-size:2rem;color:var(--color-text-light)}.etymology-card__character{font-size:1.25rem;font-weight:600;color:var(--color-accent);font-style:italic}.payment-section{padding:var(--spacing-2xl) 0;background:var(--color-bg-alt)}.paypal-container{max-width:500px;margin:var(--spacing-lg) auto 0;padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.payment-success,.payment-error{text-align:center;padding:var(--spacing-xl)}.payment-success h3{color:var(--color-accent);font-size:1.5rem;margin-bottom:var(--spacing-sm)}.payment-success .transaction-id{font-family:monospace;font-size:.875rem;color:var(--color-text-secondary);background:var(--color-bg-alt);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);display:inline-block;margin:var(--spacing-sm) 0}.payment-error{color:#dc2626}.payment-error button{margin-top:var(--spacing-md);padding:.75rem 1.5rem;background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.payment-error button:hover{background:var(--color-primary-dark)}.whatsapp-button{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;background:#25d366;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xl);transition:all var(--transition-base);z-index:999;text-decoration:none;color:var(--color-text-inverse)}.whatsapp-button:hover{transform:scale(1.1);box-shadow:0 25px 50px -12px #25d36680}.whatsapp-button__icon{width:32px;height:32px}.footer{background:var(--color-bg-dark);color:var(--color-text-inverse);padding:var(--spacing-xl) 0 var(--spacing-md)}.footer__content{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-xl)}.footer__brand h3{font-family:var(--font-display);font-size:1.5rem;margin-bottom:var(--spacing-xs)}.footer__brand p{color:var(--color-text-light)}.footer__links{display:flex;gap:var(--spacing-lg)}.footer__links a{color:var(--color-text-inverse);text-decoration:none;transition:color var(--transition-fast)}.footer__links a:hover{color:var(--color-primary-light)}.footer__bottom{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1);color:var(--color-text-light)}@media (max-width: 768px){.nav__menu{gap:var(--spacing-sm);font-size:.875rem}.nav__link--cta{padding:.5rem 1rem}.hero{margin-top:64px}.hero__content{grid-template-columns:1fr;gap:var(--spacing-lg)}.hero__text{text-align:center}.hero__img{max-width:300px}.translation-cards{grid-template-columns:1fr}.translation-card{flex-direction:column}.translation-card__arrow{transform:rotate(90deg)}.morphology-card{flex-direction:column}.morphology-card__arrow{transform:rotate(90deg)}.evolution-flow{flex-direction:column}.evolution-arrow{transform:rotate(90deg)}.footer__content{flex-direction:column;text-align:center}.footer__links{flex-direction:column;gap:var(--spacing-sm)}}@media (max-width: 480px){:root{--container-padding: 1rem}.nav__menu{display:none}}