body {
    background-color: #EDF0F5;
    font-family: 'Lexend', sans-serif;
    font-size: 12px;
    font-weight: 500;
    padding: 90px 0 0 0;
}
a {
    color: #2B7CFF;
    text-decoration: none;
}
.container {
    width: 100%;
    max-width: 1200px;
    position: relative;
}
.container:after,
.header-nav:after,
.menu-tools:after,
.stage-actions:after,
.stage-simulation:after {
	display: block;
	clear: both;
	content: "";
}
/* tooltip */
.tooltip {
    font-family: 'Lexend', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.25;
}
.tooltip.show {
    opacity: 1;
}
.tooltip .tooltip-arrow,
.tooltip .tooltip-arrow::before {
    display: none;
}
.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top],
.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right],
.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom],
.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {
    padding: 5px;
}
.tooltip-inner {
    background: rgba(255, 213, 63, 0.95);
    border-radius: 10px 10px 0px 10px;
    box-shadow: 0px 6px 10px rgba(219, 181, 50, 0.2);
    color: rgba(29, 22, 0,.7);
    padding: 11px 20px;
}
.bs-tooltip-end .tooltip-inner, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-inner {
    border-radius: 10px 10px 10px 0;
}
.bs-tooltip-bottom .tooltip-inner, .bs-tooltip-auto[x-placement^="bottom"] .tooltip-inner {
    border-radius: 0 10px 10px 10px;
}
.form-group {
    position: relative;
    margin: 0 0 20px;
}
.form-label {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 1.25;
    color: rgba(28, 51, 88,.8);
    margin-bottom: 5px;
}
.form-label-tip {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    color: rgba(28, 51, 88,.6);
    margin: 0 0 0 10px;
}
.form-control {
    border: 1px solid rgba(178, 185, 208, 0.5);
    box-shadow: inset 0 1px 0px rgb(94 105 135 / 50%), inset 0 2px 2px rgb(94 105 135 / 20%);
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 20px;
    color: #394963;
    padding: 10px;
}
.form-control:focus,
.form-select:focus {
    color: #394963;
    border-color: rgba(178, 185, 208, 0.5);
    outline: 0;
    box-shadow: inset 0 1px 0px rgb(94 105 135 / 50%), inset 0 2px 2px rgb(94 105 135 / 20%), 0 0 0 3px rgba(57, 73, 99, .15);
}
.form-select {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px 12px;
    border: 1px solid rgba(178, 185, 208, 0.5);
    box-shadow: inset 0 1px 0px rgb(94 105 135 / 50%), inset 0 2px 2px rgb(94 105 135 / 20%);
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 20px;
    color: #394963;
    padding: 10px 36px 10px 10px;
}

.header {
    background: linear-gradient(180deg, #F5F5F8 0%, #EAEAF3 100%);
    box-shadow: 0 1px 1px rgba(0, 19, 96, 0.15), 0 3px 5px rgba(0, 19, 96, 0.07), 0 22px 45px rgba(0, 19, 96, 0.06), 0 50px 90px rgba(0, 19, 96, 0.07);
    width: 100%;
    min-height: 92px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}
.color-bar,
.color-bar div {
    width: 100%;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
}
.color-bar:before,
.color-bar:after,
.color-bar div:before,
.color-bar div:after {
    display: block;
    content: '';
    width: 20%;
    height: 100%;
    position: absolute;
    top: 0;
}
.color-bar:before {
    background-color: #FFBE0B;
    left: 0;
}
.color-bar:after {
    background-color: #FB5607;
    left: 20%;
}
.color-bar div:before {
    background-color: #AFE525;
    left: 40%;
}
.color-bar div:after {
    background-color: #8B54FF;
    left: 60%;
}
.color-bar {
    background: #3AD0FF;
}
.mmcode-logo {
    background: url(../img/mmCode.svg) no-repeat center;
    display: block;
    float: left;
    width: 129px;
    height: 24px;
    margin: 34px 0 0;
    position: relative;
    z-index: 1;
}
.logo-name { display: block; }
.mmcode-logo-tag {
    background-color: #fff;
    border-radius: 8px 2px 8px 8px;
    display: inline-block;
    font-size: 13px;
    line-height: 15px;
    color: #FF6D00;
    padding: 2px 8px 3px;
    box-shadow: 0 1px 0 rgba(27, 3, 51, 0.15);
    position: absolute;
    top: 100%;
    right: 0%;
    margin: 5px 0 0;
}
.mindmakers-logo {
    background: url(../img/mindmakers.svg) no-repeat center;
    display: block;
    float: right;
    width: 73px;
    height: 35px;
    text-indent: -999px;
    overflow: hidden;
    margin: 0;
}

.compsci-logo,
.login-compsci {
    background: url(../img/compsci++.svg) no-repeat;
    background-size: contain;
    display: block;
    float: left;
    width: 163px;
    height: 24px;
    margin: 34px 0 0;
    text-indent: -999px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.lesson-lab .header .compsci-logo { margin: 18px 0 0; }
.footer .compsci-logo {
    float: none;
    filter: grayscale(1);
    margin: 0 auto 25px auto;
}
.login-compsci {
    margin: 0;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    filter: brightness(0) invert(1);
}

@media (max-width: 767px) {
    .compsci-logo {
        float: none;
        margin: 18px auto;
    }
    .login-compsci {
        float: none;
        margin: 0 auto;
        position: relative;
        bottom: auto;
        left: auto;
        transform: none;
    }
}

.header-nav {
    position: relative;
}
.header-menu {
    display: flex;
    align-items: flex-end;
    float: left;
    height: 92px;
    font-size: 15px;
    letter-spacing: -0.03em;
    line-height: 20px;
    list-style: none;
    padding: 0;
    margin: 0 0 0 70px;
}
.header-menu li {
    float: left;
}
.header-menu a {
    display: block;
    color: #636E89;
    padding: 30px 20px 30px 15px;
    margin: 0 5px 0 0;
    position: relative;
    overflow: hidden;
}
.header-menu .ico {
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    font-size: 0;
    overflow: hidden;
    text-indent: -999px;
    width: 32px;
    height: 32px;
    margin: -6px 15px -6px 0;
}
.ico-meu-curso { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 26a5.006 5.006 0 01-5-5h2a3 3 0 103-3v-2a5 5 0 110 10zM22 16h-2v10h2V16zM26 21h-2v5h2v-5z' fill='%2386CC00'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h24a2.002 2.002 0 012 2v24a2.003 2.003 0 01-2 2H4a2.002 2.002 0 01-2-2V4a2.002 2.002 0 012-2zm10 9h14V4H14v7zm-2 0V4H4v7h8zm-8 2v15h24.002L28 13H4z' fill='%2386CC00'/%3E%3C/svg%3E"); }
.ico-simulador { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.57 2H3.371C1.538 2 0 3.549 0 5.396v16.979c0 1.846 1.538 3.395 3.372 3.395h8.813v2.443H8.872a.913.913 0 00-.887.893c0 .477.414.894.887.894h14.256a.913.913 0 00.887-.894.913.913 0 00-.887-.893h-3.313V25.77h8.813c1.834 0 3.372-1.549 3.372-3.395V5.395C31.94 3.55 30.462 2 28.57 2zM18.04 28.153h-4.08v-2.442h4.08v2.442zm12.126-5.778c0 .893-.71 1.608-1.597 1.608H3.372a1.596 1.596 0 01-1.598-1.608v-.835h28.392v.835zm0-2.622H1.774V5.396c0-.894.71-1.609 1.598-1.609h25.197c.888 0 1.597.715 1.597 1.609v14.357zm-3.312-4.23H5.087a.913.913 0 00-.887.894c0 .477.414.894.887.894h21.826a.913.913 0 00.887-.894c0-.477-.414-.894-.946-.894zm-12.776-2.561c.177.119.354.119.591.119s.532-.06.71-.238l3.312-2.383c.355-.239.533-.596.533-1.013 0-.417-.178-.775-.533-1.013L15.38 6.051c-.355-.298-.887-.298-1.301-.12-.414.24-.651.656-.651 1.133v4.766c0 .476.237.893.65 1.132zM15.2 8.077l1.893 1.37-1.893 1.37v-2.74z' fill='%2386CC00'/%3E%3C/svg%3E"); }
.ico-laboratorio { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.43 26.076l-5.895-7.252a1.636 1.636 0 01-.365-1.07v-6.599h.73c.546 0 .972-.416.972-.951 0-.535-.426-.951-.973-.951h-8.812c-.547 0-.973.416-.973.95 0 .536.426.952.973.952h.729v6.599c0 .356-.122.772-.365 1.07l-5.895 7.252a2.319 2.319 0 00-.304 2.557A2.506 2.506 0 007.5 30h16.045c.973 0 1.823-.535 2.249-1.367.364-.833.243-1.784-.365-2.557zm-12.46-6.063c.548-.654.79-1.427.79-2.26v-6.598h3.404v6.599c0 .832.304 1.605.79 2.259l1.398 1.724h-7.718l1.337-1.724zM23.91 27.8c-.06.06-.182.298-.425.298H7.501c-.304 0-.426-.179-.426-.298s-.121-.297.061-.475l2.917-3.627h10.88l2.917 3.627c.182.178.121.416.06.475zM18.746 7.707c1.64 0 2.917-1.308 2.917-2.853C21.662 3.308 20.386 2 18.745 2c-1.641 0-2.918 1.308-2.918 2.854 0 1.545 1.337 2.853 2.918 2.853zm0-3.745c.547 0 .972.416.972.951 0 .535-.425.951-.972.951-.547 0-.973-.416-.973-.951 0-.535.486-.951.973-.951zM14.49 8.36c.669 0 1.277-.535 1.277-1.248a1.27 1.27 0 00-1.277-1.249c-.73 0-1.276.535-1.276 1.249 0 .713.608 1.248 1.276 1.248z' fill='%2386CC00'/%3E%3C/svg%3E"); }

.ico-cadastros {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%2386CC00' d='M8.69 12.535a.9.9 0 0 0 0 1.8h9.65a.9.9 0 0 0 0-1.8H8.69ZM13.028 17.644H8.69a.9.9 0 0 0 0 1.8h4.34a.9.9 0 0 0 0-1.8Z'/%3E%3Cpath fill='%2386CC00' d='M12.895 29.1h-6.85a2.677 2.677 0 0 1-2.67-2.68V8.19a2.677 2.677 0 0 1 2.67-2.68h1.859v.226a2.383 2.383 0 0 0 2.381 2.38h8.6a2.383 2.383 0 0 0 2.381-2.38V5.51h1.85c1.497 0 2.669 1.177 2.669 2.68v5.13a.9.9 0 0 0 1.8 0V8.19a4.48 4.48 0 0 0-4.47-4.48h-1.85v-.23a2.383 2.383 0 0 0-2.381-2.38h-8.6a2.383 2.383 0 0 0-2.381 2.38v.23H6.045a4.481 4.481 0 0 0-4.471 4.48v18.23c0 2.47 2.006 4.48 4.471 4.48h6.85a.9.9 0 0 0 0-1.8ZM9.705 3.48c0-.32.26-.58.58-.58h8.6c.32 0 .58.26.58.58v2.255c0 .32-.26.58-.58.58h-8.6a.58.58 0 0 1-.58-.58V3.48Z'/%3E%3Cpath fill='%2386CC00' d='M29.47 17.358c-1.232-1.233-3.383-1.234-4.616 0l-7.979 7.979a1.736 1.736 0 0 0-.486.942l-.438 2.589a1.742 1.742 0 0 0 2.008 2.007l2.588-.437c.359-.061.685-.229.942-.486l7.979-7.979a3.268 3.268 0 0 0 .002-4.615Zm-9.222 11.306-2.521.503.422-2.557 5.719-5.719 2.071 2.071-5.691 5.702Zm7.948-7.964-.986.988-2.07-2.07.987-.987a1.455 1.455 0 0 1 1.034-.429 1.464 1.464 0 0 1 1.035 2.498Z'/%3E%3C/svg%3E");
}
.header-menu a:hover .ico-cadastros,
.header-menu a.active .ico-cadastros {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23FF6D00' d='M8.69 12.535a.9.9 0 0 0 0 1.8h9.65a.9.9 0 0 0 0-1.8H8.69ZM13.028 17.644H8.69a.9.9 0 0 0 0 1.8h4.34a.9.9 0 0 0 0-1.8Z'/%3E%3Cpath fill='%23FF6D00' d='M12.895 29.1h-6.85a2.677 2.677 0 0 1-2.67-2.68V8.19a2.677 2.677 0 0 1 2.67-2.68h1.859v.226a2.383 2.383 0 0 0 2.381 2.38h8.6a2.383 2.383 0 0 0 2.381-2.38V5.51h1.85c1.497 0 2.669 1.177 2.669 2.68v5.13a.9.9 0 0 0 1.8 0V8.19a4.48 4.48 0 0 0-4.47-4.48h-1.85v-.23a2.383 2.383 0 0 0-2.381-2.38h-8.6a2.383 2.383 0 0 0-2.381 2.38v.23H6.045a4.481 4.481 0 0 0-4.471 4.48v18.23c0 2.47 2.006 4.48 4.471 4.48h6.85a.9.9 0 0 0 0-1.8ZM9.705 3.48c0-.32.26-.58.58-.58h8.6c.32 0 .58.26.58.58v2.255c0 .32-.26.58-.58.58h-8.6a.58.58 0 0 1-.58-.58V3.48Z'/%3E%3Cpath fill='%23FF6D00' d='M29.47 17.358c-1.232-1.233-3.383-1.234-4.616 0l-7.979 7.979a1.736 1.736 0 0 0-.486.942l-.438 2.589a1.742 1.742 0 0 0 2.008 2.007l2.588-.437c.359-.061.685-.229.942-.486l7.979-7.979a3.268 3.268 0 0 0 .002-4.615Zm-9.222 11.306-2.521.503.422-2.557 5.719-5.719 2.071 2.071-5.691 5.702Zm7.948-7.964-.986.988-2.07-2.07.987-.987a1.455 1.455 0 0 1 1.034-.429 1.464 1.464 0 0 1 1.035 2.498Z'/%3E%3C/svg%3E");
}

.ico-maiuscula {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 15L7 7L11 15M4 13H10M21 9V15M21 12C21 13.6569 19.6569 15 18 15C16.3431 15 15 13.6569 15 12C15 10.3431 16.3431 9 18 9C19.6569 9 21 10.3431 21 12Z' stroke='%23636E89' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 80%; /* Redimensiona para 80% do tamanho original */
  background-repeat: no-repeat;
  background-position: center; /* Centraliza horizontal e verticalmente */
}


.header-menu a:hover .ico-meu-curso,
.header-menu a.active .ico-meu-curso { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 26a5.006 5.006 0 01-5-5h2a3 3 0 103-3v-2a5 5 0 110 10zM22 16h-2v10h2V16zM26 21h-2v5h2v-5z' fill='%23FF6D00'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h24a2.002 2.002 0 012 2v24a2.003 2.003 0 01-2 2H4a2.002 2.002 0 01-2-2V4a2.002 2.002 0 012-2zm10 9h14V4H14v7zm-2 0V4H4v7h8zm-8 2v15h24.002L28 13H4z' fill='%23FF6D00'/%3E%3C/svg%3E"); }
.header-menu a:hover .ico-simulador,
.header-menu a.active .ico-simulador { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.57 2H3.371C1.538 2 0 3.549 0 5.396v16.979c0 1.846 1.538 3.395 3.372 3.395h8.813v2.443H8.872a.913.913 0 00-.887.893c0 .477.414.894.887.894h14.256a.913.913 0 00.887-.894.913.913 0 00-.887-.893h-3.313V25.77h8.813c1.834 0 3.372-1.549 3.372-3.395V5.395C31.94 3.55 30.462 2 28.57 2zM18.04 28.153h-4.08v-2.442h4.08v2.442zm12.126-5.778c0 .893-.71 1.608-1.597 1.608H3.372a1.596 1.596 0 01-1.598-1.608v-.835h28.392v.835zm0-2.622H1.774V5.396c0-.894.71-1.609 1.598-1.609h25.197c.888 0 1.597.715 1.597 1.609v14.357zm-3.312-4.23H5.087a.913.913 0 00-.887.894c0 .477.414.894.887.894h21.826a.913.913 0 00.887-.894c0-.477-.414-.894-.946-.894zm-12.776-2.561c.177.119.354.119.591.119s.532-.06.71-.238l3.312-2.383c.355-.239.533-.596.533-1.013 0-.417-.178-.775-.533-1.013L15.38 6.051c-.355-.298-.887-.298-1.301-.12-.414.24-.651.656-.651 1.133v4.766c0 .476.237.893.65 1.132zM15.2 8.077l1.893 1.37-1.893 1.37v-2.74z' fill='%23FF6D00'/%3E%3C/svg%3E"); }
.header-menu a:hover .ico-laboratorio,
.header-menu a.active .ico-laboratorio { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.43 26.076l-5.895-7.252a1.636 1.636 0 01-.365-1.07v-6.599h.73c.546 0 .972-.416.972-.951 0-.535-.426-.951-.973-.951h-8.812c-.547 0-.973.416-.973.95 0 .536.426.952.973.952h.729v6.599c0 .356-.122.772-.365 1.07l-5.895 7.252a2.319 2.319 0 00-.304 2.557A2.506 2.506 0 007.5 30h16.045c.973 0 1.823-.535 2.249-1.367.364-.833.243-1.784-.365-2.557zm-12.46-6.063c.548-.654.79-1.427.79-2.26v-6.598h3.404v6.599c0 .832.304 1.605.79 2.259l1.398 1.724h-7.718l1.337-1.724zM23.91 27.8c-.06.06-.182.298-.425.298H7.501c-.304 0-.426-.179-.426-.298s-.121-.297.061-.475l2.917-3.627h10.88l2.917 3.627c.182.178.121.416.06.475zM18.746 7.707c1.64 0 2.917-1.308 2.917-2.853C21.662 3.308 20.386 2 18.745 2c-1.641 0-2.918 1.308-2.918 2.854 0 1.545 1.337 2.853 2.918 2.853zm0-3.745c.547 0 .972.416.972.951 0 .535-.425.951-.972.951-.547 0-.973-.416-.973-.951 0-.535.486-.951.973-.951zM14.49 8.36c.669 0 1.277-.535 1.277-1.248a1.27 1.27 0 00-1.277-1.249c-.73 0-1.276.535-1.276 1.249 0 .713.608 1.248 1.276 1.248z' fill='%23FF6D00'/%3E%3C/svg%3E"); }
.header-menu a:hover,
.header-menu a:focus,
.header-menu a.active {
    text-decoration: none;
    color: #FF6D00;
}
.header-menu a:before,
.header-menu a.active:before {
    background: linear-gradient(180deg, #FFFFFF 0%, #F5F5F8 100%), #FFFFFF;
    background: linear-gradient(180deg, #F4F4FA 0%, #D4D4E0 100%), linear-gradient(180deg, #E6E6ED 0%, #FFFFFF 100%);
    box-shadow: inset 0px 2px 3px rgba(12, 3, 32, 0.07), inset 0px 1px 1px rgba(12, 3, 32, 0.2);
    border-radius: 20px 20px 0 0;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -1;
}
.header-menu a:hover:before,
.header-menu a.active:before {
    top: 0;
}
.header-menus {
    display: flex;
    align-items: center;
    float: right;
    padding: 16px 0;
    position: relative;

}
.header-menus .bt {
    margin: 0 10px;
}
.header-menus .bt + .bt {
    margin: 0 10px 0 0;
}
.menu-dropdown-contaniner {
    float: left;
    padding: 5px 0;
    position: relative;
}
.menu-dropdown-ico,
.header-bt-action {
    display: block;
    border-radius: 20px 20px 4px 20px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    opacity: .6;
}
.header-bt-action {
    text-indent: -999px;
    overflow: hidden;
    opacity: 1;
}
.ico-menu {
    background: url("data:image/svg+xml,%0A%3Csvg width='23' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1a1 1 0 011-1h20.5a1 1 0 110 2H1a1 1 0 01-1-1zM0 8a1 1 0 011-1h20.5a1 1 0 110 2H1a1 1 0 01-1-1zM1 14a1 1 0 100 2h20.5a1 1 0 100-2H1z' fill='%231C3358'/%3E%3C/svg%3E") no-repeat center;
}
.ico-language {
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.483 3.517c-4.688-4.689-12.277-4.69-16.966 0-4.689 4.688-4.69 12.277 0 16.966 4.688 4.689 12.277 4.69 16.966 0 4.689-4.688 4.69-12.277 0-16.966zm-.501 15.256c-.56-.501-1.16-.945-1.792-1.327.418-1.443.665-3.03.723-4.682h3.528a10.373 10.373 0 01-2.46 6.01zM1.559 12.765h3.527c.059 1.65.306 3.238.724 4.681-.632.382-1.231.826-1.792 1.327a10.374 10.374 0 01-2.459-6.008zm2.46-7.538c.56.501 1.16.945 1.791 1.327a19.403 19.403 0 00-.723 4.681H1.559a10.374 10.374 0 012.46-6.008zm7.216 1.485a10.387 10.387 0 01-3.563-.903c.648-1.67 1.843-3.671 3.564-4.167v5.07zm0 1.532v2.992H6.617c.053-1.397.251-2.738.58-3.964 1.267.553 2.629.884 4.04.972zm0 4.52v2.992c-1.41.088-2.772.419-4.039.972a18.013 18.013 0 01-.58-3.964h4.62zm0 4.524v5.07c-1.72-.496-2.915-2.498-3.563-4.167a10.388 10.388 0 013.564-.903zm1.53 0c1.246.09 2.449.396 3.563.903-.648 1.67-1.843 3.671-3.563 4.167v-5.07zm0-1.532v-2.992h4.619a18.014 18.014 0 01-.58 3.964 11.917 11.917 0 00-4.04-.972zm0-4.52V8.244a11.917 11.917 0 004.039-.972c.329 1.226.527 2.567.58 3.963h-4.62zm0-4.524v-5.07c1.72.496 2.915 2.498 3.563 4.167a10.388 10.388 0 01-3.563.903zm3.434-4.307c.978.429 1.891 1.01 2.71 1.73-.39.344-.8.656-1.23.934-.381-.944-.868-1.86-1.48-2.664zM6.32 5.069c-.43-.278-.84-.59-1.23-.933a10.422 10.422 0 012.71-1.731c-.612.803-1.099 1.72-1.48 2.664zm0 13.862c.381.944.868 1.861 1.48 2.664a10.424 10.424 0 01-2.71-1.73c.39-.344.8-.656 1.23-.934zm11.358 0c.43.278.84.59 1.23.933a10.422 10.422 0 01-2.71 1.731c.612-.803 1.099-1.72 1.48-2.664zm1.235-7.696a19.4 19.4 0 00-.724-4.681 12.03 12.03 0 001.792-1.327 10.374 10.374 0 012.459 6.008h-3.527z' fill='%231C3358'/%3E%3C/svg%3E") no-repeat center;
}
.ico-ferramentas {
    background: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.947.614a.9.9 0 011.273 0L11 5.394l3.697-3.697a3.964 3.964 0 115.606 5.606L18.68 8.926l-.002.002-.002.002-2.07 2.07 4.78 4.78a.9.9 0 010 1.273l-4.333 4.333a.9.9 0 01-1.273 0L11 16.606l-4.78 4.78a.9.9 0 01-.637.264H1.25a.9.9 0 01-.9-.9v-4.333a.9.9 0 01.264-.637L5.394 11l-2.07-2.07-.002-.002-.003-.003L.614 6.22a.9.9 0 010-1.273L4.947.614zM14.98 18.042l.989-.989a.9.9 0 10-1.273-1.273l-.989.989-1.435-1.436 3.06-3.06 4.144 4.144-3.06 3.06-1.436-1.435zm1.788-9.75L5.21 19.85H2.15v-3.06l5.15-5.15.003-.004.003-.003 4.327-4.327.003-.003.004-.003 2.068-2.069 3.06 3.06zm-11.538 0l.989-.989A.9.9 0 104.947 6.03l-.989.989-1.435-1.436 3.06-3.06 4.144 4.144-3.06 3.06L5.23 8.292zm12.81-1.273l.99-.989a2.164 2.164 0 10-3.061-3.06l-.989.988 3.06 3.06z' fill='%231C3358'/%3E%3C/svg%3E") no-repeat center;
}
.ico-avatar {
    background: #fff url("data:image/svg+xml,%0A%3Csvg width='23' height='27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.083 15.167c3.667 0 6.75-3 6.75-6.75V7A6.33 6.33 0 0011.5.667h-.833C7.25.667 4.417 3.5 4.417 7v1.5c0 3.667 3 6.667 6.666 6.667zM6.75 7a3.912 3.912 0 013.917-3.917h.833A3.912 3.912 0 0115.417 7v1.5a4.304 4.304 0 01-4.334 4.333A4.304 4.304 0 016.75 8.5V7zm15.417 18.25c-.667-4.583-4.584-8.083-9.334-8.083h-3.25c-4.75 0-8.75 3.5-9.416 8.083-.084.75.416 1.417 1.166 1.417.584 0 1.084-.417 1.167-1 .5-3.417 3.5-6.084 7-6.084h3.25c3.583 0 6.5 2.667 7 6.084.083.583.583 1 1.167 1 .833 0 1.333-.667 1.25-1.417z' fill='%23C9CFD9'/%3E%3C/svg%3E") no-repeat center;
    opacity: 1;
	float:left;
}
.ico-code {
    background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)' fill='%23636E89'%3E%3Cpath d='M12.705 7.455a1.125 1.125 0 000 1.59l2.205 2.205-2.205 2.205a1.126 1.126 0 101.59 1.59l3-3a1.125 1.125 0 000-1.59l-3-3a1.125 1.125 0 00-1.59 0zm-2.91 1.59a1.125 1.125 0 00-1.59-1.59l-3 3a1.125 1.125 0 000 1.59l3 3a1.126 1.126 0 101.59-1.59L7.59 11.25l2.205-2.205z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.37 19.96a11.25 11.25 0 111.59-1.59l3.71 3.71a1.126 1.126 0 11-1.59 1.59l-3.71-3.71zM2.25 11.25a9 9 0 1115.58 6.14 1.124 1.124 0 00-.439.44 9 9 0 01-15.14-6.58z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center;
}
.ico-save {
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 2a1 1 0 00-1 1v14a1 1 0 001 1h1v-7a1 1 0 011-1h10a1 1 0 011 1v7h1a1 1 0 001-1V6.414L13.586 2H6v3h7a1 1 0 110 2H5a1 1 0 01-1-1V2H3zm2-2H3a3 3 0 00-3 3v14a3 3 0 003 3h14a3 3 0 003-3V6a1 1 0 00-.293-.707l-5-5A1 1 0 0014 0H5zm1 12v6h8v-6H6z' fill='%23636E89'/%3E%3C/svg%3E") no-repeat center;
}

.ico-config {
    background: url("data:image/svg+xml,%3Csvg width='26' height='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.608 17.952a5.239 5.239 0 01-5.26-5.26 5.239 5.239 0 015.26-5.26 5.238 5.238 0 015.26 5.26c.084 2.839-2.337 5.26-5.26 5.26zm0-8.684a3.35 3.35 0 00-3.34 3.34 3.35 3.35 0 003.34 3.34 3.35 3.35 0 003.34-3.34c.084-1.837-1.42-3.34-3.34-3.34zm0 16.032h-.083c-.919 0-1.754-.084-1.837-.084a1.073 1.073 0 01-.835-.835l-.25-2.003a7.927 7.927 0 01-1.754-.752l-1.587 1.169c-.334.25-.835.25-1.169 0 0 0-.668-.5-1.336-1.252l-.083-.084c-.668-.668-1.169-1.336-1.253-1.336a1.003 1.003 0 010-1.169l1.17-1.586-.752-1.754-1.92-.25a1.073 1.073 0 01-.836-.835S0 13.694 0 12.692v-.167c0-.919.083-1.754.083-1.837.084-.418.418-.752.835-.835l2.004-.25a5.567 5.567 0 01.752-1.754L2.505 6.262a1.003 1.003 0 010-1.169s.5-.668 1.252-1.336l.084-.083c.668-.668 1.336-1.169 1.336-1.253.334-.25.835-.25 1.169 0l1.586 1.17c.585-.251 1.17-.502 1.754-.669l.25-1.92c.084-.418.418-.752.835-.835 0 0 .835-.084 1.837-.084h.167c.919 0 1.754.084 1.837.084.418.083.752.417.835.835l.25 2.004a7.927 7.927 0 011.754.751l1.587-1.252c.334-.25.835-.25 1.169 0 0 0 .668.5 1.336 1.252l.167.084c.668.668 1.168 1.336 1.252 1.336.25.334.25.835 0 1.169L21.71 7.932l.751 1.754 1.92.25c.418.084.752.418.835.835 0 0 .084.835.084 1.837v.167c0 .919-.084 1.754-.084 1.837a1.073 1.073 0 01-.835.835l-2.003.25a7.927 7.927 0 01-.752 1.754l1.169 1.587c.25.334.25.835 0 1.169 0 0-.5.668-1.252 1.336l-.084.167c-.668.668-1.336 1.168-1.336 1.252-.334.25-.835.25-1.169 0l-1.586-1.252c-.585.25-1.17.5-1.754.668l-.25 1.92a1.073 1.073 0 01-.835.835c-.084.084-.919.167-1.92.167zm-1.002-2.004h1.837l.25-1.837c.084-.417.335-.751.752-.835a6.785 6.785 0 002.422-1.002c.25-.167.5-.167.751-.083.167 0 .25.083.418.167l1.42 1.085c.166-.167.417-.334.584-.584l.083-.084.585-.584-1.086-1.42a1.027 1.027 0 01-.083-1.085c.417-.752.751-1.503 1.002-2.338.083-.418.417-.752.835-.835l1.836-.25v-1.003-.835l-1.836-.25c-.418-.084-.752-.334-.835-.752a6.784 6.784 0 00-1.002-2.421c0-.084-.084-.167-.084-.167-.083-.334-.083-.668.167-.919l1.253-1.42c-.167-.166-.334-.417-.585-.584l-.083-.083-.585-.585-1.503 1.086c-.334.25-.835.25-1.169 0a11.606 11.606 0 00-2.338-1.002c-.417-.084-.668-.418-.751-.835l-.25-1.837H11.772l-.25 1.837a1.073 1.073 0 01-.835.835c-.835.167-1.587.5-2.338 1.002-.167 0-.501.083-.752 0-.083 0-.25-.084-.334-.167l-1.42-1.086c-.25.167-.417.334-.667.585l-.084.083c-.25.167-.417.418-.584.585L5.594 7.18c.25.334.25.751.084 1.085 0 0 0 .084-.084.084a11.605 11.605 0 00-1.002 2.338c-.083.417-.417.668-.835.751l-1.837.25V13.528l1.837.25c.418.084.752.418.835.835.167.835.501 1.587.919 2.338.167.25.167.501.083.835 0 .084-.083.25-.167.334l-1.085 1.42c.167.167.334.417.584.584l.084.084.584.584 1.503-1.085c.334-.25.835-.25 1.17 0 .75.417 1.502.751 2.254.918.417.084.668.418.751.835l.334 1.837z' fill='%23636E89'/%3E%3C/svg%3E") no-repeat center;
    opacity: 1;
}
.ico-share {
    background: url("data:image/svg+xml,%3Csvg width='22' height='23' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M21.997 1.423a1 1 0 00-1.35-.859L.67 7.556a1 1 0 00-.076 1.858l8.648 3.844 3.844 8.648a1 1 0 001.858-.076l6.993-19.98c.051-.137.071-.283.06-.427zm-4.803 2.469L3.711 8.61l6.068 2.696 7.415-7.415zm-6.001 8.83l7.416-7.416-4.72 13.483-2.696-6.068z' fill='%23636E89'/%3E%3C/svg%3E") no-repeat center;
}
.menu-dropdown-contaniner:hover .ico-avatar {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='23' height='27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.083 15.167c3.667 0 6.75-3 6.75-6.75V7A6.33 6.33 0 0011.5.667h-.833C7.25.667 4.417 3.5 4.417 7v1.5c0 3.667 3 6.667 6.666 6.667zM6.75 7a3.912 3.912 0 013.917-3.917h.833A3.912 3.912 0 0115.417 7v1.5a4.304 4.304 0 01-4.334 4.333A4.304 4.304 0 016.75 8.5V7zm15.417 18.25c-.667-4.583-4.584-8.083-9.334-8.083h-3.25c-4.75 0-8.75 3.5-9.416 8.083-.084.75.416 1.417 1.166 1.417.584 0 1.084-.417 1.167-1 .5-3.417 3.5-6.084 7-6.084h3.25c3.583 0 6.5 2.667 7 6.084.083.583.583 1 1.167 1 .833 0 1.333-.667 1.25-1.417z' fill='%231C3358'/%3E%3C/svg%3E");
}
.ico-flag {
    background: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 27c0 .5523-.4477 1-1 1s-1-.4477-1-1V5c0-1.1046.8954-2 2-2h17.0398c.8166 0 1.289.9258.8096 1.587l-4.2238 5.826a1 1 0 000 1.174l4.2238 5.826c.4794.6612.007 1.587-.8096 1.587H8v8zm0-10h15.33l-3.1652-4.1923a3 3 0 010-3.6154L23.33 5H8v12z' fill='%23636E89'/%3E%3C/svg%3E") no-repeat center;
}
.ico-info {
    background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23636E89' fill-rule='evenodd' d='M12 3c-4.97056 0-9 4.02944-9 9 0 4.9706 4.02944 9 9 9 4.9706 0 9-4.0294 9-9 0-4.97056-4.0294-9-9-9ZM1 12C1 5.92487 5.92487 1 12 1c6.0751 0 11 4.92487 11 11 0 6.0751-4.9249 11-11 11-6.07513 0-11-4.9249-11-11Z' clip-rule='evenodd'/%3E%3Cpath fill='%23636E89' fill-rule='evenodd' d='M12 11c.5523 0 1 .4477 1 1v4c0 .5523-.4477 1-1 1s-1-.4477-1-1v-4c0-.5523.4477-1 1-1ZM11 8c0-.55228.4477-1 1-1h.01c.5523 0 1 .44772 1 1s-.4477 1-1 1H12c-.5523 0-1-.44772-1-1Z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat center;
}


.ico-speed {
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1485 9.3895s-1.615 4.551-2.382 5.345a2.0006 2.0006 0 01-2.1887.5022 2.0011 2.0011 0 01-1.1136-1.0753 1.9998 1.9998 0 01.4253-2.2049c.767-.795 5.259-2.567 5.259-2.567v0z' stroke='%23636E89' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M19.425 19.425A10.47 10.47 0 0022.5 12c0-5.799-4.701-10.5-10.5-10.5S1.5 6.201 1.5 12c0 2.8995 1.175 5.5245 3.075 7.425M12 2v2M19.4225 5.571l-1.554 1.2586M21.2615 13.6165l-1.949-.45M2.7385 13.6165l1.949-.45M4.5775 5.571l1.554 1.2586' stroke='%23636E89' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
}
.menu-dropdown-contaniner:hover .menu-dropdown-ico,
.header-bt-action:hover {
    background-color: #F6F6F6;
    box-shadow: inset 0 1px 0 1px rgba(255,255,255,.9), 0px 1px 1px rgba(3, 11, 28, 0.25), 0px 2px 3px rgba(3, 11, 28, 0.05);
    opacity: 1;
}
.menu-dropdown {
    background: rgba(247, 247, 247, 0.9);
    box-shadow: 0px 40px 45px rgba(0, 19, 96, 0.06), 0px 70px 90px rgba(0, 19, 96, 0.07);
    border-radius: 20px 4px 20px 20px;
    display: block;
    width: 320px;
    max-width: 90vw;
    font-size: 15px;
    line-height: 1.33335;
    letter-spacing: -0.03em;
    text-align: right;
    list-style: none;
    padding: 20px 0;
    margin: 10px 0 0;
    position: absolute;
    top: 100%;
    right: 0;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    white-space: normal;
    overflow-wrap: anywhere;
    backdrop-filter: blur(15px);
}
.menu-dropdown-contaniner:hover .menu-dropdown,
.menu-dropdown-contaniner:hover .menu-dropdown-ico:before,
.has-menu:hover .submenu {
    margin: 0;
    opacity: 1;
    visibility: visible;
    z-index: 1;
}
.menu-dropdown li {
    position: relative;
}
.menu-dropdown-item {
    display: block;
    color: #636E89;
    padding: 10px 50px;
    transition-property: background-color, color;
    transition-duration: .2s;
    transition-timing-function: linear;
}
.menu-dropdown-item:hover,
.menu-dropdown-item:focus,
.menu-dropdown-item.active:hover,
.has-menu:hover > .menu-dropdown-item {
    background-color: rgba(255, 109, 0,.1);
    color: #FF6D00;
    text-decoration: none;
}
.menu-dropdown-item.active {
    background: url("data:image/svg+xml,%3Csvg width='9' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.59 7L0 4.083l1.331-1.645 2.02 1.63L6.894 0l1.6 1.391L3.59 7z' opacity='.7' fill='%23FF6D00'/%3E%3C/svg%3E") no-repeat right 20px top 15px;
    background-size: 12px;
    color: #FF6D00;
}
.external-link {
    background: url("data:image/svg+xml,%3Csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.285 0H3.571a.714.714 0 000 1.428h3.99L.209 8.781a.714.714 0 001.01 1.01l7.353-7.352v3.99a.714.714 0 001.428 0V.714A.714.714 0 009.285 0z' fill='%23A1E972'/%3E%3C/svg%3E") no-repeat right 23px top 16px;
}
.has-menu {
    background: url("data:image/svg+xml,%0A%3Csvg width='10' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.7' d='M.94 9.06a1.5 1.5 0 010-2.12l6-6a1.5 1.5 0 012.12 2.12L4.122 8l4.94 4.94a1.5 1.5 0 01-2.122 2.12l-6-6z' fill='%23636E89'/%3E%3C/svg%3E") no-repeat left 21px top 13px;
    background-size: 8px;
}
.has-menu:hover {
    background: url("data:image/svg+xml,%0A%3Csvg width='10' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.7' d='M.94 9.06a1.5 1.5 0 010-2.12l6-6a1.5 1.5 0 012.12 2.12L4.122 8l4.94 4.94a1.5 1.5 0 01-2.122 2.12l-6-6z' fill='%23FF6D00'/%3E%3C/svg%3E") no-repeat left 21px top 13px;
    background-size: 8px;
}
.submenu {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0px 40px 45px rgba(0, 19, 96, 0.06), 0px 70px 90px rgba(0, 19, 96, 0.07);
    border-radius: 20px 4px 20px 20px;
    display: block;
    max-width: 240px;
    list-style: none;
    padding: 20px 0;
    margin: 0 -10px 0 0;
    position: absolute;
    top: 0;
    right: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    white-space: nowrap;
}

.menu-dropdown-up .menu-dropdown-ico {
    border-radius: 4px 20px 20px 20px;
}
.menu-dropdown-up .menu-dropdown {
    border-radius: 20px 20px 20px 4px;
    text-align: left;
    margin: 0 0 10px;
    top: auto;
    right: auto;
    bottom: 100%;
    left: 0;
}
.menu-dropdown-up .menu-dropdown-item.active {
    background-position: left 20px top 15px;
}
.menu-user-avatar {
    display: block;
    width: 50px;
    height: 50px;
    object-fit: cover;
}
.menu-tools {
    padding: 20px;
    max-width: none;
    width: 340px;
    text-align: center;
}
.menu-tools li {
    float: left;
}
.menu-tools .menu-dropdown-item {
    border-radius: 10px;
    width: 100px;
    height: 130px;
    font-size: 13px;
    padding: 10px;
}
.menu-tools .menu-dropdown-item:hover,
.menu-tools .menu-dropdown-item:focus {
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 1px 1px rgba(3, 11, 28, 0.25), 0px 2px 3px rgba(3, 11, 28, 0.05);
    color: #3681FF;
}
.tool-logo {
    display: block;
    width: 40px;
    height: 40px;
    margin: 20px auto 15px auto;
}
.menu-dropdown-user {
    margin-left: 10px;
}
.user-logged {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 50px;
    float: left;
    font-size: 13px;
    letter-spacing: -0.03em;
    line-height: 1.2;
    text-align: right;
    color: #636E89;
    margin: 0 10px 0 0;
	max-width: 100px;
}
.user-logged-name {
    display: block;
    line-break: anywhere;
}
.user-logged-module {
    display: block;
    font-size: 12px;
    opacity: .7;
}
.main .container {
    padding-top: 30px;
    padding-bottom: 30px;
}
.footer {
    background: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 18px;
    color: rgba(28, 51, 88,.6);
    position: relative;
}
.footer .container {
    padding-top: 50px;
    padding-bottom: 25px;
}
.footer .mmcode-logo {
    float: none;
    filter: grayscale(1);
    margin: 0 auto 25px auto;
}
.footer .mindmakers-logo {
    float: none;
    margin: -5px auto 0 auto;
}
.copyright {
    background: url("data:image/svg+xml,%3Csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.6' d='M8.5 17C3.818 17 0 13.185 0 8.492 0 3.815 3.818 0 8.5 0 13.197 0 17 3.815 17 8.492 17.015 13.185 13.197 17 8.5 17zm0-15.638c-3.94 0-7.136 3.195-7.136 7.13 0 3.936 3.212 7.146 7.151 7.146 3.94 0 7.152-3.21 7.152-7.146 0-3.935-3.228-7.13-7.167-7.13zm0 10.643c-.364 0-.727-.061-1.09-.167a3.494 3.494 0 01-2.425-3.33 3.48 3.48 0 012.424-3.33A3.29 3.29 0 018.5 5.01c.985 0 1.924.424 2.59 1.15l-1.5 1.09a1.718 1.718 0 00-1.62-.333 1.677 1.677 0 00-1.167 1.605c0 .726.47 1.377 1.167 1.604.166.06.348.076.515.076.409 0 .803-.151 1.106-.409l1.5 1.09a3.587 3.587 0 01-2.591 1.12z' fill='%231C3358'/%3E%3C/svg%3E") no-repeat left center;
    float: left;
    padding: 3px 0 3px 25px;
    margin: 0 0 15px 50px;
}
.footer-menu {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0 0 15px 50px;
}
.footer-menu li {
    float: left;
    margin-right: 25px;
}
.footer-menu li:last-child {
    margin-right: 0;
}
.footer-menu a {
    border-bottom: 1px solid transparent;
    display: block;
    color: #2B7CFF;
    padding: 3px 0;
}
.footer-menu a:hover,
.footer-menu a:focus {
    border-bottom-color: rgba(255, 109, 0,.8);
    text-decoration: none;
    color: #FF6D00;
}
/* box */
.box {
    max-width: 270px;
    height: 370px;
    margin: 0 auto 30px auto;
    perspective: 1000px;
}
.box.disabled .box-front {
    filter: grayscale(1);
    opacity: .5;
}
.box:hover .box-front {
    box-shadow: 0 0 0 2px rgba(58, 132, 252, 0.5), 0 40px 70px rgba(62, 58, 254, 0.2), 0 80px 120px rgba(58, 184, 255, 0.2);
}
.box:hover .box-back {
    box-shadow: 0px 20px 20px rgba(5, 26, 62, 0.06), 0px 50px 50px rgba(5, 26, 62, 0.25), 0px 90px 90px rgba(5, 26, 62, 0.1);
}
.turn .box-inner {
    transform: rotateY(180deg);
}
.turn .box-front {
    border-radius: 40px;
    z-index: -1;
}
.turn .box-front,
.turn:hover .box-front {
    box-shadow: none;
}
.box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}
.box-front, .box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    z-index: 1;
}
.box-front {
    background: #FBFBFB;
    box-shadow: 0 22px 45px rgba(0, 4, 99, 0.06), 0 50px 90px rgba(0, 4, 99, 0.07);
    border-radius: 40px 40px 4px 40px;
    padding: 20px;
}
.box-back {
    background: rgba(207,213,223,1);
    box-shadow: 0px 20px 20px rgba(5, 26, 62, 0.06), 0px 50px 50px rgba(5, 26, 62, 0.25), 0px 90px 90px rgba(5, 26, 62, 0.1);
    border-radius: 40px 40px 4px 40px;
    top: 0;
    left: 0;
    transform: rotateY(180deg);
}
.box-header {
    background: #3681ff;
    display: block;
    border-radius: 20px 20px 20px 4px;
    color: #fff;
    position: relative;
    overflow: hidden;
    margin: 0 0 15px 0;
}
.box-header:hover,
.box-header:focus {
    color: #fff;
    text-decoration: none;
}
.box-header-img {
    display: block;
    width: 100%;
    height: auto;
}
.box-header:hover .box-header-img {
    transform: scale(1.1);
    opacity: .5;
}
.box:hover .box-header,
.cartao-link:hover .cartao-img {
	-webkit-animation: bounce .3s ease infinite alternate;
	-moz-animation: bounce .3s ease infinite alternate;
	-ms-animation: bounce .3s ease infinite alternate;
	-o-animation: bounce .3s ease infinite alternate;
	animation: bounce .3s ease infinite alternate;
}
@-webkit-keyframes bounce {
    from { }
    to { -webkit-transform: translateY(-5px); box-shadow: 0px 1px 2px rgba(3, 3, 28, 0.2), 0px 2px 3px rgba(3, 3, 28, 0.24), 0px 4px 5px rgba(3, 3, 28, 0.18), 0px 8px 10px rgba(3, 3, 28, 0.12), 0px 14px 16px rgba(3, 3, 28, 0.08); }
}
@-moz-keyframes bounce { 
    from { }
    to { -moz-transform: translateY(-5px); box-shadow: 0px 1px 2px rgba(3, 3, 28, 0.2), 0px 2px 3px rgba(3, 3, 28, 0.24), 0px 4px 5px rgba(3, 3, 28, 0.18), 0px 8px 10px rgba(3, 3, 28, 0.12), 0px 14px 16px rgba(3, 3, 28, 0.08); }
}
@-ms-keyframes bounce { 
    from { }
    to { -ms-transform: translateY(-5px); box-shadow: 0px 1px 2px rgba(3, 3, 28, 0.2), 0px 2px 3px rgba(3, 3, 28, 0.24), 0px 4px 5px rgba(3, 3, 28, 0.18), 0px 8px 10px rgba(3, 3, 28, 0.12), 0px 14px 16px rgba(3, 3, 28, 0.08); }
}
@-o-keyframes bounce { 
    from { }
    to { -o-transform: translateY(-5px); box-shadow: 0px 1px 2px rgba(3, 3, 28, 0.2), 0px 2px 3px rgba(3, 3, 28, 0.24), 0px 4px 5px rgba(3, 3, 28, 0.18), 0px 8px 10px rgba(3, 3, 28, 0.12), 0px 14px 16px rgba(3, 3, 28, 0.08); }
}
@keyframes bounce { 
    from { }
    to { transform: translateY(-5px); box-shadow: 0px 1px 2px rgba(3, 3, 28, 0.2), 0px 2px 3px rgba(3, 3, 28, 0.24), 0px 4px 5px rgba(3, 3, 28, 0.18), 0px 8px 10px rgba(3, 3, 28, 0.12), 0px 14px 16px rgba(3, 3, 28, 0.08); }
}
.box-title {
    font-size: 18px;
    letter-spacing: -0.04em;
    line-height: 20px;
    margin: 0;
    position: absolute;
    left: 0;
}
.box-front .box-title {
    background: rgba(54, 129, 255, 0.9);
    border-radius: 0 20px 0 4px;
    color: #fff;
    padding: 17px 20px 17px;
    bottom: 0;
}
.box-back .box-title {
    background: #fff;
    border-radius: 0 0 20px 0;
    color: #636E89;
    padding: 25px;
    top: 0;
    z-index: 2;
}
.box-content {
    width: 100%;
    font-size: 13px;
    line-height: 135%;
    letter-spacing: -0.02em;
    color: rgba(28, 51, 88, .6);
}
.box-front .box-content {
    height: 70px;
    bottom: 0;
    overflow: hidden;
    position: relative;
}
.box-front .box-content:after {
    background: -moz-linear-gradient(top, rgba(251,251,251,0) 0%, rgba(251,251,251,1) 100%);
    background: -webkit-linear-gradient(top, rgba(251,251,251,0) 0%,rgba(251,251,251,1) 100%);
    background: linear-gradient(to bottom, rgba(251,251,251,0) 0%,rgba(251,251,251,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fbfbfb', endColorstr='#fbfbfb',GradientType=0 );
    display: block;
    content: '';
    width: 100%;
    height: 25px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.box-back .box-content {
    position: absolute;
    height: auto;
    top: 40px;
    right: 5px;
    bottom: 53px;
    overflow: auto;
    padding: 45px 15px 10px 20px;
    font-size: 14px;
    line-height: 135%;
    letter-spacing: -0.02em;
    color: #535C6A;
}
.box-back .box-content:before,
.box-back .box-content:after {
    display: block;
    content: '';
    height: 45px;
    position: fixed;
    right: 15px;
    left: 0;
}
.box-back .box-content:before {
    background: -moz-linear-gradient(top, rgba(207,213,223,1) 0%, rgba(207,213,223,0) 100%);
    background: -webkit-linear-gradient(top, rgba(207,213,223,1) 0%,rgba(207,213,223,0) 100%);
    background: linear-gradient(to bottom, rgba(207,213,223,1) 0%,rgba(207,213,223,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfd5df', endColorstr='#00cfd5df',GradientType=0 );
    top: 40px;
}
.box-back .box-content:after {
    background: -moz-linear-gradient(top, rgba(207,213,223,0) 0%, rgba(207,213,223,1) 100%);
    background: -webkit-linear-gradient(top, rgba(207,213,223,0) 0%,rgba(207,213,223,1) 100%);
    background: linear-gradient(to bottom, rgba(207,213,223,0) 0%,rgba(207,213,223,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cfd5df', endColorstr='#cfd5df',GradientType=0 );
    height: 30px;
    bottom: 48px;
}
.box-info {
    border-radius: 20px 0 4px 0;
    display: block;
    width: 48px;
    height: 48px;
    text-indent: -999px;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
}
.box-front .box-info {
    background: #C9CFD9 url("data:image/svg+xml,%3Csvg width='12' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.7' d='M5.788 1.497a2.801 2.801 0 110 5.604 2.801 2.801 0 110-5.604zm1.915 9.764c.402 0 .726.323.726.726v6.865h.825a.826.826 0 010 1.65H2.322a.826.826 0 010-1.65h.826v-5.941h-.826a.826.826 0 010-1.65h5.38zM5.788 0c-2.37 0-4.3 1.929-4.3 4.3 0 2.37 1.93 4.299 4.3 4.299s4.3-1.93 4.3-4.3S8.158 0 5.788 0zm1.915 9.763h-5.38A2.325 2.325 0 000 12.086c0 1.047.696 1.934 1.65 2.223v3.146A2.326 2.326 0 000 19.677 2.325 2.325 0 002.322 22h6.932a2.325 2.325 0 002.322-2.322 2.326 2.326 0 00-1.65-2.224v-5.467a2.226 2.226 0 00-2.223-2.224z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
}
.box-front .box-info:hover {
    background: #80ABF8 url("data:image/svg+xml,%3Csvg width='12' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.788 1.497a2.801 2.801 0 110 5.604 2.801 2.801 0 110-5.604zm1.915 9.764c.402 0 .726.323.726.726v6.865h.825a.826.826 0 010 1.65H2.322a.826.826 0 010-1.65h.826v-5.941h-.826a.826.826 0 010-1.65h5.38zM5.788 0c-2.37 0-4.3 1.929-4.3 4.3 0 2.37 1.93 4.299 4.3 4.299s4.3-1.93 4.3-4.3S8.158 0 5.788 0zm1.915 9.763h-5.38A2.325 2.325 0 000 12.086c0 1.047.696 1.934 1.65 2.223v3.146A2.326 2.326 0 000 19.677 2.325 2.325 0 002.322 22h6.932a2.325 2.325 0 002.322-2.322 2.326 2.326 0 00-1.65-2.224v-5.467a2.226 2.226 0 00-2.223-2.224z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
}
.box-back .box-info {
    background: #fff url("data:image/svg+xml,%3Csvg width='24' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.4' d='M18 10.116c-.558.14-1.047-.209-1.186-.697-.14-.559.21-1.047.698-1.186 3.07-.768 4.465-1.954 4.465-2.791 0-1.395-3.907-3.419-9.977-3.419S1.953 4.047 1.953 5.442c0 1.256 3.14 3 8.163 3.349L9 7.605c-.349-.419-.349-1.047 0-1.396.21-.209.419-.279.698-.279.279 0 .488.07.697.28l2.86 2.93a1 1 0 01.28.697c0 .28-.14.558-.349.698l-2.86 2.511c-.419.35-1.047.28-1.396-.07-.349-.418-.279-1.046.07-1.395l.977-.837C4.814 10.395 0 8.512 0 5.442 0 1.884 6.14 0 12 0s12 1.884 12 5.442c-.07 2.023-2.233 3.767-6 4.674z' fill='%231C3358'/%3E%3C/svg%3E") no-repeat 12px 20px;
}
.box-back .box-info:hover {
    background: #80ABF8 url("data:image/svg+xml,%3Csvg width='24' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.8' d='M18 10.116c-.558.14-1.047-.209-1.186-.697-.14-.559.21-1.047.698-1.186 3.07-.768 4.465-1.954 4.465-2.791 0-1.395-3.907-3.419-9.977-3.419S1.953 4.047 1.953 5.442c0 1.256 3.14 3 8.163 3.349L9 7.605c-.349-.419-.349-1.047 0-1.396.21-.209.419-.279.698-.279.279 0 .488.07.697.28l2.86 2.93a1 1 0 01.28.697c0 .28-.14.558-.349.698l-2.86 2.511c-.419.35-1.047.28-1.396-.07-.349-.418-.279-1.046.07-1.395l.977-.837C4.814 10.395 0 8.512 0 5.442 0 1.884 6.14 0 12 0s12 1.884 12 5.442c-.07 2.023-2.233 3.767-6 4.674z' fill='%231C3358'/%3E%3C/svg%3E") no-repeat 12px 20px;
}
/* scrollbar */
.box-content::-webkit-scrollbar {
    background-color: transparent;
    width: 8px;
}
.box-content::-webkit-scrollbar-track {
    background: rgba(154, 164, 180, .4);
    border-radius: 4px;
}
.box-content::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.6);
    border-radius: 4px;
}
.box-content::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,1);
}
.course-age {
    background: #E1F3DF url("data:image/svg+xml,%0A%3Csvg width='23' height='27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.083 15.167c3.667 0 6.75-3 6.75-6.75V7A6.33 6.33 0 0011.5.667h-.833C7.25.667 4.417 3.5 4.417 7v1.5c0 3.667 3 6.667 6.666 6.667zM6.75 7a3.912 3.912 0 013.917-3.917h.833A3.912 3.912 0 0115.417 7v1.5a4.304 4.304 0 01-4.334 4.333A4.304 4.304 0 016.75 8.5V7zm15.417 18.25c-.667-4.583-4.584-8.083-9.334-8.083h-3.25c-4.75 0-8.75 3.5-9.416 8.083-.084.75.416 1.417 1.166 1.417.584 0 1.084-.417 1.167-1 .5-3.417 3.5-6.084 7-6.084h3.25c3.583 0 6.5 2.667 7 6.084.083.583.583 1 1.167 1 .833 0 1.333-.667 1.25-1.417z' opacity='.5' fill='%2333772F'/%3E%3C/svg%3E") no-repeat 10px center;
    background-size: 12px;
    border-radius: 8px 8px 0px 8px;
    font-size: 11px;
    letter-spacing: -0.02em;
    line-height: 14px;
    color: #579353;
    padding: 8px 10px 8px 30px;
    position: absolute;
    right: 56px;
    bottom: 8px;
}

.bt {
    border: 0;
    border-radius: 8px;
    display: inline-flex;
    height: 40px;
    align-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.5;
    padding: 0 15px;
    position: relative;
	cursor:pointer;
}
.bt:active {
    top: 1px;
}
.bt.disabled,
.bt:disabled {
    filter: grayscale(1);
    opacity: .8;
    pointer-events:none;
    cursor: default;
}
.bt-orange {
    background-color: #FF6D00;
    box-shadow: 0px 6px 8px rgba(255, 109, 0, 0.08), 0px 3px 4px rgba(255, 109, 0, 0.15), 0px 1px 1px rgba(255, 109, 0, 0.4), inset 0px -2px 0px rgba(0, 0, 0, 0.25);
    color: rgba(0,0,0,.7);
}
.bt-orange:hover {
    background-color: #FFA35E;
    box-shadow: 0px 6px 8px rgba(255, 109, 0, 0.08), 0px 3px 4px rgba(255, 109, 0, 0.15), 0px 1px 1px rgba(255, 109, 0, 0.4), inset 0px -2px 0px rgba(0, 0, 0, 0.25);
    color: rgba(0,0,0,.7);
}
.bt-orange:active {
    background-color: #FF6D00;
    box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.25);
    color: rgba(0,0,0,.7);
}
.bt-green {
    background-color: #2EDF5F;
    box-shadow: 0px 6px 8px rgba(0, 134, 52, 0.08), 0px 3px 4px rgba(0, 134, 52, 0.15), 0px 1px 1px rgba(0, 134, 52, 0.4), inset 0px -2px 0px rgba(0, 0, 0, 0.25);
    color: rgba(0,0,0,.7);
}
.bt-green:hover {
    background-color: #63FF8F;
    box-shadow: 0px 6px 8px rgba(0, 134, 52, 0.08), 0px 3px 4px rgba(0, 134, 52, 0.15), 0px 1px 1px rgba(0, 134, 52, 0.4), inset 0px -2px 0px rgba(0, 0, 0, 0.25);
    color: rgba(0,0,0,.7);
}
.bt-green:active {
    background-color: #2EDF5F;
    box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.25);
    color: rgba(0,0,0,.7);
}

.bt-save {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 2a1 1 0 00-1 1v14a1 1 0 001 1h1v-7a1 1 0 011-1h10a1 1 0 011 1v7h1a1 1 0 001-1V6.414L13.586 2H6v3h7a1 1 0 110 2H5a1 1 0 01-1-1V2H3zm2-2H3a3 3 0 00-3 3v14a3 3 0 003 3h14a3 3 0 003-3V6a1 1 0 00-.293-.707l-5-5A1 1 0 0014 0H5zm1 12v6h8v-6H6z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 40px;
}
.bt-edit {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.4 7.34L16.66 4.6A2 2 0 0014 4.53l-9 9a2 2 0 00-.57 1.21L4 18.91A1 1 0 005 20h.09l4.17-.38a2 2 0 001.21-.57l9-9a1.92 1.92 0 00-.07-2.71zM9.08 17.62l-3 .28.27-3L12 9.32l2.7 2.7-5.62 5.6zM16 10.68L13.32 8l1.95-2L18 8.73l-2 1.95z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 40px;
}
.bt-entrar {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 2h-9c-1.1 0-2 .9-2 2v1a1 1 0 002 0V4h9v16h-9v-1a1 1 0 10-2 0v1c0 1.1.9 2 2 2h9c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-5.795 14.295a.996.996 0 01-1.702-.705c0-.265.104-.519.291-.706L13.67 13H5a1 1 0 010-2h8.67l-1.876-1.884a.999.999 0 011.411-1.411l3.588 3.588a1 1 0 010 1.414l-3.588 3.588z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 8px center;
    padding-left: 40px;
}
/* lesson */
.lesson .container {
    width: 100%;
    max-width: 100%;
}
.lesson .main .container {
    padding-top: 20px;
    text-align: left;
}
.lesson-lab { padding-top: 60px; }
.lesson-lab .header { min-height: 0 ;}
.lesson-lab .header .mmcode-logo {margin: 7px 0 0; }
.lesson-lab .header-tab { min-height: 0; padding-top: 10px;}
.lesson-lab .header-menus { padding: 0;}
.header-tab {
    background: linear-gradient(180deg, #F4F4FA 0%, #D4D4E0 100%), linear-gradient(180deg, #E6E6ED 0%, #FFFFFF 100%);
    border-radius: 20px 20px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 80px;
    min-width: 600px;
    margin: 10px auto 0 auto;
    box-shadow: inset 0px 2px 3px rgba(12, 3, 32, 0.07), inset 0px 1px 1px rgba(12, 3, 32, 0.2);
    padding: 0 10px;
    position: absolute;
    bottom: 0;
    left: 45%;
    transform: translateX(-50%);
}
.lesson-progress {
    display: flex;
    align-items: center;
    padding: 10px 0;
    position: relative;
    z-index: 10;
}
.lesson-step {
    border: 2px solid #ACACC0;
    border-radius: 50%;
    display: block;
    width: 16px;
    height: 16px;
    margin: 2px 14px 2px 0;
    position: relative;
}

.lesson-step.optional {
  border-style: dashed;
}

.lesson-step:before {
    background-color: rgba(161, 166, 185, .2);
    display: block;
    content: '';
    width: 16px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 100%;
    margin: -1px 0 0 1px;
    z-index: -1;
}
.lesson-progress .lesson-step:last-child {
    margin-right: 0;
}
.lesson-progress .lesson-step:last-child:before {
    display: none;
}
.lesson-step-tag {
    background: url('../img/lesson-step-tag.svg') no-repeat 0 0;
    box-shadow: 0 1px 1px rgba(3, 11, 28, 0.3), 0 2px 3px rgba(3, 11, 28, 0.15), 0 5px 5px rgba(3, 11, 28, 0.12), 0 10px 10px rgba(3, 11, 28, 0.08), 0 16px 16px rgba(3, 11, 28, 0.05);
    border-radius: 15px;
    display: block;
    width: 30px;
    height: 54px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 20px;
    text-align: center;
    color: #1C3358;
    padding-top: 28px;
    position: absolute;
    left: -9px;
    top: -9px;
    visibility: hidden;
    opacity: 0;
    z-index: 5;
    transform: scale(1.15);
}
.lesson-step-tag:before {
    border-radius: 50%;
    box-shadow: inset 0px 1px 0px rgba(21, 4, 38, 0.25);
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    top: 3px;
    left: 3px;
}
.lesson-step.active .lesson-step-tag,
.lesson-step:hover .lesson-step-tag {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}
.lesson-step:hover .lesson-step-tag {
    z-index: 10;
}
.lesson-step.active {
    border-color: #13CB55;
}
.lesson-completed,
.lesson-completed-best {
    background: #13CB55 url("data:image/svg+xml,%3Csvg width='9' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.59 7L0 4.083l1.331-1.645 2.02 1.63L6.894 0l1.6 1.391L3.59 7z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 2px 3px;
    border-color: #13CB55 !important;
}
.lesson-completed-best {
    background-color: #009234;
    border-color: #009234 !important;
}

.lesson-step-done {
    background: #ACACC0  url("data:image/svg+xml,%3Csvg width='9' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.59 7L0 4.083l1.331-1.645 2.02 1.63L6.894 0l1.6 1.391L3.59 7z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 2px 3px;
}
.lesson-step-done.selected {
    border-color: transparent !important;
}

.lesson-error {
    border-color: #FF5C00 !important;
}
.lesson-error:after {
    background-color: #FF5C00;
    border-radius: 0 0 7px 7px;
    display: block;
    content: '';
    width: 14px;
    height: 7px;
    position: absolute;
    top: 6px;
    left: -1px;
}

/* Ícone especial para jogo final - destaque dourado */
.lesson-step-game {
    border: 3px solid #FFD700 !important;
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    animation: pulse-gold 2s infinite;
}

.lesson-step-game .lesson-step-tag {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.lesson-step-game:hover {
    transform: scale(1.15);
    box-shadow: 0 0 25px rgba(255, 215, 0, 0.8);
}

@keyframes pulse-gold {
    0%, 100% { 
        box-shadow: 0 0 10px rgba(255, 215, 0, 0.5); 
    }
    50% { 
        box-shadow: 0 0 20px rgba(255, 215, 0, 0.9); 
    }
}

/* Estilos para dicas pedagógicas do instrutor */
.instructor-only {
    background: #FFF9E6;
    border-left: 4px solid #FFD700;
    padding: 15px;
    margin: 10px 0;
    border-radius: 5px;
}

.lesson-half-completed {
    border-color: #13CB55 !important;
}
.lesson-half-completed:after,
.lesson-half-nonverified:after {
    background-color: #13CB55;
    border-radius: 0 0 7px 7px;
    display: block;
    content: '';
    width: 14px;
    height: 7px;
    position: absolute;
    top: 6px;
    left: -1px;
}
.lesson-nonverified,
.lesson-half-nonverified {
    border-color: #ACACC0 !important;
}
.lesson-nonverified:not(.optional),
.lesson-half-nonverified:not(.optional):after {
background-color: #ACACC0 !important;
}

.lesson-nonverified.optional {
  border-style: dashed;
}

.bt-lesson-finished {
    background: #2EDF5F url("data:image/svg+xml,%3Csvg width='9' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.59 7L0 4.083l1.331-1.645 2.02 1.63L6.894 0l1.6 1.391L3.59 7z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 10px 7px;
    background-size: 11px;
    border-radius: 12px;
    display: inline-block;
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.5;
    color: rgba(0,0,0,.7);
    padding: 3px 15px 3px 28px;
    margin: -4px 0;
    position: relative;
}
.bt-lesson-finished:hover,
.bt-lesson-finished:focus {
    background-color: #009234;
    color: #fff;
}

.bt-lesson-tobefinished {
    background: #FF5C00;
    border-radius: 12px;
    display: inline-block;
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.5;
    color: rgba(255,255,255,0.9);
    padding: 3px 15px 3px 15px;
    margin: -4px 0;
    position: relative;
}
.bt-lesson-tobefinished:hover,
.bt-lesson-tobefinished:focus {
    background-color: #FF5C00;
    color: #fff;
}

.breadcrumb-tab {
    background: #EBEBF1;
    border-radius: 10px 10px 0 0;
    box-shadow: inset 0 1px 0 #FFFFFF;
    display: flex;
    width: 100%;
    height: 40px;
    position: relative;
    z-index: 5;
}
.lesson-course-container {
    background: #F5F5F8;
    box-shadow: inset 0px 1px 0px #FFFFFF;
    border-radius: 10px 0 0 0;
    height: 40px;
    display: flex;
    align-items: center;
}
.home-link {
    background: #FCFCFD url("data:image/svg+xml,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 18H0V8.815L9.019 0l9.019 8.815V18H18zM1.895 16.148h14.21V9.556L9.02 2.63 1.895 9.556v6.592z' fill='%23636E89'/%3E%3C/svg%3E") no-repeat center;
    box-shadow: inset 0 1px 0 #FFFFFF;
    border-radius: 10px 0 0 0;
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -999px;
    overflow: hidden;
}
.home-link:hover {
    background: #636E89 url("data:image/svg+xml,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 18H0V8.815L9.019 0l9.019 8.815V18H18zM1.895 16.148h14.21V9.556L9.02 2.63 1.895 9.556v6.592z' fill='%23FCFCFD'/%3E%3C/svg%3E") no-repeat center;
    box-shadow: inset 0 1px 0 #636E89;
}
.lesson-course-name {
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 16px;
    letter-spacing: -0.04em;
    line-height: 1.25;
    color: #1C3358;
    padding: 0 25px 0 15px;
    position: relative;
    white-space: nowrap;
}
.lessons-container {
    flex: auto;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.04em;
    color: #1C3358;
    position: relative;
}
.lesson-name {
    display: flex;
    align-items: center;
    height: 40px;
    position: relative;
    padding: 0 50px;
}
.lesson-name:before,
.lessons-list a:before {
    display: block;
    content: '';
    width: 24px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 10px;
	mask-image: url("data:image/svg+xml,%3Csvg width='24' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.941 0H0v33.165c0 2.078 2.523 3.118 4.049 1.674l5.868-5.774a2.938 2.938 0 014.166 0l5.868 5.774c1.467 1.444 4.049.404 4.049-1.674v-23.04L23.941 0z' fill='%235D3FD6'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.941 0H0v33.165c0 2.078 2.523 3.118 4.049 1.674l5.868-5.774a2.938 2.938 0 014.166 0l5.868 5.774c1.467 1.444 4.049.404 4.049-1.674v-23.04L23.941 0z' fill='%235D3FD6'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 24px;
    -webkit-mask-size: 24px;
    mask-position: center top;
    -webkit-mask-position: center top;
}
.color_5D3FD6,.color_5D3FD6:hover { color: #5D3FD6; }.color_5D3FD6:before { background-color: #5D3FD6; }
.color_399FE9,.color_399FE9:hover { color: #399FE9; }.color_399FE9:before { background-color: #399FE9; }
.color_B04DFF,.color_B04DFF:hover { color: #B04DFF; }.color_B04DFF:before { background-color: #B04DFF; }
.color_FF57EE,.color_FF57EE:hover { color: #FF57EE; }.color_FF57EE:before { background-color: #FF57EE; }
.color_DB196A,.color_DB196A:hover { color: #DB196A; }.color_DB196A:before { background-color: #DB196A; }
.color_DB1313,.color_DB1313:hover { color: #DB1313; }.color_DB1313:before { background-color: #DB1313; }
.color_FF6D3F,.color_FF6D3F:hover { color: #FF6D3F; }.color_FF6D3F:before { background-color: #FF6D3F; }
.color_DAAA00,.color_DAAA00:hover { color: #DAAA00; }.color_DAAA00:before { background-color: #DAAA00; }
.color_99BF00,.color_99BF00:hover { color: #99BF00; }.color_99BF00:before { background-color: #99BF00; }
.color_1BBF00,.color_1BBF00:hover { color: #1BBF00; }.color_1BBF00:before { background-color: #1BBF00; }
.color_2C9A86,.color_2C9A86:hover { color: #2C9A86; }.color_2C9A86:before { background-color: #2C9A86; }
.color_00BBC7,.color_00BBC7:hover { color: #00BBC7; }.color_00BBC7:before { background-color: #00BBC7; }
.color_2541D7,.color_2541D7:hover { color: #2541D7; }.color_2541D7:before { background-color: #2541D7; }
.color_B46787,.color_B46787:hover { color: #B46787; }.color_B46787:before { background-color: #B46787; }
.color_8A4B37,.color_8A4B37:hover { color: #8A4B37; }.color_8A4B37:before { background-color: #8A4B37; }
.color_00C2FF,.color_00C2FF:hover { color: #00C2FF; }.color_00C2FF:before { background-color: #00C2FF; }
.color_706681,.color_706681:hover { color: #706681; }.color_706681:before { background-color: #706681; }
.show-classes {
    background: url("data:image/svg+xml,%3Csvg width='16' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.06 9.06a1.5 1.5 0 01-2.12 0l-6-6A1.5 1.5 0 113.06.94L8 5.878l4.94-4.94a1.5 1.5 0 012.12 2.122l-6 6z' fill='%231C3358'/%3E%3C/svg%3E") no-repeat center top 13px;
    border-radius: 6px;
    width: 34px;
    height: 34px;
    text-indent: -999px;
    overflow: hidden;
    position: absolute;
    top: 3px;
    right: 3px;
    opacity: .5;
}
.show-classes:hover {
    background-color: #FBFBFB;
    opacity: 1;
}
.lessons-container.open .show-classes {
    transform: rotateX(180deg);
    transform-style: preserve-3d;
}
.lessons-list {
    background: rgba(235, 235, 241, 0.8);
    border-radius: 0 0 10px 10px;
    box-shadow: 0px 20px 25px -20px rgba(0, 4, 99, 0.1), 0px 50px 60px rgba(0, 4, 99, 0.07);
    display: none;
    width: 100%;
    max-height: 610px;
    position: absolute;
    top: 100%;
    left: 0;
    overflow: hidden;
    list-style: none;
    padding: 10px 0;
    margin: 0;
    overflow: auto;
    backdrop-filter: blur(10px);
}
.lessons-container.open .lessons-list {
    display: block;
}
.lessons-list li {
    position: relative;
}
.lessons-list a {
    display: block;
    padding: 12px 50px 12px 50px;
    position: relative;
}
.lessons-list a:before {
    width: 16px;
    height: 24px;
    top: 8px;
    left: 14px;
    mask-size: 16px;
    -webkit-mask-size: 16px;
}
.lessons-list a:hover {
    background-color: rgba(255,255,255,.5);
    padding-left: 45px;
}
.lessons-list a.active {
    background-color: rgba(255,255,255,.3);
}
.lesson-done:after {
    background: url("data:image/svg+xml,%3Csvg width='9' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.59 7L0 4.083l1.331-1.645 2.02 1.63L6.894 0l1.6 1.391L3.59 7z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center;
    display: block;
    content: '';
    width: 9px;
    height: 7px;
    position: absolute;
    top: 14px;
    left: 18px;
}
.lesson-descripton-trigger {
    background: url("data:image/svg+xml,%3Csvg width='12' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.7' d='M5.788 1.497a2.801 2.801 0 110 5.604 2.801 2.801 0 110-5.604zm1.915 9.764c.402 0 .726.323.726.726v6.865h.825a.826.826 0 010 1.65H2.322a.826.826 0 010-1.65h.826v-5.941h-.826a.826.826 0 010-1.65h5.38zM5.788 0c-2.37 0-4.3 1.929-4.3 4.3 0 2.37 1.93 4.299 4.3 4.299s4.3-1.93 4.3-4.3S8.158 0 5.788 0zm1.915 9.763h-5.38A2.325 2.325 0 000 12.086c0 1.047.696 1.934 1.65 2.223v3.146A2.326 2.326 0 000 19.677 2.325 2.325 0 002.322 22h6.932a2.325 2.325 0 002.322-2.322 2.326 2.326 0 00-1.65-2.224v-5.467a2.226 2.226 0 00-2.223-2.224z' fill='%231C3358'/%3E%3C/svg%3E") no-repeat center;
    border-radius: 6px;
    display: block;
    width: 36px;
    height: 36px;
    font-size: 0;
    position: absolute;
    top: 2px;
    right: 5px;
    cursor: pointer;
    opacity: .6;
}
.lesson-descripton-trigger:hover {
    background-color: #fff;
    opacity: 1;
}
.lessons-list li.open {
    background-color: #fff;
}
.lessons-list li.open .lesson-descripton-trigger {
    opacity: 1;
}
.lesson-description {
    padding: 5px 20px 20px 50px;
}
.lesson-description h5 {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -.02em;
    opacity: .6;
    margin: 0 0 5px;
}
.lesson-description p {
    margin-bottom: 10px;
}
.lesson-description p:last-child {
    margin-bottom: 0;
}
.lesson-tips {
    background-color: #FFED91;
    color: #665D3C;
    padding-top: 20px;
}
.program-header-container {
    display: flex;
    align-items: center;
    flex: auto;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.04em;
    color: #1C3358;
    position: relative;
}
.program-header-container .bt {
    height: 30px;
}
.program-header-container .bt-save {
    background-size: 15px;
    background-position: 10px 7px;
    border-radius: 6px;
    padding: 0 10px 0 35px;
    margin: 0 5px;
}
.bt-folder {
    background: #FCFCFC url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.707 14.134h-2.963v-3.117a.877.877 0 00-.878-.878h-8.643L13.004 7.06a.224.224 0 00-.15-.06H5.877A.877.877 0 005 7.878v16.244c0 .486.392.878.878.878h19.153a.88.88 0 00.814-.549l3.677-9.11a.877.877 0 00-.815-1.207zM6.976 8.976h5.172l3.282 3.139h8.338v2.02H9.774a.88.88 0 00-.815.548L6.976 19.6V8.976zm17.432 14.048H7.607L10.44 16h16.804l-2.837 7.024z' fill='%23636E89'/%3E%3C/svg%3E") no-repeat 10px center;
    box-shadow: inset 0 1px 0 #FFFFFF;
    border-radius: 0 10px 0 0;
    display: block;
    width: 75px;
    height: 100%;
    text-indent: -999px;
    overflow: hidden;
    position: relative;
}
.bt-folder:after {
    background: url("data:image/svg+xml,%3Csvg width='16' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.06 9.06a1.5 1.5 0 01-2.12 0l-6-6A1.5 1.5 0 113.06.94L8 5.878l4.94-4.94a1.5 1.5 0 012.12 2.122l-6 6z' fill='%231C3358'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
    display: block;
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    top: 13px;
    right: 12px;
    opacity: .5;
}
.bt-folder:hover:after {
    opacity: 1;
}
.bt-folder.rotate:after {
    transform: rotateX(180deg);
    transform-style: preserve-3d;
}
.program-name-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 320px;
    height: 40px;
    position: relative;
}
.program-name {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 15px;
}
.program-name-info {
    background: rgba(235, 235, 241, 0.8);
    box-shadow: inset 0 1px 0 rgba(0, 19, 96, 0.15), 0 20px 25px -20px rgba(0, 4, 99, 0.1), 0 50px 60px rgba(0, 4, 99, 0.07);
    border-radius: 0 0 10px 10px;
    display: none;
    width: 100%;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.4;
    color: rgba(28, 51, 88, .8);
    padding: 15px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    backdrop-filter: blur(10px);
}
.program-name-info h3 {
    display: block;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.04em;
    color: #1C3358;
    margin: 0 0 3px;
}
.program-author {
    display: block;
    font-weight: 400;
    line-height: 15px;
    color: #1c3358;
}
.program-summary {
    display: block;
    font-size: 12px;
    line-height: 1.125;
    color: rgba(28, 51, 88, .5);
    margin: 15px 0 0;
}
.program-name-info p {
    margin-bottom: 10px;
}
.program-name-container:hover .program-name-info {
    display: block;
}
.files-container {
    background: rgba(235, 235, 241, 0.8);
    border-radius: 0 0 10px 10px;
    box-shadow: 0 20px 25px -20px rgba(0, 4, 99, 0.1), 0 50px 60px rgba(0, 4, 99, 0.07);
    display: none;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    backdrop-filter: blur(10px);
}
.files-container.open {
    display: block;
}
.file-form {
    background-color: #FCFCFC;
    display: flex;
    padding: 20px;
}
.file-field {
    background: #FFFFFF;
    background-clip: padding-box;
    border: 1px solid rgba(178, 185, 208, 0.5);
    box-sizing: border-box;
    box-shadow: inset 0 1px 0px rgba(94, 105, 135, 0.5), inset 0 2px 2px rgba(94, 105, 135, 0.2);
    border-radius: 6px;
    display: block;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 18px;
    color: #394963;
    padding: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.file-field:focus {
    outline: none;
}
.file-save {
    background: transparent url("data:image/svg+xml,%0A%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 2a1 1 0 00-1 1v14a1 1 0 001 1h1v-7a1 1 0 011-1h10a1 1 0 011 1v7h1a1 1 0 001-1V6.414L13.586 2H6v3h7a1 1 0 110 2H5a1 1 0 01-1-1V2H3zm2-2H3a3 3 0 00-3 3v14a3 3 0 003 3h14a3 3 0 003-3V6a1 1 0 00-.293-.707l-5-5A1 1 0 0014 0H5zm1 12v6h8v-6H6z' fill='%23636E89'/%3E%3C/svg%3E") no-repeat center;
    border: none;
    border-radius: 6px;
    display: flex;
    flex: 1 0 auto;
    width: 40px;
    height: 40px;
    text-indent: -999px;
    overflow: hidden;
    margin: 0 0 0 20px;
}
.file-save:hover,
.file-save:focus {
    background: #636E89 url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 2a1 1 0 00-1 1v14a1 1 0 001 1h1v-7a1 1 0 011-1h10a1 1 0 011 1v7h1a1 1 0 001-1V6.414L13.586 2H6v3h7a1 1 0 110 2H5a1 1 0 01-1-1V2H3zm2-2H3a3 3 0 00-3 3v14a3 3 0 003 3h14a3 3 0 003-3V6a1 1 0 00-.293-.707l-5-5A1 1 0 0014 0H5zm1 12v6h8v-6H6z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
}
.files-list {
    display: block;
    max-height: 300px;
    overflow: auto;
    margin: 0 0 10px;
}
.file-item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    line-height: 1.25;
    letter-spacing: -0.02em;
    padding: 9px 10px 9px 20px;
}
.file-item:hover,
.file-item.active {
    background-color: rgba(201, 207, 217, .8);
}
.file-item.active .file-name {
    font-weight: 600;
}
.file-name {
    display: block;
    font-size: 14px;
    color: #1C3358;
    margin: 0 0 2px;
}
.file-name:hover {
    color: #2B7CFF;
}
.file-date {
    display: block;
    font-size: 11px;
    color: rgba(28, 51, 88, .5);
}
.file-item-action {
    display: flex;
}
.file-item-action a {
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px;
    display: block;
    width: 32px;
    height: 32px;
    text-indent: -999px;
    overflow: hidden;
    opacity: .75;
}
.file-form a {
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px;
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -999px;
    overflow: hidden;
    opacity: .75;
	cursor:pointer;
}
.item-deletar { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M17 5V4a2 2 0 00-2-2H9a2 2 0 00-2 2v1H4a1 1 0 000 2h1v11a3 3 0 003 3h8a3 3 0 003-3V7h1a1 1 0 100-2h-3zm-2-1H9v1h6V4zm2 3H7v11a1 1 0 001 1h8a1 1 0 001-1V7z' fill='%23636E89'/%3E%3Cpath d='M9 9h2v8H9V9zM13 9h2v8h-2V9z' fill='%23636E89'/%3E%3C/svg%3E");	cursor:pointer; }
.item-editar { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.4 7.34L16.66 4.6A2 2 0 0014 4.53l-9 9a2 2 0 00-.57 1.21L4 18.91A1 1 0 005 20h.09l4.17-.38a2 2 0 001.21-.57l9-9a1.92 1.92 0 00-.07-2.71zM9.08 17.62l-3 .28.27-3L12 9.32l2.7 2.7-5.62 5.6zM16 10.68L13.32 8l1.95-2L18 8.73l-2 1.95z' fill='%23636E89'/%3E%3C/svg%3E"); }
.file-item-action a:hover {
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    transform: translateY(-1px);
    opacity: 1;
	cursor:pointer;
}

.split-panel {
    display: flex;
    flex-direction: row; 
}
#stage-column,
#code-column {
    display: flex;
    flex-direction: column;
}
.gutter {
    background-color: transparent;
    border: 1px solid #EDF0F5;
    border-radius: 5px;
}
.gutter.gutter-horizontal {
    background: transparent url("data:image/svg+xml,%3Csvg width='4' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.7' d='M4 2a2 2 0 11-4 0 2 2 0 014 0zm0 5.6a2 2 0 11-4 0 2 2 0 014 0zm-2 7.6a2 2 0 100-4 2 2 0 000 4z' fill='%231C3358'/%3E%3C/svg%3E") no-repeat center;
    cursor: col-resize;
}
.gutter:hover {
    background-color: rgba(48, 67, 106, .1);
}
.stage-container {
    background: #FBFBFB;
    box-shadow: 0px 20px 25px -20px rgba(0, 4, 99, 0.1), 0px 50px 60px rgba(0, 4, 99, 0.07);
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    padding: 10px;
    position: relative;
}
.stage {
    background-color: #2EB654;
    border-radius: 4px;
    display: block;
    width: 100%;
    height: ;
    padding: 100% 0 0;
    overflow: hidden;
    position: relative;
}
.code-container {
    background: #FEFEFE;
    box-shadow: 0px 20px 25px -20px rgba(0, 4, 99, 0.1), 0px 50px 60px rgba(0, 4, 99, 0.07);
    border-radius: 10px;
    width: 100%;
    height: 100%;
    position: relative;
}
.code-container-actions {
    background-color: rgba(99, 110, 137, .1);
    border-radius: 0 10px 0 10px;
    display: flex;
    align-items: center;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    padding: 0 5px;
}
.code-undo, .code-redo {
    border-radius: 4px;
    display: block;
    width: 32px;
    height: 32px;
    text-indent: -999px;
    overflow: hidden;
    margin: 0;
    opacity: .8;
}
.code-undo {
    background: url(../img/ico-undo.svg) no-repeat center;
}
.code-redo {
    background: url(../img/ico-redo.svg) no-repeat center;
}
.code-undo:hover, .code-redo:hover {
    background-color: rgba(99, 110, 137, .2);
    opacity: 1;
}
.code-container-actions .bt-fullscreen {
    background-color: transparent;
    border-radius: 4px;
    width: 32px;
    height: 32px;
    position: relative;
    top: auto;
    right: auto;
    z-index: auto;
}
.code-container-actions .bt-fullscreen:hover {
    background-color: rgba(99, 110, 137, .2);
}
.code-lines {
    background: rgba(225, 225, 233, 0.3);
    border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
    height: 32px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.04em;
    color: #636E89;
    padding: 0 12px 0 45px;
    margin-right: 5px;
	position: absolute;
	top: 4px;
	right: 100%;
    overflow: hidden;
}
.code-lines:before {
    background: rgba(225, 225, 233, 0.3) url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 7l3-3m0 0l3 3m-3-3v16' stroke='%23636E89' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 20c0 .5523.4477 1 1 1s1-.4477 1-1h-2zm7-11h1c0-.5523-.4477-1-1-1v1zm-4-1c-.5523 0-1 .4477-1 1s.4477 1 1 1V8zm3 5c0 .5523.4477 1 1 1s1-.4477 1-1h-2zm-4 7v-2.9289h-2V20h2zm1.1716-5.7574l4.5355-4.5355-1.4142-1.4142-4.5355 4.5355 1.4142 1.4142zM18 10h4V8h-4v2zm3-1v4h2V9h-2zm-4 8.0711a4 4 0 011.1716-2.8285l-1.4142-1.4142A5.9998 5.9998 0 0015 17.0711h2z' fill='%23636E89'/%3E%3Cpath d='M8 20v-2.9289a5.0001 5.0001 0 00-1.4645-3.5356L2 9m0 0h4M2 9v4' stroke='%23636E89' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
    display: block;
    content: '';
    width: 35px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.stage-actions {
    width: 100%;
    float: left;
}
.stage-simulation {
    float: left;
    padding: 10px 0 0;
}
.simulation-item {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    cursor: pointer;
}
.simulation-item img {
    display: block;
    float: left;
}
.simulation-tag {
    background-color: rgba(99, 110, 137, 0.15);
    border-radius: 10px 10px 10px 2px;
    display: block;
    float: left;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 18px;
    color: #636E89;
    padding: 2px 8px;
    margin: 5px 0;
}
.tag-sol-nascente {
    background-color: rgba(243, 190, 0, 0.4);
    color: #6A5301;
}
.tag-sol-poente {
    background-color: rgba(178, 152, 235, 0.4);
    color: #755FA4;
}
.code-buttons {
    background: rgba(201, 207, 217,.2);
    border-radius: 10px 0px;
    display: flex;
    flex-grow: 0;
    float: right;
    align-items: center;
    height: 60px;
    padding: 0 10px;
    margin: 10px -10px -10px 0;
}
.code-reload,
.code-stop,
.code-play,
.code-speed {
    display: block;
    text-indent: -999px;
    overflow: hidden;
    margin: 0 10px;
	cursor:pointer;
}
.code-reload {
    background: url(../img/ico-reload.svg) no-repeat center;
    filter: drop-shadow(0 1px 1px rgba(193, 70, 0, 0.55)) drop-shadow(0 3px 3px rgba(193, 70, 0, 0.25)) drop-shadow(0 6px 9px rgba(193, 70, 0, 0.2));
    width: 24px;
    height: 30px;
}
.code-stop {
    background: url(../img/ico-stop.svg) no-repeat center;
    filter: drop-shadow(0 1px 1px rgba(193, 30, 30, 0.55)) drop-shadow(0 3px 3px rgba(193, 30, 30, 0.25)) drop-shadow(0 6px 9px rgba(193, 30, 30, 0.2));
    width: 25px;
    height: 26px;
}
.code-play {
    background: url(../img/ico-play.svg) no-repeat center;
    filter: drop-shadow(0 1px 1px rgba(3, 161, 0, 0.55)) drop-shadow(0 3px 3px rgba(3, 161, 0, 0.25)) drop-shadow(0 6px 9px rgba(3, 162, 0, 0.2));
    width: 20px;
    height: 30px;
}
.code-speed {
    background: url(../img/ico-velocidade.svg) no-repeat center;
    width: 24px;
    height: 24px;
}
.code-remove {
    background: #FFD3D3;
    background-size: 32px;
    border-radius: 10px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin: 0 10px 0 -10px;
    position: relative;
}
.lixeira {
    overflow: visible;
}
/*
.lixeira #tampa {
    transform-origin: 0 0;
    transform: translateX(-2px) rotate(-15deg);
}
*/

.stage-itens-coletados {
    background-color: #F6F6F6;
    box-shadow: inset 0 1px 0 1px rgba(255,255,255,.9), 0px 1px 1px rgba(3, 11, 28, 0.25), 0px 2px 3px rgba(3, 11, 28, 0.05);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50px;
    padding: 5px 0;
    position: absolute;
    top: 40%;
    left: 100%;
    transform: translate(-50%, -50%);
    backdrop-filter: blur(3px);
    z-index: 100;
}

.bt-fullscreen {
    background: #FBFBFB url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4a1 1 0 011-1h4a1 1 0 010 2H6.414l3.293 3.293a1 1 0 01-1.414 1.414L5 6.414V8a1 1 0 01-2 0V4zm13-1h4a1 1 0 011 1v4a1 1 0 11-2 0V6.414l-3.293 3.293a1 1 0 01-1.414-1.414L17.586 5H16a1 1 0 110-2zM9.707 14.293a1 1 0 010 1.414L6.414 19H8a1 1 0 110 2H4a1 1 0 01-1-1v-4a1 1 0 112 0v1.586l3.293-3.293a1 1 0 011.414 0zm4.586 0a1 1 0 011.414 0L19 17.586V16a1 1 0 112 0v4a1 1 0 01-1 1h-4a1 1 0 110-2h1.586l-3.293-3.293a1 1 0 010-1.414z' fill='%23636E89'/%3E%3C/svg%3E") no-repeat center;
    border-radius: 0 0 0 10px;
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    opacity: .8;
    z-index: 100;
}
.bt-fullscreen.minimizar {
    background: #FBFBFB url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.707 3.293a1 1 0 00-1.414 1.414L6.586 8H5a1 1 0 000 2h4a1 1 0 001-1V5a1 1 0 00-2 0v1.586L4.707 3.293zM8 17.414l-3.293 3.293a1 1 0 01-1.414-1.414L6.586 16H5a1 1 0 110-2h4a1 1 0 011 1v4a1 1 0 11-2 0v-1.586zM20.707 3.293a1 1 0 010 1.414L17.414 8H19a1 1 0 110 2h-4a1 1 0 01-1-1V5a1 1 0 112 0v1.586l3.293-3.293a1 1 0 011.414 0zM17.414 16l3.293 3.293a1 1 0 01-1.414 1.414L16 17.414V19a1 1 0 11-2 0v-4a1 1 0 011-1h4a1 1 0 110 2h-1.586z' fill='%23636E89'/%3E%3C/svg%3E") no-repeat center;
}
.bt-fullscreen:hover {
    opacity: 1;
}
.fullScreenStage,
.fullScreenCode {
    border-radius: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
}
.fullScreenStage {
    background-color: rgba(128, 142, 166,.7);
    width: 100% !important;
    backdrop-filter: blur(5px);
}
.fullScreenStage .stage-container {
    margin: 0 auto;
}
.fullScreenStage .stage-chat {
    display: block;
}

body.hidden {
    overflow: hidden;
}
.instructions-title {
    background: rgba(255,255,255,.8);
    box-shadow: 0px 20px 25px -20px rgba(0, 4, 99, 0.1), 0px 50px 60px rgba(0, 4, 99, 0.07);
    border-radius: 10px;
    font-size: 16px;
    letter-spacing: -0.04em;
    line-height: 1.25;
    color: #1C3358;
    padding: 15px 10px 15px 65px;
    margin: 0 0 20px;
    position: relative;
    overflow: hidden;
}
.instructions-title:before {
    background: #C9CFD9 url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.781 13.875l-2-2.5a1 1 0 00-.78-.375h-6V9h6c1.102 0 2-.897 2-2V4c0-1.103-.898-2-2-2H5a1 1 0 00-.782.375l-2 2.5a1.001 1.001 0 000 1.25l2 2.5A1 1 0 005 9h6v2H5c-1.103 0-2 .897-2 2v3c0 1.103.897 2 2 2h6v4h2v-4h6a1 1 0 00.781-.375l2-2.5a1.001 1.001 0 000-1.25zM4.281 5.5l1.2-1.5H19l.001 3H5.48L4.281 5.5zM18.521 16H5v-3h13.52l1.2 1.5-1.2 1.5z' fill='%23636E89'/%3E%3C/svg%3E") no-repeat center;
    display: block;
    content: '';
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.see-instructions {
    border-radius: 6px;
    border: 2px solid rgba(99, 110, 137,.5);
    display: block;
    float: right;
    font-size: 13px;
    letter-spacing: normal;
    color: rgba(28,51,88,.8);
    padding: 5px 10px;
    margin: -5px 0;
}
.see-instructions:hover,
.see-instructions:focus {
    background-color: #636E89;
    color: #fff;
}
.lesson-instructions-container {
    display: flex;
    margin: 0 0 20px;
}
.hide {
    display: none;
}
.lesson-instructions-character {
    flex: 0 0 auto;
    width: 100px;
    height: 100px;
}
.lesson-instructions-character img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}
.lesson-instructions {
    background-color: #fff;
    border-radius: 0 10px 10px 10px;
    width: 100%;
    position: relative;
}
.lesson-instructions:before {
    background: url("data:image/svg+xml,%0A%3Csvg width='23' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 22.397V25h9V0H3.831C1.219 0-.145 3.107 1.622 5.03l9.741 10.6A10 10 0 0114 22.398z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 0 0;
    display: block;
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    top: 40px;
    left: -14px;
}
.lesson-instructions-content {
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.4;
    color: #636E89;
    padding: 15px 40px;
}
.lesson-instructions-content p {
    margin: 0 0 10px;
}
.lesson-instructions-content p:last-child {
    margin: 0;
}
.lesson-instructions-actions {
    position: absolute;
    top: 0;
    right: 0;
}
.instruction-toggle,
.instruction-speaker,
.instruction-play {
    display: block;
    width: 28px;
    height: 28px;
    text-indent: -999px;
    overflow: hidden;
    position: relative;
    opacity: .5;
}
.instruction-toggle:hover,
.instruction-speaker:hover,
.instruction-play:hover {
    background-color: rgba(201, 207, 217, .5);
    opacity: 1;
}
.instruction-toggle {
    background: url("data:image/svg+xml,%3Csvg width='12' height='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1a1 1 0 011-1h10a1 1 0 110 2H1a1 1 0 01-1-1z' fill='%23636E89'/%3E%3C/svg%3E") no-repeat center;
    border-radius: 0 10px;
}
.instruction-speaker {
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8.789c0 .876.326 1.633.98 2.272a3.236 3.236 0 002.345.958h1.589c.345 0 .603.125.776.375l1.588 2.48C7.722 15.623 8.424 16 9.384 16h1.953c.444 0 .832-.156 1.164-.47.333-.313.499-.682.499-1.107V1.576c0-.425-.16-.795-.48-1.108A1.626 1.626 0 0011.337 0H9.384c-.96 0-1.662.376-2.106 1.127L5.69 3.606c-.173.25-.431.375-.776.375H3.325c-.911 0-1.693.32-2.346.958C.326 5.577 0 6.335 0 7.211V8.79zM1.589 7.21c0-.45.166-.832.498-1.145.333-.313.746-.47 1.238-.47h1.589c.886 0 1.588-.375 2.106-1.127l1.588-2.478c.173-.276.431-.414.776-.414h2.027v12.845H9.384c-.345 0-.603-.137-.776-.413L7.02 11.53c-.394-.75-1.096-1.126-2.106-1.126H3.325c-.492 0-.905-.157-1.238-.47A1.513 1.513 0 011.59 8.79V7.21zM14.41 5.596v4.808c0 .526.259.789.776.789.542 0 .813-.263.813-.79V5.597c0-.526-.27-.788-.813-.788-.517 0-.776.262-.776.788z' fill='%23636E89'/%3E%3C/svg%3E") no-repeat center;
}
.instruction-play {
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8.789c0 .876.326 1.633.98 2.272a3.236 3.236 0 002.345.958h1.589c.345 0 .603.125.776.375l1.588 2.48C7.722 15.623 8.424 16 9.384 16h1.953c.444 0 .832-.156 1.164-.47.333-.313.499-.682.499-1.107V1.576c0-.425-.16-.795-.48-1.108A1.626 1.626 0 0011.337 0H9.384c-.96 0-1.662.376-2.106 1.127L5.69 3.606c-.173.25-.431.375-.776.375H3.325c-.911 0-1.693.32-2.346.958C.326 5.577 0 6.335 0 7.211V8.79zM1.589 7.21c0-.45.166-.832.498-1.145.333-.313.746-.47 1.238-.47h1.589c.886 0 1.588-.375 2.106-1.127l1.588-2.478c.173-.276.431-.414.776-.414h2.027v12.845H9.384c-.345 0-.603-.137-.776-.413L7.02 11.53c-.394-.75-1.096-1.126-2.106-1.126H3.325c-.492 0-.905-.157-1.238-.47A1.513 1.513 0 011.59 8.79V7.21zM14.41 5.596v4.808c0 .526.259.789.776.789.542 0 .813-.263.813-.79V5.597c0-.526-.27-.788-.813-.788-.517 0-.776.262-.776.788z' fill='%23636E89'/%3E%3C/svg%3E") no-repeat center 6px;
    border-radius: 4px 0 0 4px;
    height: 56px;
    padding: 28px 0 0;
}
.instruction-play:before {
    display: block;
    content: '';
    width: 28px;
    height: 28px;
    position: absolute;
    top: 28px;
    left: 0;
}
.instruction-play:before {
    background: url("data:image/svg+xml,%0A%3Csvg width='13' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.373 15.333A1.372 1.372 0 010 13.959V1.874A1.374 1.374 0 012.09.702l9.888 6.042a1.374 1.374 0 010 2.344L2.09 15.131a1.374 1.374 0 01-.717.202zm.275-12.97V13.47l9.087-5.554-9.087-5.553z' fill='%23636E89'/%3E%3C/svg%3E") no-repeat center;
}
.instruction-play.pause {
    background-color: rgba(201, 207, 217, .2);
    opacity: 1;
}
.instruction-play.pause:before {
    background: url("data:image/svg+xml,%0A%3Csvg width='19' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.1667 4.75a1.5833 1.5833 0 011.5834-1.5833h1.5833A1.5833 1.5833 0 017.9168 4.75v9.5a1.5834 1.5834 0 01-1.5834 1.5834H4.7501A1.5835 1.5835 0 013.1668 14.25v-9.5zm1.5834 0v9.5h1.5833v-9.5H4.7501zM11.0835 4.75a1.5834 1.5834 0 011.5833-1.5833h1.5834A1.5831 1.5831 0 0115.8335 4.75v9.5a1.5831 1.5831 0 01-1.5833 1.5834h-1.5834a1.5837 1.5837 0 01-1.5833-1.5834v-9.5zm1.5833 0v9.5h1.5834v-9.5h-1.5834z' fill='%23636E89'/%3E%3C/svg%3E") no-repeat center;
}

.lesson-instructions-actors{
	display: block;
    width: 100px;
    height: 50px;
    position: absolute;
    top: 28px;
    right: 0;
}

.build-stage-container {
    background: #FBFBFB;
    box-shadow: 0px 20px 25px -20px rgba(0, 4, 99, 0.1), 0px 50px 60px rgba(0, 4, 99, 0.07);
    border-radius: 10px;
    margin: 0 0 20px;
    position: relative;
}
.build-stage-reset {
    border-radius: 5px;
    display: flex;
    align-items: flex-end;
    height: 60px;
    font-size: 13px;
    color: #D65A5A;
    padding: 5px 10px;
    position: absolute;
    top: 5px;
    right: 5px;
}
.build-stage-reset:hover {
    background: #F2E1E1;
    color: #D65A5A;
}
.build-stage-reset:active {
    transform: translateY(1px);
}
.build-stage-reset:before {
    background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.04 2.292a1 1 0 010 1.414L5.412 5.333h8.253a8.334 8.334 0 11-8.333 8.333 1 1 0 112 0 6.334 6.334 0 106.333-6.333H5.413l1.626 1.626a1 1 0 01-1.413 1.414L2.292 7.039a1 1 0 010-1.413l3.334-3.334a1 1 0 011.413 0z' fill='%23D65A5A'/%3E%3C/svg%3E") no-repeat center;
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    top: 9px;
    left: 50%;
    margin-left: -12px;
}
.menu-build-stage {
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 16px;
    color: #636E89;
    list-style: none;
    padding: 0;
    margin: 0 80px 0 0;
    position: relative;
    overflow: hidden;
}
.menu-build-stage a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #636E89;
    padding: 9px 20px;
    position: relative;
}
.menu-build-stage a:hover,
.menu-build-stage a.active {
    background: #E1E1E9;
}
.menu-build-stage a:before {
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    content: '';
    width: 32px;
    height: 32px;
    margin: 0 0 4px 0;
    position: relative;
}
.item-form:before { background-image: url(../img/ico-configuration.svg); cursor:pointer;}
.item-defina:before { background-image: url(../img/ico-config.svg); cursor:pointer;}
.item-palco:before { background-image: url(../img/ico-layers.svg); cursor:pointer;}
.item-cores:before { background-image: url(../img/ico-palette.svg); cursor:pointer;}
.item-atores:before { background-image: url(../img/ico-smile.svg); cursor:pointer;}
.item-utilitarios:before { background-image: url(../img/ico-robot.svg);cursor:pointer; }
.item-cidade:before { background-image: url(../img/ico-city.svg); cursor:pointer;}
.item-campo:before { background-image: url(../img/ico-farm.svg); cursor:pointer;}
.item-rn:before { background-image: url(../img/ico-brain-ai-cinza.svg); cursor:pointer; }
.menu-build-stage a:hover:before {
	animation: bounceIco .3s ease infinite alternate;
}
@keyframes bounceIco { 
    from { }
    to { transform: translateY(-2px); }
}
.build-stage {
    position: relative;
}
.build-stage-title {
    background-color: #E1E1E9;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: -0.04em;
    color: #1C3358;
    padding: 15px 20px;
    margin: 0;
}
.build-stage-content {
    padding: 20px;
}
.build-stage-content h4 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -.03em;
    color: #1C3358;
    padding: 15px 0 0;
    margin: 0 0 10px;
}
.build-stage-wrap {
    background: #FBFBFB;
    box-shadow: 0px 20px 25px -20px rgba(0, 4, 99, 0.1), 0px 50px 60px rgba(0, 4, 99, 0.07);
    border-radius: 10px;
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 101;
    overflow: hidden;
}
/* stage chat*/
.stage-chat {
    background-color: #D8DEEB;
    border-radius: 10px 0 0 10px;
    display: none;
    width: 390px;
    height: 100%;
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    overflow: auto;
}
.narrative {
    background: #C4CBDC url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 2.625A1.125 1.125 0 011.125 1.5h6.38c1.84 0 3.475.885 4.5 2.252A5.616 5.616 0 0116.508 1.5h6.367a1.125 1.125 0 011.125 1.125v15.75a1.125 1.125 0 01-1.125 1.125h-6.76a3.376 3.376 0 00-2.386.988l-.934.932a1.125 1.125 0 01-1.59 0l-.932-.932a3.375 3.375 0 00-2.387-.988H1.125A1.125 1.125 0 010 18.375V2.625zm13.133 4.5a3.375 3.375 0 013.375-3.375h5.242v13.5h-5.636c-1.065 0-2.1.302-2.988.858l.007-10.983zm-2.256 10.986l.005-7.61-.002-3.379A3.375 3.375 0 007.504 3.75H2.25v13.5h5.636c1.058 0 2.094.298 2.99.861z' fill='%23636E89'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat 20px 13px;
    border-radius: 10px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.4;
    color: #636E89;
    padding: 15px 20px 15px 64px;
    margin: 0 0 20px;
	text-align:left;
}
.narrative p, .chat-msg p { margin: 0 0 10px; }
.narrative p:last-child, .chat-msg p:last-child { margin: 0; }
.chat-msg-container {
    min-height: 75px;
    padding: 0 0 0 90px;
    margin: 0 0 20px;
    position: relative;
}
.chat-msg-character {
    width: 75px;
    height: 75px;
    position: absolute;
    top: 0;
    left: 0;
}
.chat-msg-container img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}
.chat-msg {
    background-color: #fff;
    border-radius: 0 10px 10px 10px;
    width: 100%;
    height: fit-content;
    min-height: 50px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.4;
    color: #636E89;
    padding: 12px 15px 12px 20px;
    position: relative;
}
.chat-msg:before {
    display: block;
    content: '';
    position: absolute;
    top: 15px;
}
.chat-msg:before {
    background: url("data:image/svg+xml,%0A%3Csvg width='23' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 22.397V25h9V0H3.831C1.219 0-.145 3.107 1.622 5.03l9.741 10.6A10 10 0 0114 22.398z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 0 0;
    width: 25px;
    height: 25px;
    left: -14px;
}
.pensamento .chat-msg:before {
    background: url("data:image/svg+xml,%3Csvg width='19' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0a4 4 0 014 4v2a4 4 0 01-4 4h-2a4 4 0 01-4-4V4a4 4 0 014-4h2zM3 0a3 3 0 110 6 3 3 0 010-6z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 0 0;
    width: 19px;
    height: 10px;
    left: -23px;
}
.sussurro .chat-msg {
    background-color: #FFFFE9;
}
.sussurro .chat-msg:before {
    background: url("data:image/svg+xml,%0A%3Csvg width='21' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 0H2a2 2 0 000 4h3a2 2 0 100-4zm14 4a2 2 0 100-4h-8a2 2 0 100 4h8z' fill='%23FFFFE9'/%3E%3C/svg%3E") no-repeat 0 0;
    width: 21px;
    height: 4px;
    left: -24px;
}
.grito .chat-msg {
    background-color: #FFE6E6;
    border-radius: 0;
    text-transform: uppercase;
}
.grito .chat-msg:before {
    background: url("data:image/svg+xml,%0A%3Csvg width='29' height='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 0h16v10h-8v7L0 10h13V0z' fill='%23FFE5E5'/%3E%3C/svg%3E") no-repeat 0 0;
    width: 29px;
    height: 17px;
    left: -29px;
}
.chat-msg-name {
    display: block;
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.25;
    color: #1C3358;
    margin: 0;
}
.chat-msg-name span {
    display: inline-block;
    font-weight: 500;
}
.chat-msg-container.right {
    padding: 0 90px 0 0;
}
.chat-msg-container.right .chat-msg-character {
    left: auto;
    right: 0;
}
.chat-msg-container.right .chat-msg {
    border-radius: 10px 0 10px 10px;
}
.chat-msg-container.right .chat-msg:before {
    left: auto;
    right: -14px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.chat-msg-container.pensamento .chat-msg {
    border-radius: 10px;
}
.chat-msg-container.pensamento.right .chat-msg:before {
    right: -23px;
}
.chat-msg-container.sussurro.right .chat-msg:before {
    right: -24px;
}
.chat-msg-container.grito.right .chat-msg {
    border-radius: 0;
}
.grito.right .chat-msg:before {
    right: -29px;
}

/* dashboard */
.block {
    background: #FFFFFF;
    border-radius: 20px;
    box-shadow: 0 20px 25px -20px rgba(0, 4, 99, 0.1), 0 50px 60px rgba(0, 4, 99, 0.07);
    display: flex;
    flex-direction: column;
    flex: 1;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    position: relative;
}
.block-header {
    display: flex;
    justify-content: space-between;
    position: relative;
}
.block-title {
    display: flex;
    align-items: center;
    position: relative;
}
.block-title-h2,
.block-title-h3 {
    background-color: rgba(201, 207, 217, 1);
    border-radius: 20px 0;
    display: flex;
    align-items: center;
    height: 100%;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: -0.03em;
    line-height: 1.2;
    color: #fff;
    padding: 0 20px;
    margin: 0;
    z-index: 2;
}
.block-title-h3 {
    background-color: rgba(201, 207, 217, .5);
    font-weight: 500;
    padding-left: 50px;
    margin-left: -30px;
    z-index: 1;
}
.block-title-ico {
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: 40px;
    height: 40px;
    margin: 0 10px 0 -10px;
}
.block-header-action {
    background-color: rgba(201, 207, 217, .5);
    border-radius: 0 20px;
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 5px;
}
.block-config {
    background: url("data:image/svg+xml,%3Csvg width='26' height='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.608 17.952a5.239 5.239 0 01-5.26-5.26 5.239 5.239 0 015.26-5.26 5.238 5.238 0 015.26 5.26c.084 2.839-2.337 5.26-5.26 5.26zm0-8.684a3.35 3.35 0 00-3.34 3.34 3.35 3.35 0 003.34 3.34 3.35 3.35 0 003.34-3.34c.084-1.837-1.42-3.34-3.34-3.34zm0 16.032h-.083c-.919 0-1.754-.084-1.837-.084a1.073 1.073 0 01-.835-.835l-.25-2.003a7.927 7.927 0 01-1.754-.752l-1.587 1.169c-.334.25-.835.25-1.169 0 0 0-.668-.5-1.336-1.252l-.083-.084c-.668-.668-1.169-1.336-1.253-1.336a1.003 1.003 0 010-1.169l1.17-1.586-.752-1.754-1.92-.25a1.073 1.073 0 01-.836-.835S0 13.694 0 12.692v-.167c0-.919.083-1.754.083-1.837.084-.418.418-.752.835-.835l2.004-.25a5.567 5.567 0 01.752-1.754L2.505 6.262a1.003 1.003 0 010-1.169s.5-.668 1.252-1.336l.084-.083c.668-.668 1.336-1.169 1.336-1.253.334-.25.835-.25 1.169 0l1.586 1.17c.585-.251 1.17-.502 1.754-.669l.25-1.92c.084-.418.418-.752.835-.835 0 0 .835-.084 1.837-.084h.167c.919 0 1.754.084 1.837.084.418.083.752.417.835.835l.25 2.004a7.927 7.927 0 011.754.751l1.587-1.252c.334-.25.835-.25 1.169 0 0 0 .668.5 1.336 1.252l.167.084c.668.668 1.168 1.336 1.252 1.336.25.334.25.835 0 1.169L21.71 7.932l.751 1.754 1.92.25c.418.084.752.418.835.835 0 0 .084.835.084 1.837v.167c0 .919-.084 1.754-.084 1.837a1.073 1.073 0 01-.835.835l-2.003.25a7.927 7.927 0 01-.752 1.754l1.169 1.587c.25.334.25.835 0 1.169 0 0-.5.668-1.252 1.336l-.084.167c-.668.668-1.336 1.168-1.336 1.252-.334.25-.835.25-1.169 0l-1.586-1.252c-.585.25-1.17.5-1.754.668l-.25 1.92a1.073 1.073 0 01-.835.835c-.084.084-.919.167-1.92.167zm-1.002-2.004h1.837l.25-1.837c.084-.417.335-.751.752-.835a6.785 6.785 0 002.422-1.002c.25-.167.5-.167.751-.083.167 0 .25.083.418.167l1.42 1.085c.166-.167.417-.334.584-.584l.083-.084.585-.584-1.086-1.42a1.027 1.027 0 01-.083-1.085c.417-.752.751-1.503 1.002-2.338.083-.418.417-.752.835-.835l1.836-.25v-1.003-.835l-1.836-.25c-.418-.084-.752-.334-.835-.752a6.784 6.784 0 00-1.002-2.421c0-.084-.084-.167-.084-.167-.083-.334-.083-.668.167-.919l1.253-1.42c-.167-.166-.334-.417-.585-.584l-.083-.083-.585-.585-1.503 1.086c-.334.25-.835.25-1.169 0a11.606 11.606 0 00-2.338-1.002c-.417-.084-.668-.418-.751-.835l-.25-1.837H11.772l-.25 1.837a1.073 1.073 0 01-.835.835c-.835.167-1.587.5-2.338 1.002-.167 0-.501.083-.752 0-.083 0-.25-.084-.334-.167l-1.42-1.086c-.25.167-.417.334-.667.585l-.084.083c-.25.167-.417.418-.584.585L5.594 7.18c.25.334.25.751.084 1.085 0 0 0 .084-.084.084a11.605 11.605 0 00-1.002 2.338c-.083.417-.417.668-.835.751l-1.837.25V13.528l1.837.25c.418.084.752.418.835.835.167.835.501 1.587.919 2.338.167.25.167.501.083.835 0 .084-.083.25-.167.334l-1.085 1.42c.167.167.334.417.584.584l.084.084.584.584 1.503-1.085c.334-.25.835-.25 1.17 0 .75.417 1.502.751 2.254.918.417.084.668.418.751.835l.334 1.837z' fill='%23636E89'/%3E%3C/svg%3E") no-repeat center;
    border-radius: 50%;
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    text-indent: -999px;
    overflow: hidden;
    opacity: .5;
}
.block-config:hover {
    opacity: 1;
}
.block-content {
    padding: 20px;
}
.block_progresso .block-title-h2 { background-color: #357DF8; }
.block_progresso .block-title-ico { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.407 2.031c0-.273.11-.536.307-.729.197-.193.463-.302.742-.302h3.495c.278 0 .545.109.742.302.197.193.307.456.307.73v3.437c0 .273-.11.536-.307.729a1.058 1.058 0 01-1.483 0 1.023 1.023 0 01-.307-.73V4.52l-6.25 6.146a1.057 1.057 0 01-1.483 0L9.717 7.27l-5.901 5.803a1.048 1.048 0 01-.749.328 1.066 1.066 0 01-.76-.302A1.03 1.03 0 012 12.35a1.017 1.017 0 01.334-.736l6.641-6.531a1.058 1.058 0 011.483 0L13.91 8.48l5.51-5.418h-.965c-.279 0-.545-.108-.742-.302a1.023 1.023 0 01-.307-.729zM3.075 17.5c.278 0 .545.109.741.302.197.193.308.456.308.73v3.437c0 .273-.11.536-.308.729a1.058 1.058 0 01-1.483 0 1.023 1.023 0 01-.307-.73v-3.437c0-.273.11-.536.307-.729.197-.193.464-.302.742-.302zm6.642-3.094c0-.273-.11-.536-.308-.729a1.058 1.058 0 00-1.483 0 1.023 1.023 0 00-.307.73v7.562c0 .273.11.536.307.729a1.058 1.058 0 001.483 0c.197-.193.308-.456.308-.73v-7.562zm4.544 1.719c.278 0 .545.109.741.302.197.193.308.456.308.73v4.812c0 .273-.11.536-.308.729a1.058 1.058 0 01-1.483 0 1.023 1.023 0 01-.307-.73v-4.812c0-.273.11-.536.307-.729.197-.193.464-.302.742-.302zm6.642-4.469c0-.273-.11-.536-.307-.729a1.058 1.058 0 00-1.484 0 1.023 1.023 0 00-.307.73v10.312c0 .273.11.536.307.729a1.058 1.058 0 001.484 0c.196-.193.307-.456.307-.73V11.657z' fill='%23fff'/%3E%3C/svg%3E"); }
.block_atividade .block-title-h2 { background-color: #F96B03; }
.block_atividade .block-title-ico { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.998 0h15.916L24 4.086V24h-7v-2h5V7h-5V2H5.998v5h-2V0zM19 2v3h3v-.086L19.086 2H19zM4.343 10.343a8 8 0 1111.314 11.314A8 8 0 014.343 10.343zM10 10a6 6 0 100 12 6 6 0 000-12zm-1 2h2v3.586l2.707 2.707-1.414 1.414L9 16.414V12z' fill='%23fff'/%3E%3C/svg%3E"); }
.block_missoes .block-title-h2 { background-color: #8652F8; }
.block_missoes .block-title-ico { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.516.07a.904.904 0 01.559.834v4.52h4.52a.904.904 0 01.64 1.544l-3.616 3.615a.904.904 0 01-.64.264h-5.05l-1.337 1.34a1.81 1.81 0 11-3.556.468l.002-.083a1.807 1.807 0 012.274-1.663l1.34-1.34V4.52a.904.904 0 01.263-.64L16.531.265a.904.904 0 01.985-.195zm1.089 8.97l1.807-1.808h-3.241a.904.904 0 01-.904-.904V3.086L14.46 4.894V9.04h4.146zm2.986 2.125a10.847 10.847 0 11-9.26-9.256l-.692.693A2.712 2.712 0 0011 3.618l-.155-.002a9.04 9.04 0 109.039 8.884c.38-.135.726-.353 1.012-.639l.694-.696h.002zM10.844 6.328a6.327 6.327 0 106.327 6.327h-1.808a4.52 4.52 0 11-4.52-4.52V6.329z' fill='%23fff'/%3E%3C/svg%3E"); }
.block_curso .block-title-h2 { background-color: #27C65D; }
.block_curso .block-title-h3 { background-color: rgba(39, 198, 93, .7); }
.block_curso .block-title-ico { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 1a1 1 0 011 1v2h3a1 1 0 011 1v17a1 1 0 01-1 1H1a1 1 0 01-1-1V5a1 1 0 011-1h3V2a1 1 0 012 0v2h12V2a1 1 0 011-1zM4 6v1a1 1 0 002 0V6h12v1a1 1 0 102 0V6h2v4H2V6h2zm3 6h3v9H7v-9zm5 9v-9h10v9H12zm-7-9H2v9h3v-9zm14.707 3.707a1 1 0 00-1.414-1.414l-1.92 1.92-.818-.545a1 1 0 00-1.11 1.664l1.5 1a1 1 0 001.262-.125l2.5-2.5z' fill='%23fff'/%3E%3C/svg%3E"); }
.block_trabalhos .block-title-h2 { background-color: #00C7F2; }
.block_trabalhos .block-title-ico { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 17v-1.3333M16 17v-4m5 4v-6.6667M10.6667 27L16 22m0 0l5.3333 5M16 22h8.6667A1.3336 1.3336 0 0026 20.6667V5H6v15.6667A1.3335 1.3335 0 007.3333 22H16zM4 5h24' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

.aluno-avatar {
    background: rgba(201, 207, 217, .5) url("data:image/svg+xml,%0A%3Csvg width='23' height='27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.083 15.167c3.667 0 6.75-3 6.75-6.75V7A6.33 6.33 0 0011.5.667h-.833C7.25.667 4.417 3.5 4.417 7v1.5c0 3.667 3 6.667 6.666 6.667zM6.75 7a3.912 3.912 0 013.917-3.917h.833A3.912 3.912 0 0115.417 7v1.5a4.304 4.304 0 01-4.334 4.333A4.304 4.304 0 016.75 8.5V7zm15.417 18.25c-.667-4.583-4.584-8.083-9.334-8.083h-3.25c-4.75 0-8.75 3.5-9.416 8.083-.084.75.416 1.417 1.166 1.417.584 0 1.084-.417 1.167-1 .5-3.417 3.5-6.084 7-6.084h3.25c3.583 0 6.5 2.667 7 6.084.083.583.583 1 1.167 1 .833 0 1.333-.667 1.25-1.417z' opacity='.5' fill='%23636E89'/%3E%3C/svg%3E") no-repeat center;
    background-size: 40px;
    border-radius: 40px 8px 40px 40px;
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 20px 20px 0;
    overflow: hidden;
}
.aluno-avatar img {
    display: block;
    width: 100%;
    height: auto;
}
.aluno-nome {
    display: block;
    font-size: 20px;
    letter-spacing: -0.05em;
    line-height: 1.2;
    color: #1C3358;
    margin: 0;
}
.aluno-patente {
    background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.946 2.344a3 3 0 00-3.892 0L8.783 3.428a1 1 0 01-.57.236l-1.665.132a3 3 0 00-2.751 2.752l-.133 1.666a1 1 0 01-.236.569l-1.084 1.271a3 3 0 000 3.892l1.084 1.271a1 1 0 01.236.57l.133 1.665a3 3 0 002.751 2.751l1.666.133c.21.017.409.1.569.236l1.271 1.084a3 3 0 003.892 0l1.271-1.084c.16-.136.36-.219.57-.236l1.665-.133a3 3 0 002.751-2.751l.133-1.666a1 1 0 01.236-.569l1.084-1.271a3 3 0 000-3.892l-1.084-1.271a1 1 0 01-.236-.57l-.133-1.665a3 3 0 00-2.751-2.752l-1.666-.132a1 1 0 01-.569-.236l-1.271-1.084zM11.35 3.867a1 1 0 011.298 0L13.92 4.95a3 3 0 001.707.707l1.665.133a1 1 0 01.918.917l.133 1.666a3 3 0 00.707 1.707l1.083 1.271a1 1 0 010 1.298L19.05 13.92a3 3 0 00-.707 1.707l-.133 1.665a1 1 0 01-.918.918l-1.665.133a3 3 0 00-1.707.707l-1.271 1.083a1 1 0 01-1.298 0L10.08 19.05a3 3 0 00-1.707-.707l-1.666-.133a1 1 0 01-.917-.918l-.133-1.665a3 3 0 00-.707-1.707l-1.083-1.271a1 1 0 010-1.298L4.95 10.08a3 3 0 00.707-1.707l.133-1.666a1 1 0 01.917-.917l1.666-.133a3 3 0 001.707-.707l1.271-1.083h-.001zm4.356 6.84a1 1 0 00-1.414-1.414L11 12.586l-1.293-1.293a1 1 0 10-1.414 1.414l2 2a1 1 0 001.414 0l4-4h-.001z' fill='%231C3358' opacity='.6'/%3E%3C/svg%3E") no-repeat 0 0;
    display: block;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.03em;
    color: #1C3358;
    padding: 2px 0 2px 32px;
}
.aluno-cursando {
    font-size: 16px;
    letter-spacing: -0.05em;
    line-height: 1.25;
    color: #1C3358;
    margin: 10px 0 0;
}
.em-andamento {
    display: inline-block;
    font-size: 12px;
    letter-spacing: -0.02em;
    opacity: 0.4;
    margin: 0 0 0 5px;
}
.aluno-cursando-progresso {
    background: rgba(225, 228, 234, .5);
    border-radius: 4px;
    width: 100%;
    height: 8px;
    position: relative;
    margin: 5px 0 0;
    overflow: hidden;
}
.barra-progresso {
    background: linear-gradient(115.95deg, #D1FFB4 16.37%, #00E9B2 83.63%);
    border-radius: 4px;
    height: 8px;
    text-indent: -999px;
    overflow: hidden;
}
.aluno-status {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin: 15px 0 0;
}
.aluno-pontuacao {
    color: rgba(0, 122, 49, .7);
}
.aluno-pontuacao-max {
    display: block;
    font-weight: 500;
    color: rgba(0, 122, 49, .5);
    margin-top: -5px;
}
.aluno-pontuacao-pontos,
.aluno-honrarias-qtd {
    display: block;
    font-size: 40px;
    font-weight: 800;
    letter-spacing: -.05em;
    color: #00ad45;
}
.aluno-honrarias {
    color: rgba(194, 151, 67, .7);
}
.aluno-honrarias-qtd {
    color: #F5BF55;
}
.mais {
    background: #DCDFE7 url("data:image/svg+xml,%3Csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 9a1 1 0 002 0V6h3a1 1 0 100-2H6V1a1 1 0 00-2 0v3H1a1 1 0 000 2h3v3z' fill='%23636E89'/%3E%3C/svg%3E") no-repeat center;
    border-radius: 2px 8px 8px 8px;
    display: inline-block;
    width: 24px;
    height: 24px;
    text-indent: -999px;
    overflow: hidden;
}
.mais:hover {
    background: #636E89 url("data:image/svg+xml,%3Csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 9a1 1 0 002 0V6h3a1 1 0 100-2H6V1a1 1 0 00-2 0v3H1a1 1 0 000 2h3v3z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
}

.lista-atividades {
    font-size: 12px;
    letter-spacing: -0.05em;
    line-height: 1.25;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}
.lista-atividades:before {
    background-color: rgba(161, 166, 185, .2);
    border-radius: 1px;
    display: block;
    content: '';
    width: 2px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 9px;
}
.lista-atividades li {
    background-position: -1px 0;
    background-repeat: no-repeat;
    padding: 5px 0 5px 30px;
    margin: 0 0 5px;
    position: relative;
}
.lista-atividades .atividade-feita {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 19V5h6l5 5v9H6z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 4h7.414L18 9.586V20H5V4zm2 2v12h9v-7h-5V6H7zm6 1.414L14.586 9H13V7.414z' fill='%23A3CBB3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.707 12.293a1 1 0 010 1.414l-3 3a1 1 0 01-1.414 0l-1.5-1.5a1 1 0 111.414-1.414l.793.793 2.293-2.293a1 1 0 011.414 0z' fill='%23A3CBB3'/%3E%3C/svg%3E");
    text-decoration: line-through;
    color: rgba(24, 128, 66, .4);
}
.lista-atividades .atividade-atual {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 21V3h10l5 5v13H4z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 2h11.414L20 7.586V22H3V2zm2 2v16h13V9h-5V4H5zm10 1.414L16.586 7H15V5.414z' fill='%231C3358'/%3E%3C/svg%3E");
    font-size: 14px;
    color: #1C3358;
}
.lista-atividades .atividade-atual .bt {
    margin: 5px 0;
}
.lista-atividades .atividade-proxima {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 19V5h6l5 5v9H6z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 4h7.414L18 9.586V20H5V4zm2 2v12h9v-7h-5V6H7zm6 1.414L14.586 9H13V7.414z' fill='%23A4ADBC'/%3E%3C/svg%3E");
    color: rgba(28, 51, 88, .4);
}
.block-alert {
    background: #FFED91 url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 17H7v-6.5C7 8 9 6 11.5 6S16 8 16 10.5V17zm2-1v-5.5c0-3.07-2.14-5.64-5-6.32V3.5a1.5 1.5 0 10-3 0v.68c-2.87.68-5 3.25-5 6.32V16l-2 2v1h17v-1l-2-2zm-6.5 6a2 2 0 002-2h-4a2 2 0 002 2z' fill='%23665D3C' opacity='.6'/%3E%3C/svg%3E") no-repeat 10px 10px;
    box-shadow: 0 1px 1px rgba(186, 156, 0, 0.3), 0 4px 5px rgba(186, 156, 0, 0.13), 0 13px 10px rgba(186, 156, 0, 0.08);
    border-radius: 4px 10px 10px 10px;
    min-height: 44px;
    font-size: 14px;
    letter-spacing: -0.05em;
    line-height: 1.2;
    color: #665D3C;
    padding: 14px 15px 14px 44px;
    margin: 0 0 20px;
}
/* cronograma curso */
.cronograma-container {
    background: rgba(225, 228, 234, .3);
    border-radius: 30px;
    display: flex;
    color: #1C3358;
}
.cronograma-modulos {
    background: #D6D9E3;
    border-radius: 30px 0 0 30px;
    padding: 20px 0 20px 20px;
}
.modulo-item {
    background-color: #E7EAEF;
    border-radius: 20px 0 0 20px;
    display: block;
    font-size: 12px;
    line-height: 1.35;
    letter-spacing: -0.02em;
    color: rgba(28, 51, 88, .8);
    padding: 12px 20px 12px 40px;
    margin: 0 0 4px;
    white-space: nowrap;
    position: relative;
    cursor: not-allowed;
}
.modulo-item:last-child {
    margin: 0;
}
.modulo-item-finalizado {
    background-color: #D4E7DE;
    cursor: pointer;
}
.modulo-item-finalizado:hover {
    background-color: rgba(19, 203, 85,.25);
    color: rgba(28, 51, 88, 1);
}
.modulo-item-atual {
    background-color: #F6F7F9;
    color: rgb(28, 51, 88, 1);
    cursor: default;
}
.modulo-item:before,
.cronograma-unidade-licao:before {
    background: #C9CFD9 url("data:image/svg+xml,%3Csvg width='14' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 4a2 2 0 100-4 2 2 0 000 4zm7-2a2 2 0 11-4 0 2 2 0 014 0zm5 0a2 2 0 11-4 0 2 2 0 014 0z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
    border-radius: 50%;
    display: block;
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    top: 11px;
    left: 11px;
}
.modulo-item-finalizado:before,
.unidade-finalizada:before {
    background: #13CB55 url("data:image/svg+xml,%3Csvg width='9' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.59 7L0 4.083l1.331-1.645 2.02 1.63L6.894 0l1.6 1.391L3.59 7z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
    background-size: 10px;
}
.modulo-item-atual:before,
.unidade-atual:before  {
    background-color: #FF5C00;
}
.cronograma-modulo {
    width: 100%;
    padding: 20px;
    overflow: auto;
}
.cronograma-modulo-titulo {
    display: block;
    font-size: 19px;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 20px;
    margin: 0 0 15px;
}
.cronograma-modulo-unidades {
    display: flex;
}
.cronograma-unidade {
    background: rgb(225, 228, 234, .7);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    padding: 10px;
    margin: 0 2px;
}
.cronograma-unidade.active {
    box-shadow: inset 0 0 0 2px #27C65D;
}
.cronograma-unidade-titulo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    font-size: 13px;
    letter-spacing: -0.03em;
    line-height: 1.1;
    text-align: center;
    margin: 0 0 10px;
}
.cronograma-unidade-licoes {
    border-radius: 15px;
    display: flex;
    height: 100%;
}
.cronograma-unidade-licao {
    background: #F3F5FB;
    border-radius: 15px;
    display: flex;
    flex-grow: 1;
    min-width: 30px;
    min-height: 170px;
    font-size: 13px;
    line-height: 1.25;
    letter-spacing: -0.03em;
    padding: 15px 0 30px;
    margin: 0 1px;
    position: relative;
}
.unidade-atual {
    background-color: #fff;
}
.cronograma-unidade-licao.show  {
    background: #FFF;
    box-shadow: 0px 20px 25px -20px rgba(0, 4, 99, 0.1), 0px 50px 60px rgba(0, 4, 99, 0.07);
    border-radius: 15px;
    width: auto;
}
.licao-container {
    padding: 0 7px;
    width: 30px;
    white-space: nowrap;
    overflow: hidden;
}
.show .licao-container  {
    padding: 0 15px;
    width: auto;
    white-space: normal;
    overflow: auto;
}
.cronograma-unidade-licao:hover {
    background-color: #fff;
    box-shadow: 0px 20px 25px -20px rgba(0, 4, 99, 0.1), 0px 50px 60px rgba(0, 4, 99, 0.07);
    transform: translateY(-5px);
}
.cronograma-unidade-licao:before {
    top: auto;
    bottom: 6px;
    left: 6px;
}
.cronograma-unidade-licao-titulo {
    display: none;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    opacity: 0.5;
    margin: 0 0 10px;
}
.show .cronograma-unidade-licao-titulo {
    display: block;
}
.cronograma-atividades {
    list-style: none;
    padding: 0;
    margin: 0;
}
.cronograma-atividades li {
    margin: 0 0 6px;
}
.cronograma-atividades li:last-child {
    margin: 0;
}
.cronograma-atividades li a {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 2h5.707L13 6.293V14H3V2zm1 1v10h8V7H8V3H4zm5 .707L11.293 6H9V3.707z' fill='%231C3358' opacity='.4' /%3E%3C/svg%3E");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    color: #1C3358;
    padding: 0 0 0 24px;
}
.cronograma-atividades li a:hover {
    text-decoration: underline;
}
.cronograma-atividades .atividade-feita {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 2h5.707L13 6.293V14H3V2zm1 1v10h8V7H8V3H4zm5 .707L11.293 6H9V3.707z' fill='%238BB9A3' /%3E%3C/svg%3E");
    display: block;
    color: #8BB9A3;
}
.cronograma-atividades .atividade-atual {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 2h5.707L13 6.293V14H3V2zm1 1v10h8V7H8V3H4zm5 .707L11.293 6H9V3.707z' fill='%232B7CFF' /%3E%3C/svg%3E");
    color: #2B7CFF;
}

.cartao {
    background-color: #E8E8F0;
    border-radius: 20px 20px 20px 4px;
    display: flex;
    flex-direction: column;
    max-width: 260px;
    min-height: 280px;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: -0.02em;
    color: #1C3358;
    padding: 20px 20px 60px;
    margin: 0 auto 30px auto;
    position: relative;
}
.cartao-link {
    display: block;
    color: #1C3358;
}
.cartao-link:hover { color: #3681FF; }
.cartao-img {
    background: #D6D9E3 url(../img/mmCode-white.svg) no-repeat center;
    background-size: 60%;
    border-radius: 6px;
    display: block;
    width: 100%;
    height: 0;
    padding: 65% 0 0;
    margin: 0 0 10px;
    position: relative;
    overflow: hidden;
}
.cartao-img img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.cartao-titulo {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}
.cartao-categoria {
    display: flex;
    align-items: center;
    height: 48px;
    font-size: 12px;
    color: rgb(28, 51, 88, .5);
    padding: 0 20px 0 60px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.cartao-categoria:before {
    background-color: #D6D9E3;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0 20px 0 4px;
    display: block;
    content: '';
    width: 48px;
    height: 48px;
    position: absolute;
    top: 0;
    left: 0;
}
.cat-animacoes-videogames .cartao-categoria:before { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 7.15a1.7 1.7 0 00-1.85.3l-2.15 2V8a3 3 0 00-3-3H5a3 3 0 00-3 3v8a3 3 0 003 3h9a3 3 0 003-3v-1.45l2.16 2c.318.2878.7311.4481 1.16.45a1.6812 1.6812 0 00.69-.15 1.5995 1.5995 0 00.7257-.5875 1.5989 1.5989 0 00.2743-.8925V8.63A1.5996 1.5996 0 0021 7.15zM15 16a1.0001 1.0001 0 01-1 1H5a1.0002 1.0002 0 01-1-1V8a1 1 0 011-1h9a1 1 0 011 1v8zm5-1.4L17.19 12 20 9.4v5.2z' fill='%23636E89'/%3E%3C/svg%3E"); }
.cat-robotica .cartao-categoria:before { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 15c0 1.11-.89 2-2 2-1.11 0-2-.89-2-2 0-1.11.9-2 2-2s2 .9 2 2zm-8-2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.89 2-2c0-1.11-.89-2-2-2zm14 2v3c0 .55-.45 1-1 1h-1v1c0 1.11-.89 2-2 2H5a1.9999 1.9999 0 01-2-2v-1H2c-.55 0-1-.45-1-1v-3c0-.55.45-1 1-1h1c0-3.87 3.13-7 7-7h1V5.73c-.6-.34-1-.99-1-1.73 0-1.1.9-2 2-2s2 .9 2 2c0 .74-.4 1.39-1 1.73V7h1c3.87 0 7 3.13 7 7h1c.55 0 1 .45 1 1zm-2 1h-2v-2c0-2.76-2.24-5-5-5h-4c-2.76 0-5 2.24-5 5v2H3v1h2v3h14v-3h2v-1z' fill='%23636E89'/%3E%3C/svg%3E"); }
.cat-forms .cartao-categoria:before { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 17V7c0-2.168-3.663-4-8-4S4 4.832 4 7v10c0 2.168 3.663 4 8 4s8-1.832 8-4zM12 5c3.691 0 5.931 1.507 6 1.994C17.931 7.493 15.691 9 12 9S6.069 7.493 6 7.006C6.069 6.507 8.309 5 12 5zM6 9.607C7.479 10.454 9.637 11 12 11s4.521-.546 6-1.393v2.387c-.069.499-2.309 2.006-6 2.006s-5.931-1.507-6-2V9.607zM6 17v-2.393C7.479 15.454 9.637 16 12 16s4.521-.546 6-1.393v2.387c-.069.499-2.309 2.006-6 2.006s-5.931-1.507-6-2z' fill='%23636E89'/%3E%3C/svg%3E"); }
.cat-apresentacao .cartao-categoria:before { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 14h-1V4h1a1 1 0 100-2H3a1 1 0 000 2h1v10H3a1.0002 1.0002 0 00-.7071 1.7071C2.4804 15.8946 2.7348 16 3 16h8v1.15l-4.55 3a.9997.9997 0 00-.4322 1.1352A1 1 0 007 22a.9403.9403 0 00.55-.17L11 19.55V21a1.0001 1.0001 0 002 0v-1.45l3.45 2.28A.9402.9402 0 0017 22a1 1 0 00.55-1.83l-4.55-3V16h8a1.0001 1.0001 0 000-2zm-3 0H6V4h12v10zm-8.39-1.74a1.7296 1.7296 0 001.76 0l3-1.74a1.7595 1.7595 0 00.8393-1.5 1.7594 1.7594 0 00-.8393-1.5l-3-1.74a1.7298 1.7298 0 00-1.76 0 1.71 1.71 0 00-.87 1.52v3.48a1.71 1.71 0 00.87 1.48zm1.13-4.58L13 9l-2.28 1.32.02-2.64z' fill='%23636E89'/%3E%3C/svg%3E"); }
.cat-musica .cartao-categoria:before { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.684 5.821l-9-3.272A1.998 1.998 0 008 4.428v6.1289a3.9533 3.9533 0 00-2-.557c-2.206 0-4 1.794-4 4s1.794 4 4 4 4-1.794 4-4v-9.572L19 7.7v6.856a3.963 3.963 0 00-2-.556c-2.206 0-4 1.794-4 4S14.794 22 17 22s4-1.7941 4-4.0001v-10.3c0-.838-.529-1.594-1.316-1.879zM6 15.9999c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2zM17 20c-1.103 0-2-.8971-2-2.0001 0-1.103.897-2 2-2s2 .897 2 2S18.103 20 17 20z' fill='%23636E89'/%3E%3C/svg%3E"); }
.cat-site .cartao-categoria:before { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 4H6a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V6a1.9999 1.9999 0 00-2-2zm-5 14H6v-7h7v7zm5 0h-3v-7h3v7zm0-9H6V6h12v3z' fill='%23636E89'/%3E%3C/svg%3E"); }
.cat-3d .cartao-categoria:before { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 10a2 2 0 012-2h16a2 2 0 012 2v7a2 2 0 01-2 2h-3.868a1.9994 1.9994 0 01-1.715-.971l-1.56-2.6a1.0006 1.0006 0 00-1.3493-.3551.999.999 0 00-.3647.3551l-1.56 2.6A1.9998 1.9998 0 017.868 19H4a1.9999 1.9999 0 01-2-2v-7zM3.813 6.781A4 4 0 017.14 5h9.718a4 4 0 013.328 1.781L21 8H3l.813-1.219v0z' stroke='%23636E89' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.cat-ia .cartao-categoria:before { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 3v2-2zm6 0v2-2zM9 19v2-2zm6 0v2-2zM5 9H3h2zm0 6H3h2zm16-6h-2 2zm0 6h-2 2zM7 19h10a2 2 0 002-2V7a1.9999 1.9999 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z' stroke='%23636E89' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.cat-sistemas-distribuidos .cartao-categoria:before { background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 15h-2v-3a1.0001 1.0001 0 00-1-1h-6V9h2a1 1 0 001-1V2a1.0002 1.0002 0 00-1-1H9a1 1 0 00-1 1v6a1 1 0 001 1h2v2H5a1.0002 1.0002 0 00-1 1v3H2a1.0002 1.0002 0 00-1 1v6a1 1 0 001 1h6a1.0002 1.0002 0 001-1v-6a1 1 0 00-1-1H6v-2h12v2h-2a1.0001 1.0001 0 00-1 1v6a1.0001 1.0001 0 001 1h6a1.0001 1.0001 0 001-1v-6a1.0001 1.0001 0 00-1-1zM7 17v4H3v-4h4zm3-10V3h4v4h-4zm11 14h-4v-4h4v4z' fill='%23636E89'/%3E%3C/svg%3E"); }


/* login */
.page-login {
    padding: 15px;
}
.login-container {
    background: #FBFBFB;
    box-shadow: 0 20px 25px -20px rgba(0, 4, 99, 0.1), 0 50px 60px rgba(0, 4, 99, 0.07);
    border-radius: 30px;
    max-width: 770px;
    min-height: 300px;
    margin: 150px auto 0 auto;
    padding: 40px 50px 100px 320px;
    position: relative;
}
.login-header {
    background: url(../img/bg-login.jpg) no-repeat center;
    background-size: cover;
    border-radius: 30px 0 0 30px;
    width: 270px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.login-mmcode {
    background: url(../img/mmCode-white.svg) no-repeat center;
    background-size: contain;
    display: block;
    width: 190px;
    height: 35px;
    text-indent: -999px;
    overflow: hidden;
    margin: 0 0 0 -95px;
    position: absolute;
    bottom: 50px;
    left: 50%;
}
.login-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.03em;
    color: #394963;
}
.login-container .form-label {
    display: block;
    font-size: 15px;
    line-height: 18px;
}
.login-user, .login-password {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.067 12.933c2.933 0 5.4-2.4 5.4-5.4V6.4c0-2.8-2.267-5.067-5.067-5.067h-.667c-2.733 0-5 2.267-5 5.067v1.2c0 2.933 2.4 5.333 5.334 5.333zM8.6 6.4a3.13 3.13 0 013.133-3.133h.667A3.13 3.13 0 0115.533 6.4v1.2a3.443 3.443 0 01-3.466 3.467A3.443 3.443 0 018.6 7.6V6.4zM20.933 21c-.533-3.667-3.666-6.467-7.466-6.467h-2.6c-3.8 0-7 2.8-7.534 6.467-.066.6.334 1.133.934 1.133a.935.935 0 00.933-.8c.4-2.733 2.8-4.866 5.6-4.866h2.6c2.867 0 5.2 2.133 5.6 4.866.067.467.467.8.933.8.667 0 1.067-.533 1-1.133z' fill='%23636E89'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 14px center;
    padding-left: 48px;
}
.login-password {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4c1.654 0 3 1.346 3 3h2c0-2.757-2.243-5-5-5S7 4.243 7 7v2H6c-1.103 0-2 .897-2 2v9c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-9c0-1.103-.897-2-2-2H9V7c0-1.654 1.346-3 3-3zm6.002 16H13v-2.278c.595-.347 1-.985 1-1.722 0-1.103-.897-2-2-2s-2 .897-2 2c0 .736.405 1.375 1 1.722V20H6v-9h12l.002 9z' fill='%23636E89'/%3E%3C/svg%3E");
    padding-right: 40px;
}
.show-password {
    background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.92 11.6C19.9 6.91 16.1 4 12 4s-7.9 2.91-9.92 7.6a1 1 0 000 .8C4.1 17.09 7.9 20 12 20s7.9-2.91 9.92-7.6a1.001 1.001 0 000-.8zM12 18c-3.17 0-6.17-2.29-7.9-6C5.83 8.29 8.83 6 12 6s6.17 2.29 7.9 6c-1.73 3.71-4.73 6-7.9 6zm0-10a4 4 0 100 8 4 4 0 000-8zm0 6a2 2 0 110-4 2 2 0 010 4z' fill='%23636E89'/%3E%3C/svg%3E") no-repeat center;
    border-radius: 0 6px 6px 0;
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -999px;
    overflow: hidden;
    position: absolute;
    top: 24px;
    right: 1px;
    cursor: pointer;
    opacity: .6;
}
.show-password:hover {
    background-color: rgba(178, 185, 208, 0.25);
    opacity: 1;
}
.show-password.hide {
    background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.944 6.084a6.93 6.93 0 011.06-.08c3.18 0 6.17 2.29 7.91 6a15.23 15.23 0 01-.9 1.64 1 1 0 00.05 1.152 1 1 0 001.65-.102 15.78 15.78 0 001.21-2.3 1.001 1.001 0 000-.79c-2.02-4.69-5.82-7.6-9.92-7.6a7.77 7.77 0 00-1.4.12 1.015 1.015 0 00.34 2v-.04zm-7.23-3.79a1.004 1.004 0 10-1.42 1.42l3.1 3.09a14.62 14.62 0 00-3.31 4.8 1 1 0 000 .8c2.02 4.69 5.82 7.6 9.92 7.6a9.26 9.26 0 005.05-1.54l3.24 3.25a1.002 1.002 0 001.639-.325 1 1 0 00-.219-1.095l-18-18zm6.36 9.19l2.45 2.45a2 2 0 01-2.45-2.45zm1.93 6.52c-3.18 0-6.17-2.29-7.9-6a12.09 12.09 0 012.7-3.79l1.77 1.79a4 4 0 005.43 5.43l1.59 1.57a7.24 7.24 0 01-3.59 1z' fill='%23636E89'/%3E%3C/svg%3E") no-repeat center;
}
.forgot-password-link {
    display: inline-block;
    font-size: 12px;
    letter-spacing: -0.02em;
    line-height: 1.25;
    margin: 5px 0 0;
}
.login-container .bt {
    float: right;
}
.login-plural {
    background-color: rgba(201, 207, 217,.2);
    border-radius: 30px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    font-size: 12px;
    font-weight: 600;
    color: rgba(0,0,0,.7);
    padding: 0 50px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.login-plural:before {
    background: #655CA3 url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 125 125'%3E%3Cpath d='M108.2 32.6c-4.3 0-8.5-1.7-11.5-4.8-3-3-4.8-7.2-4.8-11.5s1.7-8.5 4.8-11.5c3-3 7.2-4.8 11.5-4.8s8.5 1.7 11.5 4.8c3 3 4.8 7.2 4.8 11.5s-1.7 8.5-4.8 11.5c-3 3.1-7.2 4.8-11.5 4.8zM16.8 32.6c-4.3 0-8.5-1.7-11.5-4.8-3-3-4.8-7.2-4.8-11.5S2.2 7.8 5.3 4.8c3-3 7.2-4.8 11.5-4.8s8.5 1.7 11.5 4.8c3 3 4.8 7.2 4.8 11.5s-1.7 8.5-4.8 11.5c-3 3.1-7.2 4.8-11.5 4.8zM62.5 125c-34.2 0-62-27.8-62-62 0-9 7.3-16.3 16.3-16.3S33.1 54 33.1 63c0 16.2 13.2 29.4 29.4 29.4S91.9 79.2 91.9 63c0-9 7.3-16.3 16.3-16.3S124.5 54 124.5 63c0 34.2-27.8 62-62 62z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
    background-size: 16px;
    border-radius: 8px;
    display: block;
    content: '';
    width: 32px;
    height: 32px;
    margin: 0 12px 0 0;
}
.login-plural:hover {
    background-color: #655CA3;
    color: #fff;
}





.header-menu a, .header-menu a:before, .header-menu .ico, .footer-menu a,
.menu-dropdown-ico, .menu-dropdown, .submenu, .header-bt-action,
.box, .box-front, .box-back, .box-info, .box-header, .box-header-img,
.bt, .lesson-step-tag, .bt-lesson-finished, .home-link, .show-classes, .lessons-list, .lessons-list a, .bt-folder:after, .file-item, .file-item-action a, .file-save,
.menu-build-stage a, .menu-build-stage a:before, .bt-fullscreen, .see-instructions, .instruction-toggle, .instruction-toggle:before, .instruction-speaker, .instruction-play,
.lesson-descripton-trigger, .block-config, .mais, .modulo-item-finalizado, .cronograma-unidade-licao, .lixeira #tampa,
.code-undo, .code-redo, .login-plural, .cartao-link
{
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	transition: all .2s linear;
}

/* shepherd */

.shepherd-button {
    background: #3681FF;
    border: 0;
    border-radius: 20px 0px;
    float: right;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 20px;
    color: #fff;
    opacity: 0.9;
    cursor: pointer;
    padding: 20px;
    /* margin-right: 10px; */
    transition: all 0.3s ease-in-out;
}
.shepherd-button:not(:disabled):hover {
    background: #0058EB;
    color: #fff;
}
.shepherd-button.shepherd-button-secondary {
    background: #C9CFD9;
    border-radius: 0 20px;
    float: left;
    color: #636E89;
}
.shepherd-button.shepherd-button-secondary:not(:disabled):hover {
    background: #959faf;
    color: #fff;
}
.shepherd-button:disabled {
    cursor: not-allowed;
}
.shepherd-footer {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    display: block;
}
.shepherd-footer:after {
    display: block;
    content: '';
    clear: both;
}
.shepherd-footer .shepherd-button:last-child {
    /* margin-right: 0; */
}
.shepherd-cancel-icon {
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.762 8l5.375-5.363A1.255 1.255 0 1013.362.862L8 6.237 2.637.862A1.255 1.255 0 10.862 2.637L6.237 8 .862 13.363a1.25 1.25 0 000 1.774 1.252 1.252 0 001.775 0L8 9.762l5.362 5.375a1.252 1.252 0 002.049-.406 1.25 1.25 0 00-.274-1.368L9.762 8z' fill='%233681FF'/%3E%3C/svg%3E") no-repeat center;
    border: 2px solid transparent;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    opacity: .85;
    overflow: hidden;
    text-indent: -999px;
    position: absolute;
    top: 0;
    right: 0;
    transition: all .2s linear;
}
.shepherd-cancel-icon:hover {
    border-color: #3681FF;
    opacity: 1;
    transform: scale(.85);
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon {
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.762 8l5.375-5.363A1.255 1.255 0 1013.362.862L8 6.237 2.637.862A1.255 1.255 0 10.862 2.637L6.237 8 .862 13.363a1.25 1.25 0 000 1.774 1.252 1.252 0 001.775 0L8 9.762l5.362 5.375a1.252 1.252 0 002.049-.406 1.25 1.25 0 00-.274-1.368L9.762 8z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
    top: 10px;
    right: 10px;
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover {
    border-color: #fff;
}
.shepherd-title {
    display: flex;
    flex: 1 0 auto;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 20px;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
}
.shepherd-header {
    align-items: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    display: flex;
    min-height: 20px;
    justify-content: flex-end;
    position: relative;
}
.shepherd-has-title .shepherd-content .shepherd-header {
    background: #3681FF;
    padding: 20px 25px;
}
.shepherd-text {
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: -0.02em;
    color: rgba(28, 51, 88, .6);
    padding: 20px 25px 30px;
}
.shepherd-text p {
    margin-top: 0;
    margin-bottom: 10px;
}
.shepherd-text p:last-child {
    margin-bottom: 0;
}
.shepherd-text img {
    display: block;
    max-width: 100%;
    height: auto;
}
.shepherd-content {
    background: rgba(251, 251, 251, 0.9);
    box-shadow: 0px 20px 20px rgba(5, 26, 62, 0.06), 0px 50px 50px rgba(5, 26, 62, 0.25), 0px 90px 90px rgba(5, 26, 62, 0.1);
    border-radius: 20px;
    outline: none;
    padding: 0;
}
.shepherd-element {
    border-radius: 20px;
    max-width: 570px;
    width: auto;
    opacity: 0;
    padding: 10px;
    outline: none;
    transition: opacity 0.3s, visibility 0.3s;
    visibility: hidden;
    width: 100%;
    z-index: 9999;
}
.shepherd-enabled.shepherd-element {
    opacity: 1;
    visibility: visible;
}
.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered) {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
.shepherd-element,
.shepherd-element *,
.shepherd-element :after,
.shepherd-element :before {
    box-sizing: border-box;
}
.shepherd-arrow,
.shepherd-arrow:after {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 10;
}
.shepherd-arrow { box-shadow: 0px 1px 1px rgba(3, 11, 28, 0.25), 0px 2px 3px rgba(3, 11, 28, 0.05); }
.shepherd-arrow:after {
    background: #fff url("data:image/svg+xml,%0A%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.768 1.232a2.5 2.5 0 00-3.536 0l-12 12a2.5 2.5 0 003.536 3.536L12.5 9.036V27.5a2.5 2.5 0 005 0V9.036l7.732 7.732a2.5 2.5 0 003.536-3.536l-12-12z' fill='%233681FF'/%3E%3C/svg%3E") no-repeat center;
    background-size: 14px;
    display: block;
    content: '';
    top: 0;
    left: 0;
}
.shepherd-element[data-popper-placement^="top"] > .shepherd-arrow {
    bottom: -5px;
}
.shepherd-element[data-popper-placement^="top"] > .shepherd-arrow:after {
    transform: rotate(180deg);
}
.shepherd-element[data-popper-placement^="bottom"] > .shepherd-arrow {
    top: -5px;
}
.shepherd-element[data-popper-placement^="left"] > .shepherd-arrow {
    right: -5px;
}
.shepherd-element[data-popper-placement^="left"] > .shepherd-arrow:after {
    transform: rotate(90deg);
}
.shepherd-element[data-popper-placement^="right"] > .shepherd-arrow {
    left: -5px;
}
.shepherd-element[data-popper-placement^="right"] > .shepherd-arrow:after {
    transform: rotate(-90deg);
}
.shepherd-element.shepherd-centered > .shepherd-arrow {
    opacity: 0;
}
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target * {
    pointer-events: none;
}
.shepherd-modal-overlay-container {
    height: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: all 0.3s ease-out, height 0ms 0.3s, opacity 0.3s 0ms;
    width: 100vw;
    z-index: 9997;
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible {
    height: 100vh;
    opacity: 0.7;
    transition: all 0.3s ease-out, height 0s 0s, opacity 0.3s 0s;
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible path {
    pointer-events: all;
    fill: #808EA6;
}

.tour-info-main {
	background: #dc3545;
}


/*** fim shepherd ***/

/* header-ico-menu */
.header-ico-menu {
    border-radius: 50%;
	display: none;
	width: 26px;
	height: 26px;
	cursor: pointer;
	position: absolute;
	top: 17px;
	right: 15px;
}
.header-ico-menu span,
.header-ico-menu span:before,
.header-ico-menu span:after {
    background-color: #FF6D00;
	display: block;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 3px;
	position: absolute;
	left: 0;
}
.header-ico-menu span { top: 10px; left: 50%; margin-left: -3px; background-color: #86CC00; }
.header-ico-menu span:before { top: -10px; }
.header-ico-menu span:after { top: 10px; }
.header-ico-menu.close-menu {
    transform: rotate(90deg);
}
.header-ico-menu, .header-ico-menu span, .header-ico-menu span:before, .header-ico-menu span:after {
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	transition: all .2s linear;
}

@media (max-width: 767px) {
    body {
        padding-top: 60px;
    }
    .header {
        min-height: 0;
    }
    .header-ico-menu {
        display: block;
    }
    .mmcode-logo {
        float: none;
        margin: 18px auto;
    }
    .header-nav {
        padding: 0 0 15px;
        display: none;
    }
    .header-nav.open {
        display: block;
    }
    .header-menu {
        display: block;
        align-items: unset;
        height: auto;
        margin: 0;
    }
    .header-menu li {
        float: none;
    }
    .header-menu a {
        display: block;
        padding: 10px;
    }
    .header-menu a:before {
        display: none;
        content: none;
    }
    .header-menu a.active:after {
        height: 2px;
        border-radius: 1px;
    }
    .header-menus {
        padding: 0;
    }
    .menu-tools {
        padding: 10px;
        max-width: 200px;
        width: auto;
        text-align: right;
    }
    .menu-tools li {
        float: none;
    }
    .menu-tools .menu-dropdown-item {
        border-radius: 10px;
        display: flex;
        align-items: center;
        width: auto;
        height: auto;
        min-height: 60px;
        padding: 10px 35px 10px 65px;
        position: relative;
    }
    .tool-logo {
        margin: 0;
        position: absolute;
        top: 10px;
        left: 10px;
    }
    .main .container {
        /* padding-top: 25px; */
        /* padding-bottom: 25px; */
    }
    .footer .container {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .footer .mindmakers-logo {
        margin: 0 auto;
    }
    .copyright {
        float: none;
        margin: 0 0 20px 0;
    }
    .footer-menu {
        margin: 0 0 25px 0;
    }


    body.page-login {
        padding: 15px;
    }
    .login-container {
        border-radius: 20px;
        max-width: 400px;
        margin: 0 auto;
        padding: 30px 30px 90px;
    }
    .login-header {
        border-radius: 20px 20px 0 0;
        width: auto;
        margin: -30px -30px 25px;
        padding: 130px 0 35px;
        position: relative;
        top: auto;
        left: auto;
    }
    .login-mmcode {
        margin: 0 auto;
        position: relative;
        bottom: auto;
        left: auto;
    }
    .login-plural {
        border-radius: 20px 0;
        padding: 0 30px;
    }

}

/*  */
.palco {
    background-color: #f0f0f0;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.lv {
    background-color: rgba(0,0,0,.05);
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
}

.lh {
    background-color: rgba(0,0,0,.05);
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
}

.iAtor {
    display: flex;
    align-items: center;
    justify-content: center;
  /*  width: 12.5%;
    height: 12.5%; */
    position: absolute;
}
.iAtor img {
    display: block;
    height: 100%;
    width: auto;
}

.iElemento {
    display: flex;
    align-items: center;
    justify-content: center;
 /*   width: 12.5%;
    height: 12.5%;*/
    position: absolute;
}
.iElemento img {
    height: 100%;
    width: auto;
	text-align:center;

}

.iCor {
    display: flex;
    align-items: center;
    justify-content: center;
 /*   width: 12.5%;
    height: 12.5%; */
    position: absolute;
}

.coluna-img{float:left;padding:2px 2px 2px 2px;cursor:pointer;}
.coluna-img img{
	width: 80px;
}
.coluna-cores{float:left;padding:2px 2px 2px 2px;width:90px;height:85px;cursor:pointer;}
.coluna-ator{float:left;padding:4px 4px 4px 4px;width: 81px;text-align:center;cursor:pointer;}
.coluna-ator img{height: 70px;}

.cursoSeleciona{
	position:absolute;
	top:63px;
	left:150px;
	z-index: 1000;
}

.lesson-instructions.removeArrow::before {
    display: none;
}

.coluna-elemento{float:left;padding:4px 4px 4px 4px;width:70px;font-size:10px;text-align:center;cursor:pointer;}
.coluna-elemento img{height:45px;max-width:100%;}

.ico-bluetooth { background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.48 5.978c0-1.224 1.386-1.933 2.378-1.216l4.248 3.067a1 1 0 0 1 .006 1.617L13.64 12l3.474 2.554a1 1 0 0 1-.007 1.617l-4.248 3.067c-.992.717-2.378.008-2.378-1.216v-3.7l-2.888 2.124a1 1 0 0 1-1.184-1.612L10.262 12 6.408 9.166a1 1 0 0 1 1.184-1.612l2.888 2.124v-3.7Zm2 7.653 2.342 1.722-2.342 1.691v-3.413Zm0-3.262V6.956l2.342 1.691-2.342 1.722Z' fill='%23636E89'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 8a8 8 0 0 1 8-8h4a8 8 0 0 1 8 8v8a8 8 0 0 1-8 8h-4a8 8 0 0 1-8-8V8Zm8-6a6 6 0 0 0-6 6v8a6 6 0 0 0 6 6h4a6 6 0 0 0 6-6V8a6 6 0 0 0-6-6h-4Z' fill='%23636E89'/%3E%3C/svg%3E") no-repeat center; }
.bluetooth-connected, .bluetooth-connected:hover {
	background: #0082FC url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.48 5.978c0-1.224 1.386-1.933 2.378-1.216l4.248 3.067a1 1 0 0 1 .006 1.617L13.64 12l3.474 2.554a1 1 0 0 1-.007 1.617l-4.248 3.067c-.992.717-2.378.008-2.378-1.216v-3.7l-2.888 2.124a1 1 0 0 1-1.184-1.612L10.262 12 6.408 9.166a1 1 0 0 1 1.184-1.612l2.888 2.124v-3.7Zm2 7.653 2.342 1.722-2.342 1.691v-3.413Zm0-3.262V6.956l2.342 1.691-2.342 1.722Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 8a8 8 0 0 1 8-8h4a8 8 0 0 1 8 8v8a8 8 0 0 1-8 8h-4a8 8 0 0 1-8-8V8Zm8-6a6 6 0 0 0-6 6v8a6 6 0 0 0 6 6h4a6 6 0 0 0 6-6V8a6 6 0 0 0-6-6h-4Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
    box-shadow: none;
}

.ico-webrtc {
	background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%23636E89' stroke-width='2'/%3E%3Ccircle cx='8' cy='12' r='2' stroke='%23636E89' stroke-width='2'/%3E%3Ccircle cx='16' cy='12' r='2' stroke='%23636E89' stroke-width='2'/%3E%3Cline x1='10' y1='12' x2='14' y2='12' stroke='%23636E89' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
}

.webrtc-connected, .webrtc-connected:hover {
    background: #0082FC url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%23636E89' stroke-width='2'/%3E%3Ccircle cx='8' cy='12' r='2' stroke='%23636E89' stroke-width='2'/%3E%3Ccircle cx='16' cy='12' r='2' stroke='%23636E89' stroke-width='2'/%3E%3Cline x1='10' y1='12' x2='14' y2='12' stroke='%23636E89' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
}


.stage-bt-layer {
    background-color: #F6F6F6;
    box-shadow: inset 0 1px 0 1px rgba(255,255,255,.9), 0px 1px 1px rgba(3, 11, 28, 0.25), 0px 2px 3px rgba(3, 11, 28, 0.05);
    display: block;
    border-radius: 20px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    text-indent: -999px;
    overflow: hidden;
    position: relative;
    overflow: hidden;
}
.stage-bt-layer {
	background: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.562 15.866l-4.155-2.872 4.154-2.868a1.016 1.016 0 000-1.672L13.577.18a1.016 1.016 0 00-1.154 0L.439 8.454a1.016 1.016 0 000 1.672l4.154 2.868-4.155 2.872a1.016 1.016 0 000 1.671l11.985 8.283a1.014 1.014 0 001.154 0l5.282-3.65a1.016 1.016 0 00-1.155-1.67L13 23.75 2.802 16.702l3.578-2.474 6.043 4.172a1.014 1.014 0 001.154 0l6.043-4.172 3.578 2.474-1.298.897a1.016 1.016 0 101.155 1.67l2.507-1.732a1.016 1.016 0 000-1.67zM13 16.33L2.803 9.29 13 2.25l10.197 7.04L13 16.33z' fill='%23636E89'/%3E%3C/svg%3E") no-repeat center;
}

.stage-bt-layer.hidemap {
	background-color: transparent;
	box-shadow: none;
	opacity: .6;
}

.metronome {
    background-color: #F6F6F6;
    box-shadow: inset 0 1px 0 1px rgba(255,255,255,.9), 0px 1px 1px rgba(3, 11, 28, 0.25), 0px 2px 3px rgba(3, 11, 28, 0.05);
    display: block;
    border-radius: 20px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    text-indent: -999px;
    overflow: hidden;
    position: relative;
    overflow: hidden;
}
.metronome {
	background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.9544 18.7093L21.6652 17.6569C21.3187 16.3962 20.1635 15.5156 18.856 15.5156H5.13249C3.82496 15.5156 2.66982 16.3962 2.32327 17.6569L2.04671 18.6632C1.69491 19.9433 1.95469 21.2829 2.75944 22.3387C3.56419 23.3945 4.78711 24 6.11461 24H17.9217C19.2377 24 20.4501 23.3997 21.2479 22.353C22.0457 21.3064 22.3032 19.9783 21.9544 18.7093ZM19.7566 21.2164C19.3166 21.7938 18.6477 22.125 17.9217 22.125H6.11461C5.37713 22.125 4.69767 21.7886 4.25063 21.2021C3.80353 20.6155 3.65921 19.8713 3.85467 19.1602L4.13124 18.1538C4.25475 17.7045 4.6665 17.3906 5.13249 17.3906H18.856C19.322 17.3906 19.7337 17.7045 19.8572 18.1538L20.1465 19.2062C20.3389 19.9063 20.1968 20.639 19.7566 21.2164V21.2164ZM4.95708 11.6585C5.4563 11.7957 5.74978 12.3117 5.61258 12.8109L5.35491 13.7484C5.24053 14.1645 4.86305 14.4377 4.45149 14.4377C4.36922 14.4377 4.28564 14.4269 4.20244 14.404C3.70322 14.2668 3.40974 13.7508 3.54694 13.2516L3.80461 12.3141C3.94191 11.8148 4.45768 11.5213 4.95708 11.6585V11.6585ZM6.7365 2.2852C7.57763 0.875672 9.1201 0 10.762 0H13.2264C15.3302 0 17.1888 1.41675 17.7464 3.44527L20.4415 13.2516C20.5787 13.7508 20.2853 14.2668 19.786 14.404C19.7029 14.4268 19.6193 14.4377 19.537 14.4377C19.1254 14.4377 18.7479 14.1646 18.6336 13.7484L15.9383 3.94214C15.6039 2.72503 14.4887 1.875 13.2264 1.875H10.762C9.77677 1.875 8.85127 2.40038 8.34666 3.24605C8.08135 3.6907 7.50582 3.83602 7.06121 3.5707C6.61655 3.30539 6.47119 2.72986 6.7365 2.2852V2.2852ZM2.62889 5.94923L3.42141 6.657C3.28317 6.98902 3.20649 7.35286 3.20649 7.73438C3.20649 9.28519 4.46818 10.5469 6.01899 10.5469C6.5131 10.5469 6.97758 10.4183 7.38155 10.1936L11.3945 13.7774C11.5697 13.9339 11.793 14.0156 12.0191 14.0156C12.1487 14.0156 12.2791 13.9888 12.402 13.9338C12.7393 13.7827 12.9564 13.4477 12.9564 13.0781V11.5312H13.8939C14.4117 11.5312 14.8314 11.1115 14.8314 10.5938C14.8314 10.076 14.4117 9.65625 13.8939 9.65625H12.9564V7.78125H13.8939C14.4117 7.78125 14.8314 7.36153 14.8314 6.84375C14.8314 6.32597 14.4117 5.90625 13.8939 5.90625H12.9564V4.6875C12.9564 4.16972 12.5367 3.75 12.0189 3.75C11.5012 3.75 11.0814 4.16972 11.0814 4.6875V10.984L8.625 8.79028C8.75771 8.46403 8.83144 8.10773 8.83144 7.73442C8.83144 6.18361 7.56975 4.92192 6.01894 4.92192C5.53294 4.92192 5.07544 5.04591 4.67616 5.26378L3.87778 4.55081C3.49158 4.206 2.89894 4.23938 2.55408 4.62563C2.20927 5.01173 2.24274 5.60437 2.62889 5.94923V5.94923ZM6.95649 7.73438C6.95649 8.25131 6.53593 8.67188 6.01899 8.67188C5.50205 8.67188 5.08149 8.25131 5.08149 7.73438C5.08149 7.21744 5.50205 6.79688 6.01899 6.79688C6.53593 6.79688 6.95649 7.21744 6.95649 7.73438Z' fill='%23636E89'/%3E%3C/svg%3E") no-repeat center;
}

.metronome.hidemap {
	background-color: transparent;
	box-shadow: none;
	opacity: .6;
}

.l-m{
	text-align:left;
	margin-left:20px;
}

.l-m-music{
	font-size:18px;
}

.code-bt {
background-position: center;
background-repeat: no-repeat;
    display: block;
    border-radius: 20px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    text-indent: -999px;
    overflow: hidden;
    position: relative;
opacity: .6;
    transition: all .2s linear;
}
.code-bt:hover {
    background-color: #F6F6F6;
    box-shadow: inset 0 1px 0 1px rgba(255,255,255,.9), 0px 1px 1px rgba(3, 11, 28, 0.25), 0px 2px 3px rgba(3, 11, 28, 0.05);
opacity: 1;
}
.code-bt-tabela_ascii { background-image: url(../img/ico-configuration.svg); }
.code-bt-conversor-binario { background-image: url(../img/ico-conversor-numerico.svg); }
.code-bt-notamusical { background-image: url(../../digitalmusic/img/ico-nota-musical.svg); }
.code-bt-clave { background-image: url(../../digitalmusic/img/ico-clave.svg); }
.code-bt-map { background-image: url(../img/ico-map.svg); }
.code-bt-warcard { background-image: url(../img/ico-papel.svg); }

/* dicas */
.lesson-instructions-container { position: relative; }
.lesson-bt-tip {
    background: #FFE662 url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18h6M10 22h4M15.09 14c.18-.98.65-1.74 1.41-2.5A4.65 4.65 0 0 0 18 8 6 6 0 1 0 6 8c0 1 .23 2.23 1.5 3.5A4.61 4.61 0 0 1 8.91 14' stroke='%231D1600' opacity='.7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
    border-radius: 50%;
    display: block;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    cursor: pointer;
    outline: 2px solid #FFE662;
    margin-left: 10px;
	animation: btTipRing .6s ease-in-out infinite alternate;
}
@keyframes btTipRing { 
    from { outline-offset: -4px; }
    to { outline-offset: 4px; }
}
.lesson-tip-container {
    background: #FFE662;
    box-shadow: 0px 40px 60px -20px rgba(194, 150, 36, 0.3);
    border-radius: 10px;
    display: none;
    position: absolute;
    top: 0;
    right: 50px;
    padding: 5px;
    z-index: 110;
}
.lesson-tip-container.show { display: block; }
.lesson-tip-container-title {
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18h6M10 22h4M15.09 14c.18-.98.65-1.74 1.41-2.5A4.65 4.65 0 0 0 18 8 6 6 0 1 0 6 8c0 1 .23 2.23 1.5 3.5A4.61 4.61 0 0 1 8.91 14' stroke='%231D1600' opacity='.7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 10px center;
    display: block;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: rgba(29,22,0,.8);
    padding: 10px 10px 10px 40px;
    margin: 0 0 5px;
}
.lesson-tip-content {
    background: #fff;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -0.02em;
    color: #636E89;
    padding: 15px 20px;
    max-height: 300px;
    overflow: auto;
}
.lesson-tip-content p { margin-bottom: 10px; }
.lesson-tip-content p:last-child { margin-bottom: 0; }

.stage-video-container {
	background-color: #f0f0f0;
	border-radius: 4px;
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}
.stage-video {
	display: block;
	width: 100%;
	height: auto;
}
.stage-auto {
	height: auto;
	padding: 0;
}


.files-explorer {
	display: flex;
	align-items: center;
	height: 40px;
}
.files-explorer > div {
	display: flex;
}
.files-explorer #codename {
	width: 100%;
}
.files-explorer .form-control {
    padding: 6px 10px;
	margin-right: 5px;
}
.code-folder,
.code-save,
.code-delete,
.code-clone {
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	border: 0;
	border-radius: 4px;
	display: block;
	width: 32px;
	height: 32px;
	text-indent: -999px;
	overflow: hidden;
	margin-right: 5px;
	opacity: .6;
	transition: all .2s linear;
}
.code-folder:hover,
.code-save:hover,
.code-delete:hover,
.code-clone:hover {
	background-color: #fff;
	opacity: 1;
}
.code-folder { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.707 14.134h-2.963v-3.117a.877.877 0 00-.878-.878h-8.643L13.004 7.06a.224.224 0 00-.15-.06H5.877A.877.877 0 005 7.878v16.244c0 .486.392.878.878.878h19.153a.88.88 0 00.814-.549l3.677-9.11a.877.877 0 00-.815-1.207zM6.976 8.976h5.172l3.282 3.139h8.338v2.02H9.774a.88.88 0 00-.815.548L6.976 19.6V8.976zm17.432 14.048H7.607L10.44 16h16.804l-2.837 7.024z' fill='%23636E89'/%3E%3C/svg%3E"); }
.code-save { background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 2a1 1 0 00-1 1v14a1 1 0 001 1h1v-7a1 1 0 011-1h10a1 1 0 011 1v7h1a1 1 0 001-1V6.414L13.586 2H6v3h7a1 1 0 110 2H5a1 1 0 01-1-1V2H3zm2-2H3a3 3 0 00-3 3v14a3 3 0 003 3h14a3 3 0 003-3V6a1 1 0 00-.293-.707l-5-5A1 1 0 0014 0H5zm1 12v6h8v-6H6z' fill='%23636E89'/%3E%3C/svg%3E"); }
.code-clone { background-image: url(../home/img/ico-duplicate.svg); }
.code-delete { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M17 5V4a2 2 0 00-2-2H9a2 2 0 00-2 2v1H4a1 1 0 000 2h1v11a3 3 0 003 3h8a3 3 0 003-3V7h1a1 1 0 100-2h-3zm-2-1H9v1h6V4zm2 3H7v11a1 1 0 001 1h8a1 1 0 001-1V7z' fill='%23636E89'/%3E%3Cpath d='M9 9h2v8H9V9zM13 9h2v8h-2V9z' fill='%23636E89'/%3E%3C/svg%3E"); }

#delete, #export { display: none; }

.coords{font-size:10px;}

.lesson-instructions-div-ia {
    background: #0fbd8c no-repeat 10px 7px;
    background-size: 11px;
    border-radius: 6px;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 1.5;
    color: rgba(255,255,255);
    margin: 2px 2px 2px 12px;
    position: relative;
    text-align:center;
    cursor:pointer;
	display: flex;
  align-items: center;
  justify-content: center;
}

.centered-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lesson-instructions-div-ia:hover {
    background-color: #009234;
}


/* Estilo do Modal */
.modal-ia {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  overflow: hidden;
}

/* Estilo do conteúdo do Modal */
.modal-content-ia {
  position: relative;
  margin: auto;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* Estilo do botão fechar */
.close-modal-ia {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
  cursor: pointer;
  font-size:30px;
}

.pergunta-dialog {
	position: fixed;
	bottom: 18px;
	left: 8px;
	padding: 16px;
	background-color: #fff;
	border: 1px solid #ccc;
	display: none; /* inicialmente escondido */
	z-index: 1000; /* garante que o diálogo apareça acima do conteúdo da página */
}

#perguntaDialogInput {
    margin-top: 8px;
	width:250px;
	margin-bottom: 8px;
}

.pergunta-dialog > div {
	 text-align:center;
}

#meuMapa area {
    cursor: pointer;
}

      

.cenario {
    position: absolute;
    background-size: cover;
    z-index: 9;
}

/* Estilos para conversação IA */
.balao-chat-ia {
	background-color: #f0f0f0;
	padding: 10px;
	margin: 10px;
	border-radius: 5px;
}
  

#resposta-chat-aluno {
	margin-top: 0px;
	padding: 10px;
	text-align:right;
}

.btn-chat {
	padding: 10px 20px;
	background-color: #007bff;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

.questao-container {
  display: flex; /* Usar flexbox */
  align-items: center; /* Alinhar itens verticalmente */
  margin-bottom: 10px; /* Adicionar um pouco de espaço abaixo de cada questão */
}

/* Estilo para o label que contém o texto da questão */
.questao-label {
  margin-left: 5px; /* Adicionar um pouco de espaço à esquerda do texto */
}

/* Estilo opcional para o botão de rádio se desejar alterar sua aparência ou posicionamento */
.radio-button {
  margin-top: 0; /* Para remover qualquer espaço extra acima do botão de rádio */
  margin-right:5px;
}
.respostas-container{
	margin-top:50px;
}

#logo-secundario{margin-top:-10px;}

#vw_divPersonalizado {
    display: none; /* Inicialmente escondido */
    position: fixed; /* Fixo na tela */
    width: 100%; /* Largura total */
    height: 100%; /* Altura total */
    top: 0;
    left: 0;
    background: white; /* Fundo branco */
    z-index: 1000; /* Ficará acima de outros elementos */
    overflow-y: hidden; /* Remove apenas a rolagem vertical */
}

#vw_tituloBarra {
	background: #333; /* Fundo da barra de título */
	color: white; /* Cor do texto da barra de título */
	padding: 10px; /* Espaçamento interno */
	text-align: center; /* Alinhamento do texto */
}

.vw_imgoferta{
  transition: transform 0.3s ease; /* Adiciona uma transição suave */
}

.vw_imgoferta:hover {
  transform: scale(2); 
  cursor:pointer;
}
.vw_imgoferta.clicked {
  transform: scale(2);
  border-style:solid;
  border-width:1px;
}
#produtosSelecionados{margin-top:40px;}


.mochila {
    position: relative;
    width: 100%;
    background-color: #f0f0f0;
    border-top: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    box-sizing: border-box;
    cursor: pointer;
  }

  .mochila-content {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-top: 1px solid #ccc;
    display: none;
    overflow-y: auto;
  }

  
  .mochila-content img {
    width: 40px;
    height: 40px;
    margin: 5px;
  }
  

  .mochila.expanded .mochila-content {
    display: block;
  }

  .mochila-toggle {
    background-color: #ccc;
    border: none;
    padding: 5px;
    cursor: pointer;
  }


  .cartola-icon {
    position: absolute;
    bottom: -5px;
    right: -5px;
  }

  .compartimento-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    padding-top: 60px;
  }

  .compartimento-modal-content {
    background-color: #fefefe;
    margin: 5% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
  }

  .compartimento-close {
    color: #aaa;
    float: right;
    font-size: 16px;
    font-weight: bold;
  }

  .compartimento-close:hover,
  .compartimento-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }

  #compartimentosList{
    font-size: 20px;
    text-decoration: underline;
    color:rgb(32, 32, 112);
    cursor:pointer !important;
  }
  
.balao-comunicacao {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    min-width: 60px;
    max-width: 200px;
    text-align: center;
}
/* Estilos para o popup de texto grande */
#popupTextoGrande {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 500px;
	height: 400px;
	background-color: white;
	border: 2px solid #333;
	border-radius: 8px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
	padding: 20px;
	z-index: 1000;
}

/* Estilo para o título */
#popupTextoGrande h2 {
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

/* Estilo para o conteúdo */
#popupTextoGrande .textogrande-content {
	overflow-y: auto;
	height: calc(100% - 40px);
}

/* Estilo para o botão fechar */
.textogrande-close-btn {
	position: absolute;
	top: -8px;
	right: 10px;
	cursor: pointer;
	font-size: 32px;
	font-weight: bold;
}

/* Estilo geral para o conteúdo */
.textogrande-content {
	white-space: pre-line;
	word-wrap: break-word;
}

/* Estilo do ícone flutuante */
.overlayIcon {
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 50px;
	font-weight: bold;
	color: green;
	z-index: 100;
}

/* Classe adicional para adicionar numeração às linhas */
.textogrande-content.line-numbered {
    counter-reset: linenumber;
    white-space: pre-line;
    word-wrap: break-word;
    padding-left: 2.5em;
    position: relative;
}

/* Estilo para a numeração de cada linha */
.textogrande-content.line-numbered p::before, 
.textogrande-content.line-numbered span::before {
    counter-increment: linenumber;
    content: counter(linenumber) ". ";
    position: absolute;
    left: 0;
    width: 2em;
    text-align: right;
    margin-right: 0.5em;
    color: red;
    font-weight: bold;
    display: inline-block;
}
.textogrande-content p {
margin: 0; /* Remove a margem padrão */
}

.textogrande-content.line-numbered p, 
.textogrande-content.line-numbered span {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}
#descricaoDesafioPopup button {
    border: none; /* Remove as bordas */
    background: none; /* Remove o fundo */
    padding: 0; /* Remove os espaçamentos */
    cursor: pointer; /* Define o cursor como pointer ao passar o mouse */
    font-size: inherit; /* Garante que o ícone use o tamanho de fonte padrão */
    color: inherit; /* Usa a cor padrão do texto */
}

#descricaoDesafioPopup button:hover {
    opacity: 0.7; /* Adiciona um efeito visual no hover (opcional) */
}

.tw-uppercase {
    text-transform: uppercase;
}

body.tw-uppercase button, body.tw-uppercase .tooltip, body.tw-uppercase select {
  text-transform: uppercase;
}