:root{--colerico:#e63946;--colerico-light:#ffeaea;--sanguineo:#f4a261;--sanguineo-light:#fff4e6;--melancolico:#457b9d;--melancolico-light:#e8f4f8;--flematico:#2a9d8f;--flematico-light:#e6f7f5;--primary:#1a1a2e;--secondary:#16213e;--gold:#c9a227;--cream:#faf8f5;--white:#fff;--gray-100:#f7f7f7;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Inter", -apple-system, sans-serif;--shadow:0 4px 15px #00000014;--shadow-lg:0 15px 40px #0000001f;--shadow-xl:0 25px 60px #00000026;--radius:12px;--radius-lg:24px;--transition:all .4s cubic-bezier(.4, 0, .2, 1)}body{font-family:var(--font-sans);color:var(--gray-800);background:var(--cream);min-height:100vh;line-height:1.7}.container{max-width:800px;margin:0 auto;padding:0 24px}.nav-links a:after{content:"";background:var(--gold);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.test-wrapper{flex-direction:column;min-height:100vh;padding:120px 0 60px;display:flex}.intro-screen{text-align:center;padding:60px 0}.intro-screen .icon{background:linear-gradient(135deg, var(--gold) 0%, #d4a826 100%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 32px;font-size:48px;display:flex;box-shadow:0 10px 40px #c9a2274d}.intro-screen h1{color:var(--primary);margin-bottom:16px;font-size:clamp(2rem,4vw,2.75rem)}.intro-screen .description{color:var(--gray-600);max-width:600px;margin:0 auto 40px;font-size:18px}.intro-features{justify-content:center;gap:40px;margin-bottom:40px;display:flex}.intro-feature{color:var(--gray-500);align-items:center;gap:8px;font-size:14px;display:flex}.intro-feature svg{color:var(--gold)}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:16px 36px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary{background:var(--white);color:var(--primary);border:2px solid var(--gray-300)}.btn-secondary:hover{border-color:var(--primary)}.progress-container{margin-bottom:40px}.progress-info{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.progress-text{color:var(--gray-500);font-size:14px}.progress-count{color:var(--primary);font-weight:600}.progress-bar{background:var(--gray-200);border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--colerico), var(--sanguineo), var(--flematico), var(--melancolico));border-radius:3px;height:100%;transition:width .5s}.question-screen{display:none}.question-screen.active{animation:.5s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:32px;padding:48px}.question-number{color:var(--gold);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;font-size:14px}.question-text{font-family:var(--font-serif);color:var(--primary);margin-bottom:32px;font-size:clamp(1.25rem,2.5vw,1.5rem);line-height:1.5}.options-list{flex-direction:column;gap:12px;display:flex}.option{cursor:pointer;display:block;position:relative}.option input{opacity:0;cursor:pointer;position:absolute}.option-content{background:var(--gray-100);border-radius:var(--radius);transition:var(--transition);border:2px solid #0000;align-items:center;gap:16px;padding:20px 24px;display:flex}.option:hover .option-content{background:var(--white);border-color:var(--gray-300)}.option input:checked+.option-content{background:var(--primary);border-color:var(--primary)}.option input:checked+.option-content .option-text{color:var(--white)}.option-marker{border:2px solid var(--gray-400);width:24px;height:24px;transition:var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.option input:checked+.option-content .option-marker{background:var(--white);border-color:var(--white)}.option input:checked+.option-content .option-marker:after{content:"";background:var(--primary);border-radius:50%;width:10px;height:10px}.option-text{color:var(--gray-700);font-size:16px;line-height:1.5}.question-nav{justify-content:space-between;gap:16px;display:flex}.btn-nav{padding:14px 28px;font-size:15px}.btn-nav.prev{color:var(--gray-600);background:0 0;border:none}.btn-nav.prev:hover{color:var(--primary)}.btn-nav.next{margin-left:auto}.btn-nav:disabled{opacity:.5;cursor:not-allowed}.results-screen{padding:40px 0;display:none}.results-screen.active{animation:.8s fadeIn;display:block}.result-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);margin-bottom:32px;padding:48px}.result-header{text-align:center;margin-bottom:40px}.result-badge{background:var(--gray-100);color:var(--gray-600);border-radius:50px;margin-bottom:24px;padding:8px 20px;font-size:14px;display:inline-block}.result-temperament{text-align:center;margin-bottom:32px}.result-icon{width:120px;height:120px;box-shadow:var(--shadow-lg);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:56px;display:flex}.result-icon.colerico{background:linear-gradient(135deg, var(--colerico), #ff6b6b)}.result-icon.sanguineo{background:linear-gradient(135deg, var(--sanguineo), #ffd166)}.result-icon.melancolico{background:linear-gradient(135deg, var(--melancolico), #5c95b8)}.result-icon.flematico{background:linear-gradient(135deg, var(--flematico), #52c7b8)}.result-title{margin-bottom:8px;font-size:clamp(2rem,4vw,2.75rem)}.result-title.colerico{color:var(--colerico)}.result-title.sanguineo{color:var(--sanguineo)}.result-title.melancolico{color:var(--melancolico)}.result-title.flematico{color:var(--flematico)}.result-element{color:var(--gray-500);text-transform:uppercase;letter-spacing:2px;margin-bottom:24px;font-size:16px}.result-description{color:var(--gray-600);max-width:600px;margin:0 auto;font-size:17px;line-height:1.8}.temperament-bars{background:var(--gray-100);border-radius:var(--radius);margin:40px 0;padding:32px}.temperament-bars h3{text-align:center;color:var(--gray-700);font-size:18px;font-family:var(--font-sans);margin-bottom:32px;font-weight:600}.bar-item{margin-bottom:20px}.bar-item:last-child{margin-bottom:0}.bar-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.bar-label{align-items:center;gap:12px;display:flex}.bar-icon{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.bar-icon.colerico{background:var(--colerico-light)}.bar-icon.sanguineo{background:var(--sanguineo-light)}.bar-icon.melancolico{background:var(--melancolico-light)}.bar-icon.flematico{background:var(--flematico-light)}.bar-name{color:var(--gray-700);font-weight:500}.bar-track{background:var(--white);border-radius:6px;height:12px;overflow:hidden}.bar-fill{border-radius:6px;height:100%;transition:width 1s}.bar-fill.colerico{background:linear-gradient(90deg, var(--colerico-light), var(--colerico))}.bar-fill.sanguineo{background:linear-gradient(90deg, var(--sanguineo-light), var(--sanguineo))}.bar-fill.melancolico{background:linear-gradient(90deg, var(--melancolico-light), var(--melancolico))}.bar-fill.flematico{background:linear-gradient(90deg, var(--flematico-light), var(--flematico))}.analysis-section{border-top:1px solid var(--gray-200);margin-top:40px;padding-top:40px}.analysis-section h3{align-items:center;gap:12px;margin-bottom:24px;font-size:24px;display:flex}.analysis-section h3 svg{color:var(--gold)}.analysis-intro{color:var(--gray-600);margin-bottom:32px;font-size:17px;line-height:1.8}.combination-card{background:var(--gray-100);border-radius:var(--radius);margin-bottom:24px;padding:24px}.combination-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.combination-icons{gap:8px;display:flex}.combination-icons span{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.combination-title{font-family:var(--font-serif);color:var(--primary);font-size:18px}.combination-text{color:var(--gray-600);line-height:1.7}.recommendations-section{border-top:1px solid var(--gray-200);margin-top:40px;padding-top:40px}.recommendations-section h3{align-items:center;gap:12px;margin-bottom:12px;font-size:24px;display:flex}.recommendations-section h3 svg{color:var(--gold)}.recommendations-intro{color:var(--gray-500);margin-bottom:32px;font-size:16px}.recommendation-grid{gap:24px;display:grid}.recommendation-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);transition:var(--transition);padding:24px}.recommendation-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow)}.recommendation-card.stress{border-left:4px solid var(--colerico)}.recommendation-card.relationships{border-left:4px solid var(--sanguineo)}.recommendation-card.decisions{border-left:4px solid var(--melancolico)}.recommendation-card.change{border-left:4px solid var(--flematico)}.recommendation-card.motivation{border-left:4px solid var(--gold)}.recommendation-card.communication{border-left:4px solid #9b59b6}.recommendation-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.recommendation-icon{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.recommendation-card.stress .recommendation-icon{background:var(--colerico-light)}.recommendation-card.relationships .recommendation-icon{background:var(--sanguineo-light)}.recommendation-card.decisions .recommendation-icon{background:var(--melancolico-light)}.recommendation-card.change .recommendation-icon{background:var(--flematico-light)}.recommendation-card.motivation .recommendation-icon{background:#fff8e6}.recommendation-card.communication .recommendation-icon{background:#f5eafa}.recommendation-title{font-family:var(--font-serif);color:var(--primary);font-size:18px}.recommendation-text{color:var(--gray-600);margin-bottom:16px;line-height:1.7}.recommendation-tips{background:var(--gray-100);border-radius:8px;padding:16px}.recommendation-tips strong{text-transform:uppercase;letter-spacing:1px;color:var(--gray-500);margin-bottom:8px;font-size:13px;display:block}.recommendation-tips ul{margin:0;padding:0;list-style:none}.recommendation-tips li{color:var(--gray-700);margin-bottom:6px;padding-left:20px;font-size:14px;position:relative}.recommendation-tips li:last-child{margin-bottom:0}.recommendation-tips li:before{content:"→";color:var(--gold);position:absolute;left:0}.share-section{border-top:1px solid var(--gray-200);text-align:center;margin-top:40px;padding-top:32px}.share-section h4{color:var(--gray-600);font-size:16px;font-family:var(--font-sans);margin-bottom:20px;font-weight:500}.share-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.share-btn{transition:var(--transition);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.share-btn.whatsapp{color:#fff;background:#25d366}.share-btn.whatsapp:hover{background:#20bd5a;transform:translateY(-2px)}.share-btn.twitter{color:#fff;background:#1da1f2}.share-btn.twitter:hover{background:#1a91da;transform:translateY(-2px)}.share-btn.facebook{color:#fff;background:#1877f2}.share-btn.facebook:hover{background:#166fe5;transform:translateY(-2px)}.share-btn.linkedin{color:#fff;background:#0a66c2}.share-btn.linkedin:hover{background:#095196;transform:translateY(-2px)}.share-btn.email{background:var(--gray-700);color:#fff}.share-btn.email:hover{background:var(--gray-800);transform:translateY(-2px)}.share-btn.copy{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300)}.share-btn.copy:hover{background:var(--gray-200)}.result-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:32px;display:flex}.btn-download{background:linear-gradient(135deg, var(--gold) 0%, #d4a826 100%);color:var(--white);box-shadow:0 4px 15px #c9a2274d}.btn-download:hover{transform:translateY(-3px);box-shadow:0 8px 25px #c9a22766}.btn-download svg{width:20px;height:20px}.btn-link{color:var(--primary);align-items:center;gap:6px;font-weight:500;text-decoration:none;display:inline-flex}.btn-link:hover{text-decoration:underline}.hidden{display:none!important}.footer-simple{background:var(--primary);color:#ffffffb3;text-align:center;margin-top:auto;padding:40px 0}.footer-simple p{font-size:14px}.footer-simple a{color:var(--gold);text-decoration:none}.footer-simple a:hover{text-decoration:underline}@media (width<=768px){.nav-links{display:none}.question-card{padding:32px 24px}.intro-features{flex-direction:column;gap:16px}.option-content{padding:16px 20px}.result-card{padding:32px 24px}.share-buttons{flex-direction:column;align-items:stretch}.share-btn{justify-content:center}.result-actions{flex-direction:column}.combination-header{flex-direction:column;align-items:flex-start}}