@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css?family=Nunito:wght@300;400;600;800&display=swap";.react-calendar{width:350px;max-width:100%;background:white;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font-weight:700;font-size:.75em}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;line-height:16px}.react-calendar__tile:disabled{background-color:#f0f0f0}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}:root{--header-height: 3.5rem;--black-color: hsl(51, 100%, 50%);--black-color-light: hsl(50, 75%, 69%);--black-color-lighten: hsl(50, 75%, 69%);--white-color: #000000;--body-color: hsl(0, 0%, 100%);--body-font: "Montserrat", sans-serif;--normal-font-size: .938rem;--font-regular: 400;--font-semi-bold: 600;--z-tooltip: 10;--z-fixed: 100}@media screen and (min-width: 1024px){:root{--normal-font-size: 1rem}}*{box-sizing:border-box;padding:0;margin:0}body{font-family:var(--body-font);font-size:var(--normal-font-size);background-color:var(--body-color)}a{text-decoration:none}.container2{max-width:1120px;margin-inline:1.5rem}.header{position:fixed;top:0;left:0;width:100%;background-color:var(--black-color);box-shadow:0 2px 16px #0e121b4d;z-index:var(--z-fixed)}.nav{height:var(--header-height)}.nav__logo,.nav__burger,.nav__close{color:var(--white-color)}.nav__data{height:100%;display:flex;justify-content:space-between;align-items:center}.nav__logo{display:inline-flex;align-items:center;column-gap:.25rem;font-weight:var(--font-semi-bold)}.nav__logo i{font-weight:initial;font-size:1.25rem}.nav__toggle{position:relative;width:32px;height:32px}.nav__burger,.nav__close{position:absolute;width:max-content;height:max-content;inset:0;margin:auto;font-size:1.25rem;cursor:pointer;transition:opacity .1s,transform .4s}.nav__close{opacity:0}@media screen and (max-width: 1118px){.nav__menu{position:absolute;left:0;top:2.5rem;width:100%;height:calc(100vh - 3.5rem);overflow:auto;pointer-events:none;opacity:0;transition:top .4s,opacity .3s}.nav__menu::-webkit-scrollbar{width:0}.nav__list{background-color:var(--black-color);padding-top:1rem}}.nav__link{color:var(--white-color);background-color:var(--black-color);font-weight:var(--font-semi-bold);padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s}.nav__link:hover{background-color:var(--black-color-light)}.show-menu{opacity:1;top:3.5rem;pointer-events:initial}.show-icon .nav__burger{opacity:0;transform:rotate(90deg)}.show-icon .nav__close{opacity:1;transform:rotate(90deg)}.dropdown__item{cursor:pointer}.dropdown__arrow{font-size:1.25rem;font-weight:initial;transition:transform .4s}.dropdown__link,.dropdown__sublink{padding:1.25rem 1.25rem 1.25rem 2.5rem;color:var(--white-color);background-color:var(--black-color-light);display:flex;align-items:center;column-gap:.5rem;font-weight:var(--font-semi-bold);transition:background-color .3s}.dropdown__link i,.dropdown__sublink i{font-size:1.25rem;font-weight:initial}.dropdown__link:hover,.dropdown__sublink:hover{background-color:var(--black-color)}.dropdown__menu,.dropdown__submenu{max-height:0;overflow:hidden;transition:max-height .4s ease-out}.dropdown__item:hover .dropdown__menu,.dropdown__subitem:hover>.dropdown__submenu{max-height:1000px;transition:max-height .4s ease-in}.dropdown__item:hover .dropdown__arrow{transform:rotate(180deg)}.dropdown__add{margin-left:auto}.dropdown__sublink{background-color:var(--black-color-lighten)}@media screen and (max-width: 340px){.container2{margin-inline:1rem}.nav__link{padding-inline:1rem}}@media screen and (min-width: 1118px){.container2{margin-inline:auto}.nav{height:calc(var(--header-height) + 2rem);display:flex;justify-content:space-between}.nav__toggle{display:none}.nav__list{height:100%;display:flex;column-gap:3rem}.nav__link{height:100%;padding:0;justify-content:initial;column-gap:.25rem}.nav__link:hover{background-color:transparent}.dropdown__item,.dropdown__subitem{position:relative}.dropdown__menu,.dropdown__submenu{max-height:initial;overflow:initial;position:absolute;left:0;top:6rem;opacity:0;pointer-events:none;transition:opacity .3s,top .3s}.dropdown__link,.dropdown__sublink{padding-inline:1rem 3.5rem}.dropdown__subitem .dropdown__link{padding-inline:1rem}.dropdown__submenu{position:absolute;left:100%;top:.5rem}.dropdown__item:hover .dropdown__menu{opacity:1;top:5.5rem;pointer-events:initial;transition:top .3s}.dropdown__subitem:hover>.dropdown__submenu{opacity:1;top:0;pointer-events:initial;transition:top .3s}}*,html,body{margin:0;padding:0}.Formulario{font-family:Poppins,sans-serif;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom right,#D4A200,#FFDD00,#FFF689)}.Contenedor{width:50vw;height:60vh;display:grid;grid-template-columns:100%;grid-template-areas:"login";box-shadow:0 0 17px 10px #0000004d;border-radius:20px;background:white;overflow:hidden}.diseño{grid-area:diseño;display:none;position:relative}.rotate-45{transform:rotate(-45deg)}.diseño .pill-1{bottom:0;left:-40px;position:absolute;width:80px;height:200px;background:linear-gradient(#cdec3f,#eade75,#56a3b4);border-radius:40px}.diseño .pill-2{top:-100px;left:-80px;position:absolute;height:450px;width:220px;background:linear-gradient(#f0d4c9,#fad653,#7af6ff);border-radius:200px;border:30px solid #89a6bc}.diseño .pill-3{top:-100px;left:160px;position:absolute;height:200px;width:100px;background:linear-gradient(#6dfdff,#faec53,#909c37);border-radius:70px}.diseño .pill-4{bottom:-180px;left:220px;position:absolute;height:300px;width:120px;background:linear-gradient(#f0e246,#53f4fa);border-radius:70px}.login{grid-area:login;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:white}.foto{align-items:center;background-image:url(/assets/LOGOMYT-39f02b34.svg);background-size:cover}.foto{width:170px;height:151px}.login h3.title{margin:15px 0}.text-input{background:#e6e6e6;height:40px;display:flex;width:70%;align-items:center;border-radius:10px;padding:0 15px;margin:5px 0}.text-input input{background:none;border:none;outline:none;width:100%;height:100%;margin-left:10px}.text-input i{color:#686868}::placeholder{color:#9a9a9a}.login-btn{width:68%;padding:10px;color:#fff;background:linear-gradient(to bottom right,#0a0a0a,#000000,#000000);border:none;border-radius:20px;cursor:pointer;margin-top:10px}.TablaEspecifica{display:flex;color:#fd0;background-color:#000;align-content:center;justify-content:center}.TablaEspecifica div{align-items:center;margin:20 px;width:100%}.Botabla{width:68%;padding:10px;color:#000;background-color:#fd0;border:none;border-radius:20px;cursor:pointer;margin-top:10px}.Botabla2{width:50%;padding:10px;color:#000;background-color:#fd0;border:none;border-radius:20px;cursor:pointer;margin-top:10px}.aa{font-size:12px;color:#9a9a9a;cursor:pointer;user-select:none;text-decoration:none}a.forgot{margin-top:15px}.create{display:flex;align-items:center;position:absolute;bottom:10px}.create i{color:#9a9a9a;margin-left:10px}@media (min-width: 768px){.Contenedor{grid-template-columns:50% 50%;grid-template-areas:"diseño login"}.diseño{display:block}}:root{--main-color: hsl(51, 100%, 50%);--secondary-color: hsla(52, 78%, 49%, .758);--lighter-color: #ebe5bd;--light-color: #9898a0;--dark-color: #0e082c;--font-smaller: 14px;--font-bigger: 20px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Nunito,sans-serif;font-size:16px;font-weight:400;line-height:1.8;color:var(--dark-color);-background:var(--dark-color)}a{text-decoration:none;color:inherit}ul{list-style:none}h1,h2,h3{font-weight:700;line-height:1.25;margin:0 0 .5em}img{max-width:100%;vertical-align:middle}.container1{max-width:1100px;margin:0 auto;padding:0 2em}.form-box{display:flex;flex-direction:column;margin-top:5em;border:8px solid var(--lighter-color);border-radius:15px;background-color:#faf9ff}.form-box .progress{position:relative;padding:1em}.logo{font-size:1.75em;font-weight:800;color:var(--dark-color);padding:40px 48px;text-align:center}.logo span{color:#000}.progress ul.progress-steps{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2em}.progress ul.progress-steps li{position:relative;display:flex;align-items:flex-start;margin-bottom:2em}.progress ul.progress-steps li>span{position:relative;width:40px;height:40px;font-size:var(--font-smaller);display:flex;align-items:center;justify-content:center;margin-right:1em;border-radius:50%;background-color:var(--lighter-color);z-index:1}.progress ul.progress-steps li.active>span{color:#fff;background-color:var(--main-color);border:4px solid var(--secondary-color);z-index:1}.progress ul.progress-steps li p span{font-size:var(--font-smaller);color:var(--light-color);display:none}.progress ul li p{position:absolute;top:-2em;font-size:12px}.form-box form{width:100%;padding:3em 1em;background-color:#fff;border-radius:30px 30px 15px 15px}form>div{max-width:400px;margin:0 auto}form>div p{color:var(--light-color);margin-bottom:2em}form>div>div:not(.checkbox){display:flex;flex-direction:column;margin-bottom:2em}form :where(input,select){height:40px;padding:0 1em;border-radius:7px;outline-color:var(--secondary-color);border:1px solid var(--lighter-color)}form label{font-size:var(--font-smaller);margin-bottom:.5em;font-weight:600}form .grouping{display:flex}form .grouping input{max-width:70px;text-align:center;margin-right:1em}form .grouping2 input{max-width:170px;text-align:center;margin-right:1em}form .grouping3 input{max-width:150px;text-align:center;margin-right:1em;margin-bottom:1em}form .checkbox input{height:auto}.form-two,.form-three,.form-four{display:none}.form-four,.form-two,.form-one,.form-three{display:none;-webkit-animation:fadeIn .6s cubic-bezier(.39,.575,.565,1) both;animation:fadeIn .65s cubic-bezier(.39,.575,.565,1) both}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}form>div.active{display:block}form>div .bg-svg{width:60px;height:50px}form>.form-one .bg-svg{background:url(src/assets/User.svg);background-size:cover;background-position:center;background-repeat:no-repeat}form>.form-two .bg-svg{background:url(assets/Contact.svg)}form>.form-three .bg-svg{background:url(assets/Security.svg)}.btn-group{margin-top:2em;gap:1em;display:flex;flex-wrap:wrap}.btn-group [class*=btn-]{color:#fff;background-color:var(--main-color);padding:1em 2.5em;border:4px solid var(--secondary-color);border-radius:30px;cursor:pointer;-webkit-transition:background-color .3s,border-color .3s ease-out;transition:background-color .3s,border-color .3s ease-out}.btn-group [class*=btn-]:disabled{background-color:var(--light-color);border-color:var(--lighter-color);cursor:text}.btn-group [class*=btn-]:hover:not(:disabled){background-color:var(--dark-color);border-color:var(--light-color)}.btn-group .btn-submit,.form-three.active~.btn-group .btn-next{display:none}.form-three.active~.btn-group .btn-submit{display:block}.form-three.active~.btn-group{justify-content:space-between}.LogoComprobante{width:60px;height:60px}::placeholder{color:var(--light-color)}@media screen and (min-width: 768px){.form-box{flex-direction:row}.form-box .progress{flex:1 0 35%;min-width:300px;padding:3em}.logo{margin:-48px -48px 48px}.progress ul.progress-steps{flex-direction:column;gap:0}.progress ul.progress-steps li:not(:last-child):before{content:"";position:absolute;left:20px;top:30px;width:2px;height:65px;background-color:var(--lighter-color)}.form-box form{padding:3em;border-radius:0 15px 15px 0}.progress ul li p{position:relative;top:auto;font-size:inherit}.progress ul.progress-steps li p span{display:block}}.conteo-container{display:flex;justify-content:center}.seleccionar-componente{text-align:center;color:#333;padding:20px;border:1px solid #ddd;border-radius:10px;max-width:400px;margin:20px}.seleccionar-componente select{background-color:#f8f8f8;color:#333;border:1px solid #ccc;border-radius:5px;padding:8px;margin:5px}.seleccionar-componente input{background-color:#f8f8f8;color:#333;border:1px solid #ccc;border-radius:5px;padding:8px;margin:5px;max-width:120 px}.seleccionar-componente button{background-color:gold;color:#333;border:none;padding:10px 20px;cursor:pointer;border-radius:5px;font-weight:700;margin-top:10px;transition:background-color .3s ease}.Botonestabla button{background-color:gold;color:#333;border:none;padding:10px 20px;cursor:pointer;border-radius:18px;font-weight:700;margin-top:10px;transition:background-color .3s ease}.xd{text-align:center;color:#333;padding:20px;border:1px solid #ddd;border-radius:10px;max-width:900px;margin:20px}.xd button{background-color:gold;color:#333;border:none;padding:10px 20px;cursor:pointer;border-radius:5px;font-weight:700;margin-top:10px;transition:background-color .3s ease}.seleccionar-componente button:hover{background-color:#ffc107}.resultados{background-color:#333;color:gold;margin-top:16px;padding:16px;border-radius:10px}.TablaEspecifica{margin-top:10px}.TablaEspecifica table{width:100%;border-collapse:collapse}.TablaEspecifica th,.TablaEspecifica td{border:1px solid #fff;padding:8px}.TablaEspecifica th{background-color:#333;color:gold}.motion-div{opacity:0;transform:translateY(-20px)}
