body{margin:0;font-family:Poppins,sans-serif!important}.star-container{display:flex;gap:5px}.star-box{position:relative;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.star-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.empty-star{fill:#fff;stroke:#f69c08;stroke-width:2px;stroke-linejoin:miter;stroke-linecap:square;stroke-miterlimit:10;vector-effect:non-scaling-stroke}.filled-star{fill:#f69c08;position:absolute;top:0;left:0;width:100%;height:100%;stroke:#f69c08;stroke-width:2px;stroke-linejoin:miter;stroke-linecap:square;stroke-miterlimit:10;vector-effect:non-scaling-stroke}.partial-star{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.partial-star .filled-star{clip-path:inset(0 calc((1 - var(--fill)) * 100%) 0 0)}:root{--primary-color: #337ab7;--success-color: #5cb85c;--info-color: #5bc0de;--warning-color: #f0ad4e;--danger-color: #d9534f;--gold: #ffb338;--light-shadow: #77571d;--dark-shadow: #3e2904}.title{color:var(--primary-color);text-shadow:2px 8px 6px rgba(0,0,0,.2),0px -5px 35px rgba(255,255,255,.3)}.rating-container{display:flex;justify-content:center;gap:14px;color:#f69c08;font-weight:700;font-size:18px}nav{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-around;padding-top:10px;background:#000;background-size:cover;color:#fff;z-index:1000;z-index:999999}.nav-list{display:flex;justify-content:space-around;width:35%;list-style:none;cursor:pointer}.nav-list>.nav-list-item{position:absolute;top:25px}.nav-list>li>span:hover{color:#908e8e}.App{min-height:100vh;display:flex;flex-direction:column;max-width:1280px;margin:0 auto;padding:2rem;text-align:center;position:relative;top:-250px}.main-container{display:flex;position:relative;min-height:76vh;min-width:100vw;background:#000}.main-left-container{width:50%;display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff;font-size:1.4rem;font-weight:700;position:relative;font-weight:800;letter-spacing:-.05rem;background-size:cover}.main-left-container.isLoaded{background:url(/redes.webp);background-size:cover;background-position:center;position:relative}.main-left-container.isLoaded:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d}.text-container-text{display:inline-block;line-height:4rem;opacity:0;font-size:2.5rem;transform:translate(-100%);animation:slideIn 1.5s ease-in-out forwards}@keyframes slideIn{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.image-container{width:50%;background:#000;position:relative}.image-container.isLoaded{background:radial-gradient(circle,#0000004d 30%,#000 90%),url(/codigo-mentor.webp);background-size:cover;background-position:center;position:relative}.arrow{z-index:999;position:absolute;left:50%;top:0%;transform:translate(-50%);font-size:2rem;color:#fff;font-weight:700;padding:.5rem;border-radius:50%;animation:moveFromTopToBottom 2s ease-in-out forwards,bounceAtBottom 1.5s ease-in-out infinite 2s}@keyframes moveFromTopToBottom{0%{top:0%;opacity:0}20%{opacity:1}to{top:90%}}@keyframes bounceAtBottom{0%{top:90%}50%{top:87%}to{top:90%}}.main-container-mobile{min-height:50dvh;max-width:100vw;overflow:hidden;background:radial-gradient(circle,#0000004d 30%,#000 90%),url(/codigo-mentor.png);background-size:cover;background-repeat:no-repeat}.main-text{position:absolute;top:270px;font-size:60px;color:#fff;font-weight:700}.main-sub-text{position:absolute;top:380px;text-align:center;bottom:26%;right:10%;left:10%;font-size:22px;color:#fff;font-weight:100!important}input[type=color],input[type=date],input[type=datetime],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select:focus,textarea{font-size:14px}.container-courses{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center}.card-item{position:relative;height:360px;width:280px;border:1px solid #d1d7dc;border-radius:8px;overflow:hidden;border-bottom:2px solid #6ab3c5}.card-item:hover{margin-top:-10px;margin-bottom:10px;transition:.3s;cursor:pointer}.course-text{font-weight:700;line-height:1.2;color:#000}.course-button{cursor:pointer;font-size:14px;background-color:#337ab7;color:#fff;border:1px solid #eee;border-radius:5px;padding:10px}.card-iteam-bottom{position:absolute;bottom:40px;right:70px}.footer{margin-top:auto;background-color:#111b22;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:14px;padding:10px 0}.horizontal-line{height:1px;border:0;border-top:.5px solid #9b9b9b;margin:3em;padding:10;width:70%;text-align:center}.codigomentor-logo{justify-content:center;align-items:center;width:450px;height:280px;align-self:center;border-radius:20px;margin-bottom:20px}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}.logo-container{background:#000;margin:20px;padding:20px;border-radius:20px;justify-content:center;align-items:center;overflow:hidden}.search{width:320px;border:1px solid #000;border-radius:4px;overflow:hidden;font-size:1rem;display:flex;flex-flow:row nowrap;box-shadow:2px 2px 5px #000;margin-left:4%}.search__button,.search__input{background-color:#fff;border:none;outline:none}.search__input{padding:1em;width:90%}.search__button{width:15%;font-size:1.5rem;padding-right:.5em;color:gray;display:grid;place-content:center}section{position:relative;width:100%;height:100%}section:after{position:absolute;bottom:0;left:0;content:"";width:100%;height:80%;background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%,rgba(0,0,0,.8) 100%);background:linear-gradient(to bottom,#0000 0,#000c 80%,#000c)}.demo a{position:absolute;bottom:20px;left:50%;z-index:2;display:inline-block;-webkit-transform:translate(0,-50%);transform:translateY(-50%);color:#fff;font: 400 20px/1 Josefin Sans,sans-serif;letter-spacing:.1em;text-decoration:none;transition:opacity .3s}.demo a:hover{opacity:.5;cursor:pointer}#section03 a{padding-top:20px}#section03 a span{position:absolute;top:0;left:50%;width:46px;height:46px;margin-left:-23px;border:1px solid #fff;border-radius:100%;box-sizing:border-box}#section03 a span:after{position:absolute;top:50%;left:50%;content:"";width:16px;height:16px;margin:-12px 0 0 -8px;border-left:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);box-sizing:border-box}#section03 a span:before{position:absolute;top:0;left:0;z-index:-1;content:"";width:44px;height:44px;box-shadow:0 0 #ffffff1a;border-radius:100%;opacity:0;-webkit-animation:sdb03 3s infinite;animation:sdb03 3s infinite;box-sizing:border-box}@-webkit-keyframes sdb03{0%{opacity:0}30%{opacity:1}60%{box-shadow:0 0 0 60px #ffffff1a;opacity:0}to{opacity:0}}.cursos-youtube{margin-top:auto;background:url(../main-background.jpg);background-position:center;background-size:cover;color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:14px;padding:10px 0;width:100%;height:100%}@media only screen and (max-width: 768px){.card-item{height:360px;width:400px}.icon-image{width:400px}.card-iteam-bottom{bottom:30px;left:90px}.codigomentor-logo{width:310px;height:210px}}.react-multi-carousel-list{position:relative;top:-80px;padding:80px;margin-bottom:80px}.react-multi-carousel-track{background:#1b2832;padding:30px}.image-item{border-radius:20px}