/* Calm workshop surfaces; block colours keep their educational meaning. */
:root {
  --workshop-paper:#f7f7fb; --workshop-surface:#fff; --workshop-ink:#29263d;
  --workshop-muted:#646176; --workshop-line:#e6e4ef; --workshop-violet:#6550bd;
  --workshop-lilac:#efebfa; --workshop-mint:#e3f2eb; --workshop-focus:#44318e;
  --fer-cream:var(--workshop-paper); --fer-cream-warm:var(--workshop-lilac);
  --fer-ink:var(--workshop-ink); --fer-ink-soft:var(--workshop-muted);
  --fer-blue:var(--workshop-violet); --fer-green:#257450; --fer-red:#b73b54;
  --accent:var(--workshop-violet); --accent2:var(--workshop-violet);
  --fer-shadow-card:0 2px 8px #29263d08; --fer-shadow-btn:none;
  --font-display:'Nunito',sans-serif; --font:'Nunito',sans-serif;
}
html { -webkit-font-smoothing:antialiased; }
body { color:var(--workshop-ink); }
button,input,select {font:inherit;}
button {cursor:pointer;}
button:disabled {cursor:not-allowed;opacity:.5;}
button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible {outline:3px solid var(--workshop-focus)!important;outline-offset:4px;}
button:active:not(:disabled) {transform:translateY(1px);}
h1,h2,h3 {text-wrap:balance;}
p {text-wrap:pretty;}
#pantalla-inicio {display:none!important;}
.workshop-topbar {height:88px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:var(--workshop-surface);border-bottom:1px solid var(--workshop-line);gap:16px;}
.workshop-brand {display:flex;align-items:center;gap:12px;color:var(--workshop-ink);text-decoration:none;font-size:23px;font-weight:900;letter-spacing:1px;}
.brand-mark {display:grid;place-content:center;width:44px;height:44px;background:var(--workshop-violet);border-radius:14px;color:white;position:relative;font-size:30px;}
.brand-mark span {position:absolute;right:6px;bottom:0;color:#f1cd70;}
.workshop-brand small {display:block;font-size:11px;font-weight:600;letter-spacing:.2px;color:var(--workshop-muted);}
.workshop-top-actions {display:flex;align-items:center;gap:24px;padding-right:158px;}
.workshop-status {font-size:13px;color:var(--workshop-muted);display:flex;align-items:center;gap:8px;}
.workshop-status i {height:7px;width:7px;background:#438561;border-radius:50%;}
#nav-bottom {top:88px;bottom:0;right:auto;width:224px;height:auto!important;padding:28px 16px!important;flex-direction:column;gap:8px;border:0;border-right:1px solid var(--workshop-line);box-shadow:none!important;background:var(--workshop-surface)!important;pointer-events:auto;}
#nav-bottom::before {display:none;}
#nav-bottom .nav-item {margin:0;}
#nav-bottom .nav-item {flex:0 0 auto;min-height:52px;flex-direction:row;justify-content:flex-start;padding:12px 16px;gap:14px;border:0;border-radius:12px;background:transparent;text-align:left;transition:background .16s;}
#nav-bottom .nav-item:hover {background:var(--workshop-paper);}
#nav-bottom .nav-item.activo {background:var(--workshop-lilac);}
#nav-bottom .nav-label {font-size:15px;letter-spacing:0;color:var(--workshop-muted);font-weight:700;}
#nav-bottom .activo .nav-label {color:var(--workshop-violet)!important;font-weight:900;}
#nav-bottom .nav-icon {font-size:21px;transform:none!important;width:24px;}
.nav-pip {display:none;}
.workshop-nav-foot {margin-top:auto;padding:24px 14px 4px;display:flex;flex-direction:column;gap:8px;}
.workshop-nav-foot span {font-size:9px;font-weight:900;letter-spacing:1px;color:var(--workshop-muted);}
.workshop-nav-foot a {font-size:12px;color:var(--workshop-muted);text-decoration:none;}
#contenido-principal {margin:0 0 0 224px;}
.pagina {padding:36px;scroll-padding-top:24px;}
.workshop-page {max-width:1140px;width:100%;margin:auto;display:flex;flex-direction:column;gap:32px;padding-bottom:16px;}
.workshop-heading {display:flex;align-items:flex-end;justify-content:space-between;gap:24px;}
.workshop-eyebrow {font-size:11px;font-weight:900;letter-spacing:1.8px;color:var(--workshop-muted);margin:0 0 10px;}
.workshop-heading h1 {font-size:32px;line-height:1.16;letter-spacing:-.8px;margin:0;font-weight:900;}
.workshop-tag {background:var(--workshop-surface);border:1px solid var(--workshop-line);padding:8px 12px;border-radius:8px;font-size:12px;color:var(--workshop-muted);white-space:nowrap;}
.workshop-mission {display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden;min-height:330px;border-radius:24px;background:var(--workshop-lilac);}
.mission-copy {padding:36px;}
.mission-label {font-size:10px;letter-spacing:1.4px;font-weight:900;color:var(--workshop-violet);}
.mission-copy h2 {font-size:38px;font-weight:900;line-height:1.12;letter-spacing:-1px;margin:14px 0;}
.mission-copy p {font-size:15px;line-height:1.7;color:var(--workshop-muted);margin:0 0 24px;}
.workshop-primary,.workshop-secondary {display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 20px;border-radius:12px;border:0;font-weight:800;font-size:14px;line-height:1.4;box-shadow:none!important;transition:background .16s;}
.workshop-primary,.hero-btn {color:#fff!important;background:var(--workshop-violet)!important;font-family:var(--font)!important;}
.workshop-primary:hover,.hero-btn:hover {background:var(--workshop-focus)!important;transform:none;}
.workshop-secondary {background:var(--workshop-surface);color:var(--workshop-ink);border:1px solid var(--workshop-line);}
.workshop-secondary:hover {background:var(--workshop-lilac);}
.mission-note {display:block;font-size:12px;color:var(--workshop-muted);margin-top:12px;}
.mission-scene {position:relative;display:flex;align-items:center;justify-content:center;min-height:310px;isolation:isolate;}
.mission-orbit {position:absolute;width:260px;height:260px;border-radius:50%;background:#e1d9f5;z-index:-1;}
.mission-scene #hero-mascot-slot {position:relative!important;inset:auto!important;width:230px!important;height:230px!important;filter:none;transform:none!important;}
.mission-block {position:absolute;padding:10px 18px;border-radius:10px;font-size:13px;font-weight:900;box-shadow:0 3px 0 #29263d12;}
.mission-block::after {content:'';position:absolute;left:20px;bottom:-5px;height:6px;width:22px;border-radius:0 0 5px 5px;background:inherit;}
.block-start {top:34px;left:8px;background:#fff;color:var(--workshop-violet);transform:rotate(-6deg);}
.block-move {right:22px;top:124px;background:#cde7fa;color:#245777;transform:rotate(7deg);}
.block-repeat {left:14px;bottom:55px;background:#f5df9b;color:#685520;transform:rotate(-4deg);}
.scene-caption {position:absolute;bottom:20px;font-size:10px;font-weight:800;letter-spacing:1px;color:var(--workshop-violet);}
.workshop-section-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;}
.workshop-section-heading h2 {font-size:20px;margin:0;font-weight:900;letter-spacing:-.3px;}
.workshop-section-heading>span {font-size:12px;color:var(--workshop-muted);}
.workshop-paths {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.workshop-path {text-align:left;display:flex;position:relative;flex-direction:column;align-items:flex-start;gap:18px;padding:24px;border:1px solid var(--workshop-line);border-radius:16px;background:var(--workshop-surface);color:var(--workshop-ink);transition:border-color .16s,transform .16s;}
.workshop-path:hover {border-color:var(--workshop-violet);transform:translateY(-2px);}
.path-symbol {display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--workshop-lilac);color:var(--workshop-violet);font-size:13px;font-weight:900;}
.workshop-path:nth-child(2) .path-symbol {background:#e2eff8;color:#335b78;}
.workshop-path:nth-child(3) .path-symbol {background:var(--workshop-mint);color:#357052;}
.workshop-path strong {font-size:16px;font-weight:900;display:block;margin-bottom:6px;}
.workshop-path small {font-size:13px;line-height:1.6;color:var(--workshop-muted);}
.path-arrow {position:absolute;right:22px;top:26px;font-size:22px;color:var(--workshop-muted);}
.workshop-link {background:transparent;border:0;color:var(--workshop-violet);min-height:44px;font-size:13px;font-weight:800;}
.proyectos-scroll {padding:4px!important;min-height:150px;}
.proyecto-nuevo {background:var(--workshop-surface)!important;border:1.5px dashed #b9afd9!important;border-radius:16px!important;min-width:180px;color:var(--workshop-violet)!important;box-shadow:none!important;}
.proyecto-card,.proyecto-item {border:1px solid var(--workshop-line)!important;border-radius:16px!important;box-shadow:none!important;}
.workshop-storage-note {font-size:12px;color:var(--workshop-muted);margin:12px 0 0;}
.workshop-help {display:flex;align-items:center;gap:20px;padding:24px;background:var(--workshop-mint);border-radius:16px;}
.help-symbol {font-size:32px;color:#357052;}
.workshop-help strong {font-size:16px;}
.workshop-help p {font-size:13px;line-height:1.5;color:#416351;margin:4px 0 0;}
.workshop-help button {margin-left:auto;flex-shrink:0;}
.pag-header {background:none!important;padding:0 0 28px!important;box-shadow:none!important;max-width:1140px;width:100%;margin:0 auto!important;}
.pag-header-title {font-family:var(--font)!important;font-size:30px!important;color:var(--workshop-ink)!important;font-weight:900!important;}
.pag-header-desc {color:var(--workshop-muted)!important;font-size:16px!important;line-height:1.6;}
.tutoriales-grid,.robots-grid {width:100%;max-width:1140px;margin:0 auto;gap:24px!important;padding:0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.robots-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.tutorial-card,.robot-card {padding:0;text-align:left;color:var(--workshop-ink);border:1px solid var(--workshop-line)!important;border-radius:18px!important;background:white;box-shadow:none!important;min-width:0;overflow:hidden;}
.tutorial-card-img {height:170px!important;background:#eeedf4!important;}
.robot-card-img {height:250px!important;background:#eeedf4!important;}
.tutorial-card-body,.robot-card-body {padding:20px!important;}
.tutorial-card-title,.robot-card-name {font-family:var(--font)!important;font-size:19px!important;font-weight:900!important;}
.tutorial-card-desc,.robot-card-desc {font-size:14px!important;line-height:1.65!important;color:var(--workshop-muted)!important;}
.tutorial-num {background:white!important;color:var(--workshop-violet)!important;font-size:16px!important;}
#pag-proyectos .pag-header .workshop-primary {margin-top:16px;}
.proyectos-toolbar {background:var(--workshop-surface)!important;border:1px solid var(--workshop-line);border-radius:16px;padding:16px!important;gap:12px!important;flex-wrap:wrap;}
.proy-search {min-height:48px;background:var(--workshop-paper)!important;font-size:16px!important;}
.proy-action-btn,.view-btn {min-height:44px;min-width:44px;}
.proyectos-lista {padding:24px 0!important;}
.proyectos-empty-title {font-size:23px!important;color:var(--workshop-ink)!important;}
.proyectos-empty-desc {color:var(--workshop-muted)!important;max-width:420px;line-height:1.7!important;}
.ajustes-section,.workshop-preferences {width:100%;max-width:900px;margin:0 auto 24px!important;}
.workshop-preferences {padding:24px;background:white;border-radius:16px;border:1px solid var(--workshop-line);box-sizing:border-box;}
.workshop-preferences h2 {margin:0;font-size:21px;}
.workshop-preferences p {color:var(--workshop-muted);font-size:14px;}
.workshop-preferences label {display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:52px;font-size:16px;}
.workshop-preferences input {height:24px;width:24px;accent-color:var(--workshop-violet);}
.ajuste-row {box-shadow:none!important;border:1px solid var(--workshop-line);border-radius:16px!important;}
.ajuste-item {min-height:72px;}
.ajuste-label {font-size:16px!important;}
.ajuste-desc {font-size:13px!important;color:var(--workshop-muted)!important;}
#pag-unidades {padding:0;}
#fer-guia-root {font-family:var(--font)!important;}
#fer-guia-root .fg-screen {background:var(--workshop-paper)!important;padding:24px;}
.fg-home-topbar,.fg-home-hero {max-width:1040px;width:100%;margin:0 auto;box-sizing:border-box;}
.fg-home-hero {padding:28px!important;}
.fg-card,.fg-speech,.fg-unit-bubble,.fg-pill {box-shadow:none!important;}
.fg-card,.fg-speech {border:1px solid var(--workshop-line);}
.fg-btn {min-height:48px;border-radius:12px;box-shadow:none!important;font-family:var(--font);}
.fg-unit {cursor:pointer;}
.fg-unit-sub {color:var(--workshop-muted)!important;}
.fg-units-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;max-width:1000px;margin:auto;}
.fg-units-wrap {flex:none;}
.fg-unit {min-width:0;}
.fg-unit-sub {font-size:12px;line-height:1.4;max-width:140px;}
.fg-activity {padding-bottom:110px;}
.fg-lesson-header,#fg-stage-area {width:100%;max-width:1000px;margin:0 auto;}
.fg-lesson-card {border-width:2px;box-shadow:none;border-color:var(--workshop-line);}
.fg-concept-bubble {max-height:none;overflow:visible;min-width:0;}
.fg-onboarding-form {width:100%;max-width:460px;justify-content:center;}
.fg-name-input {min-width:0;border:1px solid var(--workshop-line);box-shadow:none;}
.fg-figure-ph {background:var(--workshop-lilac);border:1px solid var(--workshop-line);}
.fg-figure-ph-name {box-shadow:none;font-weight:600;}
#a11y-dock-btn {top:22px!important;right:28px!important;width:auto!important;height:44px!important;padding:0 16px!important;border-radius:12px!important;background:var(--workshop-lilac)!important;color:var(--workshop-violet)!important;font-size:14px!important;font-family:var(--font)!important;font-weight:800;box-shadow:none!important;}
#a11y-dock {top:76px!important;right:28px!important;width:280px!important;padding:16px!important;max-height:calc(100dvh - 110px);overflow-y:auto;background:white!important;border:1px solid var(--workshop-line);box-shadow:0 12px 48px #29263d24!important;}
#a11y-dock h4 {font-size:17px!important;color:var(--workshop-ink)!important;margin-bottom:12px!important;}
.a11y-card {min-height:64px;background:var(--workshop-paper)!important;border:1px solid var(--workshop-line)!important;color:var(--workshop-ink)!important;}
.a11y-card .tx small {color:var(--workshop-muted)!important;font-size:12px!important;line-height:1.4;}
.a11y-card.on {background:var(--workshop-mint)!important;border-color:#438561!important;}
#topbar {background:white!important;box-shadow:none!important;border-bottom:1px solid var(--workshop-line);padding:8px 170px 8px 12px!important;gap:8px!important;overflow-x:auto;}
#topbar .tbarbtn {border:1px solid var(--workshop-line);background:var(--workshop-paper)!important;min-width:44px!important;min-height:44px!important;box-shadow:none!important;color:var(--workshop-ink)!important;}
#program-name-input {background:var(--workshop-paper)!important;color:var(--workshop-ink)!important;font-size:16px!important;min-width:120px;}
#btn-guardar {background:var(--workshop-violet)!important;color:white!important;min-height:44px;border-radius:10px!important;box-shadow:none!important;}
#btn-volver-menu {min-width:44px;min-height:44px;background:var(--workshop-lilac)!important;color:var(--workshop-violet)!important;box-shadow:none!important;}
#btn-play,#btn-stop {border:0;min-width:52px;min-height:52px;}
#btn-play {background:#257450!important;}
.blocklyToolboxDiv {background:#f5f4f9!important;border-right:1px solid var(--workshop-line);padding:12px 4px!important;}
.blocklyTreeRow {height:44px!important;line-height:44px!important;margin:2px 0!important;padding-right:12px!important;border-radius:6px;}
.blocklyTreeLabel {font-family:var(--font)!important;font-size:14px!important;font-weight:700!important;}
#editor-bloques .blocklyToolbox {background:var(--workshop-paper)!important;padding:8px 4px!important;border-right:1px solid var(--workshop-line);}
#editor-bloques .blocklyToolboxCategory {min-height:44px!important;display:flex!important;align-items:center;margin:4px 0!important;border-radius:6px;padding-right:12px!important;}
#editor-bloques .blocklyToolboxCategoryLabel {font-family:var(--font)!important;font-size:14px!important;font-weight:700;}
.workshop-editor-empty {position:absolute;top:28%;left:calc(50% + 60px);transform:translateX(-50%);z-index:20;max-width:360px;width:calc(100% - 170px);padding:24px;text-align:center;border:1px solid var(--workshop-line);border-radius:20px;background:var(--workshop-surface);box-sizing:border-box;}
.workshop-editor-empty[hidden] {display:none;}
.workshop-editor-empty>span {font-size:32px;color:var(--workshop-violet);}
.workshop-editor-empty h2 {font-size:24px;line-height:1.2;margin:12px 0;}
.workshop-editor-empty p {font-size:14px;line-height:1.6;color:var(--workshop-muted);margin:0 0 20px;}
.workshop-editor-empty button {width:100%;}
.large-text .pagina {font-size:18px;}
.large-text .workshop-path small,.large-text .mission-copy p,.large-text .tutorial-card-desc,.large-text .robot-card-desc,.large-text .ajuste-desc,.large-text .workshop-help p {font-size:18px!important;}
.large-text .nav-label {font-size:17px!important;}
.reduced-motion *, .reduced-motion *::before,.reduced-motion *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
@media (prefers-reduced-motion:reduce) {*,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}}
@media (max-width:1100px) {
  #nav-bottom {width:192px;padding:20px 12px!important;}
  #contenido-principal {margin-left:192px;}
  .pagina {padding:28px;}
  .workshop-topbar {padding:0 24px;}
  .workshop-status,.workshop-tag {display:none;}
  .mission-copy {padding:28px;}
  .mission-copy h2 {font-size:32px;}
  .mission-block {font-size:11px;padding:9px 12px;}
  .block-move {right:4px;}
  .workshop-path {padding:18px;}
  .tutoriales-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:760px) {
  .workshop-topbar {height:76px;padding:0 16px;}
  .workshop-brand {font-size:20px;gap:8px;}
  .workshop-brand small {font-size:10px;}
  .brand-mark {height:38px;width:38px;font-size:26px;border-radius:12px;}
  .workshop-top-actions {display:none;}
  #a11y-dock-btn {right:16px!important;top:16px!important;padding:0 12px!important;font-size:12px!important;}
  #a11y-dock {right:12px!important;top:68px!important;width:min(280px,calc(100vw - 24px))!important;}
  #nav-bottom {top:auto;bottom:0;left:0;right:0;width:auto;height:auto!important;min-height:80px;padding:8px 8px max(8px,env(safe-area-inset-bottom))!important;flex-direction:row;overflow-x:auto;gap:2px;border-top:1px solid var(--workshop-line)!important;border-right:0;}
  #nav-bottom .nav-item {flex:1 0 72px;min-height:62px;flex-direction:column;justify-content:center;gap:6px;padding:8px 5px;}
  #nav-bottom .nav-label {font-size:11px!important;white-space:nowrap;}
  #nav-bottom .nav-icon {font-size:20px;}
  .workshop-nav-foot {display:none;}
  #contenido-principal {margin:0 0 calc(84px + env(safe-area-inset-bottom));}
  .pagina {padding:24px 18px;}
  .workshop-page {gap:28px;}
  .workshop-heading h1 {font-size:27px;}
  .workshop-eyebrow {font-size:10px;}
  .workshop-mission {grid-template-columns:1fr;}
  .mission-copy {padding:28px 24px 12px;}
  .mission-copy h2 {font-size:34px;}
  .mission-scene {min-height:230px;}
  .mission-scene #hero-mascot-slot {width:180px!important;height:180px!important;}
  .mission-scene svg {width:100%;height:100%;}
  .mission-orbit {width:200px;height:200px;}
  .block-start {left:24px;top:18px;}
  .block-move {right:24px;top:80px;}
  .block-repeat {left:24px;bottom:40px;}
  .scene-caption {bottom:12px;}
  .workshop-paths {grid-template-columns:1fr;gap:12px;}
  .workshop-path {flex-direction:row;gap:16px;padding:20px;align-items:center;}
  .path-symbol {flex-shrink:0;}
  .path-arrow {top:20px;right:16px;}
  .workshop-path small br {display:none;}
  .workshop-path strong {padding-right:18px;}
  .workshop-section-heading {align-items:flex-start;}
  .workshop-section-heading h2 {font-size:19px;}
  .workshop-section-heading>span {display:none;}
  .workshop-link {text-align:right;font-size:12px;padding:0;min-width:100px;}
  .workshop-help {flex-wrap:wrap;gap:12px;padding:20px;}
  .workshop-help>div {flex:1;}
  .workshop-help button {width:100%;}
  .pag-header-title {font-size:26px!important;}
  .tutoriales-grid {gap:14px!important;}
  .tutorial-card-img {height:130px!important;}
  .tutorial-card-body {padding:14px!important;}
  .tutorial-card-title {font-size:16px!important;}
  .tutorial-card-desc {font-size:13px!important;}
  .robots-grid {grid-template-columns:1fr!important;gap:20px!important;}
  .robot-card-img {height:210px!important;}
  #fer-guia-root .fg-screen {padding:12px;}
  .fg-home-topbar {padding:12px!important;}
  .fg-home-hero {padding:16px 8px!important;}
  .fg-home-hero .fg-speech {font-size:15px;}
  .fg-onboarding {gap:16px!important;text-align:center;}
  .fg-onboarding-title {font-size:26px;}
  .fg-onboarding-form {flex-direction:column;padding:0 12px;gap:12px;}
  .fg-name-input,.fg-onboarding-form button {width:100%;}
  .fg-home-topbar {flex-wrap:wrap;gap:16px;}
  .fg-units-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;padding:0;}
  .fg-unit-header {flex-wrap:wrap;padding:16px 6px;gap:12px;}
  .fg-unit-header-title {font-size:24px;}
  .fg-unit-header-icon {width:48px;height:48px;flex-shrink:0;font-size:26px;}
  .fg-unit-intro {flex-direction:column;padding:12px 6px;}
  .fg-unit-intro .fg-mascot svg {height:90px;width:90px;}
  .fg-lessons-grid {padding:12px 6px;}
  .fg-home-hero {flex-direction:column;}
  .fg-home-hero .fg-mascot svg {height:100px;width:100px;}
  .fg-lesson-header {flex-wrap:wrap;gap:16px;padding:16px 6px;}
  .fg-lesson-header-left {width:100%;gap:12px;}
  .fg-lesson-header-left>div {min-width:0;}
  .fg-lesson-title-large {font-size:23px;line-height:1.25;}
  .fg-back-btn {flex-shrink:0;min-width:44px;min-height:44px;}
  .fg-concept {flex-direction:column;padding:8px 6px 20px;}
  .fg-concept>.fg-mascot svg {width:84px;height:84px;}
  .fg-concept-bubble {width:100%;}
  .fg-speech {font-size:18px;line-height:1.55;}
  .fg-concept-actions {flex-wrap:wrap;gap:12px;}
  .fg-concept-actions button {width:100%;justify-content:center;}
  .fg-activity {padding:8px 6px 110px;}
  #topbar {padding-right:8px!important;max-width:100vw;}
  body:has(#editor-bloques.visible) #a11y-dock-btn {top:auto!important;bottom:18px!important;right:16px!important;}
  body:has(#editor-bloques.visible) #a11y-dock {top:auto!important;bottom:72px!important;}
  #btn-play {bottom:82px!important;right:16px!important;}
  #btn-stop {bottom:82px!important;right:80px!important;}
  .workshop-editor-empty {padding:18px;width:calc(100% - 150px);top:22%;left:calc(50% + 60px);}
  .workshop-editor-empty h2 {font-size:21px;}
  .workshop-editor-empty p {font-size:13px;}
  .workshop-editor-empty button {padding:12px;font-size:13px;}
}
@media (max-width:360px) {.tutoriales-grid {grid-template-columns:1fr!important;}.workshop-brand small{display:none;}.mission-copy h2{font-size:29px;}}