/* El mismo taller y personaje en las dos etapas. */
#s-armario .arm-taller{box-sizing:border-box;width:100%;max-width:760px;margin:0 auto;padding:22px;border-radius:28px;background:#f5ecf7;color:#493858;}
#s-armario .arm-taller *{box-sizing:border-box;}
#s-armario h1{font-family:"Fredoka",sans-serif;font-size:1.7rem;font-weight:500;text-align:left;line-height:1.2;margin:0;color:#493858;}
#s-armario .arm-subtitulo{font-size:.95rem;color:#745d82;margin:5px 0 16px;}
#s-armario #arm-reto{max-width:none;margin:0 0 16px;padding:10px 13px;font-size:.95rem;line-height:1.4;border:0;border-radius:14px;background:#fff0cb;color:#674d27;box-shadow:none;}
#s-armario .arm-espacio{display:grid;grid-template-columns:minmax(220px,.86fr) minmax(0,1.14fr);gap:20px;align-items:start;}
#s-armario .arm-escenario{position:relative;padding:16px 10px 12px;background:#faf4e9;border-radius:100px 100px 22px 22px;box-shadow:inset 0 0 0 7px #ecdfcb;}
#s-armario .arm-escenario::before{content:"";position:absolute;inset:15px;border:1px solid #deccb1;border-radius:90px 90px 16px 16px;pointer-events:none;}
#s-armario #arm-muneco{position:relative;width:100%;max-width:270px;height:365px;margin:0 auto;padding:0;border:0;border-radius:0;background:none;}
#s-armario #arm-muneco>svg{filter:none;}
#s-armario .arm-nombre{position:relative;font-family:"Fredoka",sans-serif;font-size:1.2rem;font-weight:500;line-height:1.3;text-align:center;margin:0 12px 10px;}
#s-armario .arm-acciones{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
#s-armario .arm-acciones .btn{flex:1 1 120px;min-height:46px;min-width:0;margin:0;padding:10px 9px;font-size:.9rem;}
#s-armario .arm-controles{min-width:0;}
#s-armario #arm-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 14px;}
#s-armario .arm-tab{min-height:44px;padding:8px 6px;border:1px solid #e5d8ec;border-radius:13px;font-size:.85rem;font-weight:800;line-height:1.3;background:#fffdf9;color:#634c75;box-shadow:none;}
#s-armario .arm-tab.on{background:#7952a0;border-color:#7952a0;color:#fff;}
#s-armario #arm-cajon{display:block;width:100%;max-width:none;margin:0;}
#s-armario .arm-opciones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
#s-armario .arm-item{min-width:0;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:7px 3px 9px;border:2px solid #fffdf9;border-radius:15px;background:#fffdf9;color:#624e71;box-shadow:none;overflow-wrap:anywhere;}
#s-armario .arm-item .nom{font-size:.78rem;font-weight:800;line-height:1.25;color:inherit;}
#s-armario .arm-item.on{outline:none;background:#e9def3;border-color:#9871b5;color:#503567;box-shadow:0 3px 0 #cbb3dc;}
#s-armario .arm-item:focus-visible,#s-armario .arm-tab:focus-visible,#s-armario .arm-foto:focus-visible{outline:3px solid #503567;outline-offset:3px;}
#s-armario .arm-item:disabled{opacity:.55;cursor:default;}
#s-armario .arm-miniatura{display:block;width:100%;height:89px;pointer-events:none;}
#s-armario .arm-retrato{height:70px;}
#s-armario .arm-grupo{margin:16px 0 8px;font-size:.88rem;font-weight:800;line-height:1.4;color:#604970;}
#s-armario .arm-grupo:first-child{margin-top:0;}
#s-armario .arm-colores{display:flex;flex-wrap:wrap;gap:7px;}
#s-armario .arm-colores .arm-item{min-width:44px;min-height:44px;padding:5px;border-radius:50%;}
#s-armario .arm-colores .bola{width:28px;height:28px;border:1px solid #00000012;}
#s-armario .arm-ayuda{font-size:.83rem;line-height:1.4;color:#775f83;margin:12px 0 0;}
#s-armario #arm-album-wrap{margin-top:24px;}
#s-armario #arm-album-wrap h2{font-size:1.15rem;font-weight:500;text-align:left;margin:0 0 12px;color:#604970;}
#s-armario #arm-album{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-width:none;}
#s-armario .arm-foto{min-width:0;min-height:70px;aspect-ratio:260/392;padding:4px;background:#fffdf9;}
#s-armario .arm-oculto{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
@media(max-width:620px){
  #s-armario .arm-taller{padding:16px;border-radius:22px;}
  #s-armario .arm-espacio{grid-template-columns:1fr;gap:18px;}
  #s-armario .arm-escenario,#s-armario .arm-acciones{max-width:320px;width:100%;margin-left:auto;margin-right:auto;}
  #s-armario #arm-muneco{height:320px;max-width:230px;}
  #s-armario .arm-miniatura{height:95px;}
  #s-armario .arm-retrato{height:73px;}
  #s-armario #arm-album{grid-template-columns:repeat(3,minmax(0,1fr));}
}