#root{margin:0;padding-top:-10px;display:flex;justify-content:center}body{margin:0;padding-top:-10px;height:0;overflow-x:hidden}.home-container{font-family:Poppins,sans-serif;min-height:100vh;background:linear-gradient(180deg,#662d91,#8e44ad);color:#fff;display:flex;flex-direction:column}.home-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px}.header-left{display:flex;align-items:center;gap:10px}.home-logo{width:50px;height:50px;border-radius:50%}.home-title{font-size:1.5rem;font-weight:600}.header-right .material-icons{font-size:2rem;cursor:pointer}.home-main{display:flex;align-items:center;flex:1;padding:40px;flex-wrap:wrap;text-align:left;width:1300px}.home-text{max-width:600px}.home-text h2{font-size:1.8rem;font-weight:500;line-height:1.4;margin-bottom:20px;font-size:60px;width:800px}.home-text p{font-size:1rem;opacity:.9;font-size:30px}.home-btn{background-color:#a259ff;border:none;color:#fff;padding:8px 18px;border-radius:20px;font-weight:500;cursor:pointer;margin-left:5px;transition:background-color .3s ease;font-size:30px}.home-btn:hover{background-color:#8a3ef1}.home-image img{width:480px;height:auto;position:relative;left:40%}@media (max-width: 768px){.home-main{flex-direction:column;text-align:center}.home-text{max-width:90%}.home-image{margin-top:20px}}.cuerpo{margin:0;background:linear-gradient(to bottom,#f0f0f0,#ccc);width:100vw}.container{display:flex;height:100vh;width:100%}.form-section{flex:2;display:flex;justify-content:center;align-items:center}.form-box{background:#fff;padding:40px 30px;border-radius:20px;box-shadow:0 0 10px #0000001a;width:300px;text-align:center}.logo{font-size:32px;font-weight:700;color:#6c3483;margin-bottom:30px;display:flex;position:relative;left:10px;justify-content:center}.logo3{width:60px;padding:10px;position:relative;top:-10px}.Input{width:100%;padding:12px;margin-bottom:15px;border:none;background-color:#ddd;border-radius:20px}.form-box button{width:100%;padding:10px;border:none;background-color:#4b007d;color:#fff;border-radius:20px;font-weight:700;cursor:pointer}.form-box a{display:block;margin-top:10px;font-size:14px;color:#6c3483;text-decoration:none}.side-text{flex:1;background:linear-gradient(to bottom right,#4b007d,#b48de3);color:#fff;display:flex;justify-content:center;align-items:center;font-size:60px;font-weight:300;padding:40px;text-align:center}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background:#fff;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;padding-bottom:64px}:root{--purple: #6a1b9a;--purple-light: #7e36b2;--input-border: #444;--input-focus: var(--purple);--input-bg: #fff;--header-height: 56px;--footer-height: 0px;--border-radius: 24px;--spacing: 16px;--max-content-width: 1200px}header{position:sticky;top:0;background:#fff;height:14vh;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #ddd;z-index:100;width:100vw}.header-left,.header-right{display:flex;align-items:center;gap:54px}button.back-button{border:none;background:none;cursor:pointer;color:var(--purple);font-size:28px;display:flex;align-items:center;justify-content:center;padding:4px;transition:color .3s ease;scale:2}button.back-button:hover,button.back-button:focus{color:var(--purple-light);outline:none}.circle-icon{width:32px;height:32px;border-radius:50%;background:linear-gradient(180deg,#9b59b6 50%,#4a235a 50%);position:relative;border:2px solid var(--purple);scale:1.4}.circle-icon:before{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:#4a235a;border-bottom-left-radius:50%;border-bottom-right-radius:50%}.logo1{width:50px}.form-row>div{flex:1 1 30%;min-width:200px}.form-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.form-row>div{flex:1 1 30%1;min-width:200px}@media (max-width: 768px){.form-row{flex-direction:column}}select{padding:12px 16px;font-size:1.1rem;border:2px solid var(--purple);border-radius:12px;background-color:#fdf5ff;color:#4a235a;font-weight:500;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;transition:border-color .3s ease,box-shadow .3s ease;width:120px;text-align:center;box-shadow:0 4px 8px #7a509726}select:focus{border-color:#7e36b2;box-shadow:0 0 0 3px #7e36b233}select{border-radius:12px;overflow:hidden}select option:checked,select option:hover{background-color:#e3c2ff;color:#3e164e}.header-right .material-icons{font-size:27px;color:var(--purple);cursor:pointer;transition:color .3s ease;scale:2}.header-left,.header-right{margin-left:180px;margin-right:240px}.header-right .material-icons:hover,.header-right .material-icons:focus{color:var(--purple-light);outline:none}main{flex:1;margin:24px auto;display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:start;min-height:400px;scale:.8;position:relative;top:-50px;padding:0 24px 0 20%}.form-container{font-size:1rem;color:#101010}.form-container h2{font-weight:600;margin-bottom:24px;font-size:2rem}form{display:flex;flex-direction:column;gap:20px;max-width:600px}label{display:block;font-weight:500;margin-bottom:6px;color:#3e164e;font-size:1.2rem}.INPUT[type=text]{width:100%;padding:8px 12px;font-size:1rem;border:none;border-bottom:2px solid #b08ac2;background:var(--input-bg);border-radius:0;outline-offset:2px;transition:border-color .3s ease}.INPUT[type=text]:focus{border-bottom-color:#77448f;outline:none}.inline-row{width:100%;gap:118px;display:flex;margin-top:-6px}.inline-row label{margin-bottom:2px}.inline-row input{width:120%;margin-top:0}.submit-btn{align-items:center;background-image:linear-gradient(144deg,#943baa,#af6ddf 50%,#9cbde2);border:0;border-radius:8px;box-shadow:#78569e33 0 15px 30px -5px;box-sizing:border-box;color:#fff;display:flex;font-size:18px;justify-content:center;line-height:1em;max-width:100%;min-width:140px;padding:20px;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;cursor:pointer;transition:all .3s}.submit-btn:active,.submit-btn:hover{outline:0}.submit-btn span{background-color:#05062d;padding:16px 24px;border-radius:6px;width:100%;height:100%;transition:.3s}.submit-btn:hover span{background:none}.submit-btn:active{transform:scale(.9)}@media (max-width: 767px){main{display:flex;flex-direction:column;padding:8px 16px;gap:32px;max-width:100%}.purple-block{width:100%;aspect-ratio:1 / 1;border-radius:35px;box-shadow:none;position:static}.form-container form{max-width:100%}.inline-row{flex-direction:column;gap:12px;align-items:stretch}.inline-row label,.inline-row input{flex:1 0 auto;width:100%}button.back-button{font-size:28px;color:var(--purple)}.header-left{gap:100px}.header-left .circle-icon{display:none}}.e-card{margin:100px auto;background:transparent;box-shadow:0 8px 28px -9px #00000073;position:relative;width:240px;height:330px;border-radius:16px;overflow:hidden;scale:2.1;top:95px;right:100px}.wave{position:absolute;width:540px;height:700px;opacity:.6;left:0;top:0;margin-left:-50%;margin-top:-70%;background:linear-gradient(744deg,#3b1fee,#7103be 60%,#047a83)}.icon{width:3em;margin-top:-1em;padding-bottom:1em}.infotop{text-align:center;font-size:20px;position:absolute;top:5.6em;left:0;right:0;color:#fff;font-weight:600}.name{font-size:18px;font-weight:100;position:relative;top:1em}.wave:nth-child(2),.wave:nth-child(3){top:210px}.playing .wave{border-radius:40%;animation:wave 3s infinite linear}.wave{border-radius:40%;animation:wave 55s infinite linear}.playing .wave:nth-child(2){animation-duration:4s}.wave:nth-child(2){animation-duration:50s}.playing .wave:nth-child(3){animation-duration:5s}.wave:nth-child(3){animation-duration:45s}@keyframes wave{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.resultado-container{font-family:Poppins,sans-serif;background:#f5f5f5;min-height:100vh}.resultado-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:10px 30px;box-shadow:0 2px 5px #0000001a}.header-left{display:flex;align-items:center;gap:10px;color:#361958}.resultado-logo{height:40px}.header-right .material-icons{font-size:28px;color:#5e2a84;margin-left:15px;cursor:pointer}.resultado-main{display:flex;justify-content:center;align-items:flex-start;padding:40px;gap:20px;flex-wrap:wrap;width:100%;height:600px;background-color:#e6cfee}.resultado-card{background:linear-gradient(180deg,#4a148c,#6a1b9a);color:#fff;padding:20px;border-radius:15px;width:320px;height:430PX;box-shadow:0 10px 20px #00000080}.resultado-factor{font-weight:700;margin-bottom:15px}.resultado-bueno,.resultado-malo{margin-bottom:15px}.barras{display:flex;gap:6px;margin-top:5px}.barras.buenas div{width:20px;height:40px;border:4px solid #57ff36;background:#32cd32;border-radius:5px}.barras.malas div{width:20px;border:4px solid #ff4a2a;height:40px;background:#dc143c;border-radius:5px}.resultado-info{display:flex;flex-direction:column;gap:20px}.detalle{margin-bottom:45px}.detalle,.sugerencia{background:#ddd;padding:15px;border-radius:10px;width:360px;font-size:20px;height:180px;box-shadow:2px 3px 6px #0000001a}