.navbar{position:fixed;top:0;width:100%;height:110px;padding:0 30px;display:flex;justify-content:space-between;align-items:center;z-index:1000;box-sizing:border-box;transition:all .3s ease-in-out;animation:fadeSlideDown .5s ease}.navbar-top{background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.navbar-scrolled{background:transparent;box-shadow:none}.navbar-logo img{height:100px;transition:all .3s ease-in-out}.navbar-logo img:hover{scale:1.05}.navbar-scrolled .navbar-logo img{transform:translateY(-2px) scale(1.05)}.navbar-links{list-style:none;display:flex;gap:24px;margin:0;padding:0;transition:all .3s ease-in-out}.navbar-links:hover{scale:1.05}.navbar-links li a{color:#012169;font-weight:600;text-decoration:none;font-size:16px;transition:color .3s}.navbar-links li a:hover,.navbar-links li a.active-link{color:#c8102e}.navbar-scrolled .navbar-links{background-color:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.5rem 1.2rem;border-radius:9999px;box-shadow:0 4px 12px #00000014}.cta-button{background-color:#22c55e;color:#fff;border-radius:10px;font-weight:700;border:none;cursor:pointer;transition:all .3s ease-in-out;display:flex;align-items:center;justify-content:center;gap:7px}.navbar-scrolled .cta-button{box-shadow:0 6px 12px #0000001a;transform:translateY(-2px)}.navbar-buttons{display:flex;align-items:center;gap:10px}.social-button{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:50%}.facebook{background-color:#3b5998}.instagram{background-color:#e1306c}.whatsapp{background-color:#25d366}@media (max-width: 768px){.navbar{padding:10px 20px}.navbar-links{display:none}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hero{display:flex;justify-content:center;gap:100px;padding:150px 60px 60px;background:url(/hero-bg-1.png),url(/hero-bg-2.png),linear-gradient(to right,#d6ecff,#f5f5f5,#f7b7cc);background-repeat:no-repeat,no-repeat,no-repeat;background-position:calc(100% - 20px) calc(100% - 30px),20px 110px,center;background-size:270px,220px,cover;height:calc(100vh - 210px);min-height:550px}.left-content{display:flex;justify-content:center;align-items:center;width:550px;gap:20px}.text-container{display:flex;flex-direction:column;gap:35px;width:fit-content}.top-span{font-size:14px;font-weight:500;color:#012169;background-color:#01206918;border:1px solid #01206921;width:fit-content;padding:10px;border-radius:100px;display:flex;align-items:center;justify-content:center;gap:10px}.top-span svg{color:#facc15;width:18px;height:18px}.left-content h1{font-size:60px;font-weight:700;color:#012169;margin:0;max-width:650px;font-family:Montserrat,sans-serif}.highlight{color:#c8102e}.left-content p{font-size:20px;font-weight:400;color:#012069d5;max-width:525px;margin:0}.results{display:flex;align-items:center;justify-items:center;gap:15px}.lil-imgs img{width:35px;height:35px;border-radius:100%;border:3px solid #fff;object-fit:cover;margin-left:-10px}.left-content small{font-size:16px;font-weight:400;color:#012169;margin:0;max-width:500px}.cta-btns{display:flex;gap:20px}.cta-btns button{font-size:18px;width:fit-content;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap}.whatsapp-btn{background-color:#22c55e;font-family:Inter,sans-serif;font-size:18px;font-weight:600;padding:16px;border:none;border-radius:10px;cursor:pointer;color:#fff;box-sizing:border-box;box-shadow:2px 2px 4px #00000026,4px 4px 10px #0000001a;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.span-div{display:flex;align-items:center;gap:25px}.span-div span{font-size:14px;font-weight:400;color:#012069cb;display:flex;align-items:center;gap:10px}.right-content{display:flex;width:350px;justify-content:center;align-items:center}.right-content img{width:305px;height:auto;border-radius:24px;border:4px #ffffff42 solid;box-sizing:border-box}.img-container{position:relative}@media (max-width: 768px){.hero{padding:150px 30px 60px;flex-direction:column;gap:30px;height:fit-content;background-size:100px,120px,cover}.results{flex-direction:column;align-items:center;gap:5px}.cta-btns{flex-direction:column;gap:10px}.cta-btns button{width:100%;white-space:wrap}.span-div{flex-wrap:wrap;align-items:center;justify-content:center}.right-content{width:100%;justify-content:center;align-items:center;min-width:auto}.right-content span,.right-content img{display:none}.left-content{width:100%;justify-content:center;align-items:center;text-align:center}.left-content .text-container{max-width:95%;align-items:center}.left-content h1{font-size:32px;font-weight:700}}.porque{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;background-color:#f9fafb}.porque h1{font-size:40px;font-family:Montserrat,sans-serif;font-weight:700;color:#012169;margin:0 0 35px}.porque span{color:#c8102e}.porque p{font-size:20px;font-weight:400;color:#012069d5;max-width:705px;text-align:center;margin-bottom:10px}.cards-container{margin:45px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background-color:#fff;border-radius:16px;border:solid 1px #e5e7eb;padding:24px;box-shadow:0 2px 5px #0003;text-align:center;display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:385px;max-height:340px;box-sizing:border-box}.card h3{font-size:20px;font-weight:700;color:#012169;margin:10px 0 0;text-align:left}.card p{font-size:16px;font-weight:400;color:#012069d5;margin:0;text-align:left}.card span{font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;margin-top:auto}.card svg{padding:12px;border-radius:10px}.porque small{font-size:16px;font-weight:400;color:#012169;font-style:italic}@media (max-width: 768px){.porque{padding:60px 30px}.porque h1{text-align:center}.cards-container{grid-template-columns:repeat(1,1fr);gap:10px}.porque small{text-align:center}}.metodo{display:flex;padding:15px 60px 60px;background-color:#f9fafb}.main-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;width:100%}.main-container h1{font-size:40px;font-family:Montserrat,sans-serif;font-weight:700;color:#012169;margin:0}.main-container h1 span{color:#c8102e}.main-container p{font-size:20px;font-weight:400;color:#012069d5;max-width:750px;text-align:center;margin-bottom:10px}.method-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;min-width:900px;gap:25px;margin:40px 0}.method{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px;background-color:#fff;border-radius:16px;box-shadow:2px 2px 4px #00000026,4px 4px 10px #0000001a;position:relative;box-sizing:border-box;min-height:380px;max-width:280px;min-width:250px}.method span{font-size:18px;font-weight:700;color:#fff;width:30px;height:30px;padding:10px;border-radius:1000px;display:flex;align-items:center;justify-content:center;position:absolute;top:-15px}.method svg{padding:15px;border-radius:100px}.method h3{font-size:20px;font-weight:700;color:#012169;margin:0;text-align:center}.method p{font-size:14px;font-weight:400;color:#012069d5;margin:0;text-align:center}.smalls-div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.smalls-div small{font-size:12px;font-weight:400;color:#012069d5;margin:0;display:flex;align-items:center;gap:5px;white-space:nowrap}.smalls-div small svg{padding:0}.main-container h2{font-size:30px;font-weight:700;color:#012169;font-family:Montserrat,sans-serif;margin:0}.main-container h2 span{color:#c8102e}.levels-container{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:30px;flex-wrap:wrap}.level{position:relative;width:190px;height:115px;border-radius:12px;cursor:pointer;overflow:hidden;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}.level-front,.level-back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .3s ease;padding:10px;text-align:center}.level-front{z-index:1;opacity:1}.level-back{z-index:2;opacity:0}.level .level-back p{font-size:16px;font-weight:400;color:#fff}.level:hover .level-front{opacity:0}.level:hover .level-back{opacity:1}.level h3{font-size:24px;font-weight:700;margin:0}.level p{font-size:12px;font-weight:500;color:#012069d5;margin:0}.a1{background-color:#fee2e2;color:#b91c1c}.a1-lb{background-color:#991b1b}.a2{background-color:#ffedd5;color:#c2410c}.a2-lb{background-color:#c2410c}.b1{background-color:#dcfce7;color:#15803d}.b1-lb{background-color:#15803d}.b2{background-color:#d1fae5;color:#16a34a}.b2-lb{background-color:#16a34a}.c1{background-color:#dbeafe;color:#1d4ed8}.c1-lb{background-color:#1d4ed8}.c2{background-color:#f3e8ff;color:#9333ea}.c2-lb{background-color:#9333ea}.method-cta-div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;margin-top:30px;background-color:#3b82f6;padding:25px;width:85%;border-radius:16px;max-width:1000px}.method-cta-div h3{font-size:24px;font-weight:700;color:#fff;margin:0}.method-cta-div p{font-size:18px;font-weight:400;color:#ffffffdc;text-align:center;max-width:600px}.method-cta-div div{display:flex;gap:20px;width:100%;justify-content:center}.method-cta-div a{font-size:16px;font-weight:600;padding:10px 20px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;gap:10px}.method-cta-div a:nth-child(1){background-color:#fff;color:#3b82f6}.method-cta-div a:nth-child(2){background-color:#22c55e;color:#fff}@media (max-width: 768px){.metodo{flex-direction:column;padding:60px 30px}.method{padding-top:10px}.left-container{justify-content:center;align-items:center;min-width:auto;width:100%}.method-container{display:grid;grid-template-columns:repeat(1,1fr);width:auto;min-width:inherit;gap:20px}.metodo-text-container{align-items:center;text-align:center}.levels-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.level{margin:0;width:120px}.right-container{display:none}.method-cta-div div{flex-wrap:wrap}.level .level-back p{font-size:14px}}.footer{background-color:#fff;color:#2c2c2e;padding:20px;display:flex;align-items:center;justify-content:space-around;position:relative}.logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:33%}.logo img{width:140px;height:auto}.logo small{font-size:14px;font-weight:400;color:#777;max-width:220px;text-align:center}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:33%}.contact .icons{display:flex;align-items:center;justify-content:center;gap:15px;color:#2c2c2e}.contact .icons span{display:flex;align-items:center;justify-content:center;gap:8px}.contact .icons span p{font-size:16px;font-weight:400;color:#2c2c2e}.contact small{font-size:12px;font-weight:400;color:#b0b0b0;max-width:220px;text-align:center;position:absolute;bottom:5px}.links{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:33%}.icons a{color:#2c2c2e;text-decoration:none}.links a{font-size:14px;font-weight:500;color:#555;text-decoration:none;transition:color .3s ease}.links a:hover{text-decoration:underline}@media (max-width: 768px){.footer{flex-direction:column;align-items:center;gap:20px;padding-bottom:70px}.logo,.contact,.links{width:100%;text-align:center}.contact .icons{flex-wrap:wrap;justify-content:center}}#root{background-color:#f9fafb}.test-results{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;background:#f9fafb;padding:60px;height:fit-content}.results-container{width:550px;margin-top:50px;box-sizing:border-box;background:#fff;border-radius:15px;padding:30px;box-shadow:0 8px 20px #00000014;text-align:center}.results-container h1{font-size:20px;font-weight:600;margin:20px 0;color:#012069}.summary-text{max-width:300px;text-align:center;margin:0 auto}.results-container p{font-size:16px;color:#012069be;margin-bottom:20px;font-weight:500}.results-container h2{font-size:20px;margin-bottom:10px;color:#c8102e}.results-container h3{font-size:16px;font-weight:500;margin-bottom:20px;color:#012069}.section-scores{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.section-scores div{width:25%}.section-scores h4{font-size:14px;font-weight:600;margin:8px 0 4px;color:#012069}.section-scores p{font-size:14px;color:#012069be;margin:0}hr{border:none;height:1px;background:#e2e8f0;margin:30px 0}.response-item{text-align:left;padding:14px;border-radius:10px;margin-bottom:12px;font-size:14px;line-height:1.5}.response-item.correct{background-color:#dcfce7;border:1px solid #bbf7d0}.response-item.incorrect{background-color:#fee2e2;border:1px solid #fecaca}.response-item p{margin:4px 0}.test-results button,.test-results a{font-family:Inter,sans-serif;font-size:16px;font-weight:500;padding:10px;border:none;border-radius:10px;cursor:pointer;box-sizing:border-box;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:5px;box-shadow:none}.button-primary{background-color:#dc2626;width:65%}.button-secondary{background-color:#e0e7ff;color:#1e3a8a;flex:1}.button-secondary.red{background-color:#fee2e2;color:#991b1b;flex:1}.button-secondary.green{background-color:#25d366;color:#fff;flex:1}.descargar-pdf{width:100%}.test-results button:hover,.test-results a:hover{scale:1.01}.button-div{display:flex;gap:10px;margin:10px 0}.level-summary-list{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;justify-content:center}.level-summary-list li{background:#f0f0f0;border-radius:8px;padding:12px 16px;box-shadow:0 2px 4px #0000001a;color:#012069;font-size:14px}.level-summary-list li strong{color:#012069}.level-answer-list{list-style:none;margin:20px 0;padding:0}.show-details{margin:20px 0}.show-details strong{color:#012069}*{font-family:Montserrat,sans-serif}.english-test{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;background:#f9fafb;padding:60px}.test-intro-card{width:500px;box-sizing:border-box;padding:30px;background:#fff;border-radius:15px;box-shadow:0 8px 20px #0000001a;color:#2e2e2e;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;margin-top:50px}.test-intro-card a{color:#c8102e;text-decoration:none;font-weight:500}.test-intro-card h2{color:#012069;font-size:20px;font-weight:700}.test-intro-card p{color:#012069be;font-size:16px;max-width:350px}.test-intro-card .button-primary{background-color:#c8102e;color:#fff;padding:10px 20px;font-weight:700;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.test-intro-card .button-primary:hover{scale:1.01}.test-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-width:500px;box-sizing:border-box;margin-top:50px}.header{display:flex;align-items:center;gap:10px;width:100%}.header div h2{font-size:20px;font-weight:600;color:#012069}.header div span{font-size:18px;font-weight:400;color:#012069be}.header svg{background-color:#3b82f6;padding:10px;border-radius:50%}.question-count{font-size:18px;color:#3b82f6;margin-left:auto;font-weight:700}.question-container{width:500px;box-sizing:border-box;padding:30px;background:#fff;border-radius:15px;box-shadow:0 8px 20px #0000001a;color:#2e2e2e}.question-card{display:flex;flex-direction:column;gap:40px;width:100%}.question-text{font-size:17px;font-weight:600;color:#012069}.question-image{width:auto;align-self:center;height:250px;border-radius:5px;margin-bottom:20px}.option-label{display:flex;align-items:center;gap:5px;font-size:16px;font-weight:500;color:#012069}.option-image{width:auto;height:100px}.options input[type=radio]{margin-right:10px;cursor:pointer;width:15px;height:15px}.options input[type=radio]:checked{accent-color:#c8102e}.options{display:flex;flex-direction:column;gap:15px}.button-row{display:flex;justify-content:space-between}.button-row button{border-radius:10px;box-shadow:none;transition:all .3s ease}.button-row button:hover{scale:1.01}.button-row .prev{background-color:#d1d5db;color:#374151;width:35%;padding:10px}.button-row .next{background-color:#c8102e;color:#fff;width:40%;padding:10px;margin-left:auto}.progress{display:flex;flex-direction:column;gap:10px;width:100%}.progress-info{width:100%;display:flex;justify-content:space-between;align-items:center}.progress-info span{font-size:16px;color:#012069be}.progress-bar{width:100%;height:10px;background-color:#e5e7eb;border-radius:10px}.progress-bar span{display:block;height:10px;background-color:#3b82f6;border-radius:10px;transition:width .3s ease;z-index:1000}.break-image{width:auto;height:100px}.question-instructions{font-size:15px;font-style:italic;color:#012069be;margin-bottom:10px}.audio-limit-message{font-size:14px;color:#c8102e;margin-top:5px;margin-left:10px}.intro-options{flex-direction:row;justify-content:space-around}.io-intro{display:flex;flex-direction:column-reverse;align-items:center}.io-intro img{width:35px;height:35px;object-fit:cover;border-radius:10px}.button-row .next-intro{width:100%}.legal-page{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:3rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;line-height:1.7;background-color:#fff;background:url(/hero-bg-1.png),url(/hero-bg-2.png),linear-gradient(to right,#d6ecff,#f5f5f5,#f7b7cc);background-repeat:no-repeat,no-repeat,no-repeat;background-position:calc(100% - 20px) calc(100% - 30px),20px 110px,center}.legal-page .content{max-width:800px}.legal-page h1{font-size:2rem;margin-bottom:1.5rem;color:#1c1c1c;text-align:center}.legal-page h2{font-size:1.4rem;margin-top:2rem;margin-bottom:1rem;color:#222;border-left:4px solid #0b6efd;padding-left:.6rem}.legal-page p{margin-bottom:1rem}.legal-page ul{margin:.5rem 0 1rem 1.5rem;list-style-type:disc}.legal-page li{margin-bottom:.5rem}.legal-page a{color:#0b6efd;text-decoration:underline}.legal-page a:hover{color:#084298}.legal-page em{display:block;margin-top:2rem;font-style:italic;color:#666;text-align:right}html,body,#root{height:100vh;margin:0;padding:0;font-family:Inter,sans-serif}html{scroll-behavior:smooth}button{font-family:Inter,sans-serif;font-size:18px;font-weight:600;padding:16px;border:none;border-radius:10px;cursor:pointer;background-color:#c8102e;color:#fff;box-sizing:border-box;box-shadow:2px 2px 4px #00000026,4px 4px 10px #0000001a;transition:all .3s ease}button:hover,a:hover{scale:1.03}a{text-decoration:none;cursor:pointer;transition:all .3s ease}h1,h2,h3,h4,h5,h6,p,small,span{margin:0}.card-transition{transition:all .3s ease}.card-transition:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}