@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,700;1,200;1,700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background-color:#f2f2f2}#home_main,#templates_main,#my_templates_main,#favoritos_main{min-height:100vh;width:100vw;display:grid;grid-template-columns:5rem 1fr;grid-template-rows:4.75rem 1fr;grid-template-areas:"aside header" "aside content" "aside content";background-color:#f2f2f2;transition:.4s ease grid-template-columns}@media screen and (max-width: 609px){#home_main,#templates_main,#my_templates_main,#favoritos_main{grid-template-columns:0rem 1fr}}.landing_page_header,.page_info,.page_description,.how_works,.faq_section{font-weight:600}.page_description,.how_works,.faq_section{color:snow;width:80%;border-radius:1rem;margin:2rem auto;background-color:#1f6dff}.page_info img,.page_description img,.faq_section img,.how_works img{max-width:30%}.landing_page_header{height:fit-content;padding:2rem;display:flex;align-items:start;justify-content:space-between}.landing_page_header .logo{display:flex;align-items:center;gap:.8rem}.landing_page_header .logo img{min-width:2.5rem;max-width:3rem}.landing_page_header .logo h1 span{font-size:clamp(2rem,1.79vw + .852rem,3rem)}.landing_page_header .logo h1 .page{color:#1f6dff}.landing_page_header h1 .fy{color:#2f2e38}.landing_page_header button{width:4rem;padding:1rem;border-radius:.4rem;border:1px solid transparent;background-color:#1f6dff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.4s ease all}.landing_page_header button svg path{fill:#fff}.landing_page_header button:hover{background-color:transparent;border:1px solid #1f6dff}.landing_page_header button:hover svg path{fill:#1f6dff}.account_settings{display:flex;align-items:end;flex-direction:column;gap:.2rem}.account_settings #options a{padding:.6rem 2rem;text-align:center;width:100%;border:1px solid #1F6DFF;text-decoration:none;color:#2f2e38;border-radius:5px;transition:.6s ease background-color}.account_settings #options a:hover{background-color:#1f6dff;color:#fff}.account_settings #options a:focus{outline:1px solid #1f6dff;outline-offset:2px}.account_settings #options{display:none;align-items:center;flex-direction:column;gap:1rem;background-color:#fff;padding:1rem;border-radius:1rem 0 1rem 1rem}.menu_active{display:flex!important}.page_info{width:100%;padding:0 2rem 2rem;display:flex;align-items:center;justify-content:center;flex-direction:row-reverse;flex-wrap:wrap;gap:2rem}.page_info h1{color:#2f2e38;font-size:2rem;text-align:center}.page_description{padding:2rem;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:2rem}.page_description p{width:40%;line-height:2.5rem;font-size:1.4rem;text-align:center}.how_works{background-color:#1f6dff;padding:2rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2rem}.how_works h2{font-size:3rem}.how_works .info .how_works_list{margin-top:2rem;padding-left:2rem;list-style:decimal}.how_works .info .how_works_list li{font-size:1.25rem}.how_works .info .how_works_list li:not(:first-child){margin-top:2rem}.faq_section{height:fit-content;padding:2rem;display:flex;justify-content:center;flex-direction:row-reverse;flex-wrap:wrap;gap:2rem}.faq_section .content{width:35rem}.faq_section .content h1{font-size:2rem}.faq_section .content ul{list-style:none;margin-top:1.5rem;display:flex;flex-direction:column;gap:1.5rem;width:100%}.faq_section .content ul button{background-color:snow;color:#2f2e38;padding:1rem;cursor:pointer;transition:.4s ease all;border-radius:.4rem;border:none;text-align:start;max-height:fit-content;display:flex;flex-direction:column;gap:1rem;overflow:hidden}.faq_section .content ul button:focus{outline:1px solid white;outline-offset:2px}.faq_section .content ul button header h3{font-size:1.2rem}.faq_section .content ul .active_faq{max-height:fit-content;overflow:visible}.faq_section .content ul button p{font-size:1rem}.faq_section .content ul button header{display:flex;justify-content:space-between;align-items:center}.landing_page_footer{background-color:#2f2e38;padding:2rem;text-align:center;color:snow}@media screen and (max-width: 916px){.page_description p{width:100%}.page_info img,.page_description img,.faq_section img,.how_works img{min-width:80%}}.message_container{text-align:center;padding:1rem;border-radius:.6rem;width:100%}.success{background-color:#31ada1;border:1px solid #59d999;color:#fff}.error{background-color:#7d0000;border:1px solid #d20d28;color:#fff}.social_button{width:100%;padding:1rem;display:flex;align-items:center;justify-content:center;gap:.6rem;border:1px solid transparent;color:#3c4043;border-radius:2rem;font-family:Roboto,sans-serif;cursor:pointer;transition:background-color .2s ease-in-out,border,color;font-size:1.2rem}.social_button:hover{border:1px solid #fff;color:#fff;background-color:#ccc9}.social_button img{max-width:3%}.social_button span{font-weight:600}@media screen and (max-width: 612px){.social_button img{max-width:6%}.social_button span{font-size:1rem}}#form_main{height:100vh;width:100vw;display:flex;flex-wrap:wrap;flex-direction:row-reverse;justify-content:center;gap:2rem;overflow-x:hidden}#form_main .form_part{max-width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:3rem;padding:2rem;background-color:#2484ad;flex:1 1 22rem}#form_main .img_part{width:45vw;display:flex;align-items:center;justify-content:center}#form_main .img_part img{max-width:85%;height:auto}#form_main .form_part form h1{color:#fff;font-size:3rem;text-align:center}#form_main .form_part form{display:flex;flex-direction:column;gap:2.25rem;min-width:100%}#form_main .form_part form input{padding:1rem;width:100%;border:none;border-radius:2rem;text-align:center;letter-spacing:.2rem;font-weight:600;font-size:1.2rem}#form_main .form_part form .login_options{display:flex;justify-content:space-between}#form_main .form_part form .login_options .remember input{border:1px solid #202020;width:1.2rem;height:1.2rem;cursor:pointer}#form_main .form_part form .login_options .remember label{margin-left:.4rem;cursor:pointer;font-weight:600;font-size:1.2rem;color:#202020}#form_main .form_part form .login_options a{text-decoration:none;color:#202020;transition:.4s ease color,text-decoration}#form_main .form_part form .login_options a:hover,#form_main .form_part p a:hover{text-decoration:underline;color:#fff}#form_main .form_part form button{padding:1.25rem;letter-spacing:.2rem;font-size:1.25rem;background-color:#37b360;color:#fff;border:none;border-radius:2rem;cursor:pointer;transition:.4s ease background-color}#form_main .form_part form button:hover{background-color:#2b8d4c}#form_main .form_part .or_line{display:flex;align-items:center;gap:2rem;color:#fff;font-size:1.2rem;width:100%}#form_main .form_part .or_line .line{height:1px;width:100%;background-color:#d9d9d9}#form_main .form_part .doesnt_have_account{color:#fff;font-size:1.2rem}#form_main .form_part .doesnt_have_account a{color:#202020;text-decoration:none;transition:.4s ease color,text-decoration}.aside_bar{background-color:#2484ad;display:flex;justify-content:space-between;flex-direction:column;padding:1rem;grid-area:aside;min-height:100vh!important}.aside_bar header{display:flex;flex-direction:column;gap:2rem}.aside_bar header .logo{display:flex;align-items:center;gap:.8rem}.aside_bar header .logo h1{display:none}.aside_bar header .logo h1 .page{color:#fff}.aside_bar header .logo h1 .fy{color:#2f2e38}.aside_bar header .logo svg{max-width:100%}.aside_bar header ul{list-style:none;width:100%}.aside_bar header ul li:not(:first-child){margin-top:2rem}.aside_bar header ul li a{text-decoration:none;background-color:#fafafa;padding:1.4rem 0rem;max-height:2rem;color:#1f6dff;display:flex;justify-content:center;align-items:center;gap:.6rem;border-radius:2rem;border:1px solid transparent;transition:.4s ease all}.aside_bar header ul li a span{display:none}.aside_bar header ul li a:hover{border:1px solid #fff;background-color:transparent;color:#fff}.aside_bar header ul li .current_page{background-color:transparent;color:#fff;border:1px solid white}.aside_bar header ul li .current_page:hover{box-shadow:inset 0 -4rem #fff;border:1px solid transparent;color:#1f6dff}.aside_bar header ul li .current_page:hover svg path{fill:#1f6dff}.aside_bar header ul li .current_page svg path{fill:#fff}.aside_bar header ul li a:focus{outline:1px solid white;outline-offset:2px}.aside_bar header ul li a:hover svg path{fill:#fff}.aside_bar header ul li a svg path{fill:#1f6dff}.aside_bar button{background-color:transparent;border:1px solid white;display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:1rem;cursor:pointer;color:#fff;padding:.6rem;transition:.4s ease all}.aside_bar button span{display:none}.aside_bar button:hover{background:#1f6dff;border:1px solid transparent}.aside_bar button:focus{outline:1px solid white;outline-offset:2px}.side_bar_active{grid-template-columns:15rem 1fr!important}.side_bar_active .aside_bar header ul li a{padding:1.4rem}.side_bar_active .aside_bar header ul li a span{display:block!important}.side_bar_active .aside_bar header .logo h1{display:block}.side_bar_active .aside_bar header .logo svg{max-width:25%!important}.side_bar_active .aside_bar button span{display:block}@media screen and (max-width: 609px){.aside_bar{padding:0;height:100%;flex:1 1}.side_bar_active .aside_bar{padding:1rem}}.header{grid-area:header;display:flex;justify-content:space-between;padding:1rem}.header .options{height:100%;display:flex;gap:.4rem}.header .user{display:flex;align-items:center;gap:.8rem}.header button{height:100%;width:3rem;border-radius:.4rem;border:1px solid transparent;background-color:#1f6dff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.4s ease all}.header button svg path{fill:#fff}.header button:hover{background-color:transparent;border:1px solid #1f6dff}.header button:hover svg path{fill:#1f6dff}.header .user_avatar{border-radius:50%;max-width:3rem}.header .marker{background-color:#154aac;color:#fff;padding:.6rem 2rem;width:max-content;display:flex;align-items:center;justify-content:center;gap:.6rem;border-radius:4rem;transition:.4s ease all}.header .marker:hover{opacity:.6}.header .marker svg{fill:#fff;max-width:1.4rem}.header .marker span{font-size:.875rem}@media screen and (max-width: 609px){.header{gap:.6rem}}.layout_container{background-color:#fff;box-shadow:0 4px 4px #00000040;flex:1 1 20rem;max-width:35rem;border-radius:1rem}@media screen and (max-width: 612px){.layout_container{flex:1 1 35rem!important;min-width:15rem!important}}.layout_container header{background:url(/assets/img_example-bBjJoZSL.png);background-size:cover;background-repeat:no-repeat;aspect-ratio:4 / 3;max-height:50%;width:100%;border-radius:1rem 1rem 0 0}.layout_container .layout_info{padding:1rem;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;height:50%}.layout_container .layout_info .layout_options{display:flex;flex-direction:column;gap:1rem}.layout_container .layout_info .user_options{display:flex;justify-content:space-between}.layout_container .layout_info .user_options button{padding:.4rem 1rem}.layout_container .layout_info .view_btn,.layout_container .layout_info .buy_btn,.layout_container .layout_info .edit_btn{background-color:#2484ad;border-radius:.4rem;border:none;cursor:pointer;transition:.4s ease background-color}.layout_container .layout_info .view_btn:hover,.layout_container .layout_info .buy_btn:hover,.layout_container .layout_info .edit_btn:hover{background-color:#2484add2}.layout_container .layout_info .actions_container{display:flex;gap:1rem}.layout_container .layout_info .actions_container .buy_btn,.layout_container .layout_info .actions_container .edit_btn{width:90%;padding:1rem;display:flex;align-items:center;justify-content:center;gap:1rem;font-size:1rem;font-weight:600;color:#fff}.layout_container .layout_info .actions_container .edit_btn{width:100%}.layout_container .layout_info .actions_container #like_btn{cursor:pointer;width:10%;border:none;background-color:transparent;display:flex;align-items:center;justify-content:center}.layout_container .layout_info .actions_container #like_btn svg{width:50%;height:50%}.layout_container .layout_info .actions_container .like_heart{fill:gray;transition:.4s ease fill}.liked .like_heart{fill:#c13584!important;animation:beat .4s ease}.layout_container .layout_info .description_container p{text-align:justify}@keyframes beat{0%{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.95)}to{transform:scale(1)}}#home_main .home_content{grid-area:content;padding:1rem}#home_main .home_content .welcome_container{background-color:#fff;padding:2rem;text-align:center;border-radius:1rem;margin-bottom:2rem}#home_main .home_content .welcome_container img{max-width:100%}#home_main .home_content .user_templates_info{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}#home_main .home_content .user_templates_info .last_user_purchases{flex:1 1 20rem;display:flex;flex-direction:column;gap:1rem}#home_main .home_content .user_templates_info .last_user_purchases h2{color:#2f2e38;font-size:2rem}#home_main .home_content .user_templates_info .last_user_purchases .last_purchases{display:flex;gap:2rem;flex-wrap:wrap}#home_main .home_content .user_templates_info .user_purchases_container{background-color:#fff;padding:2rem;border-radius:1rem}#home_main .home_content .user_templates_info .user_purchases_container h1,#home_main .home_content .user_templates_info .user_purchases_container h2{font-family:Bai Jamjuree,sans-serif;max-width:100%}#home_main .home_content .user_templates_info .user_purchases_container h1{color:#404040;text-align:center;font-size:2.5rem}#home_main .home_content .user_templates_info .user_purchases_container .quant{height:75%;display:flex;align-items:center;justify-content:center}#home_main .home_content .user_templates_info .user_purchases_container .quant h2{font-size:clamp(14rem,70%,10vh)}.templates_content{padding:2.5rem 1rem;display:flex;flex-wrap:wrap;gap:2rem}#favoritos_main .favoritos_content{grid-area:content;padding:1rem;display:flex;align-items:center;justify-content:center}