@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap";*{padding:0;margin:0;box-sizing:border-box;max-width:100%;font-family:Ubuntu,sans-serif}p{font-size:16px}.form input{width:100%;font-size:16px;font-weight:500;color:back;border:hsl(229,24%,87%) 1px solid;border-radius:9px;padding:15px;margin:1vh 0;cursor:pointer}.btn{background-color:#02295a;color:#fff;font-size:.9rem;font-weight:500;border:none;border-radius:3px;padding:15px 0;align-items:center;width:100px}.btn:disabled{color:#fff;background-color:gray}.App{display:flex;justify-content:center;align-items:center;background-color:#eef5ff;min-height:100vh}@media screen and (max-width: 1366px){.App .frame_container{background-color:#fff;width:1000px;border-radius:18px;box-shadow:0 25px 50px -12px #00000040}.App .frame_container .main_container{display:flex;justify-content:center;align-items:center}}@media screen and (max-width: 2920px){.App .frame_container{background-color:#fff;width:1250px;border-radius:18px;box-shadow:0 25px 50px -12px #00000040}.App .frame_container .main_container{display:grid;grid-template-columns:.1fr 0fr 10fr;justify-content:center;align-items:center}}@media screen and (max-width: 475px){.App{display:block;background-color:#fff}.App .frame_container{background-color:#f0f6ff;width:475px;border-radius:0;box-shadow:none}.App .frame_container .main_container{display:block;background-color:none}.App .frame_container .main_container .spacer{display:none}.App .frame_container .main_container .sidebar_image{background-image:url(/facturacion/assets/bg-sidebar-desktop-05e3457f.png);background-repeat:round;width:100%;height:102px;margin-right:100px}.App .frame_container .main_container .sidebar_image .step_container{display:flex;gap:20px;position:absolute;left:60px}.App .frame_container .main_container .sidebar_image .step_container .step_card{display:flex;align-items:center;gap:20px;width:100%;height:100%}.App .frame_container .main_container .sidebar_image .step_container .step_card .step_number{border:1px solid hsl(206,94%,87%);border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center;pointer-events:none}.App .frame_container .main_container .sidebar_image .step_container .step_card .step_number span{color:#fafbff;font-weight:700;font-size:.9rem}.App .frame_container .main_container .sidebar_image .step_container .step_card .step_number_active{background-color:#bfe2fd}.App .frame_container .main_container .sidebar_image .step_container .step_card .step_number_active span{color:#0274ff}.App .frame_container .main_container .sidebar_image .step_container .step_description{display:none}.App .frame_container .main_container .stepcard_container{display:block;margin:-73px auto;padding:20px;background-color:#fff;width:355px;border-radius:8px;box-shadow:0 25px 50px -12px #00000026}.App .frame_container .main_container .stepcard_container .stepcard_description{margin-bottom:4vh}.App .frame_container .main_container .stepcard_container .stepcard_description .title{width:100%;text-align:center;color:#0274ff;font-size:1em;font-weight:400;margin:1vh 0}.App .frame_container .main_container .stepcard_container .form{display:block;gap:10px;margin:0 0 5vh}.App .frame_container .main_container .stepcard_container .form input{font-size:16px;font-weight:500;color:#000;border:hsl(229,24%,87%) 1px solid;border-radius:4px;padding:10px;margin:.8vh 0 1vh;cursor:pointer;width:100%}.App .frame_container .main_container .stepcard_container .form input::placeholder{font-weight:500;color:#9699ab;font-size:15px}.App .frame_container .main_container .stepcard_container .form input:focus{outline:none;border:#0274FF 1px solid;font-size:16px}.App .frame_container .main_container .stepcard_container .form input:focus:invalid{border:hsl(354,84%,57%) 1px solid}.App .frame_container .main_container .stepcard_container .form input:focus:invalid+span:nth-of-type(1):before{content:"This field is required";color:#ed3548;position:absolute;font-size:.8rem;font-weight:500;margin:0;top:225px;left:55%}.App .frame_container .main_container .stepcard_container .form input:focus:invalid+span:nth-of-type(2):before{content:"This field is required";color:#ed3548;position:absolute;font-size:.8rem;font-weight:500;margin:0;top:295px;left:55%}.App .frame_container .main_container .stepcard_container .form input:focus:invalid+span:nth-of-type(3):before{content:"This field is required";color:#ed3548;position:absolute;font-size:.8rem;font-weight:500;margin:0;top:365px;left:55%}.App .frame_container .main_container .stepcard_container .form select{font-size:16px;font-weight:500;color:#02295a;border:hsl(229,24%,87%) 1px solid;border-radius:4px;padding:10px;margin:.8vh 0 1vh;cursor:pointer;width:100%}.App .frame_container .main_container .stepcard_container .form select::placeholder{font-weight:500;color:#9699ab;font-size:15px}.App .frame_container .main_container .stepcard_container .form select:focus{outline:none;border:#0274FF 1px solid;font-size:16px}.App .frame_container .main_container .stepcard_container .form select:focus:invalid{border:hsl(354,84%,57%) 1px solid}.App .frame_container .main_container .stepcard_container .form label{font-size:12px}.App .frame_container .main_container .stepcard_container .nav_firstpage{padding-top:4px;display:flex;justify-content:center;align-items:baseline;align-self:end;bottom:10px;right:10px}.App .frame_container .main_container .stepcard_container .nav_firstpage .btn{color:#fff;font-size:.9rem;font-weight:500;border:none;border-radius:3px;padding:8px 16px;width:140px;height:42px;align-items:center}.App .frame_container .main_container .stepcard_container .nav_firstpage .btn:disabled{color:#fff;background-color:gray}.App .frame_container .main_container .stepcard_container .nav_rest_pages{display:flex;align-self:end;margin-top:5vh;right:10px}.App .frame_container .main_container .stepcard_container .nav_rest_pages .btn{color:#fff;font-size:.9rem;font-weight:500;border:none;border-radius:3px;padding:15px 0;width:100px;height:42px}.App .frame_container .main_container .stepcard_container .nav_rest_pages a:nth-child(1){font-size:14px}.App .frame_container .main_container .media_mobile{display:block;margin:-73px auto;padding:20px;background-color:#fff;width:335px;height:80%;border-radius:8px;box-shadow:0 25px 50px -12px #00000026;overflow:auto}.App .frame_container .main_container .media_mobile .plan_description{display:grid;justify-content:space-between;align-items:center;gap:10px}.App .frame_container .main_container .media_mobile .plan_description .plan_container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:20px;padding:0}.App .frame_container .main_container .media_mobile .plan_description .plan_container .plan_card{display:flex;border:1px solid hsl(229,24%,87%);border-radius:8px;padding:11px;width:295px;cursor:pointer;gap:10px}.App .frame_container .main_container .media_mobile .plan_description .plan_container .plan_card .plan_card_description p:nth-child(1){color:#0274ff;font-weight:500;margin-bottom:4px}.App .frame_container .main_container .media_mobile .plan_description .plan_container .plan_card .plan_card_description p:nth-child(2){color:#9699ab;font-size:smaller;font-weight:400;margin-bottom:2px}.App .frame_container .main_container .media_mobile .plan_description .plan_container .plan_card .plan_card_description p:nth-child(3){color:#0274ff;font-size:smaller;font-weight:400}.App .frame_container .main_container .media_mobile .plan_description .plan_container .active{border:1px solid #0274FF;background-color:#f0f6ff}.App .frame_container .main_container .media_mobile .plan_description .plan_toggle{margin:0;position:fixed;bottom:6em;right:6em}.App .frame_container .main_container .media_mobile .plan_description .plan_toggle .active{color:#02295a;font-weight:500;font-size:.8em}.App .frame_container .main_container .media_mobile .plan_description .plan_toggle .inactive{font-size:.8em}.App .frame_container .main_container .media_mobile .add_ons_card{width:100%;border-radius:8px;cursor:pointer;margin:1vh;height:60px;padding:14px}.App .frame_container .main_container .media_mobile .add_ons_card div:nth-child(2){width:55%!important}.App .frame_container .main_container .media_mobile .add_ons_card div:nth-child(2) p:nth-child(1){color:#0274ff;font-size:14px;font-weight:500}.App .frame_container .main_container .media_mobile .add_ons_card div:nth-child(2) p:nth-child(2){color:#9699ab;font-size:.9em;font-weight:400}.App .frame_container .main_container .media_mobile .add_ons_card div:nth-child(3) p{color:#0274ff;font-weight:400;font-size:.7em}.App .frame_container .main_container .media_mobile .summary_container{margin-bottom:2vh}.App .frame_container .main_container .media_mobile .summary_container .summary_plan div p{font-weight:500;font-size:.9em}.App .frame_container .main_container .media_mobile .summary_container .summary_plan a{color:#9699ab;font-weight:400;font-size:.9em}.App .frame_container .main_container .media_mobile .summary_container .summary_addons p{font-size:.8rem}.App .frame_container .main_container .media_mobile .summary_total p:nth-child(1){font-size:.8rem}.App .frame_container .main_container .media_mobile .summary_total p:nth-child(2){color:#473dff;font-weight:700;font-size:medium}.App .frame_container .main_container .media_mobile .thankyou_container{font-size:small;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:17px;margin:10vh 0;padding:0}.App .frame_container .main_container .media_mobile .thankyou_container h1{font-size:x-large}.App .frame_container .main_container .media_mobile .thankyou_container p{line-height:1.3}.App .frame_container .main_container .media_mobile .thankyou_container img{width:80px;height:80px}}.sidebar_image{background-image:url(/facturacion/assets/bg-sidebar-desktop-05e3457f.png);background-repeat:no-repeat;background-size:cover;padding:5px;border-radius:20px;width:250px;height:720px}.sidebar_image .step_container{display:grid;gap:30px;padding:30px}.sidebar_image .step_container .step_card{display:flex;align-items:center;gap:20px;width:100%;height:100%}.sidebar_image .step_container .step_card .step_number{border:1px solid hsl(206,94%,87%);border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center}.sidebar_image .step_container .step_card .step_number span{color:#fafbff;font-weight:700;font-size:.9rem}.sidebar_image .step_container .step_card .step_number_active{background-color:#bfe2fd}.sidebar_image .step_container .step_card .step_number_active span{color:#0274ff}.sidebar_image .step_container .step_description{color:#fafbff}.sidebar_image .step_container .step_description p:nth-child(1){font-size:smaller;font-weight:300;color:#adbeff}.sidebar_image .step_container .step_description h3{font-weight:700;font-size:.9rem}.stepcard_container{height:100%;display:grid;gap:inherit}.stepcard_container .stepcard_description .title{color:#0274ff;font-weight:700;text-align:center;margin:2vh 0}.stepcard_container .stepcard_description .subtitle{color:#9699ab;font-weight:400}.stepcard_container nav{display:flex;justify-content:space-between;align-items:baseline;align-self:center}.stepcard_container nav a:nth-child(1){text-decoration:none;color:#9699ab;font-weight:500}.stepcard_container nav a:nth-child(1):hover{color:#0274ff;font-weight:500;transition:.5s}.stepcard_container nav .btn{text-decoration:none;border-style:none;color:#9699ab;font-weight:500;transition:.5s;background-color:#8a0e1b;color:#fff;padding:8px 16px;border-radius:4px;width:150px;text-align:center;font-size:16px;cursor:pointer}.stepcard_container nav .btn:disabled{color:#fff;background-color:gray}.stepcard_container nav .btn:hover:enabled{background-color:#6b0e19}@media (max-width: 1366px){.sidebar_image{background-image:url(/facturacion/assets/bg-sidebar-desktop-05e3457f.png);background-repeat:no-repeat;width:274px;height:720px}.sidebar_image .step_container{display:grid;gap:30px;padding:30px}.sidebar_image .step_container .step_card{display:flex;align-items:center;gap:20px;width:100%;height:100%}.sidebar_image .step_container .step_card .step_number{border:1px solid hsl(206,94%,87%);border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center}.sidebar_image .step_container .step_card .step_number span:before{color:#0274ff;font-weight:700;font-size:.9rem}.stepcard_container .title{color:#0274ff;font-weight:700}.stepcard_container .subtitle{color:#9699ab;font-weight:400}nav{display:flex;justify-content:space-between;align-items:baseline}nav a:nth-child(1){text-decoration:none;color:#9699ab;font-weight:400}nav a:nth-child(1):hover{color:#0274ff;font-weight:500;transition:.5s}nav .btn{text-decoration:none;color:#9699ab;font-weight:500;transition:.5s;background-color:#8a0e1b;color:#fff;padding:8px 16px;border-radius:4px}nav .btn:disabled{color:#fff;background-color:gray}nav .btn:hover:enabled{background-color:#6b0e19}}@media screen and (max-width: 1366px){.stepcard_container{padding:10px;justify-content:normal}.row{margin-right:30px;margin-left:30px}}@media screen and (max-width: 2920px){.stepcard_container{padding:15px;justify-content:normal}.row{margin-right:30px;margin-left:30px}}@media screen and (max-width: 475px){.row{margin-right:10px;margin-left:10px}}.form{display:flex;flex-direction:column}.form input{font-size:16px;font-weight:500;color:#000;border:hsl(229,24%,87%) 1px solid;border-radius:9px;padding:15px;margin:1vh 0;cursor:pointer}.form input:focus{outline:none;border:#0274FF 1px solid;font-size:16px}.form input:focus:invalid{border:hsl(354,84%,57%) 1px solid}.form input::placeholder{font-weight:500;color:#9699ab}.form input:focus:invalid+span:nth-of-type(1):before{content:"This field is required";color:#ed3548;position:absolute;font-size:.8rem;font-weight:500;margin:0 0 0 10px;top:315px;left:63%}.form input:focus:invalid+span:nth-of-type(2):before{content:"This field is required";color:#ed3548;position:absolute;font-size:.8rem;font-weight:500;margin:0 0 0 10px;top:415px;left:63%}.form input:focus:invalid+span:nth-of-type(3):before{content:"This field is required";color:#ed3548;position:absolute;font-size:.8rem;font-weight:500;margin:0 0 0 10px;top:515px;left:63%}.form select{font-size:16px;font-weight:500;color:#02295a;border:hsl(229,24%,87%) 1px solid;border-radius:4px;padding:10px;margin:.8vh 0 1vh;cursor:pointer;width:100%}.form select::placeholder{font-weight:500;color:#9699ab;font-size:15px}.form select:focus{outline:none;border:#0274FF 1px solid;font-size:16px}.form select:focus:invalid{border:hsl(354,84%,57%) 1px solid}label{font-size:14px;color:#000}.invoice-container{background-color:#fff;margin-bottom:10px;padding:10px;border-radius:12px;box-shadow:1px 6px 12px #00000026}.note-number h3{text-align:center;color:#2d3a59;font-weight:700}.ticket-summary,.billing-summary{border-top:1px solid #e6e6e6;padding-top:15px;margin-bottom:20px}.ticket-summary h2,.billing-summary h2{font-size:1.3em;color:#2d3a59;text-align:center;margin-bottom:10px}.summary-group{display:flex;flex-wrap:wrap;gap:10px}.summary-item{flex:1 1 calc(100% - 20px);display:flex;justify-content:space-between;padding:8px;background:#f8f8f8;border-radius:6px;font-size:.95em;color:#333}.value{color:#2d3a59;text-align:end}.form-actions{display:flex;justify-content:space-between;margin-top:20px}.btn-back,.btn-continue{padding:10px 20px;border-radius:6px;border:none;font-size:.95em;cursor:pointer;transition:background-color .3s}.animation-container{display:flex;justify-content:center;margin-bottom:20px}.note-number{display:flex;gap:2px;align-items:center;justify-content:center;text-align:center;margin-bottom:20px;color:#444;font-size:1.2rem}.invoice-summary{margin-bottom:20px;justify-self:center}.invoice-summary h3{border-bottom:1px solid #ccc;padding-bottom:8px;margin-bottom:12px;color:#333}.invoice-details{display:grid;grid-template-columns:1fr 1fr;gap:10px}.label{font-weight:700;color:#555}.value{color:#777}.invoice-actions{justify-self:center}.invoice-actions h3{border-bottom:1px solid #ccc;padding-bottom:8px;margin-bottom:12px;color:#333}.buttons-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;justify-content:center}.download-button{background-color:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;transition:background-color .3s;flex:1 1 100%;max-width:200px}.download-button.pdf{background-color:#007bff}.download-button.xml{background-color:#28a745}.download-button:hover{opacity:.9}@media (max-width: 768px){.invoice-summary h3,.invoice-actions h3{font-size:1rem}.invoice-details{grid-template-columns:1fr}.note-number{font-size:1rem}.download-button{padding:8px 16px;max-width:100%}.buttons-container{flex-direction:column;align-items:center}}