*{box-sizing:border-box}
html{touch-action:auto}
body{margin:0;background:#fff;color:#222;font:11px/1.3 Arial,sans-serif;touch-action:auto}
a{color:#666;text-decoration:none}
a:hover{color:#ffa000;text-decoration:none}
.tutorial-content{width:620px;max-width:100%;margin:0 auto;padding:8px 12px 32px;overflow-wrap:anywhere}
.tutorial-block{min-width:0;max-width:100%}
.tutorial-row{display:flex;align-items:flex-start;gap:10px;min-width:0;margin:0 0 6px}
.tutorial-cell{flex:1 1 0;min-width:0;max-width:100%}
.tutorial-icon{flex:0 0 52px;min-width:0}
.tutorial-panel{border:1px solid #222;padding:10px;margin:14px 0;max-width:100%}
.tutorial-logo{text-align:center}
.tutorial-logo img{display:inline-block}
.tutorial-credit{text-align:center;margin:16px 0}
.texto,.textotd,.expli{display:block;width:auto!important;max-width:100%;height:auto!important;margin:0 0 6px;text-align:justify}
.expli{font-size:9px;color:#777}
.titulo{font-size:18px;line-height:1.2;font-weight:bold;letter-spacing:-1px;margin:40px 0 6px;scroll-margin-top:16px}
.subtitulo{font-size:16px;line-height:1.2;font-weight:bold;letter-spacing:-1px;margin:24px 0 6px;scroll-margin-top:16px}
.sugerencia{display:block;font-size:16px;font-weight:bold;letter-spacing:-1px;margin:24px 0 6px;text-align:right}
.ul1{margin:0 0 6px;padding-left:20px;color:#333;text-align:justify}
.ul2{margin:0 0 8px;padding-left:40px}
img{max-width:100%;height:auto;border:0;vertical-align:middle;touch-action:auto}
.image-left{float:left;margin:0 20px 8px 0}
.image-right{float:right;margin:0 0 8px 12px}
.texto:after,.tutorial-cell:after{content:"";display:table;clear:both}
@media(max-width:620px){
 .image-left,.image-right{float:none;display:block;margin:8px 0!important}
 .tutorial-icon{flex-basis:44px}
 .tutorial-panel{padding:8px}
 .tutorial-row{gap:8px}
}