@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200;12..96,300;12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&display=swap";:root{scroll-behavior:smooth;--ff-title: "Bricolage Grotesque", sans-serif;--ff-text: "Rubik", sans-serif;--clr-text: #1c1c1c;--clr-text-transparent: rgba(28, 28, 28, .8);--clr-bg: #f2ebd9;--clr-bg-transparent: rgba(242, 235, 217, .8);--clr-dark: #1c1c1c;--clr-dark-transparent: rgba(28, 28, 28, .8);--clr-light: #f2ebd9;--clr-light-transparent: rgba(242, 235, 217, .8);--clr-discord: #5865f2;--clr-youtube: #ff0000;--clr-primary: #ff3c00;--clr-primary-transparent: #ff3c0080}:root.dark-mode{--clr-text: #f2ebd9;--clr-text-transparent: rgba(242, 235, 217, .8);--clr-bg: #1c1c1c;--clr-bg-transparent: rgba(28, 28, 28, .8)}*{margin:0;padding:0;box-sizing:border-box}*::-moz-selection{background-color:var(--clr-primary);color:var(--clr-text)}*::selection{background-color:var(--clr-primary);color:var(--clr-text)}#root{white-space:pre-wrap}body{background-color:var(--clr-bg);color:var(--clr-text);font-family:var(--ff-text);overflow-x:hidden}a{text-decoration:none;color:inherit}ul{list-style-type:none}h1,h2,h3{font-family:var(--ff-title)}.container{max-width:1200px;margin:0 auto;padding-inline:1.5rem}img{display:block;max-width:100%}p{font-size:1.25rem}.App{display:flex;flex-direction:column;min-height:100vh;min-height:100lvh}.not-found{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:2rem}.not-found h1{font-size:2rem}.mt-1{margin-top:1rem}.loader{position:fixed;display:flex;flex-direction:column;top:0;bottom:0;right:0;left:0;z-index:99999}.loader-bar{background-color:var(--clr-primary);flex-grow:1}.transition-slide-in,.transition-slide-out{position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;z-index:9999999999;transform-origin:bottom;background-color:var(--clr-primary)}.transition-slide-out{transform-origin:left}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:100%;left:50%;transform:translate(-50%) scale(0);background-color:var(--clr-text);color:var(--clr-bg);padding:.5rem;font-size:.75em;border-radius:.5em;transition:.2s;transform-origin:center top}[data-tooltip]:hover:after{transform:translate(-50%) scale(1);transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}.buttons{display:flex;flex-wrap:wrap;row-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem}.button{margin-top:.5rem;padding:.5rem 1rem;border:1px solid var(--clr-primary);display:inline-block;border-radius:100vmax;transition:.2s;transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}@media screen and (max-width: 500px){.button{font-size:.9rem}}.button:hover{background-color:var(--clr-primary);transform:scale(1.1)}.button.button-orange{background-color:var(--clr-primary);color:var(--clr-light)}.button.button-orange:hover{background-color:var(--clr-dark);color:var(--clr-light)}.header{padding:1rem 3rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--clr-primary);position:sticky;top:0;background-color:var(--clr-bg-transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999}@media screen and (max-width: 600px){.header{padding:1rem 2rem}}@media screen and (max-width: 500px){.header{padding:1rem}}.header-logo{font-family:var(--ff-title);font-size:2rem;font-weight:800;transition:.2s;color:var(--clr-text)}.header-logo .dot{color:var(--clr-primary)}.header .nav-list{display:flex;gap:1rem}.header .nav-link:before{position:absolute;height:1px;content:"";background-color:var(--clr-primary);left:0;right:0;bottom:calc(100% + .25rem);transform:scaleX(0);transition:.2s;transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}.header .nav-link:hover,.header .nav-link.active{color:var(--clr-primary)}.header .nav-link:hover:before,.header .nav-link.active:before{transform:scaleX(1)}@media screen and (max-width: 700px){.header .nav{display:none}}.header .languages{font-family:var(--ff-title);display:flex;gap:.5rem;align-items:center;position:relative}.header .languages button{background-color:transparent;cursor:pointer;color:var(--clr-text);font-size:.95rem;font-family:var(--ff-title);transition:.2s;padding:.1rem .5rem;border-radius:.5rem;border:1px solid transparent}.header .languages button.active{color:var(--clr-primary);transform:scale(1.05);border-color:var(--clr-primary)}.header .languages b{color:var(--clr-primary)}.header .languages-open-menu{color:var(--clr-primary);width:1.5rem;height:1.5rem;cursor:pointer}.header .languages-menu{position:absolute;top:calc(100% + .5rem);right:0;background-color:var(--clr-bg);border:1px solid var(--clr-primary);padding:1rem;border-radius:.5rem;display:flex;flex-direction:column;justify-content:center;transform:scale(0);transition:.25s;transform-origin:top right}@media screen and (max-width: 700px){.header .languages-menu{left:calc(100% + .5rem);top:0;transform-origin:top left;width:auto;right:unset}}.header .languages-menu.active{transform:scale(1);transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}.header .open-menu,.header .close-menu{width:2rem;height:2rem;cursor:pointer;display:none}@media screen and (max-width: 700px){.header .open-menu{display:block}}.header-buttons{display:flex;align-items:center;gap:1rem}@media screen and (max-width: 700px){.header-buttons{display:none}}.header-buttons .color-mode{display:flex;align-items:center;background-color:transparent;border:0}.header-buttons .color-mode svg{width:1.25rem;height:1.25rem;color:var(--clr-primary);cursor:pointer}.header.menu-active{position:fixed;height:100vh;height:100lvh;width:100%;flex-direction:column;align-items:start;justify-content:start}.header.menu-active .open-menu{display:none}.header.menu-active .close-menu{display:block;position:absolute;top:1rem;right:1rem}.header.menu-active .nav{display:flex;flex-direction:column;width:100%}.header.menu-active .nav-list{flex-grow:1;flex-direction:column;padding-block:1rem;justify-content:space-evenly;font-size:2rem}.header.menu-active .nav-item{width:-moz-max-content;width:max-content}.header.menu-active .nav-link:after{font-size:.5em;top:50%;transform:scale(1) translateY(-50%);left:calc(100% + 1rem);padding:.25em .5em;width:-moz-max-content;width:max-content}.header.menu-active .header-logo{display:none}.header.menu-active .header-buttons{display:flex}.shortcuts{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"youtube discord donations";gap:2rem;padding-block:1rem}@media screen and (max-width: 1200px){.shortcuts{grid-template-columns:1fr 1fr;grid-template-areas:"youtube discord" "donations donations"}}@media screen and (max-width: 600px){.shortcuts{display:flex;flex-direction:column}}.shortcuts .shortcut{background-color:var(--clr-bg);color:var(--clr-text);padding:2rem;border-radius:1rem;border:2px solid var(--clr-primary);transition-property:background-color,border,transform;transition-duration:.2s,.2s,.2s;transition-timing-function:ease,ease,cubic-bezier(.175,.885,.32,1.275)}.shortcuts .shortcut-title{font-size:3rem;margin-bottom:.5rem;transition:.2s}@media screen and (max-width: 500px){.shortcuts .shortcut-title{font-size:2rem}}.shortcuts .shortcut-text{font-size:1.1rem;transition:.2s}.shortcuts .shortcut:hover{transform:scale(1.1)}.shortcuts .shortcut-youtube{grid-area:youtube}.shortcuts .shortcut-youtube:hover{background-color:var(--clr-youtube);color:var(--clr-light);border-color:var(--clr-youtube)}.shortcuts .shortcut-discord{grid-area:discord}.shortcuts .shortcut-discord:hover{background-color:var(--clr-discord);color:var(--clr-light);border-color:var(--clr-discord)}.shortcuts .shortcut-donations{grid-area:donations}.shortcuts .shortcut-donations:hover{background-color:var(--clr-primary);color:var(--clr-light)}.hero{min-height:calc(100vh - 75px);padding-block:2rem;display:grid;grid-template-columns:.25fr 1fr;grid-template-areas:"avatar title" "avatar description" "stats stats";gap:2rem;-moz-column-gap:2rem;column-gap:2rem;row-gap:1rem;align-content:center}@media screen and (max-width: 1000px){.hero{grid-template-areas:"avatar title" "description description" "stats stats"}}@media screen and (max-width: 800px){.hero{grid-template-columns:.4fr 1fr}}@media screen and (max-width: 700px){.hero{grid-template-columns:1fr 1fr;grid-template-areas:"title title" "avatar stats" "description description"}}.hero-avatar{grid-area:avatar;align-self:start;position:relative}@media screen and (max-width: 700px){.hero-avatar{align-self:center}}.hero-avatar-background{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--clr-primary);z-index:-1;transform:scale(.85);border-radius:1rem}.hero-avatar-picture{border-radius:1rem}.hero-title{grid-area:title}.hero-title h1{font-size:5rem;line-height:.85em}@media screen and (max-width: 1170px){.hero-title h1{font-size:4.5rem}}@media screen and (max-width: 1050px){.hero-title h1{font-size:4rem}}@media screen and (max-width: 800px){.hero-title h1{font-size:3.5rem}}@media screen and (max-width: 700px){.hero-title h1{font-size:3rem}}@media screen and (max-width: 600px){.hero-title h1{font-size:2.5rem}}@media screen and (max-width: 400px){.hero-title h1{font-size:2rem}}.hero-description{grid-area:description}.hero-stats{grid-area:stats;display:flex;justify-content:space-between}@media screen and (max-width: 700px){.hero-stats{flex-direction:column;gap:1rem}}.hero-stats .hero-stat-number{font-family:var(--ff-title);font-size:6rem;font-weight:500;line-height:1em;position:relative}@media screen and (max-width: 800px){.hero-stats .hero-stat-number{font-size:5rem}}@media screen and (max-width: 700px){.hero-stats .hero-stat-number{font-size:4rem}}@media screen and (max-width: 600px){.hero-stats .hero-stat-number{font-size:3rem}}.hero-stats .hero-stat-number:before{content:"";background-color:var(--clr-primary);position:absolute;top:50%;bottom:-1rem;right:-.5rem;left:-.5rem;z-index:-1;transition:.3s;transform-origin:center;transform:scaleY(0);transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}.hero-stats .hero-stat-number:hover:before{transform:scale(1)}.hero-stats .hero-stat-text{font-size:1rem;line-height:1em;position:relative}.courses-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;align-items:start}@media screen and (max-width: 1000px){.courses-grid{grid-template-columns:1fr 1fr}}@media screen and (max-width: 700px){.courses-grid{grid-template-columns:1fr}}.course-item{padding:2rem;border:1px solid var(--clr-primary);border-radius:1rem}.course-item-title{font-size:2rem}.course-item-desc{font-size:1rem}.course-item-features{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.course-item-features>span{display:flex;align-items:center;padding:.25rem .5rem;border:1px solid var(--clr-primary);border-radius:.5rem;flex-grow:1;justify-content:center;font-size:.85rem;gap:.25rem}.course-item-price{margin-top:2rem}.course-item-price .price{font-family:var(--ff-title);font-size:3rem;line-height:1;display:flex;align-items:end}.course-item-price .price span{font-size:1.5rem}.course-item-price .ars-comment{font-size:.85rem}.course-item-price .ars-comment span{color:var(--clr-primary);font-weight:600}.course-item-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.5rem}.course-item-currencies{display:flex;align-items:center;gap:1rem;margin-top:.75rem}.course-item-currencies button{border:0;background-color:transparent;font-size:1rem;color:var(--clr-text);font-family:var(--ff-text);cursor:pointer;border:1px solid var(--clr-primary);border-radius:.25rem;padding:.25rem .5rem}.course-item-currencies button.active{background-color:var(--clr-primary);color:var(--clr-light)}.gateway-logo{max-height:2rem;max-width:2rem;margin-right:.5rem;border-radius:.5rem;margin-left:auto;align-self:center}.course-inner-grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-top:2rem}.course-inner .course-about-title{font-size:2.4rem}.course-inner .course-about-text{font-size:1rem}.course-inner .course-details .course-detail{border:1px solid var(--clr-primary);padding:1rem;display:grid;align-items:center;grid-template-columns:1fr 6fr;gap:1rem}.course-inner .course-details .course-detail img{border-radius:.25rem;transition:1s}.course-inner .course-details .course-detail img:hover{transform:scale(3) rotate(-8deg)}.course-inner .course-details .course-detail:not(:first-child){margin-top:-1px}.course-inner .course-details .course-detail:first-child{border-radius:1rem 1rem 0 0}.course-inner .course-details .course-detail:last-child{border-radius:0 0 1rem 1rem}.course-inner .course-details .course-detail-icon{font-size:2rem;display:flex;align-items:center;justify-content:center;color:var(--clr-primary)}.course-inner .course-program{margin-top:2rem}.course-inner .course-program-title{font-size:3.4rem}.course-inner .course-classes{display:grid;grid-template-columns:1fr;gap:1rem}.course-inner .course-class{display:grid;grid-template-columns:4fr 8fr;gap:1rem}.course-inner .course-class h3{font-size:1.4rem;font-weight:400}.course-inner .course-class p{font-size:1rem;color:var(--clr-text-transparent)}.course-inner .course-class .img{border-radius:.25rem}.inner-section{padding-block:4rem;flex-grow:1}.inner-section-title{font-size:5rem}@media screen and (max-width: 600px){.inner-section-title{font-size:3rem}}.inner-section-pretitle{font-size:1rem}.inner-section-go-back-link{font-size:1rem;display:flex;align-items:center;gap:.5rem}.inner-section-go-back-link:hover{text-decoration:underline}.donations .donation{margin-top:2rem;padding:2rem 3rem;border:1px solid var(--clr-primary);border-radius:1rem}.donations .donation.crypto{grid-column:span 2}@media screen and (max-width: 900px){.donations .donation.crypto{grid-column:span 1}}.donations .donation.crypto .small{font-size:1rem;margin-top:.5em;word-break:break-all}.donations .donation.crypto .small span{font-weight:600}@media screen and (max-width: 650px){.donations .donation{padding:2rem}}.donations .donation-title{font-size:2rem;margin-bottom:1rem}@media screen and (max-width: 600px){.donations .donation-title{font-size:2rem}}@media screen and (max-width: 500px){.donations .donation-title{font-size:1.5rem}}.donations .donation-subtitle{font-size:1.5rem;margin-top:2rem;display:flex;align-items:center}.donations .donation-subtitle img{max-height:2rem;max-width:2rem;margin-right:.5rem}.donations .donation-subtitle img.rounded{border-radius:.5rem}@media screen and (max-width: 600px){.donations .donation-subtitle{font-size:1.25rem}}.donations .donation-subtitle:first-of-type{margin-top:1.5rem}.donations .donation-subtitle>span{font-family:var(--ff-text);font-size:.65em;font-weight:400}.donations .donation-text{font-size:1rem}.donations .donation-text-small{font-size:.85em}.donations-grid{display:grid;gap:2rem;grid-template-columns:1fr 1fr;align-items:start}@media screen and (max-width: 900px){.donations-grid{grid-template-columns:1fr}}.course-review{margin-top:2rem;padding:2rem;border:1px solid var(--clr-primary);border-radius:1rem;display:flex;flex-direction:column;gap:1rem}.course-review-topics{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.course-review-topics span{padding:.5rem .75rem;border:1px solid var(--clr-primary);border-radius:.5rem;font-size:.85em;transition:.2s;transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}.course-review-topics span:hover{transform:scale(1.1)}.class{border:1px solid var(--clr-primary);margin-bottom:2rem;padding:2rem;border-radius:1rem}.class-title{margin-bottom:1rem}.class-videos{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}@media screen and (max-width: 1000px){.class-videos{grid-template-columns:1fr 1fr}}@media screen and (max-width: 600px){.class-videos{grid-template-columns:1fr}}.class-videos .video{background-color:var(--clr-dark);color:var(--clr-light);padding:1rem;display:flex;flex-direction:column;gap:.5rem;border-radius:1rem;position:relative;border:1px solid var(--clr-primary)}.class-videos .video:first-child,.class-videos .video.featured{background-color:var(--clr-primary)}.class-videos .video-thumbnail{border-radius:.5rem;overflow:hidden;position:relative;isolation:isolate;cursor:pointer}.class-videos .video-thumbnail-picture{width:100%;height:100%}.class-videos .video-thumbnail-play{position:absolute;width:20%;z-index:9;top:50%;left:50%;transform:translate(-50%,-50%)}.class-videos .video-text{font-size:1.1rem;display:flex;flex-direction:column;gap:.25rem}.class-videos .video-text::-moz-selection{background-color:var(--clr-text);color:var(--clr-primary)}.class-videos .video-text::selection{background-color:var(--clr-text);color:var(--clr-primary)}.class-videos .video-text .watch-on-youtube{font-size:.85em;font-weight:300}.class-videos .video-text .watch-on-youtube::-moz-selection{background-color:var(--clr-text);color:var(--clr-primary)}.class-videos .video-text .watch-on-youtube::selection{background-color:var(--clr-text);color:var(--clr-primary)}.class-videos .video .featured{position:absolute;top:100%;right:.5rem;transform:translateY(-50%);background-color:var(--clr-primary);padding:.25rem .5rem;border-radius:.25rem}.footer{background-color:var(--clr-dark);color:var(--clr-light);padding:2rem;margin-top:5rem;border-top:1px solid var(--clr-primary)}.footer .social{display:flex;gap:1rem;justify-content:center;align-items:center}.footer .social svg{width:2.5rem;height:2.5rem;transition-property:color,transform;transition-duration:.3s,.3s;transition-delay:.1s,0s;transition-timing-function:ease,cubic-bezier(.175,.885,.32,1.275)}@media screen and (max-width: 350px){.footer .social svg{width:1.5rem;height:1.5rem}}.footer .social svg:hover{color:var(--clr-primary);transform:scale(1.25)}
