*{box-sizing:border-box;margin:0;padding:0;font-family:Montserrat,sans-serif}.hero{background-image:url(/assets/fondo-B4Cw7x3y.webp);background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh}.hero .form-container{width:950px;height:820px;background-color:#fff;border-radius:16px;border:1px solid #dcdcdc;box-shadow:0 6px 20px #0000001f;display:flex;flex-direction:column;overflow:hidden}.hero .form-container h2{border-bottom:1px solid #e2e2e2;text-align:center;padding:1.3em;color:#2d2d2d;font-size:1.4rem;background:#fafafa;font-weight:600;letter-spacing:.4px}.hero .form-container__main{width:100%;height:100%;display:flex;flex-direction:column;gap:22px;padding:28px;overflow-y:auto;background:#f4f6f9;scrollbar-width:thin;scrollbar-color:#b6b6b6 transparent}.hero .form-container__main::-webkit-scrollbar{width:6px}.hero .form-container__main::-webkit-scrollbar-thumb{background:#b6b6b6;border-radius:6px}.hero .form-container__main>*{animation:fadeIn .28s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero .form-container__main .bot{display:flex;align-items:flex-start;position:relative;gap:12px;width:-moz-fit-content;width:fit-content;align-items:center;padding:14px 18px;background-color:#eef1f7;border-radius:4px 18px 18px;line-height:1.55;font-size:15.6px;color:#2c2c2c;letter-spacing:.1px;box-shadow:0 3px 8px #4b4b4b12}.hero .form-container__main .bot__icon{width:50px;height:50px;border-radius:50%;overflow:hidden;border:1px solid #d6d6d6;flex-shrink:0}.hero .form-container__main .bot__icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero .form-container__main .user{margin-left:auto;display:flex;align-items:flex-start;gap:12px;width:-moz-fit-content;width:fit-content;align-items:center;padding:14px 18px;background-color:#cce8ff;border-radius:18px 4px 18px 18px;line-height:1.55;font-size:15.6px;color:#1a1a1a;letter-spacing:.1px;box-shadow:0 3px 8px #5252521a}.hero .form-container__main .user__icon{width:42px;height:42px;border-radius:50%;overflow:hidden;flex-shrink:0}.hero .form-container__main .user__icon svg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero .form-container__user-prompt{padding:18px;border-top:1px solid #e1e1e1;background:#fafafa;display:flex;gap:12px}.hero .form-container__user-prompt input{flex:1;padding:14px;border:1px solid #c5c5c5;border-radius:10px;font-size:16px;transition:border-color .2s,box-shadow .3s;background:#fff}.hero .form-container__user-prompt input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 6px #4a90e259}.hero .form-container__user-prompt button{padding:0 22px;background-color:#4a90e2;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:17px;font-weight:500;display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .15s}.hero .form-container__user-prompt button svg{width:22px;height:22px;fill:#fff}.hero .form-container__user-prompt button:hover{background-color:#357ab8}.hero .form-container__user-prompt button:active{transform:scale(.96)}@media screen and (min-width:768px)and (max-width:1023px){.hero{background-image:none}.hero .form-container{width:100%;height:100%;border-radius:0;box-shadow:none}.hero .form-container__user-prompt button{display:none}}@media screen and (max-width:767px){.hero{background-image:none}.hero .form-container{width:100%;height:100%;border-radius:0;box-shadow:none}.hero .form-container__user-prompt button{display:none}}