@charset "UTF-8";.activity-wrapper{margin:0 auto;max-width:1600px;font-size:16px;line-height:normal}.activity-wrapper translate a.translate{margin-left:10px;text-transform:lowercase}.activity-wrapper translate span.error,.activity-wrapper translate span.translation span.text{background:#eee;padding:5px 10px;margin:5px;border-radius:8px}.activity-wrapper translate span.error{color:red}.activity-wrapper translate span.translation{display:block;line-height:1.4em;margin-top:10px}.activity-wrapper translate span.translation span.automatic{font-size:8px;font-weight:400;padding:3px;background:#ccc;color:#fff}.activity-wrapper textarea{width:100%}.activity-wrapper table input{width:100%}.activity-wrapper table{border:1px solid #697582;border-collapse:collapse}.activity-wrapper .left.img-polaroid{margin:0 20px 20px 0}.activity-wrapper .img-polaroid{margin:0 0 20px 20px;max-width:90%}.activity-wrapper .f-left p,.activity-wrapper .f-right p{padding:10px}.activity-wrapper .f-left .img-polaroid,.activity-wrapper .f-right .img-polaroid{margin:0}.activity-wrapper .f-left{width:49%;float:left}.activity-wrapper .f-right{width:50%;float:right}.activity-wrapper .ed_table{background-color:#eee;border-collapse:collapse;font-size:14px}.activity-wrapper .ed_table td,.activity-wrapper .ed_table th{border:1px solid #aaa;padding:5px 5px 5px 15px;vertical-align:middle}.activity-wrapper .ed_table th{background-color:#ddd;font-weight:700}.activity-wrapper .ed_tr_blanco{background-color:#fff}.activity-wrapper .ed_title{font-size:16px;font-weight:700}.activity-wrapper .ed_ul_normal li{padding-left:1em}.activity-wrapper .ed_ul_title li{font-weight:700;list-style-type:disc}.activity-wrapper .ed_ejemplo{font-style:italic}.activity-wrapper .ed_subtitle{font-weight:500;color:#274262;font-size:15px;margin-left:0;padding-left:0}.activity-wrapper .ed_subtitle .dark{font-weight:600}.activity-wrapper .ed_recuadro{border-radius:5px;background-color:#fbfbfb;padding:20px;display:inline-block;box-shadow:3px 3px 5px rgba(54,84,116,.1);line-height:normal;font-size:1.1em}.activity-wrapper .ed_recuadro.verde,.activity-wrapper table .verde{border:1px solid #1c7230;background-color:#d7e9c5}.activity-wrapper .ed_recuadro.verde.fuerte,.activity-wrapper table .verde.fuerte{background-color:#c8d32e}.activity-wrapper .ed_recuadro.amarillo,.activity-wrapper table .amarillo{border:1px solid #d9a300;background-color:#fff1c6}.activity-wrapper .ed_recuadro.azul,.activity-wrapper table .azul{border:1px solid #017ba9;background-color:#9cd6e2}.activity-wrapper .ed_recuadro.azul2,.activity-wrapper table .azul2{border:1px solid #5893d4;background-color:#acc9ea}.activity-wrapper .ed_recuadro.azul3,.activity-wrapper table .azul3{border:1px solid #79a6e8;background-color:#d5edff}.activity-wrapper .ed_recuadro.morado,.activity-wrapper table .morado{border:1px solid #8c008c;background-color:#f9dcfe}.activity-wrapper .ed_recuadro.gris{background-color:#dedede}.activity-wrapper .ed_recuadro.fucsia,.activity-wrapper table .fucsia{border:1px solid #8c008c;background-color:#e5007d}.activity-wrapper .ed_recuadro.naranja,.activity-wrapper table .naranja{border:1px solid #aa4b0b;background-color:#e86a0c}.activity-wrapper .ed_recuadro.morado2,.activity-wrapper table .morado2{border:1px solid #630466;background-color:#8c008c}.activity-wrapper .ed_recuadro.verde2,.activity-wrapper table .verde2{border:1px solid #187012;background-color:#3aa935}.activity-wrapper .eu_table{background-color:#eee;border-collapse:collapse}.activity-wrapper .eu_table td,.activity-wrapper .eu_table th{border:1px solid #666;padding:5px 15px}.activity-wrapper .eu_table th{text-align:center;background-color:#dedede;font-weight:700}.activity-wrapper .eu_table .eu_blanco{background-color:#fff}.activity-wrapper .eu_table .eu_title{color:#fff;font-weight:700;text-align:center;background-color:#aaa}.activity-wrapper .eu_table .eu_subtitle{font-weight:700;background-color:#ccc}.activity-wrapper .eu_stitle{color:#fff;background-color:#999;font-weight:700;text-align:center;font-size:1.3em}.activity-wrapper .transparent_cell td,.activity-wrapper .transparent_cell th{border:none;background-color:transparent}.activity-wrapper .transparent_cell th{border-bottom:1px solid #999;font-weight:700}.activity-wrapper .texto_azul{color:#00a3d9}.activity-wrapper .texto_azul.oscuro{color:#0066b3}.activity-wrapper .texto_blanco{color:#fff}.activity-wrapper .texto_granate{color:#8c0000}.activity-wrapper .texto_marron{color:#8c4600}.activity-wrapper .texto_morado{color:#b200b2}.activity-wrapper .texto_morado.oscuro{color:#8c008f}.activity-wrapper .texto_naranja{color:#ec6d22}.activity-wrapper .texto_rojo{color:red}.activity-wrapper .texto_verde.oscuro{color:#1c7230}.activity-wrapper .texto_verde.claro{color:#79b63e}.activity-wrapper .texto_verde.hierba{color:#7acc00}.activity-wrapper .texto_rojo.fuego{color:#ff3f00}.activity-wrapper .texto_verde.azulado{color:#047878}.activity-wrapper .texto_rosa.claro{color:#ff7de5}.activity-wrapper .texto_fucsia{color:#e5007d}.activity-wrapper .texto_gris{color:#999}.activity-wrapper .texto_gris.claro{color:#ccc}.activity-wrapper .texto_gris.oscuro{color:#666}.activity-wrapper img.transparent{background:0 0;border:none;box-shadow:none}.activity-wrapper .clear{clear:both}.activity-wrapper h1,.activity-wrapper h2,.activity-wrapper h3,.activity-wrapper h4,.activity-wrapper h5,.activity-wrapper h6{font-weight:400;color:#000}.activity-wrapper h1{font-size:32px}.activity-wrapper h2{font-size:26px}.activity-wrapper h3{font-size:20px}.activity-wrapper h4{font-size:17px;line-height:1.3em}.activity-wrapper td .mejs-container.mejs-audio{margin-left:0}.activity-wrapper td.clip{overflow:hidden}.activity-wrapper .f-right{clear:both;margin-top:30px;float:left}.activity-wrapper .center{text-align:center}.activity-wrapper .right{text-align:right}.activity-wrapper .ed_recuadroblanco{background-color:#fff}table.ed_table{width:90%}table.ed_table input{max-width:95%}.siacco-mdl-avatar{width:60%;padding-left:0}nav.siacco-mdl-navigation{color:#333}.mdl-layout__content{background-color:#fff}header.siacco-mdl-header.mdl-layout__header{color:#fff;display:flex!important;justify-content:center;align-items:center}header.siacco-mdl-header.mdl-layout__header .header-course-logo{padding-top:0;margin:0;display:flex;align-items:center;justify-content:center}header.siacco-mdl-header.mdl-layout__header .header-course-logo a{text-decoration:none;display:flex;align-items:center}header.siacco-mdl-header.mdl-layout__header .header-course-logo img{margin:0 auto}.siacco-mdl-layout .siacco-mdl-header .mdl-textfield{padding:0;margin-top:41px}.siacco-mdl-layout .siacco-mdl-header .mdl-textfield .mdl-textfield__expandable-holder{bottom:19px}.siacco-mdl-layout .mdl-layout__header .mdl-layout__drawer-button{color:rgba(0,0,0,.54);right:0!important;left:auto!important}.mdl-layout__header{background-color:#0097ff;box-shadow:0}@media screen and (min-width:1025px){.mdl-layout__header-row{height:60px;padding-top:5px}}.mdl-layout-title{text-transform:uppercase}@media screen and (max-width:480px){.mdl-layout-title{max-width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}@media screen and (max-width:330px){.mdl-layout-title{max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.mdl-layout__drawer .avatar{margin-bottom:0}.siacco-mdl-drawer{background-color:#0063b8;border:0;width:240px;right:0!important;left:3200px!important}.siacco-mdl-drawer.is-visible{left:inherit!important}.siacco-mdl-drawer .mdl-menu__container{z-index:20}.siacco-mdl-drawer .siacco-mdl-navigation{overflow:hidden;z-index:-2}.siacco-mdl-drawer .mdl-menu .mdl-menu__item{display:flex;align-items:center}.siacco-mdl-drawer-header{box-sizing:border-box;display:flex;flex-direction:column;height:100px;justify-content:flex-end;margin-bottom:-10px;margin-top:10px;padding:0 16px}.siacco-mdl-avatar-dropdown{float:right;align-items:center;color:#fff;display:flex;position:absolute;top:50px;right:0;width:100px;justify-content:space-between;margin-bottom:16px;margin-left:20px;text-align:center;padding:0}.siacco-mdl-avatar-dropdown>span{height:1.2em;line-height:1.2em;overflow:hidden;text-overflow:ellipsis}.siacco-mdl-avatar-dropdown .mdl-button{margin-right:10px}.siacco-mdl-avatar-dropdown ul{left:5px!important}.siacco-mdl-avatar-dropdown ul li{padding:0!important;display:flex;align-items:center}.siacco-mdl-avatar-dropdown ul li a{display:flex;width:100%;height:100%;text-decoration:none;padding:10px 15px 10px 0;color:inherit;align-items:center}.siacco-mdl-avatar-dropdown ul li a i{margin-right:10px;display:inline-block}.siacco-mdl-avatar-dropdown ul li a span{display:inline-block}.siacco-mdl-navigation{background-color:#274262;color:#fff;flex-grow:1}.siacco-mdl-layout .siacco-mdl-navigation .mdl-navigation__link{align-items:center;background-color:#365474;border-bottom:1px solid #274262;color:#333;display:flex!important;flex-direction:row;font-weight:500;justify-content:flex-start;text-transform:uppercase}.siacco-mdl-layout .siacco-mdl-navigation .mdl-navigation__link.active{color:#fff;background-color:#0063b8}.siacco-mdl-layout .siacco-mdl-navigation .mdl-navigation__link:hover{background-color:#0097ff;color:#fff;text-decoration:none}.siacco-mdl-navigation .mdl-navigation__link .material-icons{font-size:24px;margin-right:32px}.siacco-mdl-content{background-color:#fff!important;margin:0}.siacco-mdl-charts{align-items:center}.siacco-mdl-chart:first-child{color:#acec00}.siacco-mdl-chart:nth-child(2){color:#00bbd6}.siacco-mdl-chart:nth-child(3){color:#ba65c9}.siacco-mdl-chart:nth-child(4){color:#ef3c79}.siacco-mdl-graphs{padding:16px 32px;display:flex;flex-direction:column;align-items:stretch}_:-ms-input-placeholder,:root .siacco-mdl-graphs{min-height:664px}_:-ms-input-placeholder,:root .siacco-mdl-graph{max-height:300px}.siacco-mdl-graph:first-child{color:#00b9d8}.siacco-mdl-graph:nth-child(2){color:#d9006e}.siacco-mdl-cards{align-items:flex-start;align-content:flex-start}.siacco-mdl-cards .siacco-mdl-separator{height:32px}.siacco-mdl-cards .mdl-card__title.mdl-card__title{color:#fff;font-size:24px;font-weight:400}.siacco-mdl-cards ul{padding:0}.siacco-mdl-cards h3{font-size:1em}.siacco-mdl-updates .mdl-card__title{min-height:200px;background-image:url("images/dog.png");background-position:90% 100%;background-repeat:no-repeat}.siacco-mdl-cards .mdl-card__actions a{color:#00bcd4;text-decoration:none}.siacco-mdl-options h3{margin:0}.siacco-mdl-options .mdl-checkbox__box-outline{border-color:rgba(255,255,255,.89)}.siacco-mdl-options ul{margin:0;list-style-type:none}.siacco-mdl-options li{margin:4px 0}.siacco-mdl-options .material-icons{color:rgba(255,255,255,.89)}.siacco-mdl-options .mdl-card__actions{height:64px;display:flex;box-sizing:border-box;align-items:center}@font-face{font-family:"Prompt Regular";src:url("fonts/Prompt-Regular.woff2");src:url("fonts/Prompt-Regular.woff") format("woff"),url("fonts/Prompt-Regular.otf") format("opentype"),url("fonts/Prompt-Regular.ttf") format("truetype")}.siacco-menubar{padding:0;margin:0 auto;height:40px;background-color:#fff;box-sizing:border-box;width:80%;max-width:1600px;margin:0 auto}@media screen and (max-width:640px){.siacco-menubar{display:none}}.siacco-menubar div{padding:.7em 0 0 0;margin:0;min-width:165px;text-align:center;cursor:pointer;color:#0063b8;font-weight:500;font-size:1.2em;text-transform:capitalize;text-decoration:none}.siacco-menubar div:hover{background-color:rgba(54,84,116,.1);color:#274262}.siacco-menubar div.active{background-color:rgba(54,84,116,.1);color:#365474}.siacco-menubar a,.siacco-menubar a:hover{text-decoration:none;text-decoration:none;color:inherit;background-color:transparent;cursor:pointer;text-align:inherit;border:none}.siacco-menubar i.material-icons{margin-right:5px;vertical-align:middle;font-size:1.2em}.course-index{box-sizing:border-box;width:80%;max-width:1600px;margin:20px auto!important;padding-top:0}@media screen and (max-width:480px){.course-index{width:100%;max-width:100%}}.course-index .level-navigation-container{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.course-index .level-navigation-container .nav-button-container{flex:0 0 130px;display:flex;justify-content:center}@media screen and (max-width:480px){.course-index .level-navigation-container .nav-button-container{display:none}}.course-index .level-navigation-container .level-display-area{flex:1;min-width:0}.course-index .level-navigation-container .level-nav-button{background:0 0;border:none;cursor:pointer;color:#0097ff;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s}.course-index .level-navigation-container .level-nav-button:hover{color:#0063b8}.course-index .level-navigation-container .level-nav-button i{font-size:128px}.course-index .level-navigation-container .level-nav-button.mobile{color:#fff;background-color:rgba(0,0,0,.2);border-radius:50%;width:48px;height:48px}.course-index .level-navigation-container .level-nav-button.mobile i{font-size:32px}@media screen and (min-width:481px){.course-index .level-navigation-container .level-nav-button.mobile{display:none}}.course-index .level-block{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:20px;background-color:#fff}@media screen and (max-width:480px){.course-index .level-block{flex-direction:column;margin-bottom:0;background-color:transparent}}.course-index .level-block .course-header{flex:0 0 300px;height:300px;background-image:url(images/a2-17-39.jpg);background-size:cover;background-position:center;margin:0;padding:0;color:#fff;position:relative}@media screen and (max-width:480px){.course-index .level-block .course-header{flex:0 0 auto;height:190px;border-radius:4px;background-position:center;width:100%}}.course-index .level-block .course-header .mobile-nav-header{display:flex;align-items:flex-start;justify-content:space-between;height:100%;width:100%}.course-index .level-block .course-header .mobile-nav-header .level-nav-button.mobile{margin-top:70px}@media screen and (min-width:481px){.course-index .level-block .course-header .mobile-nav-header{display:block}.course-index .level-block .course-header .mobile-nav-header .level-nav-button.mobile{display:none}}.course-index .level-block .course-header .course-name{margin:0;padding:1em 0 0 .8em;font-size:24pt;line-height:1.2em;text-shadow:#aaa 2px 2px 5px}@media screen and (max-width:480px){.course-index .level-block .course-header .course-name{padding:90px 0 0 0;font-size:24pt;text-align:center}}.course-index .level-block .lessons{flex:1;padding:10px;margin:0 10px;background-color:#f5f5f5;border-radius:10px;overflow-y:hidden;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start;column-gap:10px;row-gap:10px}@media screen and (max-width:480px){.course-index .level-block .lessons{padding:10px;row-gap:10px}}.course-index .level-block .lessons .course-lesson{cursor:pointer;text-decoration:none;background-color:#0097ff;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;color:#fff;width:calc(50% - 10px);max-width:300px;height:42px;border:2px solid #fff;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,.2);overflow:hidden;margin:0}@media screen and (max-width:1200px){.course-index .level-block .lessons .course-lesson{width:100%;max-width:none}}@media screen and (max-width:800px){.course-index .level-block .lessons .course-lesson{width:100%;max-width:none}}@media screen and (max-width:480px){.course-index .level-block .lessons .course-lesson{width:100%;max-width:none;height:36px}}.course-index .level-block .lessons .course-lesson.level-a1{background:linear-gradient(to bottom,#eac4c5,#d68c8d)}.course-index .level-block .lessons .course-lesson.level-a2{background:linear-gradient(to bottom,#d9c9de,#b79ac1)}.course-index .level-block .lessons .course-lesson.level-b1{background:linear-gradient(to bottom,#a4dbe8,#67c3d9)}.course-index .level-block .lessons .course-lesson.level-b2{background:linear-gradient(to bottom,#d8b13b,#a58421)}.course-index .level-block .lessons .course-lesson.level-c1{background:linear-gradient(to bottom,#ccd09b,#b2b767)}.course-index .level-block .lessons .course-lesson:hover{background-color:rgba(39,66,98,.8)}.course-index .level-block .lessons .course-lesson .lesson-title{padding:0 1em;text-decoration:none;font-size:11pt;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media screen and (max-width:480px){.course-index .level-block .lessons .course-lesson .lesson-title{padding:0 1em}}.course-index .level-block .lessons .course-lesson .lesson-completed{height:4px;position:relative;bottom:0;left:0;border-radius:4px;background-color:rgba(255,255,255,.7)}.course-index .level-block .lessons .course-lesson .completion-mark{padding:.4em;font-weight:bolder;float:right;font-size:10pt}.course-index .level-block .lessons .mobile-nav-lessons{display:flex;flex-direction:row;width:100%;justify-content:space-between;padding:10px 0}@media screen and (min-width:481px){.course-index .level-block .lessons .mobile-nav-lessons{display:none}}.course-index .level-block .lessons .mobile-nav-lessons .flex-spacer{flex:1}.course-index .level-block .lessons .mobile-nav-lessons .level-nav-button.mobile{background-color:#0097ff;box-shadow:0 2px 4px rgba(0,0,0,.2)}.finish-buttons{width:100%;background-color:#fff;height:5em;margin:1em;padding:2em 1.4em 1em;text-align:center}.finish-buttons::after{margin:2em;content:" "}.finish-buttons label{font-size:1.1em;font-weight:700;line-height:2em}.finish-buttons .score{padding:0}.finish-buttons .score-description{display:flex;align-items:center;color:#0063b8;text-align:right;font-size:18px;padding:5px 0 1px 0;text-transform:capitalize;font-weight:bolder;background-color:none!important}.finish-buttons .score-percent{text-align:left;font-size:4em;color:#92b847;line-height:1em;padding-top:5px}.finish-buttons .score-show{color:#0063b8;font-size:18px}.finish-buttons .auto-review-info .reply,.finish-buttons .auto-review-info .waiting{margin-bottom:3em}.finish-buttons .auto-review-info .waiting{display:flex;font-family:"Prompt Regular",Helvetica,Arial,sans-serif;justify-content:center;margin-bottom:1em}.finish-buttons .auto-review-info .waiting i.material-icons{padding-right:10px}.finish-buttons .auto-review-info .reply{border:2px solid #0097ff;text-align:justify}.finish-buttons .auto-review-info .reply .title{background:#0097ff;color:#fff;display:inline-block;font-size:1.4em;padding:.5em 1em}.finish-buttons .auto-review-info .reply .body{font-family:"Prompt Regular",Helvetica,Arial,sans-serif;padding:1em}.siacco-sidebar-menu a,.siacco-sidebar-menu a:hover{text-decoration:none;text-decoration:none;color:inherit;background-color:transparent;cursor:pointer;text-align:inherit;border:none}@media (max-width:768px) or (max-height:900px){.siacco-sidebar-menu{max-height:88vh;overflow-y:auto}}.chat,.textchat{border-radius:5px;min-height:400px;max-height:500px;overflow-y:scroll;width:60%;background-image:url("/assets/images/chat-background.png")}@media (max-width:840px){.chat,.textchat{width:100%}}.ai_reply,.user_chat{display:flex;align-items:flex-end;margin-bottom:.2em;margin-right:10px}.user_chat i{margin-bottom:8px;margin-right:.3em}.userinput{width:60%}.userinput input{width:85%}.userinput i{cursor:pointer}.ai_reply i{margin-bottom:8px;margin-left:.3em}.ai_reply{justify-content:flex-end}.exercise-completed{margin-top:1em;background-color:#0097ff;border-radius:5px;color:#365474;font-size:1.5em;padding:1em;text-align:center}.chat-container{display:flex;flex-direction:column;gap:10px;max-width:300px;margin:20px}.message{max-width:80%;padding:10px 15px;border-radius:15px;position:relative;font-family:Arial,sans-serif;font-size:14px;line-height:1.4}.sent{background-color:#dcf8c6;align-self:flex-end;border-bottom-right-radius:5px}.sent::after{content:"";position:absolute;left:-6px;bottom:12px;width:10px;height:10px;background-color:#dcf8c6;clip-path:polygon(0 0,100% 100%,100% 0);rotate:-135deg}.received{background-color:#fff;align-self:flex-start;border-bottom-left-radius:5px;border:1px solid #ddd}.received::after{content:"";position:absolute;right:-5px;bottom:12px;width:10px;height:10px;background-color:#fff;clip-path:polygon(0 0,0 100%,100% 100%);border-left:1px solid #ddd;border-bottom:1px solid #ddd;rotate:225deg}.flow-container{padding:2rem;max-width:1200px;margin:0 auto;font-family:Inter,Roboto,sans-serif}.flow-container .flow-header{margin-bottom:3rem;text-align:center;animation:fadeInDown .8s ease-out}.flow-container .flow-title{font-size:2.5rem;font-weight:800;color:#0063b8;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.flow-container .flow-title .beta-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;background:#f43f5e;color:#fff;padding:.2rem .6rem;border-radius:1rem;letter-spacing:.05em;vertical-align:middle;box-shadow:0 2px 4px rgba(244,63,94,.2)}.flow-container .flow-subtitle{color:#64748b;font-size:1.1rem}.flow-container .flow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;animation:fadeInUp .8s ease-out .2s both}.flow-container .flow-card{padding:2.5rem 2rem;border-radius:1.5rem;background:rgba(255,255,255,.7);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 25px -5px rgba(0,0,0,.05),0 8px 10px -6px rgba(0,0,0,.05);transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none!important;color:inherit;cursor:pointer}.flow-container .flow-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border-color:rgba(99,102,241,.4);background:rgba(255,255,255,.9)}.flow-container .flow-card:hover .flow-card-icon{transform:scale(1.1) rotate(5deg)}.flow-container .flow-card .flow-card-icon{width:72px;height:72px;border-radius:1.25rem;background:rgba(0,99,184,.1);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:transform .3s ease}.flow-container .flow-card .flow-card-icon i{font-size:36px;color:#0063b8}.flow-container .flow-card h3{margin:0 0 1rem 0;color:#1e293b;font-size:1.5rem;font-weight:700}.flow-container .flow-card p{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.flow-container .flow-card .flow-card-stats{padding-top:1rem;border-top:1px solid rgba(0,0,0,.05);width:100%}.flow-container .flow-card .flow-stat{font-weight:600;color:#0063b8;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.flow-container .back-link{display:inline-flex;align-items:center;gap:.5rem;color:#59656f;text-decoration:none;font-weight:600;margin-bottom:2rem;transition:transform .2s}.flow-container .back-link:hover{transform:translateX(-5px);color:#59656f}.flow-container .content-placeholder{padding:4rem 2rem;border-radius:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;background:rgba(255,255,255,.7);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.flow-container .content-placeholder .placeholder-icon{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,rgba(99,102,241,.1) 0,rgba(168,85,247,.1) 100%);display:flex;align-items:center;justify-content:center}.flow-container .content-placeholder .placeholder-icon i{font-size:48px;background:linear-gradient(135deg,#6366f1 0,#a855f7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.flow-container .content-placeholder h2{margin:0;color:#1e293b}.flow-container .content-placeholder p{max-width:500px;color:#64748b}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shadowing-module .shadowing-settings{display:flex;justify-content:center;margin-bottom:2rem}.shadowing-module .shadowing-settings .toggle-switch{display:inline-flex;align-items:center;cursor:pointer;gap:.75rem}.shadowing-module .shadowing-settings .toggle-switch input{opacity:0;width:0;height:0}.shadowing-module .shadowing-settings .toggle-switch .slider{position:relative;display:inline-block;width:44px;height:24px;background-color:#cbd5e1;border-radius:24px;transition:.3s}.shadowing-module .shadowing-settings .toggle-switch .slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 4px rgba(0,0,0,.2)}.shadowing-module .shadowing-settings .toggle-switch input:checked+.slider{background-color:#10b981}.shadowing-module .shadowing-settings .toggle-switch input:focus+.slider{box-shadow:0 0 1px #10b981}.shadowing-module .shadowing-settings .toggle-switch input:checked+.slider:before{transform:translateX(20px)}.shadowing-module .shadowing-settings .toggle-switch .label-text{font-weight:600;color:#475569;font-size:1rem}.shadowing-module .shadowing-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.shadowing-module .shadowing-tabs .tab-btn{padding:.75rem 2rem;border-radius:2rem;border:2px solid transparent;background:rgba(255,255,255,.5);color:#64748b;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.shadowing-module .shadowing-tabs .tab-btn:hover{background:rgba(255,255,255,.8)}.shadowing-module .shadowing-tabs .tab-btn.active{background:#fff;color:#6366f1;border-color:#6366f1;box-shadow:0 4px 6px -1px rgba(99,102,241,.2)}.shadowing-module .shadowing-interactive{max-width:800px;margin:0 auto}.shadowing-module .shadowing-interactive .header-actions{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:2rem}.shadowing-module .shadowing-interactive .header-actions .back-link{background:0 0;border:none;padding:0;cursor:pointer;font-size:1rem;margin:0}.shadowing-module .shadowing-interactive .header-actions .progress{font-weight:600;color:#64748b;background:rgba(255,255,255,.5);padding:.5rem 1rem;border-radius:1rem}.shadowing-module .shadowing-interactive .interactive-area{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%}.shadowing-module .shadowing-interactive .interactive-area .target-item{font-size:2.5rem;font-weight:800;color:#1e293b;text-align:center;margin:1rem 0}.shadowing-module .shadowing-interactive .action-buttons{display:flex;gap:1.5rem;justify-content:center;width:100%}.shadowing-module .shadowing-interactive .next-btn,.shadowing-module .shadowing-interactive .play-btn,.shadowing-module .shadowing-interactive .record-btn,.shadowing-module .shadowing-interactive .skip-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;border-radius:1.5rem;border:none;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1)}.shadowing-module .shadowing-interactive .next-btn i,.shadowing-module .shadowing-interactive .play-btn i,.shadowing-module .shadowing-interactive .record-btn i,.shadowing-module .shadowing-interactive .skip-btn i{font-size:24px}.shadowing-module .shadowing-interactive .next-btn:hover,.shadowing-module .shadowing-interactive .play-btn:hover,.shadowing-module .shadowing-interactive .record-btn:hover,.shadowing-module .shadowing-interactive .skip-btn:hover{transform:translateY(-2px)}.shadowing-module .shadowing-interactive .next-btn:disabled,.shadowing-module .shadowing-interactive .play-btn:disabled,.shadowing-module .shadowing-interactive .record-btn:disabled,.shadowing-module .shadowing-interactive .skip-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.shadowing-module .shadowing-interactive .next-btn.play-btn,.shadowing-module .shadowing-interactive .play-btn.play-btn,.shadowing-module .shadowing-interactive .record-btn.play-btn,.shadowing-module .shadowing-interactive .skip-btn.play-btn{background:rgba(99,102,241,.1);color:#6366f1}.shadowing-module .shadowing-interactive .next-btn.play-btn:hover,.shadowing-module .shadowing-interactive .play-btn.play-btn:hover,.shadowing-module .shadowing-interactive .record-btn.play-btn:hover,.shadowing-module .shadowing-interactive .skip-btn.play-btn:hover{background:rgba(99,102,241,.2)}.shadowing-module .shadowing-interactive .next-btn.record-btn,.shadowing-module .shadowing-interactive .play-btn.record-btn,.shadowing-module .shadowing-interactive .record-btn.record-btn,.shadowing-module .shadowing-interactive .skip-btn.record-btn{background:#f43f5e;color:#fff;box-shadow:0 4px 6px -1px rgba(244,63,94,.3)}.shadowing-module .shadowing-interactive .next-btn.record-btn:hover,.shadowing-module .shadowing-interactive .play-btn.record-btn:hover,.shadowing-module .shadowing-interactive .record-btn.record-btn:hover,.shadowing-module .shadowing-interactive .skip-btn.record-btn:hover{box-shadow:0 6px 10px -1px rgba(244,63,94,.4)}.shadowing-module .shadowing-interactive .next-btn.record-btn.listening,.shadowing-module .shadowing-interactive .play-btn.record-btn.listening,.shadowing-module .shadowing-interactive .record-btn.record-btn.listening,.shadowing-module .shadowing-interactive .skip-btn.record-btn.listening{animation:pulseRecord 1.5s infinite;background:#e11d48}.shadowing-module .shadowing-interactive .next-btn.next-btn,.shadowing-module .shadowing-interactive .play-btn.next-btn,.shadowing-module .shadowing-interactive .record-btn.next-btn,.shadowing-module .shadowing-interactive .skip-btn.next-btn{background:#10b981;color:#fff}.shadowing-module .shadowing-interactive .next-btn.next-btn:hover,.shadowing-module .shadowing-interactive .play-btn.next-btn:hover,.shadowing-module .shadowing-interactive .record-btn.next-btn:hover,.shadowing-module .shadowing-interactive .skip-btn.next-btn:hover{background:#059669}.shadowing-module .shadowing-interactive .next-btn.skip-btn,.shadowing-module .shadowing-interactive .play-btn.skip-btn,.shadowing-module .shadowing-interactive .record-btn.skip-btn,.shadowing-module .shadowing-interactive .skip-btn.skip-btn{background:#94a3b8;color:#fff}.shadowing-module .shadowing-interactive .next-btn.skip-btn:hover,.shadowing-module .shadowing-interactive .play-btn.skip-btn:hover,.shadowing-module .shadowing-interactive .record-btn.skip-btn:hover,.shadowing-module .shadowing-interactive .skip-btn.skip-btn:hover{background:#64748b}.shadowing-module .shadowing-interactive .speech-result{width:100%;max-width:500px;padding:1.5rem;border-radius:1rem;text-align:center;background:rgba(255,255,255,.8);border:2px solid transparent;animation:fadeInUp .4s ease-out}.shadowing-module .shadowing-interactive .speech-result p{margin:0 0 1rem 0;font-size:1.1rem;color:#475569}.shadowing-module .shadowing-interactive .speech-result .error-message,.shadowing-module .shadowing-interactive .speech-result .success-message{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.shadowing-module .shadowing-interactive .speech-result.success{border-color:#10b981}.shadowing-module .shadowing-interactive .speech-result.success .success-message{color:#10b981}.shadowing-module .shadowing-interactive .speech-result.error{border-color:#f43f5e}.shadowing-module .shadowing-interactive .speech-result.error .error-message{color:#f43f5e}.shadowing-module .islands-interactive .conversation-area{width:100%;margin-top:1rem;display:flex;flex-direction:column;gap:2rem}.shadowing-module .islands-interactive .chat-history{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1rem;max-height:500px;overflow-y:auto;padding:1.5rem;background:rgba(255,255,255,.3);border-radius:1.5rem;border:1px solid rgba(255,255,255,.2)}.shadowing-module .islands-interactive .chat-bubble{padding:1.25rem 1.5rem;border-radius:1.5rem;max-width:85%;position:relative;animation:fadeInUp .4s ease-out}.shadowing-module .islands-interactive .chat-bubble.browser{align-self:flex-start;background:#fff;border-bottom-left-radius:.5rem;box-shadow:0 4px 15px rgba(0,0,0,.05);border-left:4px solid #6366f1}.shadowing-module .islands-interactive .chat-bubble.browser strong{color:#6366f1}.shadowing-module .islands-interactive .chat-bubble.user{align-self:flex-end;background:#10b981;color:#fff;border-bottom-right-radius:.5rem;box-shadow:0 4px 15px rgba(16,185,129,.2);border-right:4px solid rgba(0,0,0,.1)}.shadowing-module .islands-interactive .chat-bubble.user strong{color:rgba(255,255,255,.8)}.shadowing-module .islands-interactive .chat-bubble.user span{color:#fff}.shadowing-module .islands-interactive .chat-bubble strong{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-weight:700}.shadowing-module .islands-interactive .chat-bubble span{font-size:1.2rem;font-weight:500;line-height:1.4}.shadowing-module .islands-interactive .chat-bubble.active{ring:2px solid #6366f1;transform:scale(1.02)}.shadowing-module .islands-interactive .interaction-area{width:100%;padding-top:2rem;border-top:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;align-items:center;gap:1.5rem}.shadowing-module .islands-interactive .interaction-area .browser-turn-indicator p{color:#64748b;font-weight:500;margin-bottom:1rem}.shadowing-module .islands-interactive .drill-complete{text-align:center;padding:3rem 0;width:100%}.shadowing-module .islands-interactive .drill-complete .main-icon{font-size:5rem!important;color:#10b981;margin-bottom:1rem;background:0 0;padding:0}.shadowing-module .islands-interactive .drill-complete h2{font-size:2.2rem;font-weight:800;color:#1e293b;margin-bottom:3rem;background:0 0;-webkit-text-fill-color:initial}.shadowing-module .islands-interactive .drill-complete .end-actions{display:flex;justify-content:center;gap:4rem;width:100%}.shadowing-module .islands-interactive .drill-complete .end-actions .action-item{display:flex;flex-direction:column;align-items:center;gap:1rem}.shadowing-module .islands-interactive .drill-complete .end-actions .action-item span{font-size:.85rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.shadowing-module .islands-interactive .drill-complete .end-actions .round-btn{width:72px;height:72px;border-radius:50%;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4, 0, .2, 1);background:#fff;color:#64748b;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.shadowing-module .islands-interactive .drill-complete .end-actions .round-btn i{font-size:32px}.shadowing-module .islands-interactive .drill-complete .end-actions .round-btn:hover:not(:disabled){transform:translateY(-4px);border-color:#0063b8;color:#0063b8;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.shadowing-module .islands-interactive .drill-complete .end-actions .round-btn:disabled{opacity:.2;cursor:not-allowed}.shadowing-module .islands-interactive .drill-complete .end-actions .round-btn.next-btn{background:#0063b8;color:#fff;border-color:#0063b8}.shadowing-module .islands-interactive .drill-complete .end-actions .round-btn.next-btn:hover{background:#004885;border-color:#004885;color:#fff}@keyframes pulseRecord{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(244,63,94,.7)}70%{transform:scale(1.05);box-shadow:0 0 0 15px rgba(244,63,94,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(244,63,94,0)}}.listening-layout{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:start;animation:fadeInUp .8s ease-out .2s both}.listening-layout .listening-sidebar{padding:1.5rem;border-radius:1.5rem;display:flex;flex-direction:column;gap:2rem;max-height:calc(100vh - 200px);overflow-y:auto}.listening-layout .listening-sidebar .sidebar-section h3{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:1rem;padding-left:.5rem}.listening-layout .listening-sidebar .category-list,.listening-layout .listening-sidebar .podcast-list{display:flex;flex-direction:column;gap:.5rem}.listening-layout .listening-sidebar .category-item,.listening-layout .listening-sidebar .podcast-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:1rem;border:1px solid transparent;background:0 0;color:#64748b;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.listening-layout .listening-sidebar .category-item:hover,.listening-layout .listening-sidebar .podcast-item:hover{background:rgba(99,102,241,.05);color:#6366f1}.listening-layout .listening-sidebar .category-item.active,.listening-layout .listening-sidebar .podcast-item.active{background:#fff;color:#6366f1;border-color:rgba(99,102,241,.2);box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.listening-layout .listening-sidebar .category-item.active i,.listening-layout .listening-sidebar .podcast-item.active i{color:#6366f1}.listening-layout .listening-sidebar .category-item i,.listening-layout .listening-sidebar .podcast-item i{font-size:20px;color:#94a3b8}.listening-layout .listening-sidebar .category-item span,.listening-layout .listening-sidebar .podcast-item span{font-weight:600}.listening-layout .listening-sidebar .podcast-item{padding:1rem}.listening-layout .listening-sidebar .podcast-item .podcast-name{display:block;font-weight:700;margin-bottom:.25rem;color:#1e293b}.listening-layout .listening-sidebar .podcast-item .podcast-desc{font-size:.8125rem;line-height:1.4;color:#64748b;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.listening-layout .listening-sidebar .podcast-item.active .podcast-name{color:#6366f1}.listening-layout .listening-main .player-container{padding:2rem;border-radius:1.5rem;display:flex;flex-direction:column;gap:2rem}.listening-layout .listening-main .player-container .player-header h2{font-size:1.875rem;font-weight:800;color:#1e293b;margin:0 0 .5rem 0}.listening-layout .listening-main .player-container .player-header p{color:#64748b;font-size:1.1rem;margin:0;max-width:800px}.listening-layout .listening-main .player-container .episodes-container{margin-top:1rem}.listening-layout .listening-main .player-container .episodes-container .loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:#64748b}.listening-layout .listening-main .player-container .episodes-container .loading-state i{font-size:3rem;color:#6366f1}.listening-layout .listening-main .player-container .episodes-container .loading-state p{font-weight:600}.listening-layout .listening-main .player-container .episodes-container .episodes-list{display:flex;flex-direction:column;gap:1rem}.listening-layout .listening-main .player-container .episodes-container .episodes-list .episode-item{padding:1.5rem;border-radius:1rem;transition:transform .2s}.listening-layout .listening-main .player-container .episodes-container .episodes-list .episode-item:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.listening-layout .listening-main .player-container .episodes-container .episodes-list .episode-item .episode-info h4{margin:0 0 .5rem 0;color:#1e293b;font-size:1.1rem;font-weight:700}.listening-layout .listening-main .player-container .episodes-container .episodes-list .episode-item .episode-info .episode-date{display:block;font-size:.875rem;color:#94a3b8;margin-bottom:.5rem;font-weight:600}.listening-layout .listening-main .player-container .episodes-container .episodes-list .episode-item .episode-info .episode-desc{font-size:.95rem;color:#475569;line-height:1.5;margin:0}.listening-layout .listening-main .player-container .episodes-container .episodes-list .episode-item .episode-player{margin-top:1rem}.listening-layout .listening-main .player-container .episodes-container .episodes-list .episode-item .episode-player audio{border-radius:2rem;outline:0}.listening-layout .listening-main .player-container .episodes-container .episodes-list .episode-item .episode-player audio::-webkit-media-controls-panel{background:rgba(99,102,241,.1)}.listening-layout .listening-main .empty-state{padding:4rem;border-radius:1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;color:#94a3b8}.listening-layout .listening-main .empty-state i{font-size:64px;background:linear-gradient(135deg,rgba(99,102,241,.1) 0,rgba(168,85,247,.1) 100%);width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#6366f1}.listening-layout .listening-main .empty-state p{font-size:1.25rem;font-weight:600}.glass{background:rgba(255,255,255,.7);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.back-button{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#6366f1;transition:all .2s ease}.back-button:hover{background:#fff;transform:translateX(-4px)}.header-content{display:flex;align-items:center;gap:1.5rem;text-align:left}.karaoke-layout{display:grid;grid-template-columns:340px 1fr;gap:2rem;align-items:start;animation:fadeInUp .8s ease-out .2s both}@media (max-width:900px){.karaoke-layout{grid-template-columns:1fr}}.karaoke-sidebar{padding:1.5rem;border-radius:1.5rem;display:flex;flex-direction:column;gap:1.25rem;max-height:calc(100vh - 200px);overflow-y:auto;position:sticky;top:1rem}.karaoke-sidebar::-webkit-scrollbar{width:4px}.karaoke-sidebar::-webkit-scrollbar-track{background:0 0}.karaoke-sidebar::-webkit-scrollbar-thumb{background:rgba(99,102,241,.2);border-radius:2px}.karaoke-search-box{display:flex;flex-direction:column;gap:.625rem}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper .search-icon{position:absolute;left:.875rem;font-size:20px;color:#94a3b8;pointer-events:none}.karaoke-search-input{width:100%;padding:.75rem 2.5rem .75rem 2.75rem;border-radius:.875rem;border:2px solid rgba(99,102,241,.15);background:rgba(255,255,255,.9);font-size:.95rem;font-family:inherit;color:#1e293b;transition:border-color .2s,box-shadow .2s}.karaoke-search-input::placeholder{color:#94a3b8}.karaoke-search-input:focus{outline:0;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.12)}.search-clear-btn{position:absolute;right:.625rem;background:0 0;border:none;cursor:pointer;color:#94a3b8;display:flex;align-items:center;padding:.25rem;border-radius:50%;transition:color .2s,background .2s}.search-clear-btn:hover{color:#6366f1;background:rgba(99,102,241,.08)}.search-clear-btn i{font-size:18px}.search-youtube-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;padding:.625rem 1rem;border-radius:.875rem;border:none;background:linear-gradient(135deg,red 0,#c00 100%);color:#fff;font-size:.875rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s ease}.search-youtube-btn i{font-size:18px}.search-youtube-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,0,0,.35)}.karaoke-genre-filter{display:flex;flex-wrap:wrap;gap:.5rem}.genre-chip{padding:.375rem 1rem;border-radius:2rem;border:2px solid transparent;background:rgba(255,255,255,.5);color:#64748b;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.genre-chip:hover{background:rgba(255,255,255,.9);color:#6366f1}.genre-chip.active{background:#fff;color:#6366f1;border-color:#6366f1;box-shadow:0 2px 8px rgba(99,102,241,.2)}.karaoke-playlist{display:flex;flex-direction:column;gap:.375rem}.playlist-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin:0 0 .5rem .25rem}.playlist-item{display:flex;align-items:center;gap:.75rem;padding:.75rem .875rem;border-radius:1rem;border:2px solid transparent;background:0 0;text-align:left;width:100%;cursor:pointer;transition:all .2s ease}.playlist-item:hover{background:rgba(99,102,241,.06)}.playlist-item:hover .playlist-item-icon{background:rgba(99,102,241,.15)}.playlist-item:hover .playlist-item-icon i{color:#6366f1}.playlist-item.active{background:#fff;border-color:rgba(99,102,241,.25);box-shadow:0 4px 12px rgba(99,102,241,.1)}.playlist-item.active .playlist-item-title{color:#6366f1}.playlist-item.active .playlist-item-icon{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(168,85,247,.15))}.playlist-item.active .playlist-item-icon i{color:#6366f1}.playlist-item-icon{width:40px;height:40px;border-radius:.75rem;background:rgba(148,163,184,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.playlist-item-icon i{font-size:20px;color:#94a3b8}.playlist-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.playlist-item-title{font-size:.9375rem;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.playlist-item-artist{font-size:.8125rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item-level{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .5rem;border-radius:.375rem;flex-shrink:0}.playlist-item-level.level-Beginner{background:rgba(16,185,129,.12);color:#059669}.playlist-item-level.level-Intermediate{background:rgba(245,158,11,.12);color:#d97706}.playlist-item-level.level-Advanced{background:rgba(239,68,68,.12);color:#dc2626}.playlist-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;color:#94a3b8;text-align:center}.playlist-empty i{font-size:36px}.playlist-empty p{margin:0;font-size:.9rem;font-weight:600}.karaoke-main{display:flex;flex-direction:column;gap:1.5rem}.now-playing-header{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;border-radius:1.25rem;flex-wrap:wrap}.now-playing-badge{display:flex;align-items:center;gap:.375rem;background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(168,85,247,.12));color:#6366f1;padding:.375rem .875rem;border-radius:2rem;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.now-playing-badge i{font-size:18px}.now-playing-info{flex:1;min-width:0}.now-playing-title{font-size:1.375rem;font-weight:800;color:#1e293b;margin:0 0 .125rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-artist{font-size:.9375rem;color:#64748b;margin:0;font-weight:600}.now-playing-meta{display:flex;gap:.5rem;flex-shrink:0}.meta-badge{padding:.3rem .875rem;border-radius:2rem;font-size:.8125rem;font-weight:700}.genre-badge{background:rgba(99,102,241,.1);color:#6366f1}.level-badge.level-Beginner{background:rgba(16,185,129,.12);color:#059669}.level-badge.level-Intermediate{background:rgba(245,158,11,.12);color:#d97706}.level-badge.level-Advanced{background:rgba(239,68,68,.12);color:#dc2626}.karaoke-player-wrapper{border-radius:1.5rem;overflow:hidden;padding:1rem}.karaoke-video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:1rem}.karaoke-video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:1rem}.player-footer-tip{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:#64748b;font-size:.9rem;font-weight:600;border-top:1px solid rgba(0,0,0,.05);margin-top:.5rem}.player-footer-tip i{font-size:20px;color:#6366f1}.speaking-exercise{max-width:680px;margin:0 auto;min-height:420px;justify-content:center;padding:3rem 2rem}.speaking-exercise .speaking-idle{display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:fadeInUp .5s ease-out both}.speaking-exercise .speaking-idle h2{font-size:2rem;font-weight:800;color:#1e293b;margin:0}.speaking-exercise .speaking-idle p{color:#64748b;font-size:1.05rem;max-width:420px;line-height:1.6;margin:0}.speaking-exercise .speaking-start-btn{margin-top:.5rem;padding:1rem 3rem!important;font-size:1.2rem!important;background:linear-gradient(135deg,#6366f1 0,#a855f7 100%)!important;color:#fff!important;border-radius:2rem!important;box-shadow:0 8px 20px rgba(99,102,241,.35)!important}.speaking-exercise .speaking-start-btn:hover{box-shadow:0 12px 28px rgba(99,102,241,.45)!important;transform:translateY(-3px)!important}.speaking-exercise .speaking-level-buttons{display:flex;flex-direction:column;gap:.75rem;align-items:center;width:100%;max-width:320px}.speaking-exercise .speaking-status{display:flex;flex-direction:column;align-items:center;gap:1.75rem;width:100%;animation:fadeInUp .4s ease-out both}.speaking-exercise .speaking-status h2{font-size:1.6rem;font-weight:700;color:#1e293b;margin:0}.speaking-exercise .speaking-avatar{width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,rgba(99,102,241,.12) 0,rgba(168,85,247,.12) 100%);display:flex;align-items:center;justify-content:center;border:3px solid rgba(99,102,241,.2)}.speaking-exercise .speaking-avatar i{font-size:52px;background:linear-gradient(135deg,#6366f1 0,#a855f7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.speaking-exercise .speaking-avatar.pulsing{animation:speakingPulse 1.8s ease-in-out infinite}.speaking-exercise .speaking-avatar.listening-pulse{animation:listeningPulse 1.2s ease-in-out infinite;background:linear-gradient(135deg,rgba(244,63,94,.12) 0,rgba(251,113,133,.12) 100%);border-color:rgba(244,63,94,.3)}.speaking-exercise .speaking-avatar.listening-pulse i{background:linear-gradient(135deg,#f43f5e 0,#fb7185 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.speaking-exercise .speaking-bubbles-wrap{display:flex;flex-direction:column;gap:1rem;width:100%}.speaking-exercise .speaking-bubble{padding:1.1rem 1.5rem;border-radius:1.25rem;font-size:1.1rem;line-height:1.5;max-width:90%;animation:fadeInUp .4s ease-out both}.speaking-exercise .speaking-bubble strong{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.4rem}.speaking-exercise .speaking-bubble.browser-bubble{align-self:flex-start;background:#fff;color:#1e293b;border-bottom-left-radius:.4rem;border-left:4px solid #6366f1;box-shadow:0 4px 15px rgba(0,0,0,.06)}.speaking-exercise .speaking-bubble.browser-bubble strong{color:#6366f1}.speaking-exercise .speaking-bubble.user-bubble{align-self:flex-end;background:linear-gradient(135deg,#10b981 0,#059669 100%);color:#fff;border-bottom-right-radius:.4rem;box-shadow:0 4px 15px rgba(16,185,129,.25)}.speaking-exercise .speaking-bubble.user-bubble strong{color:rgba(255,255,255,.75)}.speaking-exercise .speaking-hint{color:#64748b;font-size:1rem;margin:0;text-align:center}.speaking-exercise .speaking-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.speaking-exercise .speaking-actions button{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.75rem;border-radius:1.5rem;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1)}.speaking-exercise .speaking-actions button i{font-size:22px}.speaking-exercise .speaking-actions button:hover{transform:translateY(-2px)}.speaking-exercise .speaking-actions button.record-btn{background:#f43f5e;color:#fff;box-shadow:0 4px 12px rgba(244,63,94,.3)}.speaking-exercise .speaking-actions button.record-btn:hover{box-shadow:0 6px 18px rgba(244,63,94,.4)}.speaking-exercise .speaking-actions button.skip-btn{background:#94a3b8;color:#fff}.speaking-exercise .speaking-actions button.skip-btn:hover{background:#64748b}.speaking-exercise .speaking-actions button.play-btn{background:linear-gradient(135deg,#6366f1 0,#a855f7 100%);color:#fff;box-shadow:0 4px 12px rgba(99,102,241,.3)}.speaking-exercise .speaking-actions button.play-btn:hover{box-shadow:0 6px 18px rgba(99,102,241,.4)}@keyframes speakingPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(99,102,241,.3)}50%{transform:scale(1.06);box-shadow:0 0 0 18px rgba(99,102,241,0)}}@keyframes listeningPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(244,63,94,.4)}50%{transform:scale(1.08);box-shadow:0 0 0 20px rgba(244,63,94,0)}}a{color:#59656f;font-weight:400;text-decoration:underline}a:hover{color:#59656f;text-decoration:none}.mdl-button--primary.mdl-button--primary,.mdl-button.mdl-button--colored{background-color:rgba(158,158,158,.1);color:#333;text-decoration-line:none}.mdl-button--primary.mdl-button--primary:not(.active):hover,.mdl-button.mdl-button--colored:not(.active):hover{background-color:rgba(158,158,158,.3);color:#333;text-decoration-line:none}main.mdl-layout__content{padding:0;margin:0;padding-bottom:20px!important;background-color:#eee!important}main.mdl-layout__content .mdl-grid,main.mdl-layout__content .siacco-mdl-content{padding-top:0;margin-top:0;padding-right:0!important}main.mdl-layout__content .mdl-grid .siacco-mdl-charts,main.mdl-layout__content .siacco-mdl-content .siacco-mdl-charts{padding-top:0;margin-top:0}main.mdl-layout__content .mdl-grid .mdl-cell,main.mdl-layout__content .siacco-mdl-content .mdl-cell{padding:0!important}main.mdl-layout__content .mdl-grid .mdl-cell .course-header,main.mdl-layout__content .siacco-mdl-content .mdl-cell .course-header{margin-bottom:10px!important}@media (min-width:840px){main.mdl-layout__content .mdl-grid .mdl-cell,main.mdl-layout__content .siacco-mdl-content .mdl-cell{padding:0!important;margin:0!important}}@media (min-width:840px){main.mdl-layout__content .mdl-grid{padding:0!important}}main .footer{text-align:center;font-size:10px}@media screen and (max-width:540px){audio{width:250px}}.mdl-layout{overflow:hidden;height:100vh}.mdl-layout__container{position:inherit}header img.logo{padding-bottom:1em}.activity-content{padding-top:2em!important;margin-top:0!important;background-color:#eee;min-height:200px;width:100%}.activity-content .back{z-index:99}.back img{margin-top:1em;height:4em;position:fixed;text-align:center;width:4em;margin-left:2rem}@media screen and (min-width:2000px){.back img{margin-left:14rem}}@media screen and (max-width:540px){.back img{margin-top:-3.1em;margin-left:0;width:2.8em;height:2.8em}}.back img:hover{color:#fff}.audiobutton{background-color:#697582;border-color:#d7cdcc;border-radius:160px;border-style:solid;border-width:2px;color:#fff;height:2em;padding-top:.2em;position:fixed;text-align:center;width:2.2em}.audiobutton:hover{background-color:#8695a5;border-color:transparent;color:#fff}#htmlPlaybar,#mep_0{display:none}.lessons{overflow-y:auto}.lessons ul{list-style:none;margin:0}.lessons ul a{background:#eee;color:#999;display:block;font-size:1.4em;height:60px;margin:0;padding:15px;text-decoration:none}.lessons ul a.active{background:#ccc}.lessons ul a:not(.active):hover{background:#ddd;text-decoration:underline}.lesson{height:85vh;overflow-y:auto;display:flex;flex-direction:row;align-items:flex-start}@media screen and (max-width:480px){.lesson{flex-direction:column}}.lesson .lesson-header{flex:0 0 30%;height:300px;margin:0!important;background-position:center;border-radius:16px;font-size:18pt;line-height:1.2em;position:relative}.lesson .lesson-header .back{position:absolute;top:10px;left:10px;z-index:10;background:0 0;border:none}.lesson .lesson-header .back img{width:40px;height:40px;margin:0;position:static;filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, .8))}.lesson .lesson-header .back:hover img{filter:drop-shadow(0px 0px 4px rgb(0, 0, 0))}@media screen and (max-width:480px){.lesson .lesson-header{flex:0 0 auto;height:190px;width:100%!important;border-radius:0;font-size:14pt}}.lesson .current-lesson{flex:0 0 70%}.lesson .activity-container{display:flex;flex-direction:column;width:100%}ul.sections{list-style:none;padding-left:0;font-size:20px;color:#365474}ul.sections li{background-color:transparent;border-radius:0;font-size:1.3em;margin:0 0 1em;padding:0;text-transform:uppercase;margin-left:0!important}ul.sections li .section-title{padding-left:1em;padding-bottom:.2em;margin-bottom:.8em;border-bottom:1px solid #365474}ul.sections ul.activities{list-style:none;margin-bottom:120px}ul.sections ul.activities li{float:left;margin:10px 5px}svg.category{margin:0}svg.category .borde{fill:rgba(66,66,66,0.2)}svg.category .fondo_dibujo{fill:rgba(66,66,66,0.2)}svg.category.locked{filter:blur(2px) opacity(40%);margin-right:10px}svg.category.finished .borde{fill:#274262}svg.category.finished .fondo_dibujo{fill:#59656f}svg.category.isLastVisited{animation:blinker 1s linear 6;animation-duration:.4s}svg.category.isLastVisited .borde{fill:#0097ff}svg.category.isLastVisited .fondo_dibujo{fill:#0097ff}.extra-activities-list,ul.activities{margin-top:-5px}.extra-activities-list :hover,ul.activities :hover{background-color:transparent!important}.extra-activities-list .mdl-badge[data-badge].material-icons::after,ul.activities .mdl-badge[data-badge].material-icons::after{font-family:"Material Icons";font-feature-settings:"liga";font-size:16px;display:inline-block;line-height:1.8em;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;text-align:center;right:20px!important;top:-25px!important}.extra-activities-list .mdl-badge[data-badge].material-icons.perfect::after,ul.activities .mdl-badge[data-badge].material-icons.perfect::after{right:20px!important;top:-25px!important;font-size:16px;line-height:1.8em}.extra-activities-list .mdl-badge[data-badge]::after,ul.activities .mdl-badge[data-badge]::after{right:20px!important;top:-25px!important;background:0 0!important;letter-spacing:-.06em}.extra-activities-list .mdl-badge[data-badge].perfect::after,ul.activities .mdl-badge[data-badge].perfect::after{background:#00d9d9;color:#fff;top:-25px!important;right:20px!important;font-size:.54em;letter-spacing:.016em;transform:scale(1.3,1.3);line-height:1.8em}.extra-activities-list .mdl-badge[data-badge].passed::after,ul.activities .mdl-badge[data-badge].passed::after{right:20px!important;color:#7aa63b!important;top:-20px!important;background:0 0!important;background:0 0!important}.extra-activities-list .mdl-badge[data-badge].failed::after,ul.activities .mdl-badge[data-badge].failed::after{right:20px!important;color:#d55552!important;top:-20px!important;background:0 0!important}.extra-activities-list .mdl-badge,ul.activities .mdl-badge{background:linear-gradient(#e4e4e4,#777);border-radius:50%}.extra-activities-list .mdl-badge svg,ul.activities .mdl-badge svg{filter:brightness(0) invert(1)}.extra-activities-list .mdl-badge.passed,ul.activities .mdl-badge.passed{background:linear-gradient(#ccdb39,#7aa63b)}.extra-activities-list .mdl-badge.failed,ul.activities .mdl-badge.failed{background:linear-gradient(#fac2c7,#d55552)}ul.radio input,ul.radio label,ul.radio li{padding:initial!important;margin:initial!important;width:initial!important}ul.radio input{padding-right:2em}.assignments,.extra{margin:0 auto;max-width:1600px}.assignments h2,.extra h2{font-size:1.8em;font-family:"Prompt Regular",sans-serif;color:#0063b8}.assignments h3,.extra h3{font-family:"Prompt Regular",sans-serif;color:#365474;font-size:24px;border-bottom:1px solid #365474;padding-bottom:0;margin-bottom:40px}@media screen and (min-width:540px){.assignments h3,.extra h3{margin-left:1em}}.assignments p,.extra p{font-size:1.2em}@media screen and (min-width:540px){.assignments p,.extra p{margin-left:1em}}.assignments .extra-activities-list,.extra .extra-activities-list{list-style:none;padding:0}@media screen and (min-width:540px){.assignments .extra-activities-list,.extra .extra-activities-list{margin-left:4em}}.assignments .extra-activities-list li a,.extra .extra-activities-list li a{align-items:baseline;color:#000;display:flex;margin-bottom:1em;text-decoration:none;transition:.2s}.assignments .extra-activities-list li a:hover,.extra .extra-activities-list li a:hover{background:#ccc;padding-left:5px;transition:.4s}.assignments .extra-activities-list li a:hover .title,.extra .extra-activities-list li a:hover .title{font-weight:700}.assignments .extra-activities-list li a .assignment-info,.extra .extra-activities-list li a .assignment-info{display:flex;justify-content:space-between;width:100%}.assignments .extra-activities-list li a .assignment-info .title,.extra .extra-activities-list li a .assignment-info .title{font-size:1.2em;height:1.2em;line-height:1.2em;margin-right:5px;overflow:hidden}.assignments .extra-activities-list li a .assignment-info .time-left,.extra .extra-activities-list li a .assignment-info .time-left{display:none}@media screen and (min-width:540px){.assignments .extra-activities-list li a .assignment-info .time-left,.extra .extra-activities-list li a .assignment-info .time-left{color:#666;display:block;margin-right:20px;white-space:nowrap}}@keyframes blinker{50%{opacity:0}}@keyframes blinker-soft{50%{opacity:.2}}.clear{clear:both}body,html{height:100%;margin:0;padding:0;overflow:hidden;padding-bottom:20px!important}body .material-icons{font-family:"Material Icons"}body *{font-family:"Prompt Regular","Trebuchet MS",Verdana,Helvetica,Sans-Serif}.material-icons{direction:ltr;display:inline-block;font-family:"Material Icons";font-feature-settings:"liga";font-size:24px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap;word-wrap:normal}.activity-message{margin-bottom:1em}.reference{margin:0 auto;max-width:1600px;background-color:rgba(219,224,231,.4)}.reference .reference-pane{background:#dbe0e7;font-family:"Prompt Regular",sans-serif!important}.reference .reference-pane ul{list-style:none;padding:1em 1em 1em 2em;font-family:"Prompt Regular",sans-serif!important}.reference .reference-pane ul a{display:block;padding:.5em;font-family:"Prompt Regular",sans-serif!important}.reference .reference-pane ul a.active{border-left:4px solid #0063b8;font-weight:700;text-decoration:none}.reference .activity-wrapper{margin-top:20px}.reference .references>li{color:#333;font-weight:700;text-transform:uppercase;font-family:"Prompt Regular",sans-serif!important;font-size:1.5em}.reference .glossary{padding:2em}.reference .glossary input{font-size:1.2em;font-style:italic;padding:.5em;width:90%}.reference .glossary .not-found{margin-top:1em}.reference .glossary .example-searches{color:#999;font-size:2em;line-height:2em;margin-top:1em}.reference .glossary .search-results{list-style:decimal}.reference .glossary .search-results>li{padding-left:3em}.reference .glossary .search-results .item{border-left:3px solid #0097ff;list-style:none;margin-bottom:5px;padding-left:1em}.reference .glossary .search-results .item .exact-match{font-weight:700}.reference .glossary .search-results .item .language-code{background:#999;color:#fff;font-size:.7em;font-weight:700;padding:2px 5px}.activity-wrapper{margin-bottom:2em}@media screen and (min-width:480px){.activity-wrapper{width:87%}}.activity-wrapper p{font-size:16px}.activity-wrapper img{background-color:#fff;border:1px solid #ccc;margin:5px;max-width:99%;padding:3px}.activity-wrapper hr{margin:3em 0}.activity-wrapper [type=text]{background-color:transparent!important;border-style:dotted;border-width:0 0 1px;color:#455a64;font-family:"Patrick Hand";font-size:1.3em;height:1.3em;margin:0 2px;outline-width:0;padding:12px}.activity-wrapper select{border:0!important;height:2.2em;border-radius:5px;color:#274262;font-weight:700;box-shadow:1px 1px 3px rgba(39,66,98,.1)}.activity-wrapper input[type=radio]{height:15px!important;width:15px!important;vertical-align:middle}.activity-wrapper .radio li label{font-size:inherit}.activity-wrapper .ed_title{color:#274262;font-size:20px;font-family:"Prompt Regular",sans-serif!important}.activity-wrapper .ed_recuadro{margin-bottom:20px}.activity-wrapper .ed_subtitle{font-size:18px;font-family:"Prompt Regular",sans-serif!important}.activity-wrapper .translated-portion .original-text{display:block;font-style:italic}.activity-wrapper .horizontal-content{display:block}.activity-wrapper .horizontal-content .question>p:first-child{font-weight:700}.activity-wrapper .horizontal-content img{max-width:90%}@media (min-width:825px){.activity-wrapper .horizontal-content{align-items:flex-start;display:flex;justify-content:space-between}.activity-wrapper .horizontal-content img{max-width:none}}.activity-wrapper .multichoice{list-style:none}.activity-wrapper ul.radio{list-style:none;line-height:1.6em;font-size:1.1em}.activity-wrapper .correct-answer{color:transparent;line-height:1.5em;margin:0 1em;padding:.4em;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.activity-wrapper input+.correct-answer,.activity-wrapper select+.correct-answer{display:none;max-height:0}.activity-wrapper.correcting.show-correct-answers .multichoice+.correct-answer{display:block;margin-bottom:3em}.activity-wrapper.correcting.show-correct-answers .correct-answer{background:#0097ff;border-radius:1em;color:#000;display:inline;font-size:.9em;line-height:1.8em}.activity-wrapper.correcting.show-correct-answers .correct-answer:empty{display:none;max-height:0}.activity-wrapper.correcting input{padding:4px}.activity-wrapper.correcting input.correct,.activity-wrapper.correcting select.correct{border-bottom:5px solid #00d9d9!important}.activity-wrapper.correcting div.match.correct,.activity-wrapper.correcting ol.correct,.activity-wrapper.correcting ul.correct{border-left:5px solid #00d9d9}.activity-wrapper.correcting input.incorrect,.activity-wrapper.correcting select.incorrect{border-bottom:5px solid #ff6e40!important}.activity-wrapper.correcting div.match.incorrect,.activity-wrapper.correcting ol.incorrect,.activity-wrapper.correcting ul.incorrect{border-left:5px solid #ff6e40}.activity-wrapper input:required:invalid{background:#eee;height:.8em}.activity-wrapper [type=text]:focus{border-color:#455a64;border-style:solid;border-width:0 0 3px;margin:0 2px;padding:12px;transition:.2s}.activity-wrapper ol.reorder,.activity-wrapper ol.speech{list-style:none}.activity-wrapper ol.reorder.horizontal li,.activity-wrapper ol.speech.horizontal li{float:left;margin-right:10px}.activity-wrapper .speechControls{width:10px;display:inline-block}.activity-wrapper .speech_controls a{color:#000}.activity-wrapper .speech_controls a.recording i{color:red}.activity-wrapper div.match li,.activity-wrapper ol.reorder li,.activity-wrapper ol.speech li{border-radius:.7em;margin-bottom:1em;padding:.7em 1em;vertical-align:bottom;max-width:900px!important}.activity-wrapper div.match ul.right li,.activity-wrapper ol.reorder li{cursor:move}.activity-wrapper div.match{padding:1em 0}.activity-wrapper div.match ul{list-style:none;padding:0!important}.activity-wrapper div.match ul.left{text-align:right}.activity-wrapper div.match ul.left li{background:#ddd}.activity-wrapper div.match ul.left li,.activity-wrapper ol.reorder li{background-color:transparent!important;background-image:url("/assets/images/match_left.png");background-repeat:no-repeat;background-position-y:center;background-position-x:right;border-bottom-right-radius:0;border-top-right-radius:0}.activity-wrapper div.match li{display:flex;align-items:center}@media screen and (min-width:480px){.activity-wrapper div.match li{padding-right:20px;padding-left:20px}}.activity-wrapper div.match li .match_item{display:flex;justify-content:space-between;align-items:center;width:100%;line-height:normal}.activity-wrapper div.match li .match_item .arrow_down,.activity-wrapper div.match li .match_item .arrow_up{display:none;flex-shrink:0}.activity-wrapper div.match li .match_item .match_text{flex:1;text-align:center;margin:0 1em;padding:0}.activity-wrapper div.match li.selected .match_item .arrow_down,.activity-wrapper div.match li.selected .match_item .arrow_up{display:inline-flex!important}.activity-wrapper ol.reorder li{padding-right:25px;padding-left:25px}.activity-wrapper div.match ul.right li,.activity-wrapper ol.reorder li{background-image:url("/assets/images/match_right.png");background-repeat:no-repeat;background-position-y:center;text-align:left}.activity-wrapper div.match ul.right li.dragging,.activity-wrapper ol.reorder li.dragging{background-image:url("/assets/images/match_right_over.png");color:#fff;background-color:transparent!important}.activity-wrapper div.match ul.right li.placeholder,.activity-wrapper ol.reorder li.placeholder{background-color:#ddd!important}.activity-wrapper div.moveList i{cursor:pointer;border:1px;margin:.2em}.activity-wrapper ol.reorder li.selected{display:flex!important;justify-content:space-between;align-items:center;padding:.7em .5em!important}.activity-wrapper ol.reorder li.selected .reorder-content{flex:1;text-align:center;margin:0 1em}.activity-wrapper i.move-next,.activity-wrapper i.move-prev{cursor:pointer;background-color:rgba(39,66,98,.1);border-radius:50%;margin:0;vertical-align:middle;font-size:1.25em!important;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;line-height:normal;transition:background-color .2s;flex-shrink:0}.activity-wrapper i.move-next:hover,.activity-wrapper i.move-prev:hover{background-color:rgba(39,66,98,.2)}.activity-wrapper .reorderList{display:none}.activity-wrapper ol.reorder li{border-radius:.5em!important;box-shadow:1px 1px 3px rgba(39,66,98,.2);max-width:900px}.activity-wrapper .flashcard-stack{position:relative;margin:4em 1em 2.5em 0;z-index:1}.activity-wrapper .flashcard-stack::after,.activity-wrapper .flashcard-stack::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;border-radius:4px;box-shadow:2px 2px 4px rgba(39,66,98,.1);z-index:-1;border:1px solid #eee}.activity-wrapper .flashcard-stack::before{transform:translate(6px,-6px);background-color:#fdfdfd}.activity-wrapper .flashcard-stack::after{transform:translate(12px,-12px);background-color:#fafafa}.activity-wrapper .flashcard-stack .flashcard-gap{border-radius:4px;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;margin:0;max-height:80vh;transition:max-height 1s;overflow:hidden;position:relative;box-shadow:3px 3px 5px rgba(39,66,98,.2)}.activity-wrapper .flashcard-stack .flashcard-gap .mdl-button{text-transform:capitalize;font-family:"Prompt Regular",sans-serif;font-weight:700;font-size:1.1em;color:#0097ff}.activity-wrapper .flashcard-stack .flashcard-gap .question{font-size:2em}.activity-wrapper .flashcard-stack .flashcard-gap img{border:1px solid #666;max-height:25vh;max-width:70vw;padding:2px}@media (min-width:640px){.activity-wrapper .flashcard-stack .flashcard-gap img{max-width:400px}}.activity-wrapper .flashcard-stack .flashcard-gap.finished{max-height:40em;overflow:auto}.activity-wrapper .flashcard-stack .flashcard-gap table{border:0;width:100%;margin-top:1em}.activity-wrapper .flashcard-stack .flashcard-gap table img{max-height:4em}.activity-wrapper .flashcard-stack .flashcard-gap table tr{border-bottom:3px solid #eee}.activity-wrapper .flashcard-stack .flashcard-gap table tr:last-child{border-bottom:0}.activity-wrapper .flashcard-stack .flashcard-gap table tr td:first-child{text-align:right;padding-right:2em;opacity:.8}.activity-wrapper .flashcard-stack .flashcard-gap table .incorrect{padding-right:1em;text-decoration:line-through}.activity-wrapper .flashcard-stack .flashcard-gap .completion-wrapper .completion{background:#0097ff;height:.5em;padding:0;transition:width 1s}.activity-wrapper .flashcard-stack .flashcard-gap .flashcard-term .answer,.activity-wrapper .flashcard-stack .flashcard-gap .flashcard-term .feedback-answer,.activity-wrapper .flashcard-stack .flashcard-gap .flashcard-term .feedback-question,.activity-wrapper .flashcard-stack .flashcard-gap .flashcard-term .question{padding-top:1.5em;text-align:center}.activity-wrapper .flashcard-stack .flashcard-gap .flashcard-term .feedback-answer{font-size:1.5em;font-weight:700}.activity-wrapper .flashcard-stack .flashcard-gap .flashcard-term .feedback-answer.correct{color:#00d9d9}.activity-wrapper .flashcard-stack .flashcard-gap .flashcard-term .feedback-answer.incorrect{color:#ff6e40}.activity-wrapper .flashcard-stack .flashcard-gap .flashcard-term .answer input,.activity-wrapper .flashcard-stack .flashcard-gap .flashcard-term .question input{font-size:1.2em;text-align:center;transition:border-bottom .5s}.activity-wrapper .flashcard-stack .flashcard-gap .flashcard-term .answer input.incorrect,.activity-wrapper .flashcard-stack .flashcard-gap .flashcard-term .question input.incorrect{border-bottom:7px solid #ff6e40}.activity-wrapper .flashcard-stack .flashcard-gap .flashcard-term .answer input:focus,.activity-wrapper .flashcard-stack .flashcard-gap .flashcard-term .question input:focus{outline:0}.activity-wrapper .flashcard-stack .flashcard-gap .flashcard-footer{align-items:center;display:flex;justify-content:space-between;margin-top:1.5em}.activity-wrapper .flashcard-stack .flashcard-gap .flashcard-footer .flashcard-to-go{color:#666;display:none;padding-left:1em}@media (min-width:640px){.activity-wrapper .flashcard-stack .flashcard-gap .flashcard-footer .flashcard-to-go{display:block}}.lesson-selector-container{display:none;text-align:center;width:100%}.lesson-selector-container select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:rgba(105,117,130,.1);background-image:url("/img/ic_arrow_drop_down_black_24px.svg");background-position:98% 45%;background-repeat:no-repeat;border-color:rgba(105,117,130,.6);border-radius:.3em;border-style:solid;border-width:1px;color:#274262;font-size:18px;font-weight:400;margin-bottom:1em;padding:.5em 1em;width:100%}.mdl-grid.result-summary{width:100%!important;font-family:"Prompt Regular",sans-serif!important;background-color:rgba(39,66,98,.2);color:#365474}.mdl-grid.result-summary span{font-size:1.7em}.mdl-grid.result-summary .mdl-cell.mdl-cell--6-col{padding:2em!important}.mdl-grid.result-summary div.right{text-align:right}section{padding:0 2em}section.account h2{font-size:1.7em;line-height:1.1em}@media (min-width:840px){section.account h2{margin-top:0}}section.account div.account-form{margin-bottom:2em}section.account div.account-form div.account-line,section.account div.account-form div.buttons{min-width:200px;width:60%}section.account div.account-form div.account-line{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5em;min-width:200px}section.account div.account-form div.account-line input,section.account div.account-form div.account-line select{width:20em}section.account div.account-form div.account-line [readonly]{background:#eee;border:0;padding:2px}section.account div.account-form div.account-line div.label{margin-left:auto;margin-right:1em}section.account div.account-form div.buttons{text-align:center}section.lesson{max-width:1600px;margin:0 auto;padding:2em;gap:1em}section.lesson .placement-test-reminder{border-top:1px solid #ddd;margin:2em;padding-top:2em}section.lesson .lesson-header{height:450px;background-size:cover;color:#fff;margin:0}@media screen and (max-width:540px){section.lesson .lesson-header{height:200px;background-position:center}}section.lesson .lesson-header .course-name{font-size:24pt;padding:1em;line-height:1.2em;text-shadow:1px 1px 3px rgba(39,66,98,.2)}@media screen and (max-width:540px){section.lesson .lesson-header .course-name{padding:0;padding-top:120px;font-size:22pt;line-height:.8em;text-align:center}}section.placement-test .warning{font-size:1.1em;font-weight:700;margin:1em}section.placement-test .result,section.placement-test .welcome{margin:1em}section.placement-test .buttons div,section.placement-test .prev-next div{text-align:center}section.placement-test .timer .time-left{font-size:1.3em;font-weight:700}section.placement-test .test-finished div{margin:2em}section.placement-test .test-finished div.main{font-weight:700}section.placement-test ul.placement-test-activities{list-style:none}section.placement-test ul.placement-test-activities li{margin:.7em;text-align:center}section.placement-test ul.placement-test-activities li a.active{border:2px solid #0097ff;font-weight:700}section.messaging .attachments,section.results .attachments{list-style:none}section.messaging .attachments li,section.results .attachments li{display:flex}section.messaging table,section.results table{width:100%}section.messaging table .content,section.results table .content{display:flex}section.messaging table .content i,section.results table .content i{color:#666;padding-right:5px}section.messaging .actions{text-align:right}section.messaging .actions .active{display:none}section.messaging .tabs a{width:50%}section.messaging .tabs .mdl-tabs__tab.is-active{border-bottom:3px solid #0097ff;transition:all .2s}section.messaging table tr{cursor:pointer;font-weight:300}section.messaging table tr.unread{font-weight:700}section.messaging table tr.active{background:#dfeeee}section.messaging table td{width:50%}section.messaging table td .container{position:relative}section.messaging table td .container .content{max-width:100%;overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap}section.messaging .active-delivery .filler{text-align:center}section.messaging .active-delivery .filler .material-icons{font-size:15em!important;opacity:.1}section.messaging .active-delivery .mdl-card{border:1px solid rgba(0,0,0,.12);width:100%}section.messaging .active-delivery .mdl-card input.subject,section.messaging .active-delivery .mdl-card textarea{padding:8px;width:calc(100% - 8px)}section.messaging .active-delivery .mdl-card textarea{height:10em}section.messaging .active-delivery .mdl-card input.subject{font-size:24px;font-weight:300;width:100%}.terms-container{padding:1em 2em;text-align:center}.terms-container a{color:#0097ff;text-decoration:none;font-size:.9em}.terms-container a:hover{text-decoration:underline}.terms-container .terms-content{margin-top:1em;padding:1em;background:#f9f9f9;border:1px solid #eee;text-align:left;border-radius:4px;font-size:.9em;color:#444}.login-container{background:#adcad8;height:100vh;width:100%!important}.login-container .course-logo-column{display:flex;justify-content:center}.login-container .course-logo-column .course-logo-column-background{content:"";opacity:.2;top:0;left:0;bottom:0;right:50%;position:absolute;background-position:center;background-repeat:no-repeat;background-size:200%;background-size:cover}.login-container .course-logo-column .course-logo{padding:10px;text-align:center}.login-container .course-logo-column .course-logo img{max-width:180px}.login-container .course-logo-column .course-logo img.logging-in{animation:blinker-soft 1s linear infinite;animation-duration:1.5s}.login-container .course-logo-column .welcome-message{text-align:center;margin-top:30px;font-family:"Prompt Regular",sans-serif!important;color:#fff;font-weight:bolder}.login-container .login-form-column{background-color:#fff;display:flex;align-items:center}.login-container .login-form-column .login-form{padding:0;text-align:center;width:100%}.login-container .login-form-column .login-form .line{margin:0 0 2em}.login-container .login-form-column .login-form label{display:inline-block;text-align:center;width:80%;padding-left:2em}.login-container .login-form-column .login-form button,.login-container .login-form-column .login-form label{margin:0}.login-container .login-form-column .login-form .now-input-email{background-image:url("images/email.svg");background-repeat:no-repeat}.login-container .login-form-column .login-form .now-input-password{background-image:url("images/password.svg");background-repeat:no-repeat}.login-container .login-form-column .login-form input{width:calc(90% - 3.79em)}.login-container .login-form-column .login-form input[type=submit]{width:50%!important;text-transform:none;font-weight:700}.login-container .login-form-column .login-form [type=email],.login-container .login-form-column .login-form [type=password]{background-color:#fff;background-position:.8em center;background-repeat:no-repeat;border-bottom-color:#666;border-style:solid;border-width:0 0 1px 0;color:#666;font-size:1em;margin:0;padding:.8em .8em .8em .8em}.login-container .login-form-column .login-form [type=email]::-webkit-input-placeholder,.login-container .login-form-column .login-form [type=password]::-webkit-input-placeholder{color:#999}.login-container .login-form-column .login-form [type=email]:-moz-placeholder,.login-container .login-form-column .login-form [type=password]:-moz-placeholder{color:#999}.login-container .login-form-column .login-form [type=email]::-moz-placeholder,.login-container .login-form-column .login-form [type=password]::-moz-placeholder{color:#999}.login-container .login-form-column .login-form [type=email]:-ms-input-placeholder,.login-container .login-form-column .login-form [type=password]:-ms-input-placeholder{color:#999}.login-container .login-form-column .login-form [type=email]:focus,.login-container .login-form-column .login-form [type=password]:focus{background-color:#eee;color:#000;outline:0}.login-container .login-form-column .login-form [type=email]:focus::-webkit-input-placeholder,.login-container .login-form-column .login-form [type=password]:focus::-webkit-input-placeholder{color:#666}.login-container .login-form-column .login-form [type=email]:focus:-moz-placeholder,.login-container .login-form-column .login-form [type=password]:focus:-moz-placeholder{color:#666}.login-container .login-form-column .login-form [type=email]:focus::-moz-placeholder,.login-container .login-form-column .login-form [type=password]:focus::-moz-placeholder{color:#666}.login-container .login-form-column .login-form [type=email]:focus:-ms-input-placeholder,.login-container .login-form-column .login-form [type=password]:focus:-ms-input-placeholder{color:#666}.login-container .login-form-column .login-form .show-password-container{width:100%}.login-container .login-form-column .login-form .show-password-container .show-password label,.login-container .login-form-column .login-form .show-password-container .visible-password{height:1em;padding:1em 3.5em}.login-container .login-form-column .login-form .show-password-container .visible-password{color:#000;font-size:1.2em;text-align:left}.login-container .login-form-column .login-form .show-password-container .show-password label{text-align:center}.login-container .login-form-column .login-form .show-password-container .show-password label input{width:initial}.align-to-right{text-align:right}#shepherdOverlay{opacity:.9}.siacco-mdl-layout .loading40{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.8)!important;color:#ccc;text-align:center;z-index:1000;display:flex;justify-content:center;align-items:center}.siacco-mdl-layout .loading40 svg.initial{width:50px;animation:loading-rotation 2s infinite linear}.siacco-mdl-layout .loading40 svg path{fill:#455a64}@keyframes loading-rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}@-webkit-keyframes loading-rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}@-moz-keyframes loading-rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}.virtual-class-list{display:flex;flex-wrap:wrap}.virtual-class-list,.virtual-class-list>ul{list-style:none;padding:0}.virtual-class-list .date,.virtual-class-list>ul .date{font-size:1.2em;font-weight:700;margin-bottom:.5em}@media (min-width:825px){.virtual-class-list,.virtual-class-list>ul{padding-left:2em}}.virtual-class-instance-wrapper{background:#fff;border:4px solid transparent;border-radius:10px;margin:5px;padding:0}.virtual-class-instance-wrapper.unavailable .actions{color:#999;padding:20px 0}.virtual-class-instance-wrapper.unavailable .actions .unavailable-label{padding-left:8px}.virtual-class-instance-wrapper.unavailable .virtual-class-instance{background:#eee;color:#999;filter:blur(1px)}.virtual-class-instance-wrapper.signed-up{border:4px solid #0097ff;transition:.5s}.virtual-class-instance-wrapper.signed-up .actions{align-items:center;background:#fff;display:flex}.virtual-class-instance-wrapper.signed-up .actions .you-are-signed-up{color:#0097ff;font-weight:700;padding-left:5px;text-transform:uppercase}.virtual-class-instance-wrapper.signed-up .virtual-class-instance{background:#0097ff;color:#000}.virtual-class-instance-wrapper.signed-up .virtual-class-instance .time{border-right:1px solid #000}.virtual-class-instance-wrapper .virtual-class-instance{align-items:center;background:#0097ff;border-radius:6px 6px 0 0;color:#fff;display:flex;justify-content:space-between;padding:0}.virtual-class-instance-wrapper .virtual-class-instance div{padding:7px}.virtual-class-instance-wrapper .virtual-class-instance .time{border-right:1px solid #fff}.virtual-class-instance-wrapper .virtual-class-instance .time .start-time{font-size:1.6em}.virtual-class-instance-wrapper .virtual-class-instance .time .duration{font-size:.8em}.virtual-class-instance-wrapper .virtual-class-instance .name{font-size:1.8em;max-height:1em;max-width:54px;overflow:hidden;padding:0 15px;text-overflow:ellipsis}.virtual-class-instance-wrapper .actions{background:#eee;border-radius:0 0 6px 6px;display:flex;justify-content:center;padding:1em}.virtual-class-instance-wrapper .actions .signed-up{align-items:center;display:flex}.virtual-class-instance-wrapper .actions .signed-up .material-icons{color:#0097ff}.virtual-class-instance-wrapper .actions .loading40 svg{width:25px}.dates-nav{border-bottom:1px solid #eee;display:flex;list-style:none;padding:0}.dates-nav li{border-bottom:2px solid transparent;padding:5px 30px;text-align:center}.dates-nav li.active{border-bottom-color:#0097ff}.dates-nav li.active a{font-weight:700}.dates-nav li a{color:#000;text-decoration:none}@media (min-width:825px){.shepherd-element.shepherd-theme-arrows{max-width:60%}}.mejs-controls .mejs-button button{background:transparent url("/assets/controls.svg") no-repeat}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #dbe0e7 inset}.mdl-button--accent.mdl-button--accent{color:#0097ff}.mdl-button--accent.mdl-button--accent.mdl-button--raised{background-color:#0097ff}.mdl-button--accent.mdl-button--accent.mdl-button--raised:hover{background-color:#005b99;text-decoration-line:none}.virtual-class-live-wrapper.with-controls{display:grid;grid-template-columns:auto 200px;grid-gap:15px;overflow:hidden}.virtual-class-live-wrapper .virtual-class-controls{border:3px solid #ccc;border-radius:5px}.virtual-class-live-wrapper .virtual-class-controls ul{margin:0;padding:0}.virtual-class-live-wrapper .virtual-class-controls li{height:1.2em;line-height:1.2em;list-style:none;margin:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.virtual-class-live-wrapper .virtual-class-controls li.offline{opacity:.6}.virtual-class-live{align-items:center;height:calc(100vh - 146px);margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,49%));grid-gap:10px}.virtual-class-live.single-element{display:flex;justify-content:center;max-height:calc(100vh - 146px);width:100%}.virtual-class-live.single-element img,.virtual-class-live.single-element video{max-height:calc(100vh - 152px)}.virtual-class-live div{margin:auto;padding:0}.virtual-class-live div.not-showing{display:none}.virtual-class-live div .name{background:#0097ff;border-radius:0 0 5px 0;color:#fff;height:1.8em;margin:3px 3px;max-width:120px;overflow:hidden;padding:0 1.5em;position:absolute;text-overflow:ellipsis}.virtual-class-live div img,.virtual-class-live div video{border:3px solid #0097ff;border-radius:5px;max-width:100%}.virtual-class-live.contains-2 img,.virtual-class-live.contains-2 video{max-height:calc(100vh - 152px)}.virtual-class-live.contains-4 img,.virtual-class-live.contains-4 video{max-height:calc(50vh - 152px)}.virtual-class-live.contains-6{grid-template-columns:repeat(auto-fill,minmax(100px,32%))}.virtual-class-live.contains-6 img,.virtual-class-live.contains-6 video{max-height:calc(50vh - 152px)}.virtual-class-help{display:flex;height:100%;justify-content:center}.virtual-class-help .media-access-help{align-items:center;display:flex;font-size:1.4em;justify-content:space-around;width:70%}.virtual-class-help .media-access-help i{color:#ccc;font-size:4em;padding-right:10px}.deliveries td{max-width:3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deliveries .date{text-align:right}.mdl-radio__inner-circle{background:#0063b8}.mdl-radio.is-checked .mdl-radio__outer-circle{border-color:#0063b8}.mdl-radio__outer-circle{border-color:#274262}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.activity-breadcrumb{padding:.6em;font-size:16px;text-align:center;margin-right:-15px}@media (max-width:640px){.activity-breadcrumb{padding:.6em 5rem}}.versalitas{font-variant:small-caps;font-size:.8em}.img_no_border{border:none!important;background-color:transparent!important;max-width:100%!important}.editor-yellow{background-color:#ff0}.editor-blue{background-color:#00f}.editor-green{background-color:green}.editor-red{background-color:red}.editor-orange{background-color:orange}.editor-purple{background-color:purple}.editor-gray{background-color:gray}.ed_recuadro.rojo_naranja,table .rojo_naranja{background-color:#ff4000}.warning-msg{background-color:orange;padding:2em;border-radius:5px;border:1px solid #ff8c00}.small-text{font-size:.8em}.mejs__container,.mejs__layer,.mejs__poster{background-color:transparent!important}.mejs__mediaelement{background-color:#274262;border-radius:3px}.mdl-layout__header-row{background-color:rgba(39,66,98,.2);width:100%;height:40px;padding-top:10px}.mdl-layout-title{text-transform:capitalize;font-size:20px;font-family:"Prompt Regular",sans-serif!important;color:#365474;text-align:center;width:100%}section.results{max-width:1600px;margin:0 auto}section.results h3{font-size:1.8em;font-family:"Prompt Regular",sans-serif;color:#0063b8}.mdl-data-table th{font-size:1.5em;color:#274262}.mdl-data-table td{font-size:1.2em}.messaging{background-color:#eee;margin-right:-15px;padding-top:20px}.messaging .mdl-grid{max-width:1600px}.messaging .mdl-tabs__tab{text-transform:capitalize!important;font-size:1.5em;background-color:rgba(39,66,98,.2)}.messaging .mdl-tabs__tab.is-active{background-color:rgba(39,66,98,.5);color:#fff}.messaging .mdl-js-button{text-transform:capitalize!important;font-family:"Prompt Regular",sans-serif!important;font-size:1.3em;background-color:#0097ff!important}.messaging .mdl-js-button:hover{background-color:#0063b8!important}.wrap-img-right{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem}@media (max-width:1100px) and (min-width:641px){.wrap-img-right{grid-template-columns:2fr 1fr;column-gap:1rem;margin-right:2em}}@media (max-width:640px){.wrap-img-right{grid-template-columns:1fr;margin-right:1.5em}}.wrapped-activity{grid-column:1}@media (max-width:640px){.wrapped-activity{grid:column 1/3}}.wrapped-img{grid-column:2}@media (max-width:640px){.wrapped-img{display:none}}.virtual-class-evaluation{padding:.5em}.virtual-class-commentary{background-color:#eee;font-style:italic;padding:.1em}.beta-tag{position:absolute;top:10px;right:-20px;background-color:rgba(39,66,98,.2);color:#fff;padding:0;font-size:8px;min-width:90px;font-weight:700;text-align:center;transform:rotate(45deg);z-index:1000}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.blinking{animation:blink 1s infinite}.security-policy a{text-decoration:none}