:root{--primary-color: #007bff;--primary-light: #4da3ff;--primary-dark: #0056cc;--primary-gradient: linear-gradient(135deg, #007bff 0%, #0056cc 100%);--secondary-color: #1e293b;--secondary-light: #334155;--accent-color: #f59e0b;--accent-gradient: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--success-color: #10b981;--success-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #3b82f6;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-dark: var(--neutral-900);--bg-glass: rgba(255, 255, 255, .95);--bg-glass-dark: rgba(30, 41, 59, .95);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--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);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 0 1px rgba(0, 123, 255, .1), 0 4px 6px 0 rgba(0, 123, 255, .1);--transition-fast: all .15s ease;--transition-normal: all .2s ease;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--neutral-700);background-color:var(--bg-secondary);font-weight:400;font-size:var(--font-size-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary-color);text-decoration:none}a:hover{color:var(--primary-dark)}.header-bg{background:linear-gradient(135deg,#36f,#6366f1);color:#fff;padding:var(--spacing-32) 0 var(--spacing-20);text-align:center;position:relative;overflow:hidden}.header-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.hero-overlay{position:absolute;inset:0;background:linear-gradient(45deg,rgba(0,0,0,.1) 0%,transparent 30%),linear-gradient(to bottom,#0000000d,#0003)}.header-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-6);position:relative;z-index:10}.header-content h1{font-size:var(--font-size-6xl);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--spacing-6);background:linear-gradient(45deg,#fff 30%,#ffffffe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 20px rgba(0,0,0,.1)}.header-content p,.hero-subtitle{font-size:var(--font-size-xl);font-weight:400;opacity:.95;max-width:700px;margin:0 auto var(--spacing-8);line-height:1.7}.trust-indicators{display:flex;justify-content:center;gap:var(--spacing-6);margin-top:var(--spacing-6);flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:var(--spacing-2);background:#ffffff26;backdrop-filter:blur(10px);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-sm);font-weight:500;border:1px solid rgba(255,255,255,.2)}.trust-item i{color:var(--accent-color);font-size:var(--font-size-base)}.success-rate{color:var(--accent-color);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}.breadcrumb-container{background:var(--bg-glass);border-bottom:1px solid var(--neutral-200);padding:var(--spacing-4) 0;margin-bottom:var(--spacing-8);backdrop-filter:blur(10px)}.breadcrumb{max-width:1200px;margin:0 auto;padding:0 var(--spacing-6)}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-3);list-style:none;margin:0;padding:0}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-link{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);color:var(--neutral-600);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:var(--transition-fast);background:transparent;border:1px solid transparent}.breadcrumb-link:hover{color:var(--primary-color);background:#007bff0d;border-color:#007bff1a;transform:translateY(-1px)}.breadcrumb-link i{font-size:var(--font-size-xs);opacity:.8}.breadcrumb-separator{color:var(--neutral-400);font-size:var(--font-size-xs);margin:0 var(--spacing-1);opacity:.6}.breadcrumb-current .breadcrumb-text{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:linear-gradient(135deg,#007bff1a,#0056cc1a);border:1px solid rgba(0,123,255,.2);border-radius:var(--radius-md);color:var(--primary-color);font-size:var(--font-size-sm);font-weight:600}.breadcrumb-current .breadcrumb-text i{font-size:var(--font-size-xs);opacity:.9}.features-section{background:var(--bg-glass);border-bottom:1px solid var(--neutral-200);padding:var(--spacing-8) 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);max-width:1000px;margin:0 auto;padding:0 var(--spacing-6)}.feature-item{text-align:center;padding:var(--spacing-3)}.feature-icon{width:48px;height:48px;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-2);color:#fff;font-size:var(--font-size-lg);box-shadow:var(--shadow-sm)}.feature-title{font-size:var(--font-size-base);font-weight:600;color:var(--neutral-800);margin-bottom:var(--spacing-1)}.feature-description{font-size:var(--font-size-sm);color:var(--neutral-600)}.container-sub{max-width:1200px;margin:0 auto;padding:var(--spacing-16) var(--spacing-6)}.container-sub h2{text-align:center;font-size:var(--font-size-4xl);font-weight:800;color:var(--neutral-800);margin-bottom:var(--spacing-4);position:relative;letter-spacing:-.02em}.container-sub h2:after{content:"";position:absolute;bottom:calc(-1 * var(--spacing-4));left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--primary-gradient);border-radius:var(--radius-full)}.hero-decorations{position:absolute;inset:0;pointer-events:none}.hero-decoration{position:absolute;border-radius:50%;opacity:.1;animation:float 6s ease-in-out infinite}.hero-decoration:nth-child(1){top:10%;left:10%;width:5rem;height:5rem;background:#fff;animation-delay:0s}.hero-decoration:nth-child(2){top:33%;right:20%;width:8rem;height:8rem;background:#fff;animation-delay:1s}.hero-decoration:nth-child(3){bottom:20%;left:25%;width:4rem;height:4rem;background:#fff;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.intro-text{max-width:800px;margin:0 auto var(--spacing-16);text-align:center;font-size:var(--font-size-lg);color:var(--neutral-600);line-height:1.8;font-weight:400}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:var(--spacing-8);margin-top:var(--spacing-12)}.card{background:var(--bg-glass);border:1px solid var(--neutral-200);border-radius:var(--radius-2xl);padding:var(--spacing-8);text-align:center;position:relative;overflow:hidden;transition:var(--transition-normal);box-shadow:var(--shadow-lg);min-height:450px;display:flex;flex-direction:column;justify-content:space-between}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--primary-gradient);transform:scaleX(0);transform-origin:left;transition:var(--transition-normal)}.card:hover:after{transform:scaleX(1)}.card>*{position:relative;z-index:3}.card .icon{width:80px;height:80px;margin:0 auto var(--spacing-6);background:var(--primary-gradient);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);color:#fff;transition:var(--transition-normal);box-shadow:var(--shadow-glow)}.card:hover .icon{transform:scale(1.05)}.card h3{font-size:var(--font-size-xl);font-weight:700;color:var(--neutral-800);margin-bottom:var(--spacing-4);letter-spacing:-.01em}.card p{color:var(--neutral-600);line-height:1.7;margin-bottom:var(--spacing-6);flex-grow:1}.card-features{list-style:none;margin:var(--spacing-6) 0;text-align:left}.card-features li{display:flex;align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-3);font-size:var(--font-size-sm);color:var(--neutral-600);line-height:1.5}.card-features li:before{content:"✓";color:var(--success-color);font-weight:600;flex-shrink:0;margin-top:2px}.realizar-btn{background:var(--primary-gradient);color:#fff;border:none;font-weight:600;padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-normal);width:100%;font-size:var(--font-size-base);position:relative;overflow:hidden;box-shadow:var(--shadow-glow);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.realizar-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 100%)}.realizar-btn:active{transform:translateY(0)}.study-cta-section{background:linear-gradient(135deg,#f8faff,#e8f2ff);padding:var(--spacing-16) 0;margin:var(--spacing-12) var(--spacing-6);border-radius:var(--radius-2xl);border:2px solid rgba(51,102,255,.1);position:relative;overflow:hidden}.study-cta-section:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(51,102,255,.03) 0%,transparent 70%);pointer-events:none}.study-cta-container{max-width:1000px;margin:0 auto;padding:0 var(--spacing-6);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-10);align-items:center;position:relative;z-index:2}.study-cta-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--neutral-800);margin-bottom:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-3)}.study-cta-title i{color:var(--primary-color);font-size:var(--font-size-2xl)}.study-cta-description{font-size:var(--font-size-lg);color:var(--neutral-600);line-height:1.7;margin-bottom:var(--spacing-6)}.study-benefits{display:grid;grid-template-columns:1fr;gap:var(--spacing-3);margin-bottom:var(--spacing-8)}.benefit-item{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-sm);color:var(--neutral-700)}.benefit-item i{color:var(--success-color);font-size:var(--font-size-base);flex-shrink:0}.study-cta-actions{text-align:center}.btn-study-primary{background:var(--primary-gradient);color:#fff;border:none;padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-xl);font-weight:600;font-size:var(--font-size-lg);text-decoration:none;display:inline-flex;flex-direction:column;align-items:center;gap:var(--spacing-2);transition:var(--transition-normal);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-4);position:relative;overflow:hidden}.btn-study-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-study-primary small{font-size:var(--font-size-sm);opacity:.9;font-weight:500}.study-tip{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:var(--radius-lg);padding:var(--spacing-3);font-size:var(--font-size-sm);color:var(--neutral-700);display:flex;align-items:flex-start;gap:var(--spacing-2);max-width:400px;margin:0 auto}.study-tip i{color:var(--warning-color);margin-top:2px;flex-shrink:0}.study-cta-visual{position:relative;text-align:center}.study-preview{position:relative;display:inline-block}.study-preview img{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:3px solid white;max-width:300px;width:100%;height:auto}.study-badge{position:absolute;top:var(--spacing-3);right:var(--spacing-3);background:var(--success-gradient);color:#fff;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;display:flex;align-items:center;gap:var(--spacing-1);box-shadow:var(--shadow-md)}.stats-section{margin-top:var(--spacing-20);text-align:center;padding:var(--spacing-12);background:var(--bg-glass);border-radius:var(--radius-2xl);border:1px solid var(--neutral-200)}.stats-section h3{font-size:var(--font-size-2xl);font-weight:700;color:var(--neutral-800);margin-bottom:var(--spacing-8)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-6);max-width:800px;margin:0 auto}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.stat-number{font-size:var(--font-size-3xl);font-weight:800;color:var(--primary-color);line-height:1}.stat-label{font-size:var(--font-size-sm);color:var(--neutral-600);font-weight:500}.modal{display:none;position:fixed;z-index:var(--z-modal);left:0;top:0;width:100%;height:100%;background:#0f172acc;backdrop-filter:blur(8px);justify-content:center;align-items:center}.modal-content{background:var(--bg-glass);border:1px solid var(--neutral-200);border-radius:var(--radius-2xl);padding:var(--spacing-10);width:90%;max-width:500px;box-shadow:var(--shadow-2xl);max-height:90vh;overflow-y:auto}.modal-content h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--neutral-800);margin-bottom:var(--spacing-4);text-align:center}.modal-content p{color:var(--neutral-600);margin-bottom:var(--spacing-6);text-align:center;line-height:1.7}.modal-features{background:linear-gradient(135deg,#007bff0d,#0056cc0d);border:1px solid rgba(0,123,255,.1);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-6)}.modal-features ul{list-style:none;margin:0}.modal-features li{padding:var(--spacing-2) 0;font-size:var(--font-size-sm);color:var(--neutral-700)}.modal-actions{display:flex;flex-direction:column;gap:var(--spacing-3)}.iniciar-btn{background:var(--primary-gradient);color:#fff;border:none;padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-xl);cursor:pointer;font-weight:600;transition:var(--transition-normal);width:100%;box-shadow:var(--shadow-glow);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.iniciar-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.study-first-btn{background:var(--success-gradient);color:#fff;border:none;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);cursor:pointer;font-weight:600;transition:var(--transition-normal);width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-size:var(--font-size-sm);box-shadow:var(--shadow-md)}.study-first-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.sub-boton{margin-top:var(--spacing-2)}.cancelar-btn{background:var(--neutral-100);color:var(--neutral-700);border:1px solid var(--neutral-300);padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-xl);cursor:pointer;font-weight:600;transition:var(--transition-fast);width:100%}.cancelar-btn:hover{background:var(--neutral-200);transform:translateY(-1px)}.faq-section{background:var(--bg-secondary);padding:var(--spacing-16) 0;margin-top:var(--spacing-16)}.faq-section h2{text-align:center;font-size:var(--font-size-3xl);font-weight:700;color:var(--neutral-800);margin-bottom:var(--spacing-12)}.faq-container{max-width:800px;margin:0 auto;padding:0 var(--spacing-6)}.faq-item{background:#fff;border-radius:var(--radius-xl);margin-bottom:var(--spacing-4);overflow:hidden;border:1px solid var(--neutral-200);transition:var(--transition-normal)}.faq-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.faq-question{font-size:var(--font-size-lg);font-weight:600;color:var(--neutral-800);padding:var(--spacing-6);margin:0;cursor:pointer;position:relative;transition:var(--transition-fast)}.faq-question:after{content:"+";position:absolute;right:var(--spacing-6);top:50%;transform:translateY(-50%);font-size:var(--font-size-xl);color:var(--primary-color);font-weight:300;transition:var(--transition-fast)}.faq-question:hover{background:#3366ff05}.faq-answer{padding:0 var(--spacing-6) var(--spacing-6);color:var(--neutral-600);line-height:1.7;border-top:1px solid var(--neutral-100)}.faq-answer strong{color:var(--primary-color);font-weight:600}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:var(--z-modal-backdrop);backdrop-filter:blur(4px)}.overlay.active{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 1024px){.header-content h1{font-size:var(--font-size-5xl)}.container-sub h2{font-size:var(--font-size-3xl)}.cards-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-6)}.study-cta-container{grid-template-columns:1fr;gap:var(--spacing-8);text-align:center}.study-benefits{grid-template-columns:1fr;max-width:400px;margin:0 auto var(--spacing-8)}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.header-bg{padding:var(--spacing-20) 0 var(--spacing-12)}.header-content h1{font-size:var(--font-size-4xl)}.header-content{margin-top:55px}.header-content p,.hero-subtitle{font-size:var(--font-size-lg)}.trust-indicators{gap:var(--spacing-4)}.trust-item{font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-3)}.container-sub{padding:var(--spacing-12) var(--spacing-4);margin-bottom:60px}.cards-container{grid-template-columns:1fr}.modal-content{width:95%;padding:var(--spacing-6)}.stats-grid{grid-template-columns:repeat(2,1fr)}.study-cta-section{padding:var(--spacing-12) 0;margin:var(--spacing-8) var(--spacing-4)}.study-cta-title{font-size:var(--font-size-2xl);flex-direction:column;text-align:center}.study-cta-description{font-size:var(--font-size-base)}.btn-study-primary{width:100%;padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-base)}.features-grid{grid-template-columns:1fr}.faq-question{font-size:var(--font-size-base);padding:var(--spacing-4)}.faq-question:after{right:var(--spacing-4)}.faq-answer{padding:0 var(--spacing-4) var(--spacing-4)}}@media (max-width: 576px){.header-content h1{font-size:var(--font-size-3xl)}.container-sub h2{font-size:var(--font-size-2xl)}.card{padding:var(--spacing-6);min-height:400px}.card .icon{width:60px;height:60px;font-size:var(--font-size-xl)}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.breadcrumb-container{padding:var(--spacing-3) 0}.breadcrumb-list{gap:var(--spacing-2)}.breadcrumb-link,.breadcrumb-current .breadcrumb-text{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);gap:var(--spacing-1)}.breadcrumb-link span,.breadcrumb-current .breadcrumb-text span{display:none}.breadcrumb-link i,.breadcrumb-current .breadcrumb-text i{font-size:var(--font-size-sm)}.breadcrumb-separator{margin:0}.trust-indicators{flex-direction:column;gap:var(--spacing-3);align-items:center}.trust-item{justify-content:center;width:100%;max-width:300px}.study-benefits{grid-template-columns:1fr}.study-tip{flex-direction:column;text-align:center}.modal-actions{gap:var(--spacing-2)}.study-first-btn{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-xs)}.features-grid{grid-template-columns:1fr;gap:var(--spacing-3)}.feature-item{padding:var(--spacing-2)}}@media (prefers-reduced-motion: reduce){*{transition:none!important;transform:none!important}}button:focus-visible,a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-sm)}.card,.modal-content,.realizar-btn,.iniciar-btn,.study-cta-section,.faq-section,.features-section{will-change:transform;backface-visibility:hidden}@media (hover: hover){.faq-item:hover{transform:translateY(-2px)}.feature-item:hover .feature-icon{transform:scale(1.1)}}@media print{.modal,.overlay{display:none!important}.header-bg{background:var(--neutral-800)!important;color:#fff!important}.card{break-inside:avoid;box-shadow:none;border:1px solid var(--neutral-300)}.trust-indicators,.study-cta-section{display:none}}
