.an_o,.ecom-section h3,.edad-txt,.tit-gradient{-webkit-text-fill-color:transparent}.ecom-section h3,.resultado-box strong,span.txt-sub{font-family:Montserrat,sans-serif;font-style:normal}body,span.txt-sub{text-align:center;color:#fff}.ecom-section h3,.edad-txt{background:linear-gradient(90deg,#5abaff 33.34%,#8c00ff 51.51%,#ff26c2 67.34%)}.an_o,.ecom-section h3{line-height:60px}.q_o,.respu,.sub{text-shadow:0 0 15.4px #ff26c2}body{font-family:Arial,sans-serif;background:#0e0e10;margin:0}.resultado-box{margin-bottom:2rem;background-image:url(img/back-test.webp);background-size:cover;background-repeat:no-repeat;background-position:center;padding:50px 45px;height:615px;display:grid;align-items:center;justify-content:normal}span.txt-sub{font-size:20px;font-weight:600}.ecom-section h3,.resultado-box strong{font-weight:900;text-align:center}.marging{margin-bottom:25px}.resultado-box strong{display:block;color:#fff;font-size:35px}.ecom-section h3{margin-bottom:1rem;background-clip:text;-webkit-background-clip:text;font-size:40px;margin-top:1rem}.ecom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;justify-items:center}.ecom-grid img{background:#f1f1f1;border-radius:15px;padding:10px;width:100%;max-width:140px;height:auto}.resultado-footer{text-align:center;padding:40px 20px}.btn-back{display:inline-block;padding:14px 30px;background:#a3107c;color:#fff;font-weight:700;font-size:18px;border-radius:50px;text-decoration:none;transition:.3s}#nextBtn,#startBtn,.age-selector button.selected,.an_o,.edad-txt,.q_o,.regresar-btn,.respu,.siguiente-btn,.title-anser{font-weight:900;text-align:center;font-family:Montserrat,sans-serif;font-style:normal}.btn-back:hover{background:#7d0c60}.mensaje-aviso{color:#fff;font-size:16px;margin-top:15px}.legal-box{background:#2b2589;color:#fff;padding:30px 20px;border-radius:40px;font-size:13px;margin-top:40px}.legal-box p{margin-bottom:8px;line-height:1.5}.tit-gradient{background:#02a6e0;background:-webkit-gradient(linear,left top,right top,color-stop(20%,#02a6e0),color-stop(50%,#6e2fd4),color-stop(60%,#fa2ac4));background:linear-gradient(to bottom,#02a6e0 20%,#6e2fd4 50%,#fa2ac4 60%);-webkit-background-clip:text;background-clip:text}#nextBtn,#startBtn,.back-text{background-size:cover;background-position:center;background-repeat:no-repeat}.answer.selected .img-icon{background-color:#fff}.back-text{position:relative;display:grid;justify-content:center;align-items:center;overflow:hidden;min-height:620px}.img-back{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;max-width:100%}.back-text>:not(.img-back){position:relative;z-index:1}.age-selector{display:flex;margin-bottom:1rem;gap:1rem}.age-selector button{border-radius:30px;padding:5px 15px;cursor:pointer;transition:.3s;border:2px solid #fff;box-shadow:0 0 4px 4px #9a1c80;background:#9a1c80;color:#fff;text-align:center;font-family:Montserrat,sans-serif;font-size:20px;font-style:normal;font-weight:500;position:relative;top:-15px}.age-option{display:grid;text-align:center;transition:transform .3s;cursor:pointer}button.button_two{border:2px solid #fff;box-shadow:0 0 4px 4px #0094ff;background:#27247b}.age-selector button.selected{border:1px solid #ff26c2;background-color:#fff;color:#4840c6;font-size:25px;box-shadow:0 0 4px 4px #ff26c2}#nextBtn,#startBtn{margin-top:1.5rem;padding:15px 30px;background-image:url(img/back-button.webp);cursor:not-allowed;color:#fff;font-size:17px;background-color:transparent;border:none;opacity:.5}#nextBtn.active,#startBtn.active{background-color:transparent;color:#fff;cursor:pointer;opacity:1}.fondo-movil,.hidden{display:none}.answers{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.answers .answer{padding:.5rem 1rem;cursor:pointer;display:flex;align-items:center;gap:15px;justify-content:space-between}.title-anser{color:#fff;font-size:38px}.edad-txt{font-size:31px!important;background-clip:text;-webkit-background-clip:text}.img-edad{width:175px;max-width:175px;transition:filter .3s}.age-option.active .img-edad{filter:drop-shadow(0 0 6px #ff26c2)}.age-option.active{transform:scale(1.05)}.an_o{font-size:34px;background:linear-gradient(90deg,#5abaff 33.34%,#8c00ff 51.51%,#ff26c2 67.34%);background-clip:text;-webkit-background-clip:text}.q_o,.respu{color:#fff;font-size:20px;line-height:normal}.img-icon{width:60px;background-color:#200081;border-radius:50px;padding:5px;box-shadow:0 0 15.4px #ff26c2}.regresar-btn,.siguiente-btn{background-image:url(img/back-button.webp);background-size:cover;background-position:center;background-repeat:no-repeat;font-size:17px;background-color:transparent;line-height:2;padding:0 15px;height:57px;width:225px;color:#fff}.progress-line{display:flex;justify-content:space-between;align-items:center;position:relative;max-width:590px;margin:50px auto 15px}.progress-line::before{content:"";position:absolute;top:50%;left:0;right:0;height:3px;background:linear-gradient(to right,#ff26c2,#5abaff);transform:translateY(-50%);z-index:1}.step.completed{display:flex;align-items:center;justify-content:center}.step.completed .check,.step.completed i{color:#fff;font-size:16px;font-weight:700}.regresar-btn{border:none;border-radius:0;opacity:1}.siguiente-btn{border:none;border-radius:0;opacity:.5}.step{width:30px;height:30px;border-radius:50%;background:#fff;z-index:2;border:4px solid #fff;box-shadow:0 0 6px 3px #ff26c2;display:flex;align-items:center;justify-content:center;position:relative}.step.active{background:#06f;box-shadow:0 0 6px 3px #0094ff}.botones{gap:60px}.step.completed{background:#ff26c2}.heart{width:300px;opacity:.15;transition:opacity .5s}.sub{color:#fff;text-align:center;font-family:Montserrat,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.fondo-desktop{display:block}@media (max-width:575.98px){.fondo-movil{display:block}#ooohText,.fondo-desktop{display:none}.movil,.title-anser{text-align:center;font-family:Montserrat,sans-serif}.title-anser{color:#fff;font-size:22px}.edad-txt{font-size:25px!important}.boton-test,.edad-label{font-size:18px;font-weight:700}.back-text{height:870px;display:grid;align-items:center;justify-content:center;border:9px solid #f62df6;border-radius:8px;box-shadow:6px 3px 15px 4px #f62df6}.bullets span.active,.edad-label{background:#f0c}.slider-container{max-width:400px;margin:auto;text-align:center}.edad-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.boton-test,.bullets span,.edad-card{display:inline-block}.edad-slide{flex:0 0 100%;scroll-snap-align:center;padding:20px 0}.edad-card{max-width:150px;margin:auto;width:100%;padding:0 5px}.edad-card img{width:100%;border-radius:15px;max-width:100%}.edad-label{color:#fff;padding:10px 0;margin-top:10px;border-radius:30px}.bullets{margin:10px 0}.bullets span{width:12px;height:12px;margin:0 5px;background:#888;border-radius:50%;transition:background .3s}.boton-test{background:rgba(255,255,255,.2);border:2px solid #f0c;border-radius:30px;padding:12px 30px;color:#aaa;margin-top:20px;pointer-events:none;transition:.3s}.movil{border-radius:30px;padding:5px 15px;cursor:pointer;transition:.3s;border:2px solid #fff;box-shadow:0 0 4px 4px #9a1c80;background:#9a1c80;color:#fff;font-size:15px;font-style:normal;font-weight:500;position:relative;top:-15px;width:100%}.edad-card.selected{transform:scale(1.05);filter:drop-shadow(0 0 6px #ff26c2);border-radius:20px;transition:.3s}.edad-card.selected .movil{background:#fff!important;color:#2b50d7!important;font-weight:900;border:1px solid #9a1c80;font-size:25px}.an_o{font-size:28px;line-height:31px}.q_o,.respu,span.txt-sub{font-size:18px}.answers{display:grid;justify-content:normal}.heart{width:200px}.answers .answer{border-radius:8px;background:rgba(32,0,129,.8);justify-content:normal}.img-icon{width:40px;box-shadow:0 0 15.4px transparent}.step{width:25px;height:25px}.progress-line{margin:35px auto 5px}.answer.selected{background-color:#fff}.answer.selected .respu{color:#4543dc;text-shadow:none}.resultado-box{background-image:url(img/back_mask.webp);padding:15px;height:auto;border:10px solid #a3107c;border-radius:8px}.resultado-box strong{font-size:28px;line-height:40px}.ecom-section h3{font-size:28px}.ecom-grid{gap:10px}.back-que{height:auto!important;border:2px solid #403ecb;border-radius:8px;background-image:url(none)!important}.back-text.fondo-preguntas{background-image:none;border:10px solid #9a1c80;height:770px}#startBtn,.back-text.fondo-preguntas.img-back{display:none!important}.botones{flex-direction:column-reverse!important;gap:15px}}@media (min-width:768px) and (max-width:1024px){.back-text,.resultado-box{background-image:url(img/back_mask.webp);height:auto}.age-selector{flex-wrap:wrap;justify-content:center;gap:1rem}.resultado-box{padding:50px 20px;border:10px solid #b40ee8;border-radius:8px}.back-text.fondo-preguntas{background:0 0}.resultado-box strong{font-size:30px}.back-text{background-size:cover;background-repeat:no-repeat;background-position:center;padding:65px 0;display:grid;justify-content:center;align-items:center;border:10px solid #9a1c80}.title-anser{font-size:35px}.edad-txt{font-size:33px}}@media (min-width:1400px){.resultado-box{height:705px;padding:50px 115px}.back-text{height:710px}.age-selector{justify-content:center;gap:1rem}}@media (min-width:1700px){.back-text{height:810px}.resultado-box{height:800px;padding:50px 75px}.ecom-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.ecom-grid img{max-width:200px}.age-selector{justify-content:center;gap:1rem}}@media (min-width:1900px){.resultado-box{height:880px}.back-text{height:100vh}.age-selector{justify-content:center;gap:1rem}}@media (min-width:2000px){.resultado-box{height:925px;padding:50px 130px}.ecom-grid img{max-width:220px}.ecom-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:19px}.age-selector{justify-content:center;gap:1rem}}