.tm-skip{position:fixed;z-index:99999;top:10px;left:10px;transform:translateY(-150%);padding:9px 12px;border:1px solid #5f7174;border-radius:999px;background:#f8fafd;color:#1d1d1b;font:700 11px/1 var(--tm-ui,Inter,system-ui,sans-serif);text-decoration:none;box-shadow:0 8px 24px rgba(29,29,27,.14)}
.tm-skip:focus{transform:none}

  #t{
    touch-action:manipulation;
        
     
    --vidrio:radial-gradient(130% 140% at 12% -14%, rgba(255,255,255,.6), transparent 46%),
      radial-gradient(70% 80% at 96% 118%, rgba(255,255,255,.22), transparent 42%),
      linear-gradient(160deg,rgba(255,255,255,.30),rgba(255,255,255,.12));
    --vidrio2:radial-gradient(130% 140% at 12% -14%, rgba(255,255,255,.55), transparent 46%),
      radial-gradient(70% 80% at 96% 118%, rgba(255,255,255,.18), transparent 42%),
      linear-gradient(160deg,rgba(255,255,255,.92),rgba(255,255,255,.86));
    --borde:rgba(255,255,255,.75);
    --lustre:inset 0 1px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(255,255,255,.35),
      inset 1px 0 0 rgba(178,210,255,.5), inset -1px 0 0 rgba(255,214,178,.35);
    --caida:0 12px 40px rgba(30,35,44,.14);
    --filo:rgba(30,35,44,.10);
       
    
    
    position:relative;  grid-template-rows:auto 1fr;
      
     
    -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
    
  }
  #t[data-tema="noche"]{
        
     
    --vidrio:radial-gradient(130% 140% at 12% -14%, rgba(255,255,255,.16), transparent 46%),
      radial-gradient(70% 80% at 96% 118%, rgba(255,255,255,.06), transparent 42%),
      linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.03));
    --vidrio2:radial-gradient(130% 140% at 12% -14%, rgba(255,255,255,.16), transparent 46%),
      radial-gradient(70% 80% at 96% 118%, rgba(255,255,255,.05), transparent 42%),
      linear-gradient(160deg,rgba(15,18,25,.93),rgba(10,13,19,.90));
    --borde:rgba(255,255,255,.15);
    --lustre:inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(255,255,255,.05),
      inset 1px 0 0 rgba(138,178,255,.16), inset -1px 0 0 rgba(255,190,130,.1);
    --caida:0 14px 44px rgba(0,0,0,.6); --filo:rgba(233,237,244,.11);
       
  }

  /* ---- fondos especiales configurables · v1241.0
     Conservan las opciones existentes de Consola, pero ya no cargan fotografías
     ni manchas decorativas. Son variaciones de papel TOMO, suaves y ligeras. */
  #t::before{
    content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
    background:transparent;opacity:0;
  }
  #t[data-fondo="azul"]:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"])::before{background:linear-gradient(180deg,#f2f5f5 0%,#e8edef 100%);opacity:1;}
  #t[data-fondo="verde"]:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"])::before{background:linear-gradient(180deg,#f3f5f1 0%,#e8ede6 100%);opacity:1;}
  #t[data-fondo="rosa"]:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"])::before{background:linear-gradient(180deg,#f7f2ef 0%,#eee7e3 100%);opacity:1;}
  #t[data-fondo="blanco"]:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"])::before{background:#fafaf8;opacity:1;}
  #t[data-fondo="oceano"]:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"])::before{background:linear-gradient(180deg,#eef3f2 0%,#e1e9e8 100%);opacity:1;}
  #t[data-fondo="niebla"]:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"])::before{background:linear-gradient(180deg,#f4f4f1 0%,#e9ece8 100%);opacity:1;}
  #t[data-tema="noche"]::before{opacity:0!important;}


  .top,.pag,.lector,.texto{position:relative;z-index:1;}
  

  #t *,#t *::before,#t *::after{box-sizing:border-box;}
  #t :is(button,input,select,textarea){font:inherit;color:inherit;}
  #t :is(button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--marca);outline-offset:3px;}
  #t ::-webkit-scrollbar{width:9px;height:9px;}
  #t ::-webkit-scrollbar-thumb{background:rgba(30,35,44,.18);border-radius:9px;}
  

  /* Base estructural de controles. La apariencia vive en la gobernanza canónica. */
  .b{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;}
  .b>*{position:relative;z-index:1;}
  
  .b-ico{padding:0;flex:0 0 auto;}


  .c{display:flex;flex-direction:column;gap:6px;}
  .c label{font-weight:500;letter-spacing:.13em;text-transform:uppercase;}
  .c :is(input,select,textarea){padding:10px 13px;border-radius:12px;border:1px solid var(--borde);
    background:var(--vidrio2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    box-shadow:var(--lustre);font-family:var(--ui);font-size:13.5px;color:var(--tinta);width:100%;}
  .c textarea{font-family:var(--lee);resize:vertical;min-height:130px;}
  
  .prosa{font-size:14.5px;line-height:1.7;color:var(--suave);max-width:62ch;margin:0;}

  /* ---------- cabecera con navegación ---------- */
  
  .home{cursor:pointer;flex:0 0 auto;margin-right:auto;}
  /* botones individuales de la barra superior: gris #c6c6c6, cada uno su
     propia píldora — solo aquí, .b/.cuenta/.tokchip siguen con su color
     normal en el resto del sitio (muro, editor, etc.) */
  .top .der .b,.top .der .cuenta,.top .der .tokchip{
    color:#242424!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  .mk{width:88px;height:20px;flex:0 0 auto;background:var(--logo) center/contain no-repeat;}
  .mk-xl{width:146px;height:33px;}
  .home i{font-style:normal;font-size:11px;
    }

  .nav{border-radius:21px;flex:0 0 auto;
    backdrop-filter:blur(18px) saturate(185%);
    -webkit-backdrop-filter:blur(18px) saturate(185%);
    }
  .lente{position:absolute;top:4px;bottom:4px;left:0;z-index:1;border-radius:17px;
    background:linear-gradient(150deg,var(--marca),var(--marca2));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 5px 14px rgba(30,35,44,.26);
    transition:transform .5s cubic-bezier(.34,1.28,.4,1),width .5s cubic-bezier(.34,1.28,.4,1);
    pointer-events:none;}
  .nav button{position:relative;z-index:2;
    font-family:var(--ui);font-size:12px;font-weight:500;
    letter-spacing:.05em;cursor:pointer;transition:color .3s;}
  
  #t[data-tema="noche"] .nav button[aria-current="true"]{color:#0a0d13;}

  .der{flex:0 0 auto;}
  
  .busca-usuarios{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:40;
    
    
    border-radius:16px;padding:6px;
    max-height:280px;overflow-y:auto;}
  .busca-us-item{display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:11px;cursor:pointer;}
  
  .busca-us-tx{display:flex;flex-direction:column;gap:1px;min-width:0;}
  .busca-us-tx b{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .busca-us-tx span{font-size:11.5px;color:var(--suave);}
  .busca{
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    font-family:var(--ui);}
  .busca::placeholder{color:var(--arena);}
  .cuenta{display:flex;align-items:center;gap:8px;height:35px;padding:0 6px 0 6px;border-radius:18px;
    border:1px solid var(--borde);background:var(--vidrio);backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);cursor:pointer;}
  .cuenta:hover{transform:translateY(-2px);box-shadow:var(--lustre),0 10px 22px rgba(30,35,44,.18);}
  .cuenta[data-in="no"]{padding:0 15px;}
  .cuenta span{font-size:12px;font-weight:500;letter-spacing:.04em;white-space:nowrap;}
  .pin{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;
    background:linear-gradient(150deg,var(--marca),var(--marca2));color:#fff;
    font-family:var(--lee);font-size:12px;font-weight:600;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.35);}
  #t[data-tema="noche"] .pin{color:#0a0d13;}

  /* ---------- páginas ---------- */
  .pag{display:none;min-height:0;padding:22px 26px 34px;
    }
  @keyframes entra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  #t[data-vista="inicio"] .pag[data-p="inicio"],#t[data-vista="explorar"] .pag[data-p="explorar"],#t[data-vista="mios"] .pag[data-p="mios"],#t[data-vista="hilo"] .pag[data-p="hilo"],#t[data-vista="perfil"] .pag[data-p="perfil"],#t[data-vista="autor"] .pag[data-p="autor"]{display:block;}
  .lim{max-width:1580px;margin:0 auto;}

  
  
  
  
  
  
  
  
  .eyebrow{margin:0;font-size:10.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--marca);}
  #msj-hilo-eyebrow,#msj-lista-eyebrow{
    display:inline-block;padding:5px 14px;border-radius:999px;
    letter-spacing:.12em;
  }
  .hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 0;}
  .pip{padding:4px 11px;border-radius:12px;font-size:10.5px;letter-spacing:.07em;
    background:var(--vidrio);border:1px solid var(--borde);box-shadow:var(--lustre);
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--suave);}
  
  
  
  
  
  
  
  
  

  .fila-tit{margin:0 0 14px;}
  .fila-tit h3{font-weight:600;}
  .fila-tit em{font-size:11.5px;}
  .carril{padding:4px 4px 18px;margin-bottom:24px;}
  .carril>*{flex:0 0 calc((100% - 24px)/3);min-width:0;}
  
  .flecha{position:absolute;top:calc(50% - 26px);z-index:3;width:38px;height:38px;border-radius:50%;
    display:grid;place-items:center;border:1px solid var(--borde);background:var(--vidrio);
    backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);
    box-shadow:var(--lustre),0 8px 20px rgba(30,35,44,.18);color:var(--tinta);cursor:pointer;
    font-size:20px;line-height:1;padding-bottom:2px;transition:opacity .3s,transform .3s;}
  .flecha:hover{transform:scale(1.08);}
  .flecha.izq{left:-8px;}.flecha.der{right:-8px;}
  .flecha[disabled]{opacity:0;pointer-events:none;}
  .rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(162px,1fr));gap:26px 18px;margin-bottom:24px;}
  .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(166px,1fr));gap:30px 20px;}

  .card{flex-direction:column;border:0;background:none;padding:0;text-align:left;
    cursor:pointer;animation:none;}
  @keyframes sube{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
  .cov{position:relative;aspect-ratio:2/3;border-radius:8px;background:linear-gradient(145deg,color-mix(in srgb,var(--marca) 7%,var(--hoja)),var(--hoja));overflow:hidden;
    box-shadow:0 8px 22px rgba(30,35,44,.24);
    transition:transform .38s cubic-bezier(.2,.9,.25,1),box-shadow .38s;}
  .card:hover .cov{transform:translateY(-8px) scale(1.02);box-shadow:0 26px 48px rgba(30,35,44,.34);}
  .cov img{width:100%;height:100%;object-fit:cover;display:block;}
  .cov::after{content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(102deg,rgba(255,255,255,.26),transparent 30%),
               linear-gradient(90deg,rgba(0,0,0,.18),transparent 8%);}
  .tag{position:absolute;top:9px;left:9px;padding:4px 8px;border-radius:999px;font-size:8.5px;
    font-weight:700;letter-spacing:.105em;text-transform:uppercase;color:#fff;z-index:2;
    background:rgba(29,29,27,.54);backdrop-filter:blur(10px) saturate(145%);
    -webkit-backdrop-filter:blur(10px) saturate(145%);
    border:1px solid rgba(255,255,255,.30);box-shadow:inset 0 1px 0 rgba(255,255,255,.28);}
  .barra{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.28);z-index:2;}
  .barra i{display:block;height:100%;background:var(--marca);box-shadow:0 0 10px rgba(255,255,255,.5);}
  .tit{font-size:14.5px;line-height:1.32;font-weight:600;}
  .aut{font-family:var(--lee);font-size:12.5px;font-style:italic;color:var(--suave);margin-top:-5px;}
  .sub{display:flex;justify-content:space-between;gap:8px;font-size:11px;letter-spacing:.05em;
    color:var(--arena);font-variant-numeric:tabular-nums;}
  .sub b{color:var(--marca);font-weight:600;}

  .chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;}
  .chip{height:33px;padding:0 16px;border-radius:17px;border:1px solid var(--borde);
    background:var(--vidrio);backdrop-filter:blur(16px) saturate(180%);
    -webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:var(--lustre);
    color:var(--tinta);font-family:var(--ui);font-size:12px;font-weight:500;letter-spacing:.04em;
    cursor:pointer;transition:transform .26s cubic-bezier(.2,.9,.25,1),background .26s,color .26s;}
  .chip:hover{transform:translateY(-2px);}
  .chip[aria-pressed="true"]{background:var(--marca);border-color:transparent;color:#fff;}
  #t[data-tema="noche"] .chip[aria-pressed="true"]{color:#0a0d13;}

  .nada{max-width:460px;margin:6vh auto;padding:40px 34px;border-radius:26px;text-align:center;
    display:grid;place-items:center;gap:16px;background:var(--vidrio2);
    backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);
    border:1px solid var(--borde);box-shadow:var(--lustre),var(--caida);}
  .nada h2{margin:0;font-family:var(--lee);font-size:21px;font-weight:600;}
  .nada .prosa{text-align:center;}

  .perf{max-width:640px;margin:0 auto;padding:28px;border-radius:26px;display:flex;flex-direction:column;
    gap:20px;background:var(--vidrio2);backdrop-filter:blur(30px) saturate(200%);
    -webkit-backdrop-filter:blur(30px) saturate(200%);border:1px solid var(--borde);
    box-shadow:var(--lustre),var(--caida);}
  
  .avatar{width:60px;height:60px;display:grid;place-items:center;border-radius:50%;flex:0 0 auto;
    background:linear-gradient(150deg,var(--marca),var(--marca2));color:#fff;
    font-family:var(--lee);font-size:24px;font-weight:600;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 20px rgba(30,35,44,.26);}
  #t[data-tema="noche"] .avatar{color:#0a0d13;}
  .avatar-wrap{position:relative;flex:0 0 auto;}
  .avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;}
  .pin.avatar{width:25px;height:25px;font-size:12px;}
  .avatar-editar{position:absolute;right:-3px;bottom:-3px;
    
    box-shadow:0 2px 6px rgba(30,35,44,.26);font-size:12px;cursor:pointer;padding:0;}
  .mpost-img{max-width:100%;max-height:420px;border-radius:12px;margin:8px 0;display:block;object-fit:cover;}
  .perf-nom{font-weight:600;}
  .perf-mail{margin:3px 0 0;}
  .sec{border-top:1px solid var(--filo);padding-top:18px;display:flex;flex-direction:column;gap:13px;}
  .ed-tabs{overflow-x:auto;border-bottom:1px solid var(--borde);}
  .ed-tabs .ed-tab{
    flex:0 0 auto;background:none;border:none;font-family:var(--ui);font-size:12.5px;color:var(--suave);
    padding:9px 13px 10px;cursor:pointer;border-bottom:2px solid transparent;font-weight:500;white-space:nowrap;
  }
  .ed-tabs .ed-tab.on{color:var(--tinta);border-color:var(--marca);}
  .ed-panel{display:none;}
  .ed-panel.on{display:block;}
  .ed-panel .sec{border-top:none;padding-top:0;}
  .msj-fila-wrap{border-radius:14px;padding:2px 6px;}
  .msj-fila-wrap:nth-child(odd){background:var(--tm-surface,var(--hoja));}
  
  #t[data-tema="noche"] .msj-fila-wrap:nth-child(odd){background:rgba(255,255,255,.04);}
  #t[data-tema="noche"] .msj-fila-wrap:nth-child(even){background:rgba(255,255,255,.09);}
  .msj-fila{
    display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;cursor:pointer;
    border:1px solid transparent;transition:background .15s,border-color .15s;
  }
  .msj-fila:hover{background:rgba(0,0,0,.06);border-color:var(--borde);}
  .burbuja{max-width:76%;padding:10px 14px;border-radius:18px;font-size:13.5px;line-height:1.45;}
  .burbuja-otro{align-self:flex-start;background:color-mix(in srgb,var(--marca) 9%,var(--hoja));border:1px solid rgba(131,146,149,.16);
    color:var(--tinta);border-bottom-left-radius:5px;}
  .burbuja-yo{align-self:flex-end;background:color-mix(in srgb,var(--marca) 22%,var(--hoja));color:var(--tinta);
    border:1px solid rgba(131,146,149,.22);border-bottom-right-radius:5px;}
  .noti-responder-link{
    margin:2px 0 0 53px;font-family:var(--ui);font-size:12.5px;color:var(--marca);background:none;
    border:none;cursor:pointer;font-weight:600;padding:0;}
  .noti-inline{display:none;margin:8px 0 0 53px;gap:7px;}
  .noti-inline.on{display:flex;}
  .noti-inline input{flex:1;min-width:0;font-family:var(--ui);font-size:13px;padding:8px 13px;border-radius:999px;
    border:1px solid var(--borde);background:var(--hoja);color:var(--tinta);}
  .noti-inline input::placeholder{color:var(--suave);}
  .noti-inline button{font-family:var(--ui);font-size:12.5px;font-weight:600;padding:8px 15px;border-radius:999px;
    color:#fff;background:linear-gradient(150deg,var(--marca2),var(--marca));cursor:pointer;flex:0 0 auto;}
  .noti-enviado{margin:6px 0 0 53px;font-size:12px;color:var(--marca);font-weight:600;}
  .msj-fila-av{width:42px;height:42px;font-size:15px;flex:0 0 auto;position:relative;}
  .msj-fila-punto{
    position:absolute;top:-2px;right:-2px;width:11px;height:11px;border-radius:50%;
    background:var(--marca);border:2px solid var(--hoja);
  }
  .msj-fila-info{flex:1;min-width:0;}
  .msj-fila-info p{margin:0;}
  .msj-fila-info p:first-child{font-size:14px;font-weight:600;color:var(--tinta);}
  .msj-fila-info p:last-child{font-size:13px;font-weight:500;color:var(--tinta);opacity:.75;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .msj-fila-cuando{font-size:11.5px;color:var(--arena);flex:0 0 auto;}
  .burbuja-hora{display:block;font-size:10.5px;margin-top:4px;color:#5c5c5c;}
  .burbuja-yo .burbuja-hora{color:#4a4a4a;}
  .sec h3{margin:0;font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--suave);}
  .dato{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;}
  .dato span:last-child{color:var(--arena);font-variant-numeric:tabular-nums;}
  .mini{display:flex;gap:12px;align-items:center;padding:10px;border-radius:14px;cursor:pointer;
    border:1px solid transparent;background:none;text-align:left;width:100%;transition:.2s;}
  .mini:hover{background:var(--vidrio);border-color:var(--borde);}
  .mini img{width:38px;height:57px;object-fit:cover;border-radius:4px;flex:0 0 auto;
    box-shadow:0 4px 12px rgba(30,35,44,.24);}
  .mini div{min-width:0;}
  .mini strong{display:block;font-family:var(--lee);font-size:13.5px;font-weight:600;}
  .mini span{display:block;font-size:11px;color:var(--arena);margin-top:2px;}

  /* ---------- flotantes, siempre encima ---------- */
  .modal{position:fixed;inset:0;z-index:1000;display:none;place-items:center;
    width:100vw;height:100dvh;min-height:100vh;overflow:hidden;overscroll-behavior:contain;
    -webkit-backdrop-filter:blur(22px) saturate(160%);
    animation:vela .3s ease;}
  #t[data-tema="noche"] .modal{background:rgba(10,13,19,.55);}
  @keyframes vela{from{opacity:0}to{opacity:1}}
  .modal[data-ver="si"]{display:grid;}
  .box{width:100%;max-height:calc(100dvh - 32px);overflow-y:auto;overflow-x:hidden;padding:28px;border-radius:26px;
    overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
    background:var(--vidrio2);backdrop-filter:blur(38px) saturate(205%);
    -webkit-backdrop-filter:blur(38px) saturate(205%);border:1px solid var(--borde);
    box-shadow:var(--lustre),0 34px 80px rgba(0,0,0,.42);
    animation:surge .42s cubic-bezier(.2,.95,.28,1);}
  @keyframes surge{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
  .box-ficha{display:grid;grid-template-columns:190px 1fr;gap:26px;align-items:start;max-width:720px;animation:none!important;}
  .box-med{max-width:410px;display:flex;flex-direction:column;gap:17px;}
  .box-ancho{max-width:760px;display:flex;flex-direction:column;gap:17px;}
  .box img.por{width:100%;display:block;border-radius:8px;box-shadow:0 16px 36px rgba(30,35,44,.34);}
  .info{display:flex;flex-direction:column;gap:12px;min-width:0;}
  .f-tit{margin:0;font-size:25px;font-weight:700;line-height:1.14;letter-spacing:-.015em;}
  .f-aut{margin:0;font-family:var(--lee);font-size:14.5px;font-style:italic;color:var(--suave);}
  .acc{display:flex;gap:9px;flex-wrap:wrap;margin-top:4px;}
  .err{margin:0;font-size:12px;color:#b4462f;}
  .opt{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.55;color:var(--suave);}
  .caps{display:flex;flex-direction:column;gap:7px;max-height:230px;overflow-y:auto;}
  .cap-fila{display:flex;align-items:center;flex-wrap:wrap;gap:11px;padding:10px 13px;border-radius:13px;
    background:var(--vidrio);border:1px solid var(--borde);box-shadow:var(--lustre);
    font-size:13px;cursor:pointer;transition:.2s;text-align:left;width:100%;}
  .cap-fila:hover{transform:translateX(3px);}
  .cap-fila b{font-family:var(--lee);font-weight:600;flex:1;min-width:0;}
  .cap-fila i{font-style:normal;font-size:11px;color:var(--arena);font-variant-numeric:tabular-nums;}
  .cap-previa{flex:0 0 100%;margin:2px 0 0 36px;font-family:var(--lee);font-size:12px;
    line-height:1.5;color:var(--suave);opacity:.85;white-space:normal;}
  .cap-previa span{font-family:var(--ui);font-size:9.5px;font-weight:700;letter-spacing:.08em;
    text-transform:uppercase;color:var(--marca);margin-right:5px;}
  /* Editar/reordenar/quitar capítulos: fila editable, no de lectura, sin el
     cursor de "abrir capítulo" que trae .cap-fila en el índice del lector. */
  .cap-fila-ed{cursor:default;}
  .cap-fila-acciones{display:flex;gap:2px;flex:0 0 auto;margin-left:auto;}
  .cap-fila-acciones button{border:0;
    background:transparent;color:var(--arena);cursor:pointer;transition:.15s;}
  .cap-fila-acciones button:hover{background:var(--vidrio2);color:var(--tinta);}
  .cap-fila-acciones button:disabled{opacity:.28;cursor:default;}
  .cap-fila-acciones button:disabled:hover{background:transparent;}
  .cap-fila-acciones button.cap-borrar-btn:hover{color:#b4462f;}
  .cap-fila-acciones svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;
    stroke-linecap:round;stroke-linejoin:round;}
  .cap-deshacer{display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:9px 13px;border-radius:12px;background:var(--tm-soft2);font-size:12px;color:var(--suave);}
  .cap-deshacer button{background:none;border:0;color:var(--marca);font-weight:650;cursor:pointer;
    font-size:12px;padding:2px 4px;}
  .cap-fila-ed.cap-editando{border-color:var(--marca);box-shadow:0 0 0 1px var(--marca) inset;}
  .cap-n{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;flex:0 0 auto;
    background:var(--marca);color:#fff;font-size:11px;font-variant-numeric:tabular-nums;}
  #t[data-tema="noche"] .cap-n{color:#0a0d13;}

  /* ---------- capítulos visuales / Webtoon ---------- */
  .toon-cap-editor{border:1px solid var(--borde);border-radius:15px;padding:14px;background:var(--vidrio);}
  .toon-cap-editor-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;}
  .toon-cap-editor-head .prosa{margin:0 0 5px;}
  .toon-cap-editor-actions{display:flex;gap:7px;justify-content:flex-end;}
  .toon-media-lista{display:flex;flex-direction:column;gap:6px;margin-top:12px;}
  .toon-media-fila{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 10px;border:1px solid var(--borde);border-radius:11px;background:var(--superficie,#fff);}
  .toon-media-fila>span:first-child{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--marca);color:#fff;font-size:10px;font-variant-numeric:tabular-nums;}
  .toon-media-copy{min-width:0;display:flex;flex-direction:column;gap:1px;}
  .toon-media-copy b{font:600 11px/1.25 var(--ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .toon-media-copy small{font:500 9.5px/1.2 var(--ui);color:var(--suave);}
  .toon-media-acciones{display:flex;gap:4px;}
  .toon-media-acciones button{padding:0;border:1px solid var(--borde);background:transparent;color:var(--tinta);font:600 12px/1 var(--ui);cursor:pointer;}
  .toon-media-acciones button:disabled{opacity:.28;cursor:default;}

  /* ---------- lectores ---------- */
  .lector,.texto,.toon-reader{display:none;grid-template-rows:1fr auto;}
  #t[data-vista="lector"] .lector,#t[data-vista="leyendo"] .texto,#t[data-vista="webtoon"] .toon-reader{display:grid;}
  .esc{position:relative;display:grid;place-items:center;padding:20px;overflow:hidden;background:#f2f4f5;}
  /* El lienzo de Webtoon se queda siempre en tono claro, de día o de noche.
     Es la misma imagen publicada, sin invertir; un marco negro alrededor
     solo le pone un borde de alto contraste que no pidió nadie. */
  .toon-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scroll-behavior:smooth;background:#f8fafd;}
  .toon-col{width:min(100%,920px);margin:0 auto;padding:18px 0 84px;min-height:100%;box-sizing:border-box;}
  .toon-cap-head{padding:8px 22px 16px;text-align:center;}
  .toon-cap-head .eyebrow{margin:0 0 4px;font:650 9.5px/1.2 var(--ui);letter-spacing:.09em;text-transform:uppercase;color:var(--marca);}
  .toon-cap-head h1{margin:0;font:600 clamp(20px,3vw,30px)/1.12 var(--lee);color:var(--tinta);}
  .toon-cap-head p{margin:5px 0 0;font:500 10.5px/1.3 var(--ui);color:var(--suave);}
  .toon-imagenes{display:flex;flex-direction:column;gap:0;width:100%;}
  .toon-imagenes img{display:block;width:100%;height:auto;max-width:100%;margin:0;padding:0;object-fit:contain;filter:none!important;background:transparent;}
  .toon-cargando,.toon-vacio{padding:60px 20px;text-align:center;color:var(--suave);font:500 12px/1.5 var(--ui);}
  .pli{position:relative;display:flex;filter:drop-shadow(0 22px 46px rgba(30,35,44,.34));}
  .pli canvas{display:block;background:var(--hoja);max-width:100%;height:auto;}
  /* zoom: dentro de .esc[data-zoom="si"] el canvas debe poder ser más ancho
     que la pantalla para hacer scroll — si max-width:100% sigue activo ahí,
     el ancho se aplasta contra el contenedor pero el alto (fijado en línea
     por JS al tamaño real de la escala) no se mueve, y la hoja sale
     estirada/deformada. Quitar el tope de ancho en modo zoom resuelve la
     hoja jalada sin tocar el cálculo de escala en tomo.js. */
  .esc[data-zoom="si"] .pli canvas{max-width:none;}
  /* tema noche, solo para libros de puro texto (dataset.libro="si", puesto
     por tomo.js en leerPdf según e.tipo==='libro'): el canvas es una imagen
     ya renderizada por PDF.js, ninguna variable de color la toca, así que
     se invierte con un filtro. Revista, diaria y Webtoon quedan fuera a
     propósito: traen fotos e ilustraciones, y el mismo filtro les da
     colores falsos. Webtoon además usa <img>, no canvas, así que lleva su
     propia regla de resguardo. */
  
  #t[data-tema="noche"] .toon-reader img{filter:none!important;}
  /* Revista y diaria no invierten (llevan fotografía) y .esc ya es claro por
     defecto, de día y de noche. Libro sí invierte su canvas a oscuro, así
     que necesita el único caso donde el marco cambia con el tema. */
  
  .pli[data-h="2"] canvas:first-child{box-shadow:inset -14px 0 22px -16px rgba(0,0,0,.42);}
  .pli[data-h="2"] canvas:last-child{box-shadow:inset 14px 0 22px -16px rgba(0,0,0,.42);}
  .pli[data-h="2"]::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;
    background:rgba(0,0,0,.22);pointer-events:none;}
  .z{position:absolute;top:0;bottom:0;width:15%;border:0;background:transparent;cursor:pointer;opacity:0;transition:.22s;}
  .z:hover:not(:disabled){opacity:1;}
  .z:disabled{cursor:default;}
  .zi{left:0;background:linear-gradient(90deg,rgba(30,35,44,.18),transparent);}
  .zd{right:0;background:linear-gradient(270deg,rgba(30,35,44,.18),transparent);}
  .velo{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;transition:.26s;}
  .marca-agua{position:absolute;inset:0;z-index:3;pointer-events:none;background-repeat:repeat;display:none;}
  #t[data-vista="lector"] .marca-agua.on{display:block;}
  .pie{display:flex;align-items:center;gap:15px;margin:0 16px 14px;padding:9px 17px;border-radius:20px;overflow:hidden;
    background:var(--vidrio2);backdrop-filter:blur(30px) saturate(200%);
    -webkit-backdrop-filter:blur(30px) saturate(200%);border:1px solid var(--borde);
    box-shadow:var(--lustre),var(--caida);}
  .fol{display:flex;gap:7px;font-size:12.5px;white-space:nowrap;font-variant-numeric:tabular-nums;}
  .fol span:last-child{color:var(--arena);}
  .canto{display:flex;gap:1px;flex:1;height:20px;min-width:0;overflow:hidden;cursor:pointer;}
  .h{flex:1 1 0;min-width:0;background:rgba(30,35,44,.14);transition:background .18s;}
  .h[data-l="si"]{background:var(--arena);}
  .h[data-a="si"]{background:var(--marca);}

  .hoja-txt{overflow-y:auto;touch-action:pan-y;}
  .col{margin:0 auto;padding:42px clamp(20px,4vw,52px);
    border-radius:24px;background:var(--vidrio2);backdrop-filter:blur(30px) saturate(200%);
    -webkit-backdrop-filter:blur(30px) saturate(200%);border:1px solid var(--borde);
    box-shadow:var(--lustre),var(--caida);}
  .col .eyebrow{margin-bottom:10px;}
  .col h1{margin:0 0 6px;font-family:var(--lee);font-size:clamp(23px,3vw,33px);font-weight:700;
    line-height:1.15;letter-spacing:-.02em;}
  .col .meta-cap{margin:0 0 28px;font-size:11.5px;color:var(--arena);letter-spacing:.06em;}
  .col p{font-family:var(--lee);font-size:var(--tam,18px);margin:0 0 1.15em;
    color:var(--tinta);hyphens:auto;}
  .col p:first-of-type::first-letter{font-size:3.1em;float:left;line-height:.86;
    padding:.04em .09em 0 0;font-weight:700;color:var(--marca);}
  .fin{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px;padding-top:24px;border-top:1px solid var(--filo);}


  /* ---------- notas sobre el texto ---------- */
  .col mark{background:none;color:inherit;padding:0 1px;border-radius:2px;cursor:pointer;
    box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background .2s;}
  .col mark[data-t="mia"]{background:linear-gradient(transparent 62%,rgba(78,86,103,.28) 62%);}
  .col mark[data-t="com"]{background:linear-gradient(transparent 62%,rgba(190,150,90,.34) 62%);}
  .col mark:hover{background:rgba(78,86,103,.16);}
  .col sup.mrk{font-size:.62em;font-weight:600;letter-spacing:.02em;cursor:pointer;
    padding:0 1px 0 2px;vertical-align:super;font-family:var(--ui);}
  .col sup[data-t="mia"]{color:var(--marca);}
  .col sup[data-t="com"]{color:#a5793a;}
  .col[data-notas="no"] mark{background:none;}
  .col[data-notas="no"] sup.mrk{display:none;}

  .barsel{position:absolute;z-index:58;display:none;gap:5px;padding:5px;border-radius:15px;
    background:var(--vidrio2);backdrop-filter:blur(30px) saturate(200%);
    -webkit-backdrop-filter:blur(30px) saturate(200%);border:1px solid var(--borde);
    box-shadow:var(--lustre),0 14px 34px rgba(30,35,44,.3);}
  .barsel[data-ver="si"]{display:flex;}
  .barsel .b{height:30px;padding:0 12px;font-size:11.5px;}

  .fichas{position:absolute;z-index:56;right:16px;bottom:76px;width:288px;max-height:56%;
    display:none;flex-direction:column;gap:10px;padding:15px;border-radius:20px;overflow-y:auto;
    background:var(--vidrio2);backdrop-filter:blur(34px) saturate(200%);
    -webkit-backdrop-filter:blur(34px) saturate(200%);border:1px solid var(--borde);
    box-shadow:var(--lustre),0 22px 54px rgba(30,35,44,.3);
    animation:surge .3s cubic-bezier(.2,.95,.28,1);}
  .fichas[data-ver="si"]{display:flex;}
  .fichas h4{margin:0;font-size:10px;font-weight:600;letter-spacing:.13em;
    text-transform:uppercase;color:var(--arena);}
  .nota{padding:11px 13px;border-radius:14px;background:var(--vidrio);
    border:1px solid var(--borde);box-shadow:var(--lustre);}
  .nota q{display:block;font-family:var(--lee);font-size:12px;font-style:italic;
    color:var(--arena);margin-bottom:6px;quotes:"«" "»";}
  .nota p{margin:0;font-family:var(--lee);font-size:13px;line-height:1.55;}
  .nota footer{display:flex;justify-content:space-between;align-items:center;gap:8px;
    margin-top:8px;font-size:10.5px;color:var(--arena);}
  .nota footer button{border:0;background:none;color:var(--marca);font-size:10.5px;
    cursor:pointer;font-family:var(--ui);padding:0;}
  .nota[data-t="com"]{border-left:2px solid #c8a061;}

  /* ---------- perfil plegable ---------- */
  .plg{border-top:1px solid var(--filo);}
  .plg>summary{list-style:none;cursor:pointer;display:flex;align-items:center;
    justify-content:space-between;gap:12px;padding:16px 0 14px;
    font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--suave);}
  .plg>summary::-webkit-details-marker{display:none;}
  .plg>summary::after{content:"⌄";font-size:15px;color:var(--arena);transition:transform .25s;}
  .plg[open]>summary::after{transform:rotate(180deg);}
  .plg>summary i{font-style:normal;font-size:11px;letter-spacing:.02em;
    text-transform:none;font-weight:400;color:var(--arena);margin-left:auto;margin-right:4px;}
  .plg-cuerpo{display:flex;flex-direction:column;gap:13px;padding-bottom:18px;}
  .cifras{display:flex;gap:22px;flex-wrap:wrap;}
  .cifra b{display:block;font-family:var(--lee);font-size:24px;font-weight:700;
    letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
  .cifra span{display:block;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--arena);}
  .caja-din{padding:14px 16px;border-radius:15px;background:var(--vidrio);
    border:1px solid var(--borde);box-shadow:var(--lustre);}
  .caja-din h5{margin:0 0 10px;font-size:10px;font-weight:600;letter-spacing:.12em;
    text-transform:uppercase;color:var(--arena);}
  .lin{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:13.5px;}
  .lin b{font-variant-numeric:tabular-nums;font-weight:600;}
  .lin.tot{border-top:1px solid var(--filo);margin-top:5px;padding-top:9px;}
  .lin.tot b{color:var(--marca);font-size:16px;font-family:var(--lee);}

  /* ---------- modo incrustado en otro sitio ---------- */
  #t[data-modo="embed"] .nav,#t[data-modo="embed"] .busca,#t[data-modo="embed"] .home i,#t[data-modo="embed"] #lupa{display:none!important;}
  #t[data-modo="embed"]{height:100%;min-height:420px;}
  .snip{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;line-height:1.6;
    padding:12px 14px;border-radius:12px;word-break:break-all;color:var(--suave);
    background:var(--vidrio);border:1px solid var(--borde);}

  /* ---------- panel de lectura ---------- */
  .hoja-op{position:absolute;z-index:55;top:64px;right:16px;width:250px;display:flex;
    flex-direction:column;gap:12px;padding:15px;border-radius:20px;
    background:var(--vidrio2);backdrop-filter:blur(34px) saturate(200%);
    -webkit-backdrop-filter:blur(34px) saturate(200%);border:1px solid var(--borde);
    box-shadow:var(--lustre),0 22px 54px rgba(30,35,44,.28);
    animation:surge .3s cubic-bezier(.2,.95,.28,1);}
  .hoja-op[hidden]{display:none;}
  .op-fila{display:flex;align-items:center;justify-content:space-between;gap:10px;}
  .op-fila>label{font-size:10px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--arena);}
  .op-b{display:flex;align-items:center;gap:5px;}
  .op-v{min-width:34px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;color:var(--suave);}
  
  .pap{width:26px;height:26px;border-radius:50%;border:1px solid var(--filo);cursor:pointer;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.6);transition:transform .22s;}
  .pap:hover{transform:scale(1.12);}
  .pap[aria-pressed="true"]{outline:2px solid var(--marca);outline-offset:2px;}
  .pap-papel{background:#fff;}.pap-crema{background:#f6efe1;}.pap-sepia{background:#e8dcc6;}.pap-noche{background:#141922;}

  /* papel del área de lectura, independiente del tema global */
  .col[data-pap="crema"]{--hoja:#f6efe1;background:linear-gradient(160deg,rgba(255,250,240,.95),rgba(246,239,225,.86));}
  .col[data-pap="sepia"]{--hoja:#e8dcc6;background:linear-gradient(160deg,rgba(240,230,208,.96),rgba(232,220,198,.9));color:#3a3226;}
  .col[data-pap="sepia"] p{color:#3a3226;}
  .col[data-pap="sepia"] .meta-cap{color:#8a7a5f;}
  .col[data-pap="noche"]{background:linear-gradient(160deg,rgba(20,25,34,.94),rgba(10,13,19,.9));
    border-color:rgba(255,255,255,.09);color:#e9edf4;}
  .col[data-pap="noche"] p{color:#dfe5ef;}
  .col[data-pap="noche"] .meta-cap{color:#8e99ab;}
  .col[data-pap="noche"] p:first-of-type::first-letter{color:#9fb0cc;}
  .col p{line-height:var(--alto,1.78);}
  .col{width:min(var(--medida,68ch),100%);transition:width .3s cubic-bezier(.2,.9,.25,1);}
  .col.pasa{animation:pasa .34s cubic-bezier(.2,.9,.25,1);}
  @keyframes pasa{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
  .resta{margin:26px 0 0;font-size:11px;letter-spacing:.08em;color:var(--arena);text-align:right;}

  /* lector de PDF: zoom y cargador */
  .pli{transition:transform .28s cubic-bezier(.2,.9,.25,1);}
  .esc[data-zoom="si"]{
    overflow:auto;cursor:grab;place-items:start;
    /* El lector ampliado necesita pan en ambos ejes. .swipe usa pan-y en el
       resto del sitio; aquí lo anulamos y el desplazamiento lo controla el
       manejador Pointer Events de tomo.js para ratón, lápiz y tacto. */
    touch-action:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch
  ;}
  .esc[data-zoom="si"] .pli{width:max-content;min-width:max-content;margin:0;}
  .esc[data-zoom="si"] .z{display:none;}
  .esc[data-arrastra="si"]{cursor:grabbing;user-select:none;-webkit-user-select:none;}
  .carga{position:absolute;top:14px;left:50%;transform:translateX(-50%);z-index:4;
    padding:6px 14px;border-radius:14px;font-size:10.5px;letter-spacing:.12em;
    text-transform:uppercase;color:var(--suave);background:var(--vidrio2);
    border:1px solid var(--borde);box-shadow:var(--lustre);opacity:0;
    transition:opacity .22s;pointer-events:none;}
  .carga[data-ver="si"]{opacity:1;}

  /* ---------- añadidos de esta versión ---------- */
  .tag-edad{position:absolute;top:9px;right:9px;left:auto;background:rgba(140,44,38,.62);}
  .cov[data-edad="si"] img{filter:blur(17px) saturate(.7);}
  .cov[data-edad="si"][data-visto="si"] img{filter:none;}
  .edad-velo{position:absolute;inset:0;z-index:3;display:grid;place-items:center;gap:5px;padding:12px;
    text-align:center;background:rgba(24,28,36,.5);backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);color:#fff;pointer-events:none;}
  .edad-velo b{font-family:var(--lee);font-size:15px;}
  .edad-velo i{font-style:normal;font-size:10px;letter-spacing:.1em;opacity:.85;}
  .cov[data-visto="si"] .edad-velo{display:none;}

  .etqs{display:flex;gap:6px;flex-wrap:wrap;}
  .etq{padding:3px 9px;border-radius:10px;font-size:10px;letter-spacing:.06em;color:var(--suave);
    background:var(--vidrio);border:1px solid var(--borde);}
  .etq-x{cursor:pointer;border:0;background:none;color:var(--arena);font-size:12px;padding:0 0 0 4px;}

  .moneda{height:35px;padding:0 11px;border-radius:18px;border:1px solid var(--borde);
    background:var(--vidrio);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    box-shadow:var(--lustre);font-family:var(--ui);font-size:12px;font-weight:500;
    color:var(--tinta);cursor:pointer;}

  .prop{display:block;position:relative;margin:0 0 24px;border-radius:18px;overflow:hidden;
    border:1px solid var(--borde);box-shadow:var(--lustre),var(--caida);cursor:pointer;}
  .prop img{width:100%;display:block;}
  .prop-tag{position:absolute;top:8px;left:13px;font-size:9px;font-weight:500;letter-spacing:.16em;
    text-transform:uppercase;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6);}


  .cort{display:flex;gap:8px;flex-wrap:wrap;}
  .rec{display:grid;grid-template-columns:88px 1fr;gap:13px;align-items:center;padding:9px;
    border-radius:14px;background:var(--vidrio);border:1px solid var(--borde);box-shadow:var(--lustre);}
  .rec img{width:100%;border-radius:6px;display:block;box-shadow:0 5px 14px rgba(30,35,44,.26);}
  .rec-txt{min-width:0;font-size:12px;color:var(--suave);}
  .aviso{margin:0;padding:11px 14px;border-radius:13px;font-size:12px;line-height:1.5;
    color:var(--suave);background:var(--vidrio);border:1px solid var(--borde);}

  .swipe{touch-action:pan-y;}

  @supports (padding:max(0px)){
    .pie{margin-bottom:max(14px,env(safe-area-inset-bottom));}
    .top{margin-top:max(12px,env(safe-area-inset-top));}
  }
  @media(max-width:900px){
    .hoja-op{right:10px;left:10px;width:auto;top:auto;bottom:76px;}
    .fichas{right:10px;left:10px;width:auto;bottom:76px;max-height:48%;}
    .cifras{gap:16px;}
    .box-ficha img.por{max-width:132px;}
    .rec{grid-template-columns:64px 1fr;}
    @supports (padding:max(0px)){
      .pie{margin-bottom:max(10px,env(safe-area-inset-bottom));}
      .top{margin-top:max(9px,env(safe-area-inset-top));}
    }
  }

  /* ---------- publicidad y progreso de lectura ---------- */
  .ad{position:relative;display:block;margin:0 0 24px;border-radius:18px;border:1px solid var(--borde);
    background:var(--vidrio);backdrop-filter:blur(20px) saturate(180%);
    -webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--lustre);overflow:hidden;}
  .ad-tag{position:absolute;top:8px;left:13px;z-index:2;font-size:9px;font-weight:500;
    letter-spacing:.16em;text-transform:uppercase;color:var(--arena);}
  .ad .adsbygoogle{display:block;width:100%;}
  .ad-ph{display:grid;place-items:center;gap:4px;min-height:126px;padding:26px 16px 16px;text-align:center;}
  .ad-ph span{font-family:var(--lee);font-size:14px;font-weight:600;color:var(--suave);}
  .ad-ph em{font-style:normal;font-size:10.5px;letter-spacing:.1em;color:var(--arena);}
  .ad-grid{grid-column:1/-1;margin:0;}
  .ad-fin{margin:30px 0 0;}
  .lee-prog{position:absolute;top:0;left:0;right:0;height:3px;z-index:2;background:var(--filo);}
  .lee-prog i{display:block;height:100%;width:0;
    background:linear-gradient(90deg,var(--marca),var(--marca2));transition:width .12s linear;}

  /* ---------- móvil ---------- */
  .solo-movil{display:none;}
  @media(max-width:767px){
    #t{height:100svh;}
    .top{flex-wrap:nowrap;margin:9px 6px 0;
      overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;}
    .top::-webkit-scrollbar{display:none;}
    .home{flex:0 0 auto;}
    .nav{flex:0 0 auto;}
    .nav{gap:2px;}
    .nav button{padding:0;width:31px;height:29px;font-size:0!important;position:relative;flex:0 0 auto;}
    .nav button::before{
      content:"";position:absolute;inset:0;margin:auto;width:16px;height:16px;
      background-color:currentColor;
    }
    .nav button[data-v="explorar"]::before{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22/%3E%3Cpath%20d%3D%22M15.5%208.5l-2%205-5%202%202-5z%22/%3E%3C/svg%3E") center/contain no-repeat;
      mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22/%3E%3Cpath%20d%3D%22M15.5%208.5l-2%205-5%202%202-5z%22/%3E%3C/svg%3E") center/contain no-repeat;
    }
    .nav button[data-v="mios"]::before{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205.5A2.5%202.5%200%200%201%206.5%203H12v18H6.5A2.5%202.5%200%200%201%204%2018.5v-13Z%22/%3E%3Cpath%20d%3D%22M20%205.5A2.5%202.5%200%200%200%2017.5%203H12v18h5.5a2.5%202.5%200%200%200%202.5-2.5v-13Z%22/%3E%3C/svg%3E") center/contain no-repeat;
      mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205.5A2.5%202.5%200%200%201%206.5%203H12v18H6.5A2.5%202.5%200%200%201%204%2018.5v-13Z%22/%3E%3Cpath%20d%3D%22M20%205.5A2.5%202.5%200%200%200%2017.5%203H12v18h5.5a2.5%202.5%200%200%200%202.5-2.5v-13Z%22/%3E%3C/svg%3E") center/contain no-repeat;
    }
    .nav button[data-v="hilo"]::before{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205h16v12H7l-3%203V5z%22/%3E%3C/svg%3E") center/contain no-repeat;
      mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205h16v12H7l-3%203V5z%22/%3E%3C/svg%3E") center/contain no-repeat;
    }
    .der{flex:0 0 auto;margin-left:0;}
    #noche{display:none;}
    #camp:not(.off),#msj-btn:not(.off){display:inline-grid!important;}
    .der .b-ico{width:30px;height:30px;}
    .der .tokchip{padding:0 8px;gap:3px;height:30px;font-size:11.5px;}
    .der .tokchip .token-icono{width:15px;height:15px;}
    .solo-movil{display:inline-flex;}
    
    .mk{width:60px;height:14px;}
    .cuenta[data-in="no"]{padding:0 11px;font-size:12px;}
    .cuenta[data-in="si"]{padding:0 5px;gap:0;}
    .cuenta[data-in="si"] .cuenta-txt{display:none;}
    
    
    
    
    
    
    
    
    .box-ficha{grid-template-columns:1fr;gap:18px;}
    .box-ficha img.por{max-width:150px;}
    .box{padding:22px;border-radius:22px;}
    .grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:22px 13px;}
    .carril>*{flex:0 0 calc((100% - 16px)/3);}
    
    .flecha{display:none;}
    .rejilla{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:22px 13px;}
    
    .tit{font-size:13px;}.aut{font-size:11.5px;}
    
    .pie{margin:0 10px 10px;padding:8px 13px;gap:11px;}
    
    .col{padding:28px 20px;border-radius:20px;}
    .col p{font-size:var(--tam,17px);}
    .z{width:22%;}
  }
  @media(min-width:768px){.solo-movil{display:none!important;}}
  @media(prefers-reduced-motion:reduce){#t *,#t *::after{animation:none!important;transition:none!important;}}

  /* ---------- oferta ---------- */
  .tag-of{position:absolute;top:9px;right:9px;left:auto;background:rgba(139,110,44,.72);color:#fff;}
  .cov[data-edad="si"] .tag-of{top:36px;}   /* si convive con el +18, baja un renglón */
  .tag-offline{top:36px;left:9px;right:auto;background:rgba(57,82,77,.76);color:#fff;}
  .mas-votados-item .cov>.tag-offline{left:9px!important;top:36px!important;}
  .aviso-of{color:var(--marca);font-weight:500;}
  .aviso-of s{opacity:.6;}
  .aviso-sec{opacity:.65;font-size:11px;}

  /* ---------- muro del autor ---------- */
  /* ---------- tokens: chip de saldo y monedero (v.06) ---------- */
  .tokchip{display:flex;align-items:center;gap:6px;height:35px;padding:0 13px;border-radius:18px;
    border:1px solid var(--borde);background:var(--vidrio);backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);cursor:pointer;
    font-family:var(--ui);font-size:12.5px;font-weight:600;color:var(--tinta);white-space:nowrap;}
  .tokchip:hover{transform:translateY(-2px);box-shadow:var(--lustre),0 10px 22px rgba(30,35,44,.18);}
  .token-icono{border-radius:50%;flex:0 0 auto;vertical-align:-3px;display:inline-block;}
  .tokchip .token-icono{width:19px;height:19px;}
  .paq .token-icono{width:16px;height:16px;}
  .tok-saldo{display:flex;align-items:baseline;gap:9px;margin-bottom:6px;}
  .tok-saldo b{font-family:var(--lee);font-size:34px;font-weight:700;line-height:1;letter-spacing:-.02em;}
  .tok-saldo span{font-size:13px;color:var(--suave);}
  .paqs{display:flex;flex-direction:column;gap:9px;margin:4px 0;}
  .paq{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:15px;
    background:var(--vidrio);border:1px solid var(--borde);box-shadow:var(--lustre);
    cursor:pointer;transition:.2s;text-align:left;width:100%;font-family:var(--ui);color:var(--tinta);}
  .paq:hover{transform:translateY(-2px);box-shadow:var(--lustre),0 10px 22px rgba(30,35,44,.16);}
  .paq .tt{font-family:var(--lee);font-size:17px;font-weight:700;display:flex;align-items:center;gap:6px;}
  .paq .mx{margin-left:auto;font-family:var(--lee);font-size:15px;font-weight:600;}

  /* ---------- Hilo, campana y notificaciones (v.04) ---------- */
  .hilo-lista{display:flex;flex-direction:column;gap:14px;margin:0 auto;min-width:0;}
  .hpost{border-radius:18px;
    backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);
    border:1px solid var(--borde);box-shadow:var(--lustre);cursor:pointer;}
  .hpost:hover{transform:translateY(-2px);box-shadow:var(--lustre),0 10px 22px rgba(30,35,44,.16);}
  .hpost-cab{gap:8px;flex-wrap:wrap;font-family:var(--ui);}
  .pin.hpost-avatar{width:30px;height:30px;font-size:12.5px;flex:0 0 auto;}
  .hpost-cab b{font-size:14px;color:var(--tinta);font-weight:600;}
  .hpost-cab .h{font-size:12px;color:var(--marca);}
  .hpost-cab .f{font-size:11px;color:var(--arena);margin-left:auto;}
  .hpost-obra{display:inline-block;margin:9px 0 0;padding:3px 10px;border-radius:11px;
    background:var(--arena);color:#fff;font-family:var(--ui);font-size:10.5px;
    letter-spacing:.07em;text-transform:uppercase;}
  .hpost-txt{font-family:var(--lee);
    margin:9px 0 0;white-space:pre-wrap;word-break:break-word;}
  .hpost-repost-de{display:flex;align-items:center;gap:5px;margin:0 0 8px;
    font-family:var(--ui);font-size:11.5px;font-weight:500;color:var(--suave);}
  .hpost-repost-de svg{width:13px;height:13px;flex:0 0 auto;stroke:currentColor;
    stroke-width:2;fill:none;}
  .hpost-repost-de i{font-style:normal;margin-right:3px;}
  .hpost-acc{align-items:center;margin:11px -8px -6px;}
  .hpost-accbtn{font-family:var(--ui);
    padding:7px 8px;cursor:pointer;text-decoration:none;}
  
  .hpost-accbtn[data-on="si"]{color:var(--marca);font-weight:600;}
  .hpost-resp{display:flex;gap:8px;align-items:flex-end;margin-top:10px;}
  .hpost-resp.off{display:none;}
  .hpost-resp textarea{flex:1;font-family:var(--ui);font-size:13px;border-radius:12px;
    border:1px solid var(--borde);background:var(--vidrio);color:var(--tinta);
    padding:8px 11px;resize:none;}
  .hpost-resp button{flex:0 0 auto;font-family:var(--ui);font-size:12.5px;font-weight:600;
    color:#fff;background:var(--marca);border:none;border-radius:20px;padding:8px 15px;cursor:pointer;}
  .camp{position:relative;overflow:visible;}
  .noti-sw{display:flex;align-items:center;gap:10px;font-family:var(--ui);font-size:13px;
    color:var(--suave);cursor:pointer;padding:2px 0;}
  /* interruptor en vidrio, propio de Tomo: reemplaza la casilla nativa del
     navegador por un interruptor de verdad, en el mismo lenguaje de cristal
     que el resto de la app — nunca el verde plano de fábrica. */
  .toggle{position:relative;display:inline-block;width:44px;height:25px;flex:0 0 auto;cursor:pointer;}
  .toggle input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer;z-index:1;}
  .toggle-track{position:absolute;inset:0;border-radius:999px;transition:.2s;
    background:rgba(30,35,44,.14);box-shadow:inset 0 1px 3px rgba(30,35,44,.22);}
  .toggle-track::before{content:"";position:absolute;top:2px;left:2px;width:21px;height:21px;
    background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(30,35,44,.3);transition:.2s;}
  .toggle input:checked + .toggle-track{
    /* azul fijo, no var(--marca): en tema noche esa variable se vuelve un
       gris casi blanco (pensada para texto, no para fondos), y el
       interruptor "encendido" se leía casi igual de pálido que "apagado". */
    background:var(--vidrio), rgba(70,90,158,.68);
    box-shadow:var(--lustre), inset 0 1px 3px rgba(30,35,44,.25);
  }
  .toggle input:checked + .toggle-track::before{transform:translateX(19px);}
  .toggle input:disabled + .toggle-track{opacity:.5;cursor:default;}
  .noti-it{padding:12px 14px;border-radius:14px;
    cursor:pointer;transition:.2s;}
  .hilo-lista>.noti-it:nth-child(odd){background:var(--tm-surface,var(--hoja));}
  .hilo-lista>.noti-it:nth-child(even){background:color-mix(in srgb,var(--marca) 7%,var(--tm-surface,var(--hoja)));}
  #t[data-tema="noche"] .hilo-lista>.noti-it:nth-child(odd){background:rgba(255,255,255,.04);}
  #t[data-tema="noche"] .hilo-lista>.noti-it:nth-child(even){background:rgba(255,255,255,.09);}
  .noti-it:hover{transform:translateY(-1px);}
  .noti-it[data-leida="no"]{border-width:2px;}
  .noti-it-top{display:flex;align-items:center;gap:10px;}
  .noti-it-av{width:30px;height:30px;border-radius:50%;flex:0 0 auto;display:flex;
    align-items:center;justify-content:center;background:var(--vidrio);
    border:1px solid var(--borde);color:var(--suave);}
  .noti-it-av svg{display:block;}
  .noti-it b{font-family:var(--ui);font-size:13px;color:var(--tinta);font-weight:600;}
  .noti-it .t{font-family:var(--lee);font-size:13px;line-height:1.5;color:var(--suave);margin:3px 0 0;}
  .noti-it .f{font-family:var(--ui);font-size:10.5px;color:var(--arena);margin-top:4px;}

  /* ---- cabecera del muro en tres pisos: una barra fina de ubicación arriba
     (dónde estoy, cerrar, reportar), el bloque de identidad del autor debajo
     (avatar, nombre, bio), y la fila de acciones aparte — nunca todo en una
     sola fila peleando por el mismo ancho, que era la causa del choque de
     texto de la ronda pasada. ---- */
  /* ---- perfil, tal cual el mockup: dos cajas separadas, portada arriba sin
     relleno encima, tarjeta debajo sin relleno arriba — el traslape del
     avatar sale de -42px directo, sin pelear con paddings de otra caja ---- */
  
  
  
  
  
  
  
  .btn-glass,.btn-suscribir{cursor:pointer;white-space:nowrap;text-align:center;flex-shrink:0;}
  .btn-suscribir .info{
    width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.28);display:flex;
    align-items:center;justify-content:center;font-size:10.5px;flex:0 0 auto;
  }
  .btn-icono,.btn-reportar{cursor:pointer;flex:0 0 auto;}
  
  
  
  .perfil-insignias{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px;}


  /* ---- popup de detalle de una notificación: caja de texto centrada,
     cerrar arriba-derecha (posicionado sobre la caja, no en su propia fila),
     remitente abajo-izquierda, responder abajo-derecha. Si el remitente es
     la casa, 'quien' ya llega como "Tomo · @tomo" desde el propio dato de la
     notificación — nunca dice "consola" ni "admin", nunca hizo falta
     esconder nada aparte, porque el aviso de la casa siempre se guardó a
     nombre de @tomo desde que se manda, no desde que se muestra. ---- */
  .noti-det-box{position:relative;text-align:center;padding-top:20px;}
  .noti-det-texto{font-family:var(--lee);font-size:16px;line-height:1.6;color:var(--tinta);margin:0 0 28px;}
  .noti-det-pie{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;}
  .noti-det-pie .perf-mail{color:var(--suave);font-size:13px;}
  .muro-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;}
  .muro-cab>div:first-child{flex:1;min-width:0;}
  .muro-comp{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border-radius:18px;
    background:var(--vidrio);border:1px solid var(--borde);box-shadow:var(--lustre);}
  #muro-lista{display:flex;flex-direction:column;gap:14px;}
  .mpost{border-radius:18px;border:1px solid rgba(0,0,0,.06);}
  .hilo-lista>.mpost:nth-child(odd),#muro-lista>.mpost:nth-child(odd),.hilo-lista>.hpost:nth-child(odd){background:var(--tm-surface,var(--hoja));}
  .hilo-lista>.mpost:nth-child(even),#muro-lista>.mpost:nth-child(even),.hilo-lista>.hpost:nth-child(even){background:var(--tm-surface,var(--hoja));}
  #t[data-tema="noche"] .hilo-lista>.mpost:nth-child(odd),#t[data-tema="noche"] #muro-lista>.mpost:nth-child(odd),#t[data-tema="noche"] .hilo-lista>.hpost:nth-child(odd){background:rgba(255,255,255,.04);}
  #t[data-tema="noche"] .hilo-lista>.mpost:nth-child(even),#t[data-tema="noche"] #muro-lista>.mpost:nth-child(even),#t[data-tema="noche"] .hilo-lista>.hpost:nth-child(even){background:rgba(255,255,255,.09);}
  .mpost-fijado{border-color:var(--marca);}
  .mpost-pin{display:block;margin-bottom:8px;font-family:var(--ui);font-size:10px;font-weight:600;
    letter-spacing:.08em;text-transform:uppercase;color:var(--marca);}
  .mpost-obra{display:inline-block;margin-bottom:8px;padding:3px 10px;border-radius:11px;
    font-family:var(--ui);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
    color:#fff;background:var(--marca);}
  .mpost-txt{font-family:var(--lee);font-size:15px;line-height:1.62;color:var(--tinta);
    margin:0;white-space:pre-wrap;}
  .mpost-pie{display:flex;gap:12px;align-items:center;margin-top:9px;
    font-family:var(--ui);font-size:11.5px;color:var(--arena);}
  .mlink{border:0;background:none;padding:0;cursor:pointer;font-family:var(--ui);
    font-size:11.5px;color:var(--marca);letter-spacing:.02em;}
  .mlink:hover{text-decoration:underline;}
  .mcoms{display:flex;flex-direction:column;gap:9px;margin-top:12px;}
  .mcom{padding:9px 12px;border-radius:13px;background:var(--vidrio);border:1px solid var(--borde);}
  .mcom-cab{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-family:var(--ui);font-size:12px;}
  .mcom-cab b{color:var(--tinta);font-weight:600;}
  .mcom-f{color:var(--arena);font-size:11px;margin-left:auto;}
  .mbadge{padding:1px 8px;border-radius:9px;font-size:9.5px;font-weight:600;letter-spacing:.06em;
    text-transform:uppercase;color:#fff;background:var(--marca);}
  .mbadge-aut{background:var(--arena);}
  .insignia-ico{width:17px;height:17px;flex:0 0 auto;vertical-align:middle;}
  .insignia-ico-grande{width:30px;height:30px;flex:0 0 auto;vertical-align:middle;
    box-shadow:0 1px 4px rgba(30,35,44,.24);}
  @media(max-width:640px){
    .insignia-ico-grande{width:34px;height:34px;}
  }
  .trofeo{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;
    font-size:11px;line-height:1.3;color:var(--marca);}
  .trofeo span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;max-width:100%;}

  .merc-lista{display:flex;flex-direction:column;}
  .merc-fila{display:flex;align-items:center;gap:13px;padding:13px 2px;
    border-bottom:1px solid var(--filo);}
  .merc-fila:last-child{border-bottom:none;}
  .merc-ico{width:46px;height:46px;flex:0 0 auto;
    box-shadow:0 2px 6px rgba(30,35,44,.2);}
  .merc-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
  .merc-mid b{font-size:14px;font-weight:600;line-height:1.25;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .merc-mid span{font-size:12px;color:var(--suave);}
  .merc-btns{display:flex;gap:6px;flex:0 0 auto;}
  .merc-btn{font-family:var(--ui);font-size:11.5px;font-weight:600;padding:8px 12px;
    border-radius:20px;border:1px solid var(--borde);background:var(--vidrio);
    color:var(--tinta);cursor:pointer;white-space:nowrap;}
  .merc-btn-fill{background:var(--marca);color:#fff;border-color:var(--marca);}
  @media(max-width:420px){
    .merc-fila{flex-wrap:wrap;}
    .merc-btns{width:calc(100% - 59px);margin-left:59px;box-sizing:border-box;}
    .merc-btn{flex:1;}
  }

  /* ---- biografía del perfil, texto libre para cualquiera ---- */
  .muro-bio{margin:8px 0 0;font-family:var(--lee);font-size:13.5px;line-height:1.5;
    color:var(--tinta);max-width:56ch;}
  .muro-bio-vacio{color:var(--arena);font-style:italic;font-family:var(--ui);font-size:12px;}

  
  
  
  
  
  
  

  
  .b-mini{flex:0 0 auto;white-space:nowrap;}

  /* ---- carrusel de insignias propias, con toque para ampliar ---- */
  .ins-carril{overflow-y:hidden;
    -webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent 100%);
    mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent 100%);
    max-width:100%;box-sizing:border-box;}
  .ins-carril .trofeo{cursor:pointer;}
  .ins-carril .trofeo:active img{transform:scale(.93);}
  

  /* ---- lightbox reusable para cualquier insignia ampliada ---- */
  .lb{position:fixed;inset:0;
    -webkit-backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;
    z-index:80;padding:20px;}
  .lb.on{display:flex;}
  .lb-card{backdrop-filter:blur(30px) saturate(200%);
    -webkit-backdrop-filter:blur(30px) saturate(200%);
    
    text-align:center;box-sizing:border-box;
    }
  .lb-card img{box-shadow:0 10px 26px rgba(30,35,44,.3);}
  .lb-card b{display:block;margin-top:14px;font-family:var(--lee);font-size:18px;font-weight:700;}
  .lb-card span{display:block;margin-top:4px;font-size:12.5px;}

  /* ---- pestañas del perfil: Biblioteca / Hilo / Obras ---- */
  .muro-tabs{display:flex;gap:4px;margin:16px 0 0;border-top:1px solid var(--filo);padding-top:2px;}
  
  
  .muro-panel{display:none;}
  .muro-panel.on{display:block;}

  /* ---- nota de estado vacío (Obras sin publicar todavía) ---- */
  .vacio-nota{text-align:center;padding:22px 10px;}
  .vacio-nota p{margin:0 0 14px;font-family:var(--lee);font-size:13.5px;color:var(--suave);line-height:1.5;}
  .vacio-acc{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;}
  .muro-vermas{display:block;width:100%;text-align:center;margin-top:6px;padding:9px 0;}
  .mcom-txt{margin:4px 0 0;font-family:var(--lee);font-size:13.5px;line-height:1.55;color:var(--suave);}
  .mcom-nuevo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;width:100%;min-width:0;margin-top:11px;}
  .mcom-in{width:100%;min-width:0;height:38px;padding:0 13px;border-radius:12px;border:1px solid var(--borde);
    background:var(--vidrio);font-family:var(--ui);font-size:13.5px;color:var(--tinta);}
  .mcom-env{height:38px;padding:0 16px;min-width:max-content;max-width:100%;}
  .mcom-invita{margin-top:10px;display:inline-block;}
  @media (max-width:640px){
    .mcom-f{margin-left:0;}
    .muro-cab{align-items:center;}
    
  }


  /* ---------- capítulo: gancho comercial + programación ---------- */
  .cap-gancho-editor{display:grid;grid-template-columns:190px 1fr;gap:14px;align-items:start;
    margin:12px 0;padding:12px;border:1px solid var(--borde);border-radius:16px;background:var(--vidrio2);}
  .cap-gancho-editor>div:first-child{aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:rgba(120,130,138,.10);}
  .cap-gancho-editor img{width:100%;height:100%;object-fit:cover;display:block;}
  .cap-programacion{margin-top:10px;}
  @media(max-width:720px){
    .cap-gancho-editor{grid-template-columns:1fr;}.cap-gancho-editor>div:first-child{max-width:none;width:100%;}
    .cap-programacion{grid-template-columns:1fr;}
  }



/* ========================================================================== */
/* TOMO V86 · SISTEMA VISUAL ÚNICO SOBRE RESPALDO VIVO                        */
/* Fuentes: estética aprobada + paleta oficial + Inter/Literata.               */
/* Esta capa reemplaza todas las revisiones visuales históricas posteriores.   */
/* ========================================================================== */

:root{
  --tm-brand:#839295;
  --tm-sage:#a3b297;
  --tm-warm:#ccc3ba;
  --tm-gray:#706f6f;
  --tm-paper:#f8fafd;
  --tm-ink:#1d1d1b;
  --tm-bg:#f2f4f5;
  --tm-surface:#ffffff;
  --tm-muted:#70777a;
  --tm-line:rgba(29,29,27,.12);
  --tm-soft:rgba(131,146,149,.11);
  --tm-soft2:rgba(163,178,151,.12);
  --tm-shadow:0 10px 30px rgba(29,29,27,.07);
  --tm-shadow-sm:0 3px 14px rgba(29,29,27,.05);
  --tm-ui:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --tm-reading:"Literata",Georgia,"Times New Roman",serif;
  --tm-header:68px;
  --tm-shell:1600px;
  --tm-side-slot:300px;
  --tm-gap:20px;
  --tm-gutter:max(18px,calc((100vw - var(--tm-shell))/2 + 18px));
}

html,body{
  margin:0;
  min-height:100%;
  height:auto!important;
  
  background:var(--tm-bg);
  color:var(--tm-ink);
  font-family:var(--tm-ui);
  -webkit-text-size-adjust:100%;
  scrollbar-width:none;
}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0;}
#t{
  --marca:var(--tm-brand);
  --marca2:var(--tm-sage);
  --tinta:var(--tm-ink);
  --suave:var(--tm-gray);
  --arena:#898f91;
  --lienzo:var(--tm-bg);
  --hoja:var(--tm-paper);
  --ui:var(--tm-ui);
  --lee:var(--tm-reading);
  display:block!important;
  width:100%;
  
  min-height:100svh;
  height:auto!important;
  overflow:visible!important;
  background:var(--tm-bg)!important;
  color:var(--tinta);
}
#t[data-tema="noche"]{
  
  
  
  
  
  
  
  --tm-bg:#1d1d1b;
  --tm-surface:#252622;
  --tm-ink:#f2f3f0;
  --tm-muted:#c3c7c2;
  --tm-line:rgba(248,250,253,.14);
  --tm-soft:rgba(163,178,151,.13);
  --tm-soft2:rgba(131,146,149,.14);
}


#t *{scrollbar-width:none;}
#t *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
#t .flecha{display:none!important;}

/* Tipografía definitiva */
#t,button,input,select,textarea{font-family:var(--tm-ui);}
.fila-tit h3,.perf-nom,.f-tit,.book-title,.tit,.prosa,.right-rail-head h3,.rail-editorial h3{font-family:var(--tm-reading)!important;}
.hoja-txt{font-family:var(--tm-reading)!important;font-size:18px;line-height:1.65;letter-spacing:normal;max-width:66ch;}

/* Controles: definidos exclusivamente en la gobernanza visual canónica. */

/* -------------------------------------------------------------------------- */
/* CABECERA · menú superior alineado a la derecha                             */
/* -------------------------------------------------------------------------- */
.top{
  position:sticky!important;
  top:0!important;
  z-index:500!important;
  height:var(--tm-header)!important;
  min-height:var(--tm-header)!important;
  width:100%!important;
  padding:0 var(--tm-gutter)!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(220px,1fr) auto auto!important;
  grid-template-areas:"home search nav actions"!important;
  align-items:center!important;
  gap:14px!important;
  border:0!important;
  border-bottom:1px solid var(--tm-line)!important;
  border-radius:0!important;
  background:rgba(248,250,253,.95)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
}
#t[data-tema="noche"] .top{background:rgba(29,29,27,.95)!important;}
.home{grid-area:home!important;display:flex!important;align-items:center!important;gap:9px!important;width:auto!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;color:var(--tinta)!important;}
.home i{font:600 9.5px/1 var(--tm-ui)!important;letter-spacing:.09em;text-transform:uppercase;color:var(--suave)!important;max-width:14ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nav{grid-area:nav!important;justify-self:end!important;display:flex!important;align-items:center!important;gap:3px!important;position:static!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important;}
.nav .lente{display:none!important;}
.nav button{height:38px!important;padding:0 12px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--suave)!important;font:600 12px/1 var(--tm-ui)!important;white-space:nowrap!important;}
.nav button:hover{background:var(--tm-soft)!important;color:var(--tinta)!important;}
.nav button[aria-current="true"]{background:transparent!important;color:var(--marca)!important;box-shadow:inset 0 -2px 0 var(--marca)!important;border-radius:0!important;}
.busca-wrap{position:relative!important;min-width:0!important;margin:0!important;}
.busca{box-sizing:border-box!important;width:100%!important;height:40px!important;border:1px solid var(--tm-line)!important;border-radius:12px!important;background:rgba(255,255,255,.78)!important;color:var(--tinta)!important;box-shadow:none!important;padding:0 14px!important;font-size:12px!important;}
#t[data-tema="noche"] .busca{background:#292a27!important;color:#f1f2ef!important;}
.der{grid-area:actions!important;justify-self:end!important;margin:0!important;display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;}
.top .b,.top .cuenta,.top .tokchip{height:38px!important;min-height:38px!important;border-radius:10px!important;background:var(--tm-soft)!important;color:var(--tinta)!important;border:1px solid rgba(131,146,149,.20)!important;padding:0 11px!important;}
.top .b-ico{width:38px!important;min-width:38px!important;padding:0!important;overflow:visible!important;}
.top svg,.rail-ico svg,.mobilebar-ico svg,.btn-icono svg,.btn-reportar svg,.avatar-editar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.camp-badge{position:absolute!important;z-index:3!important;top:-5px!important;right:-5px!important;min-width:18px!important;height:18px!important;padding:0 5px!important;border:2px solid var(--tm-surface,var(--hoja))!important;border-radius:999px!important;background:#5f7174!important;color:#fff!important;box-sizing:border-box!important;box-shadow:0 2px 7px rgba(29,29,27,.18)!important;font-family:var(--tm-ui)!important;font-size:9px!important;font-weight:750!important;line-height:1!important;letter-spacing:-.025em!important;font-variant-numeric:tabular-nums!important;text-align:center!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;pointer-events:none!important;transform:translateZ(0)!important;}
.camp-badge.off,.camp-badge:empty{display:none!important;}

/* -------------------------------------------------------------------------- */
/* ESCRITORIO · laterales contextuales con centro geométricamente equilibrado */
/* -------------------------------------------------------------------------- */
.tomo-left-rail,.tomo-right-rail{display:none;}
@media(min-width:1280px){
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .busca-wrap{grid-area:search!important;position:relative!important;inset:auto!important;width:min(100%,520px)!important;max-width:520px!important;justify-self:center!important;display:block!important;overflow:visible!important;z-index:1!important;}
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .busca-wrap.plegada{width:min(100%,520px)!important;max-width:520px!important;display:block!important;}
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .busca-wrap .busca{opacity:1!important;pointer-events:auto!important;}
  #t[data-vista="lector"] .busca-wrap,#t[data-vista="leyendo"] .busca-wrap,#t[data-vista="webtoon"] .busca-wrap{display:none!important;}
  #lupa{display:none!important;}
  .tomo-left-rail{
    display:flex!important;position:fixed!important;z-index:20!important;top:calc(var(--tm-header) + 18px)!important;
    left:var(--tm-gutter)!important;width:248px!important;max-height:calc(100dvh - var(--tm-header) - 36px)!important;
    flex-direction:column!important;gap:14px!important;overflow-y:auto!important;
  }
  .tomo-left-rail .rail-label{display:none!important;}
  .rail-profile{width:100%!important;display:grid!important;grid-template-columns:46px minmax(0,1fr) 18px!important;align-items:center!important;gap:10px!important;padding:14px!important;border:1px solid var(--tm-line)!important;background:rgba(255,255,255,.78)!important;border-radius:16px!important;text-align:left!important;color:var(--tinta)!important;box-shadow:var(--tm-shadow-sm)!important;}
  #t[data-tema="noche"] .rail-profile{background:#252622!important;}
  .rail-avatar{width:46px!important;height:46px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,var(--marca),#536568)!important;color:#fff!important;font-weight:700!important;overflow:hidden!important;}.rail-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;}
  .rail-profile-copy b{display:block!important;font-size:13px!important;}.rail-profile-copy span{display:block!important;font-size:11px!important;color:var(--suave)!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .rail-editorial{padding:16px!important;border:1px solid var(--tm-line)!important;border-radius:16px!important;background:rgba(255,255,255,.78)!important;box-shadow:var(--tm-shadow-sm)!important;}
  #t[data-tema="noche"] .rail-editorial{background:#252622!important;}
  .rail-editorial>span{font-size:9px!important;text-transform:uppercase!important;letter-spacing:.14em!important;color:var(--suave)!important;font-weight:700!important;}.rail-editorial h3{font-size:20px!important;line-height:1.08!important;margin:6px 0 10px!important;}.rail-editorial button{width:100%!important;height:39px!important;border:1px solid var(--tm-line)!important;border-radius:10px!important;background:var(--tm-surface)!important;color:var(--tinta)!important;margin-top:6px!important;padding:0 11px!important;text-align:left!important;display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:11px!important;font-weight:650!important;}

  .tomo-right-rail{
    display:block!important;position:fixed!important;z-index:20!important;top:calc(var(--tm-header) + 18px)!important;
    right:var(--tm-gutter)!important;width:280px!important;max-height:calc(100dvh - var(--tm-header) - 36px)!important;overflow-y:auto!important;
    padding:16px!important;border:1px solid var(--tm-line)!important;border-radius:16px!important;background:rgba(255,255,255,.80)!important;box-shadow:var(--tm-shadow-sm)!important;
  }
  #t[data-tema="noche"] .tomo-right-rail{background:#252622!important;}
  .right-rail-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;}.right-rail-head h3{font-size:20px!important;margin:0!important;}.right-rail-head button{border:0!important;background:none!important;color:var(--marca)!important;font-size:11px!important;font-weight:700!important;}
  .right-rail-tabs{display:flex!important;gap:14px!important;border-bottom:1px solid var(--tm-line)!important;padding:9px 0!important;margin-bottom:6px!important;}.right-rail-tabs span{font-size:10px!important;color:var(--suave)!important;}.right-rail-tabs .on{color:var(--tinta)!important;font-weight:700!important;}
  .right-hilo-feed{display:flex!important;flex-direction:column!important;}.rail-hilo-card{padding:11px 0!important;border-bottom:1px solid var(--tm-line)!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;}.rail-hilo-card:last-child{border-bottom:0!important;}
  .right-mov-card{margin-top:14px!important;padding-top:13px!important;border-top:1px solid var(--tm-line)!important;}.right-mov-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:7px!important;}.right-mov-head span{font:600 16px/1.1 var(--tm-reading)!important;}.right-mov-head small{font-size:9px!important;color:var(--suave)!important;}.right-movimiento>*{margin:0!important;}

  .pag{padding:20px calc(var(--tm-gutter) + var(--tm-side-slot)) 56px!important;overflow:visible!important;background:transparent!important;min-height:0!important;}
  .pag>.lim{width:100%!important;max-width:964px!important;margin:0 auto!important;padding:0!important;min-width:0!important;}
  #t[data-vista="autor"] .tomo-left-rail,#t[data-vista="autor"] .tomo-right-rail,#t[data-vista="hilo"] .tomo-left-rail,#t[data-vista="hilo"] .tomo-right-rail,#t[data-vista="perfil"] .tomo-left-rail,#t[data-vista="perfil"] .tomo-right-rail{display:none!important;}
  .pag[data-p="autor"],.pag[data-p="hilo"],.pag[data-p="perfil"]{padding-left:24px!important;padding-right:24px!important;}
  .pag[data-p="autor"]>.lim{max-width:1120px!important;margin:0 auto!important;}
  .pag[data-p="hilo"]>.lim{max-width:820px!important;margin:0 auto!important;}
  .pag[data-p="perfil"]>.perf{max-width:920px!important;margin:0 auto!important;}
}

/* -------------------------------------------------------------------------- */
/* PORTADA                                                                    */
/* -------------------------------------------------------------------------- */













.fila{margin-top:26px!important;}.fila-tit{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:14px!important;margin-bottom:12px!important;}.fila-tit h3{font-size:22px!important;line-height:1!important;letter-spacing:-.02em!important;margin:0!important;}.fila-tit small{font:500 10px/1 var(--tm-ui)!important;color:var(--suave)!important;}.carril{display:flex!important;gap:13px!important;overflow-x:auto!important;padding-bottom:4px!important;}.carril>*{scroll-snap-align:start;}.tarjeta,.card{box-shadow:none!important;}.tarjeta{min-width:145px!important;max-width:145px!important;}.tarjeta .cub,.tarjeta img{aspect-ratio:2/3!important;object-fit:cover!important;border-radius:9px!important;}

/* -------------------------------------------------------------------------- */
/* PERFIL PÚBLICO · propietario y visitante                                   */
/* -------------------------------------------------------------------------- */
.pag[data-p="autor"]>.lim{width:100%!important;max-width:1120px!important;margin:0 auto!important;}







.b-mini,#muro-mercado-btn{font-size:9.5px!important;}
.carril-wrap{position:relative!important;min-width:0!important;overflow:hidden!important;}.ins-carril{display:flex!important;gap:11px!important;width:100%!important;overflow-x:auto!important;padding:2px 1px 4px!important;}.ins-carril>*{scroll-snap-align:start;}.ins-carril .trofeo{flex:0 0 68px!important;width:68px!important;min-width:68px!important;text-align:center!important;}.ins-carril .trofeo img{display:block!important;width:58px!important;height:58px!important;margin:0 auto 5px!important;}.ins-carril .trofeo b,.ins-carril .trofeo span{font:500 9px/1.25 var(--tm-ui)!important;}.perfil-insignias{margin:6px 0 0!important;min-height:0!important;}
.muro-panel{grid-column:1!important;min-width:0!important;padding-top:14px!important;}.muro-panel:not(.on){display:none!important;}
.lb{background:rgba(20,22,22,.56)!important;backdrop-filter:blur(8px)!important;}.lb-card{position:relative!important;width:300px!important;height:300px!important;max-width:calc(100vw - 32px)!important;max-height:calc(100vw - 32px)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:24px!important;border-radius:18px!important;background:var(--tm-surface)!important;border:1px solid var(--tm-line)!important;box-shadow:0 24px 60px rgba(0,0,0,.24)!important;}.lb-card img{width:158px!important;height:158px!important;}.lb-card b{font:600 15px/1.2 var(--tm-reading)!important;text-align:center!important;}.lb-card span{font:500 10px/1.35 var(--tm-ui)!important;color:var(--suave)!important;text-align:center!important;}.lb-close,.modal-x{position:absolute!important;top:9px!important;right:9px!important;width:32px!important;height:32px!important;border:1px solid var(--tm-line)!important;border-radius:50%!important;background:var(--tm-surface)!important;color:var(--tinta)!important;display:grid!important;place-items:center!important;z-index:12!important;}.lb-close svg,.modal-x svg{width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;}

/* Perfil privado / editar */
.pag[data-p="perfil"]>.perf{width:100%!important;max-width:920px!important;margin:0 auto!important;}.perf-cab{display:grid!important;grid-template-columns:86px minmax(0,1fr)!important;gap:16px!important;align-items:start!important;padding:20px!important;border:1px solid var(--tm-line)!important;border-radius:18px!important;background:var(--tm-surface)!important;box-shadow:var(--tm-shadow-sm)!important;}.avatar-wrap{width:86px!important;}.perf-cab .avatar{width:82px!important;height:82px!important;border-radius:50%!important;}.avatar-editar{width:30px!important;height:30px!important;border-radius:50%!important;background:var(--marca)!important;color:#fff!important;border:3px solid var(--tm-surface)!important;display:grid!important;place-items:center!important;}.perf-nom{font-size:27px!important;line-height:1.05!important;margin:2px 0 2px!important;}.perf-mail{font-size:11.5px!important;color:var(--marca)!important;}.perf-cab #p-bio-guardar{height:36px!important;align-self:end!important;margin:0!important;}.duo{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-top:14px!important;}.plg{border:1px solid var(--tm-line)!important;border-radius:15px!important;background:var(--tm-surface)!important;overflow:hidden!important;box-shadow:none!important;}.plg summary{padding:14px 16px!important;font-size:12px!important;font-weight:650!important;}.plg-cuerpo{padding:0 16px 16px!important;}.c label{font-size:10px!important;color:var(--suave)!important;}.c input,.c select,.c textarea{border:1px solid var(--tm-line)!important;background:var(--tm-surface)!important;color:var(--tinta)!important;border-radius:10px!important;box-shadow:none!important;}.c textarea{line-height:1.5!important;}

/* -------------------------------------------------------------------------- */
/* HILO                                                                       */
/* -------------------------------------------------------------------------- */
.hilo-lista{width:100%!important;max-width:100%!important;border:1px solid var(--tm-line)!important;border-radius:16px!important;background:var(--tm-surface)!important;overflow:hidden!important;}.hpost,.mpost{padding:15px 16px!important;border-bottom:1px solid var(--tm-line)!important;background:transparent!important;}.hpost:last-child,.mpost:last-child{border-bottom:0!important;}.hpost-txt{font:400 14px/1.55 var(--tm-reading)!important;color:var(--tinta)!important;}.hpost-acc{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;margin-top:10px!important;}.hpost-acc[data-acciones="3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.hpost-accbtn{min-width:0!important;height:34px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--suave)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;font-size:9.5px!important;}.hpost-accbtn:hover,.hpost-accbtn.on{background:var(--tm-soft)!important;color:var(--marca)!important;}.hpost-accbtn svg{width:16px!important;height:16px!important;}

/* -------------------------------------------------------------------------- */
/* PUBLICAR                                                                   */
/* -------------------------------------------------------------------------- */
.modal{padding:24px!important;background:rgba(23,25,25,.48)!important;backdrop-filter:blur(8px)!important;}.modal .box{position:relative!important;width:min(1120px,calc(100vw - 48px))!important;max-width:1120px!important;max-height:calc(100dvh - 48px)!important;overflow:auto!important;border:1px solid var(--tm-line)!important;border-radius:20px!important;background:var(--tm-surface)!important;color:var(--tinta)!important;box-shadow:0 28px 70px rgba(0,0,0,.22)!important;padding:22px!important;}.modal .box.box-ancho{max-width:1120px!important;}.ed-tabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;margin:40px 0 14px!important;padding:4px!important;border-radius:12px!important;background:var(--tm-soft)!important;}.ed-tab{height:40px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--suave)!important;font:650 10px/1.1 var(--tm-ui)!important;padding:0 8px!important;}.ed-tab.on{background:var(--tm-surface)!important;color:var(--tinta)!important;box-shadow:var(--tm-shadow-sm)!important;}.ed-panel{border:1px solid var(--tm-line)!important;border-radius:15px!important;background:var(--tm-surface)!important;padding:16px!important;}.ed-panel h3{font:600 20px/1.1 var(--tm-reading)!important;}.ed-cortesia-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 160px auto!important;gap:8px!important;align-items:end!important;}.ed-cort-add{height:39px!important;}.modal .acc{display:flex!important;justify-content:flex-end!important;gap:8px!important;margin-top:14px!important;padding-top:12px!important;border-top:1px solid var(--tm-line)!important;}

/* -------------------------------------------------------------------------- */
/* LECTOR                                                                     */
/* -------------------------------------------------------------------------- */
#t[data-vista="lector"] .tomo-left-rail,#t[data-vista="lector"] .tomo-right-rail,#t[data-vista="lector"] .tomo-mobilebar,#t[data-vista="leyendo"] .tomo-left-rail,#t[data-vista="leyendo"] .tomo-right-rail,#t[data-vista="leyendo"] .tomo-mobilebar,#t[data-vista="webtoon"] .tomo-left-rail,#t[data-vista="webtoon"] .tomo-right-rail,#t[data-vista="webtoon"] .tomo-mobilebar{display:none!important;}
#t[data-vista="lector"] .top,#t[data-vista="leyendo"] .top,#t[data-vista="webtoon"] .top{grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-areas:"home reader actions"!important;padding-left:18px!important;padding-right:18px!important;}.reader-head-meta{grid-area:reader!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-self:start!important;min-width:0!important;}.reader-head-meta strong{font:600 13px/1.2 var(--tm-reading)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:54vw!important;}.reader-head-meta span{font-size:9px!important;color:var(--suave)!important;margin-top:2px!important;}.lector,.texto,.toon-reader{height:calc(100dvh - var(--tm-header))!important;min-height:0!important;}.hoja-txt{width:min(100%,66ch)!important;margin:0 auto!important;padding:30px 28px 90px!important;color:inherit!important;}.op,.indice-panel{border:1px solid var(--tm-line)!important;background:var(--tm-surface)!important;box-shadow:var(--tm-shadow)!important;}.reader-dock{border:1px solid var(--tm-line)!important;background:rgba(248,250,253,.94)!important;}


/* Navegación compacta: la autoridad responsive vive en el bloque canónico v1242.2. */
.tomo-mobilebar{display:none!important;}
html{scrollbar-gutter:stable;}
html,body,#t,.pag{max-width:100vw!important;overflow-x:clip!important;}
#t,.pag{overflow-y:visible!important;}

/* =========================================================
   V86.1 · vestir tres piezas que nunca tuvieron estilo propio
   ========================================================= */

/* "En movimiento": cada género era un <button> sin ninguna regla,
   por eso salía como caja gris de fábrica del navegador. */
.mov-row{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  width:100%!important;padding:9px 12px!important;margin-bottom:6px!important;
  border:1px solid var(--borde)!important;border-radius:11px!important;
  background:var(--hoja)!important;cursor:pointer!important;text-align:left!important;
  font-family:var(--ui)!important;
}
.mov-row:last-child{margin-bottom:0!important;}
.mov-row span{font-size:13px!important;font-weight:600!important;color:var(--tinta)!important;}
.mov-row em{font-size:11.5px!important;font-style:normal!important;color:var(--suave)!important;}

/* La caja de mensaje en línea de una notificación: el campo tenía borde
   y el botón no, dos píxeles de diferencia que se notaban como
   desnivel. Ahora los dos miden exactamente lo mismo. */
.noti-inline input,.noti-inline button{
  height:36px!important;box-sizing:border-box!important;
}
.noti-inline button{border:1px solid transparent!important;}

/* Tabla de finanzas del autor: nunca tuvo una sola regla, el corte,
   los cuatro números y el total corrían todos juntos, sin fila ni
   alineación. Ahora cada renglón tiene su etiqueta a la izquierda y
   su cifra a la derecha, con el mismo espacio entre todos. */
.autor-corte{
  margin-top:14px!important;padding:14px!important;
  border:1px solid var(--borde)!important;border-radius:13px!important;background:var(--hoja)!important;
}
.autor-corte-head{
  display:flex!important;align-items:baseline!important;justify-content:space-between!important;
  margin-bottom:10px!important;padding-bottom:10px!important;border-bottom:1px solid var(--borde)!important;
}
.autor-corte-head>div{display:flex!important;align-items:baseline!important;gap:6px!important;}
.autor-corte-head span{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:var(--suave)!important;}
.autor-corte-head b{font-size:14px!important;font-weight:700!important;color:var(--tinta)!important;}
.autor-corte-head strong{font-size:11px!important;font-weight:600!important;color:var(--marca)!important;}
.autor-corte-grid{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-bottom:10px!important;
}
.autor-corte-grid>div{
  display:flex!important;flex-direction:column!important;gap:2px!important;
  padding:9px 11px!important;border-radius:10px!important;background:rgba(0,0,0,.025)!important;
}
.autor-corte-grid span{font-size:10.5px!important;color:var(--suave)!important;}
.autor-corte-grid b{font-size:14px!important;font-weight:700!important;color:var(--tinta)!important;}
.autor-corte-total,.autor-corte-line{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  padding:7px 2px!important;font-size:12.5px!important;
}
.autor-corte-total{border-top:1px solid var(--borde)!important;margin-top:2px!important;padding-top:10px!important;font-weight:700!important;}
.autor-corte-line span{color:var(--suave)!important;}
.autor-corte-line b{font-weight:700!important;color:var(--tinta)!important;}
.autor-corte-pago{border-top:1px dashed var(--borde)!important;margin-top:4px!important;padding-top:9px!important;}
.autor-corte-pago b{color:var(--marca)!important;font-size:14px!important;}
.autor-corte-last{margin-top:10px!important;padding-top:9px!important;border-top:1px solid var(--borde)!important;font-size:11.5px!important;color:var(--suave)!important;}


/* V87 · Webtoon: lector visual continuo. Sólo clases nuevas; no altera novela/PDF. */
@media(max-width:820px){
  .toon-cap-editor-head{grid-template-columns:1fr;}
  .toon-cap-editor-actions{justify-content:flex-start;}
  .toon-col{width:100%;padding-top:8px;}
  .toon-cap-head{padding:8px 16px 14px;}
}
@media(max-width:480px){
  .toon-cap-editor-actions .b{flex:1 1 auto;}
  .toon-media-fila{grid-template-columns:28px minmax(0,1fr) auto;padding:7px 8px;}
  .toon-col{padding-bottom:72px;}
}

/* V100 · presentación de producto en Portada */
.tomo-presenta{margin:2px 0 28px;padding:28px;border:1px solid var(--borde);border-radius:22px;background:var(--hoja);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px;align-items:center;box-shadow:0 16px 42px rgba(35,31,26,.045);}
.tomo-presenta-copy h1{margin:7px 0 10px;font-family:var(--lee);font-size:clamp(30px,4.1vw,54px);line-height:.98;letter-spacing:-.035em;max-width:720px;color:var(--tinta);}
.tomo-presenta-copy>p:not(.eyebrow){max-width:660px;margin:0;color:var(--suave);font:400 14px/1.62 var(--ui);}
.tomo-presenta-acc{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;}
.tomo-presenta-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.tomo-presenta-grid article{min-width:0;padding:15px;border:1px solid var(--borde);border-radius:14px;background:color-mix(in srgb,var(--hoja) 88%,var(--marca) 12%);}
.tomo-presenta-grid b{display:block;margin-bottom:5px;font:700 12px/1.25 var(--ui);color:var(--tinta);}
.tomo-presenta-grid span{display:block;font:400 11px/1.48 var(--ui);color:var(--suave);}
.tomo-presenta.compacta{grid-template-columns:minmax(0,1fr);padding:20px 24px;margin-bottom:22px;}
.tomo-presenta.compacta .tomo-presenta-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:center;}
.tomo-presenta.compacta .eyebrow{grid-column:1;}
.tomo-presenta.compacta h1{grid-column:1;font-size:28px;margin:3px 0 4px;}
.tomo-presenta.compacta .tomo-presenta-copy>p:not(.eyebrow){grid-column:1;max-width:760px;}
.tomo-presenta.compacta .tomo-presenta-acc{grid-column:2;grid-row:1 / span 3;margin:0;align-self:center;}
.tomo-presenta.compacta .tomo-presenta-grid{display:none;}
@media(max-width:820px){.tomo-presenta{grid-template-columns:1fr;padding:20px;gap:18px;}.tomo-presenta-grid{grid-template-columns:1fr 1fr;}.tomo-presenta.compacta .tomo-presenta-copy{display:block;}.tomo-presenta.compacta .tomo-presenta-acc{margin-top:13px;}.tomo-presenta-copy h1{font-size:34px;}}
@media(max-width:480px){.tomo-presenta{padding:17px;border-radius:17px;}.tomo-presenta-grid{grid-template-columns:1fr;}.tomo-presenta-acc .b{flex:1 1 auto;}.tomo-presenta-copy h1{font-size:30px;}}
.cat-mas-wrap{display:flex;justify-content:center;padding:22px 0 4px;}.cat-mas-wrap .b{min-width:170px;}

/* TOMO v104 · Mesa editorial: gestión de obras sin mezclar cifras financieras. */
.mesa-editorial-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px;}
.mesa-editorial-cab>div:first-child{max-width:62ch;}
.mesa-editorial-nueva{margin:0!important;flex:0 0 auto;justify-content:flex-end;}
.mesa-obras{display:grid;gap:10px;margin-top:8px;}
.mesa-obra{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--tm-line,var(--borde));border-radius:13px;background:rgba(248,250,253,.66);}
.mesa-obra-portada{width:54px;height:76px;object-fit:cover;border-radius:7px;display:block;background:#eef0f2;}
.mesa-obra-info{min-width:0;}.mesa-obra-cab{display:flex;align-items:center;gap:8px;min-width:0;}.mesa-obra-cab strong{font:600 14px/1.25 var(--tm-reading,var(--lee));color:var(--tinta);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.mesa-obra-info p{margin:5px 0 0;font:500 10.5px/1.4 var(--tm-ui,var(--ui));color:var(--suave);}
.mesa-estado{flex:0 0 auto;padding:3px 7px;border-radius:999px;font:650 8.5px/1 var(--tm-ui,var(--ui));letter-spacing:.06em;text-transform:uppercase;}.mesa-estado.publicada{background:rgba(82,116,95,.12);color:#456652;}.mesa-estado.retirada{background:rgba(160,88,78,.10);color:#965c55;}
.mesa-obra-acciones{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap;}.mesa-obra-acciones .b{height:31px;padding:0 9px;font-size:9.5px;white-space:nowrap;}
.mesa-vacia{padding:18px;border:1px dashed var(--tm-line,var(--borde));border-radius:13px;text-align:center;}.mesa-vacia b,.mesa-vacia span{display:block;}.mesa-vacia b{font:600 14px/1.3 var(--tm-reading,var(--lee));color:var(--tinta);}.mesa-vacia span{margin-top:4px;font-size:11px;color:var(--suave);}
@media(max-width:760px){.mesa-editorial-cab{display:block;}.mesa-editorial-nueva{margin-top:12px!important;justify-content:flex-start;}.mesa-obra{grid-template-columns:48px minmax(0,1fr);}.mesa-obra-portada{width:48px;height:68px;}.mesa-obra-acciones{grid-column:1/-1;justify-content:flex-start;}.mesa-obra-acciones .b{flex:1 1 auto;}.mesa-obra-cab{align-items:flex-start;flex-direction:column;gap:5px;}}

/* TOMO v104 · las insignias son arte circular transparente: no se cuadran en la UI. */
.insignia-ico,.insignia-ico-grande,.ins-carril .trofeo img,.lb-card img,.merc-ico{border-radius:50%!important;background:transparent!important;object-fit:contain!important;}
.ins-carril .trofeo img{box-shadow:none!important;}

/* =========================================================
   TOMO v105 · cabecera limpia: controles de icono circulares
   ========================================================= */
.top .der .b-ico{
  width:38px!important;min-width:38px!important;max-width:38px!important;
  height:38px!important;min-height:38px!important;padding:0!important;
  border-radius:50%!important;border:1px solid var(--tm-line,var(--borde))!important;
  background:rgba(255,255,255,.78)!important;color:var(--tinta)!important;
  box-shadow:0 3px 10px rgba(35,40,44,.055)!important;
  display:grid!important;place-items:center!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease!important;
}
#t[data-tema="noche"] .top .der .b-ico{background:rgba(39,40,37,.90)!important;}
.top .der .b-ico:hover{transform:translateY(-1px)!important;box-shadow:0 6px 16px rgba(35,40,44,.10)!important;background:var(--tm-surface,var(--hoja))!important;}
.top .der .b-ico:active{transform:translateY(0) scale(.96)!important;}
.top .der .b-ico[aria-pressed="true"]{background:color-mix(in srgb,var(--marca) 13%,var(--tm-surface,var(--hoja)))!important;color:var(--marca)!important;border-color:color-mix(in srgb,var(--marca) 34%,transparent)!important;}
.top .der .tokchip{
  
  
  color:var(--tinta)!important;
  }
#t[data-tema="noche"] .top .der .tokchip{background:rgba(39,40,37,.90)!important;}
.top .der .cuenta{
  
  
  color:var(--tinta)!important;
  }
#t[data-tema="noche"] .top .der .cuenta{background:rgba(39,40,37,.92)!important;}
.top .der .cuenta:hover,.top .der .tokchip:hover{transform:translateY(-1px)!important;box-shadow:0 6px 16px rgba(35,40,44,.10)!important;}
.top .der .cuenta .pin{width:27px!important;height:27px!important;}



/* =========================================================
   TOMO v108 · tarjetas alineadas: mismo ritmo vertical para título,
   autor y metadatos en carriles y rejillas, especialmente en móvil.
   ========================================================= */
.card{
  display:grid!important;
  grid-template-rows:auto minmax(2.72em,auto) 1.45em auto!important;
  align-content:start!important;
  gap:8px!important;
}
.card .cov{margin:0!important;}
.card .tit{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  min-height:2.72em!important;
}
.card .aut{
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  min-height:1.45em!important;
  margin-top:-2px!important;
}
.card .sub{
  margin-top:auto!important;
  min-height:2.1em!important;
  align-items:start!important;
}
.card .sub span,.card .sub b{display:block!important;}
.card .sub span{max-width:60%!important;}
.card .sub b{text-align:right!important;max-width:40%!important;line-height:1.2!important;}
@media(max-width:767px){
  .card{gap:7px!important;}
  .card .tit{line-height:1.22!important;}
  
  
  .card .sub span{max-width:58%!important;}
  .card .sub b{max-width:42%!important;}
}

/* =========================================================
   TOMO v107 · hero móvil sin recorte feo: la portada se ve completa,
   el fondo llena el bloque y desktop permanece intacto.
   ========================================================= */




/* =========================================================
   TOMO v106 · arranque estable: reserva el espacio del hero hasta
   que catálogo + sesión + progreso estén listos. No es contenido falso
   ni una segunda portada: sólo evita el salto visual del primer pintado.
   ========================================================= */
#cuerpo.arrancando{min-height:430px;border-radius:22px;margin-top:14px;background:linear-gradient(135deg,rgba(42,48,50,.07),rgba(78,86,103,.045));border:1px solid rgba(78,86,103,.06);overflow:hidden;position:relative;}
#cuerpo.arrancando::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.10),transparent 55%);pointer-events:none;}
@media(max-width:767px){#cuerpo.arrancando{min-height:566px;border-radius:18px;margin-top:12px;}}
@media(max-width:390px){#cuerpo.arrancando{min-height:548px;}}


/* =========================================================
   TOMO v109 · ritmo editorial de tarjetas en móvil/tablet.
   Título, autor y metadatos ocupan ranuras estables para que una
   obra con título largo no descuadre toda la fila.
   ========================================================= */
@media(max-width:1180px){
  .card{
    display:grid!important;
    grid-template-rows:auto 3.15em 1.45em 2.25em!important;
    align-content:start!important;
    row-gap:6px!important;
    min-width:0!important;
  }
  .card .cov{margin:0!important;min-width:0!important;}
  .card .tit{
    height:3.15em!important;min-height:3.15em!important;max-height:3.15em!important;
    margin:0!important;line-height:1.23!important;
    display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
    overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .card .aut{
    height:1.45em!important;min-height:1.45em!important;max-height:1.45em!important;
    margin:0!important;line-height:1.35!important;white-space:nowrap!important;
    overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .card .sub{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    align-items:start!important;column-gap:7px!important;
    height:2.25em!important;min-height:2.25em!important;max-height:2.25em!important;
    margin:0!important;line-height:1.2!important;
  }
  .card .sub span,.card .sub b{
    min-width:0!important;max-width:none!important;margin:0!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .card .sub b{text-align:right!important;font-weight:600!important;}
}
@media(max-width:767px){
  .card{grid-template-rows:auto 3.05em 1.4em 2.2em!important;row-gap:5px!important;}
  .card .tit{height:3.05em!important;min-height:3.05em!important;max-height:3.05em!important;font-size:13px!important;}
  .card .aut{height:1.4em!important;min-height:1.4em!important;max-height:1.4em!important;font-size:11px!important;}
  .card .sub{height:2.2em!important;min-height:2.2em!important;max-height:2.2em!important;font-size:10px!important;letter-spacing:.025em!important;column-gap:5px!important;}
}
@media(max-width:390px){
  .card .tit{font-size:12.5px!important;}
  .card .aut{font-size:10.5px!important;}
  .card .sub{font-size:9.5px!important;}
}


/* =========================================================
   TOMO v110 · precio por tokens compacto en tarjetas.
   En catálogo se muestra el símbolo de Tomo + cantidad; la ficha y el
   lector conservan "tokens por capítulo" para no perder claridad.
   ========================================================= */
.card .sub b.card-token-precio{
  display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;
  gap:4px!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;
}
.card .card-token-ico{
  width:13px!important;height:13px!important;min-width:13px!important;max-width:13px!important;
  aspect-ratio:1!important;object-fit:contain!important;border-radius:50%!important;background:transparent!important;
  box-shadow:none!important;flex:0 0 13px!important;
}
.card .card-token-num{
  display:inline!important;max-width:none!important;font:inherit!important;color:inherit!important;line-height:1!important;
}
@media(max-width:1180px){
  .card .sub b.card-token-precio{gap:3px!important;}
  .card .card-token-ico{width:12px!important;height:12px!important;min-width:12px!important;max-width:12px!important;flex-basis:12px!important;}
}


/* =========================================================
   TOMO v111 · lector PDF táctil + cierre real del final de página
   ========================================================= */
/* El PDF captura sus propios gestos: un dedo navega/arrastra y dos dedos
   controlan el zoom. Sólo afecta al lector PDF; Webtoon y texto conservan
   sus gestos actuales. */
#t[data-vista="lector"] .esc.swipe{touch-action:none!important;}
#t[data-vista="lector"] .esc[data-pincha="si"] .pli{transition:none!important;}
/* En capítulos de texto dejamos además el pellizco nativo del navegador;
   los controles A−/A+ siguen disponibles, pero no bloquean el gesto habitual. */
#t[data-vista="leyendo"] .hoja-txt{touch-action:pan-y pinch-zoom!important;}

/* =========================================================
   TOMO v113 · red de obras/temas, Hilo citado y cierre social
   ========================================================= */
.tema-chip{font-family:var(--ui)!important;cursor:pointer!important;transition:.18s!important;}
.tema-chip:hover{border-color:var(--marca)!important;color:var(--marca)!important;}
.tema-chip.seguido{background:color-mix(in srgb,var(--marca) 12%,transparent)!important;border-color:color-mix(in srgb,var(--marca) 42%,var(--borde))!important;color:var(--marca)!important;font-weight:650!important;}
.temas-gestion-lista{margin-top:10px!important;}
.tema-gestion{cursor:pointer!important;}

.fin-social{margin:34px 0 8px;padding:20px;border:1px solid var(--filo);border-radius:16px;background:var(--vidrio);box-shadow:var(--lustre);}
.fin-social .eyebrow{margin:0 0 6px!important;}
.fin-social h3{margin:0 0 8px;font-family:var(--lee);font-size:21px;line-height:1.15;color:var(--tinta);}
.fin-social .prosa{margin:0;max-width:64ch;}
.fin-social-acc{margin-top:14px!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important;}


.hpost-cita-comentario{margin:5px 0 10px;padding:10px 12px;border-left:3px solid var(--marca);background:var(--tm-soft,rgba(131,146,149,.08));border-radius:0 10px 10px 0;font:500 13.5px/1.5 var(--tm-reading,var(--lee));color:var(--tinta);}
.hpost-obra{border:0;cursor:pointer;text-align:left;}
.hpost-obra:hover{filter:brightness(1.04);transform:translateY(-1px);}
.hpost-cita-box textarea{min-height:58px;}

@media(max-width:767px){
  .fin-social{margin:28px 0 6px;padding:16px 14px;border-radius:14px;}
  .fin-social h3{font-size:19px;}
  .fin-social-acc{display:grid!important;grid-template-columns:1fr 1fr!important;}
  .fin-social-acc .b:first-child{grid-column:1/-1;}
  .hilo-view-tabs button{padding:0 5px!important;}
    .hpost-cita-comentario{font-size:12.5px;padding:9px 10px;}
}
.toon-col .fin-social{width:min(720px,calc(100% - 28px));margin-left:auto;margin-right:auto;}


/* TOMO v113 · Mis tomos: Biblioteca / Historial privado */
.mios-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:4px 0 18px;}
.mios-cab .eyebrow{margin:0 0 5px;font-size:9px;}.mios-cab h1{margin:0;font-size:32px;line-height:1;letter-spacing:-.025em;}
.mios-view-tabs{min-width:210px;}


.mios-panel{display:none;}.mios-panel.on{display:block;}
@media(max-width:767px){
  .mios-cab{padding:0 12px;align-items:flex-start;flex-direction:column;margin-bottom:12px;}.mios-cab h1{font-size:26px;}
  .mios-view-tabs{width:100%;min-width:0;}.mios-view-tabs button{font-size:9.5px;}
}


/* ============================================================
   v115 · Suscripciones vivas
   Componentes nuevos únicamente: no altera hero, lector ni economía.
   ============================================================ */

.muro-audiencia select{width:100%;max-width:360px;}
.mpost-exclusiva,.hpost-exclusiva{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin:0 0 8px;padding:4px 8px;border:1px solid var(--borde);border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--marca);background:color-mix(in srgb,var(--marca) 7%,transparent);}
.mpost-bloqueado{font-style:italic;color:var(--texto2);}
.mpost-fecha-bloqueada{display:block;margin-top:8px;font-size:11px;color:var(--texto3);}
.sus-lista{display:grid;gap:8px;margin-top:10px;}
.sus-fila{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--borde);}
.sus-fila:last-child{border-bottom:0;}
.sus-avatar{width:42px;height:42px;min-width:42px;overflow:hidden;}
.sus-avatar img{width:100%;height:100%;object-fit:cover;}
.sus-fila-txt{display:grid;min-width:0;gap:2px;}
.sus-fila-txt b,.sus-fila-txt span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sus-fila-txt b{font-size:13px;}.sus-fila-txt span{font-size:11px;color:var(--texto2);}
.sus-beneficios{display:grid;gap:4px;margin-top:10px;padding:12px;border:1px solid var(--borde);border-radius:12px;background:var(--papel);}
.sus-beneficios b{font-size:12px;}.sus-beneficios span{font-size:11px;line-height:1.45;color:var(--texto2);}
.hpost-acc[data-acciones="1"]{grid-template-columns:minmax(0,1fr)!important;}

@media(max-width:767px){
  .hilo-view-tabs button{font-size:9px!important;padding-inline:3px!important;}
  .sus-fila{grid-template-columns:38px minmax(0,1fr) auto;gap:8px;}
  .sus-avatar{width:38px;height:38px;min-width:38px;}
  .sus-fila .b-mini{padding-inline:8px!important;font-size:10px!important;}
}

.cap-anticipo{display:inline-flex;align-items:center;justify-content:center;padding:3px 6px;border-radius:999px;border:1px solid var(--borde);font-size:9px;font-style:normal;line-height:1.1;white-space:nowrap;color:var(--texto2);}
.cap-anticipo-activo{color:var(--marca);border-color:color-mix(in srgb,var(--marca) 35%,var(--borde));background:color-mix(in srgb,var(--marca) 7%,transparent);}
@media(max-width:767px){.cap-anticipo{font-size:8.5px;padding-inline:5px;}}

/* =========================================================
   TOMO v118 · estabilidad + Desafíos
   Sólo toca los componentes intervenidos en esta versión.
   ========================================================= */

/* Mejor amigo se normaliza en el propio asset; comparte la geometría de todas las insignias. */

/* Desafíos es una vista propia; no altera Home, Hilo, perfiles ni lector. */
#t[data-vista="desafios"] .pag[data-p="desafios"]{display:block;}
.pag[data-p="desafios"]>.lim{max-width:980px!important;margin:0 auto!important;}








.desafio-mes,.desafio-camino-card{border:1px solid var(--tm-line);border-radius:19px;background:var(--tm-surface);box-shadow:var(--tm-shadow-sm);overflow:hidden;}
.desafio-cargando{padding:30px;color:var(--suave);font-size:12px;line-height:1.55;}
.desafio-cargando b{color:var(--tinta);}
.desafio-mes-grid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:27px;padding:24px;}
.desafio-portada{width:190px;aspect-ratio:2/3;border-radius:12px;background:var(--tm-soft);overflow:hidden;box-shadow:0 14px 30px rgba(20,25,30,.14);}
.desafio-portada img{width:100%;height:100%;display:block;object-fit:cover;}
.desafio-mes-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
.desafio-mes-copy h2{margin:5px 0 4px;font:650 29px/1.08 var(--tm-reading);color:var(--tinta);}
.desafio-mes-copy .desafio-autor{margin:0 0 11px;color:var(--suave);font-size:11px;}
.desafio-mes-copy .desafio-explica{max-width:610px;margin:12px 0 17px;color:var(--tinta);font-size:13px;line-height:1.58;}
.desafio-recompensa{width:min(100%,440px);display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:11px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--marca) 30%,var(--tm-line));border-radius:13px;background:color-mix(in srgb,var(--marca) 7%,var(--tm-surface));}
.desafio-recompensa img{width:58px;height:58px;display:block;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(30,36,36,.12));}
.desafio-recompensa span{display:grid;gap:3px;min-width:0;}.desafio-recompensa b{font-size:10.5px;color:var(--tinta);}.desafio-recompensa small{font-size:9px;line-height:1.35;color:var(--suave);}
.desafio-estado{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0 10px;border-radius:999px;background:var(--tm-soft);font-size:9.5px;font-weight:650;color:var(--marca);margin-bottom:13px;}
.desafio-estado::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;}
.desafio-estado.ganado{background:color-mix(in srgb,var(--marca2) 18%,transparent);color:color-mix(in srgb,var(--marca2) 70%,var(--tinta));}


.desafio-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:21px 22px 12px;}
.desafio-sec-head h2{margin:2px 0 0;font:650 22px/1.1 var(--tm-ui);color:var(--tinta);}
.desafio-sec-head>span{font-size:10px;color:var(--suave);text-align:right;max-width:270px;line-height:1.4;}
.desafio-camino{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:11px 22px 32px;}
.desafio-nodo{position:relative;min-height:116px;border:1px solid var(--tm-line);border-radius:15px;background:color-mix(in srgb,var(--tm-soft) 74%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 5px 8px;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;}
.desafio-nodo:nth-child(even){transform:none;}
.desafio-nodo::after{content:"";position:absolute;top:55%;right:-13px;width:13px;height:1px;background:var(--tm-line);z-index:0;}
.desafio-nodo:nth-child(6n)::after,.desafio-nodo:last-child::after{display:none;}
.desafio-medalla-img{position:relative;z-index:1;width:70px;height:70px;display:block;object-fit:contain;margin:0 auto 4px;filter:grayscale(1) opacity(.34);transition:filter .18s ease,transform .18s ease;}
.desafio-nodo b{font-size:9px;color:var(--tinta);font-weight:680;line-height:1.2;}
.desafio-nodo small{margin-top:2px;font-size:7.5px;line-height:1.25;color:var(--suave);}
.desafio-nodo.bloqueado{background:color-mix(in srgb,var(--tm-soft) 48%,transparent);}
.desafio-nodo.ganado{background:color-mix(in srgb,var(--marca2) 10%,var(--tm-surface));border-color:color-mix(in srgb,var(--marca2) 50%,var(--tm-line));box-shadow:0 7px 18px rgba(35,44,38,.06);}
.desafio-nodo.ganado .desafio-medalla-img{transform:scale(1.035);filter:drop-shadow(0 6px 9px rgba(40,50,45,.12));}
.desafio-nodo.ganado b{color:color-mix(in srgb,var(--marca2) 70%,var(--tinta));}
.desafio-nodo.actual{border-color:var(--marca);box-shadow:inset 0 0 0 1px var(--marca),0 8px 20px rgba(52,67,70,.08);}
.desafio-nodo.actual .desafio-medalla-img{transform:scale(1.06);filter:drop-shadow(0 7px 10px rgba(45,60,62,.15));}

.desafio-oro{display:grid;grid-template-columns:94px minmax(0,1fr);align-items:center;gap:17px;padding:18px 22px;border-top:1px solid var(--tm-line);background:linear-gradient(100deg,rgba(185,144,56,.08),rgba(244,228,173,.035) 45%,transparent);}
.desafio-oro-img{width:92px;height:92px;display:block;object-fit:contain;filter:grayscale(.82) opacity(.46);transition:.22s ease;}
.desafio-oro b{font:650 14px/1.2 var(--tm-reading);color:var(--tinta);}
.desafio-oro p{max-width:620px;margin:4px 0 0;font-size:10px;line-height:1.45;color:var(--suave);}
.desafio-oro.ganado{background:linear-gradient(100deg,rgba(185,144,56,.18),rgba(244,228,173,.08) 55%,transparent);}
.desafio-oro.ganado .desafio-oro-img{filter:drop-shadow(0 9px 15px rgba(121,89,24,.18));transform:scale(1.04);}

/* Prueba de lectura */
.desafio-test-box{max-width:720px!important;}
.desafio-pregunta{padding:15px 0;border-bottom:1px solid var(--tm-line);}.desafio-pregunta:last-child{border-bottom:0;}
.desafio-pregunta>p{margin:0 0 10px;font-size:12.5px;font-weight:650;line-height:1.45;color:var(--tinta);}
.desafio-opciones{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
.desafio-opcion{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid var(--tm-line);border-radius:10px;background:var(--tm-surface);font-size:10.5px;line-height:1.4;cursor:pointer;}
.desafio-opcion:has(input:checked){border-color:var(--marca);background:color-mix(in srgb,var(--marca) 9%,var(--tm-surface));}.desafio-opcion input{margin-top:1px;accent-color:var(--marca);}

/* Ceremonia de recompensa */
.desafio-premio-modal{background:rgba(19,22,22,.64)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;}
.desafio-premio-modal .desafio-premio-box{position:relative!important;width:min(430px,calc(100vw - 32px))!important;height:auto!important;max-height:calc(100dvh - 40px)!important;padding:30px 28px 24px!important;border:1px solid var(--tm-line)!important;border-radius:22px!important;background:var(--tm-surface)!important;text-align:center!important;overflow:auto!important;box-shadow:0 28px 80px rgba(0,0,0,.28)!important;}
.desafio-premio-halo{position:relative;width:178px;height:178px;margin:2px auto 16px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--marca2) 22%,transparent),transparent 67%);}
.desafio-premio-halo::before,.desafio-premio-halo::after{content:"";position:absolute;inset:15px;border:1px solid color-mix(in srgb,var(--marca) 25%,transparent);border-radius:50%;}.desafio-premio-halo::after{inset:32px;border-style:dashed;opacity:.55;}
.desafio-premio-halo img{position:relative;z-index:1;width:138px;height:138px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(31,39,40,.18));}
.desafio-premio-box h2{margin:3px 0 8px;font:650 27px/1.08 var(--tm-reading);color:var(--tinta);}
.desafio-premio-box .prosa{margin:0 auto 17px;max-width:34ch;font-size:12px;line-height:1.55;color:var(--suave);}
.desafio-premio-box .acc{justify-content:center!important;}
.desafio-premio-box .desafio-premio-compartir{flex:1 0 100%!important;}
.desafio-premio-box .acc>.b:not(.desafio-premio-compartir){flex:1 1 150px!important;}
.desafio-premio-modal[data-ver="si"] .desafio-premio-halo img{animation:desafio-insignia-entrada .58s cubic-bezier(.2,.9,.25,1.18) both;}
@keyframes desafio-insignia-entrada{0%{opacity:0;transform:scale(.68) rotate(-5deg)}65%{opacity:1;transform:scale(1.06) rotate(1deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@media (prefers-reduced-motion:reduce){.desafio-premio-modal[data-ver="si"] .desafio-premio-halo img{animation:none!important;}}
.desafio-premio-modal.oro .desafio-premio-box{border-color:rgba(185,144,56,.42)!important;background:linear-gradient(160deg,color-mix(in srgb,#f4e4ad 10%,var(--tm-surface)),var(--tm-surface) 55%)!important;}
.desafio-premio-modal.oro .desafio-premio-halo{width:206px;height:206px;background:radial-gradient(circle,rgba(244,228,173,.42),rgba(185,144,56,.10) 50%,transparent 70%);}
.desafio-premio-modal.oro .desafio-premio-halo img{width:174px;height:174px;filter:drop-shadow(0 15px 23px rgba(121,89,24,.26));}
.desafio-premio-modal.oro .desafio-premio-halo::before{border-color:rgba(185,144,56,.40);}


@media (min-width:768px) and (max-width:900px){
  .nav button[data-v="desafios"]::before{
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.5 14.4 8l5 .7-3.6 3.5.9 5-4.7-2.4-4.7 2.4.9-5-3.6-3.5 5-.7L12 3.5Z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.5 14.4 8l5 .7-3.6 3.5.9 5-4.7-2.4-4.7 2.4.9-5-3.6-3.5 5-.7L12 3.5Z'/%3E%3C/svg%3E") center/contain no-repeat;
  }
}

@media(max-width:767px){

  .pag[data-p="desafios"]{padding-left:12px!important;padding-right:12px!important;}
  
  
  
  .desafio-sec-head{padding:16px 14px 9px;align-items:flex-start;}.desafio-sec-head h2{font-size:18px;}.desafio-sec-head>span{font-size:8px;max-width:124px;}
  .desafio-camino{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:9px 14px 25px;}.desafio-nodo{min-height:96px;border-radius:12px;padding:7px 3px;}.desafio-nodo:nth-child(even){transform:none;}.desafio-nodo:nth-child(6n)::after{display:block;}.desafio-nodo:nth-child(4n)::after{display:none;}.desafio-medalla-img{width:56px;height:56px;margin-bottom:2px;}.desafio-nodo b{font-size:8px;}.desafio-nodo small{font-size:6.8px;}.desafio-oro{grid-template-columns:70px minmax(0,1fr);gap:11px;padding:13px 14px;}.desafio-oro-img{width:68px;height:68px;}.desafio-oro b{font-size:11px;}.desafio-oro p{font-size:8.5px;}
  .desafio-opciones{grid-template-columns:1fr;}
  .desafio-premio-modal{align-items:center!important;padding:16px!important;}.desafio-premio-modal .desafio-premio-box{width:min(390px,100%)!important;height:auto!important;max-height:calc(100dvh - 32px)!important;padding:27px 18px 19px!important;border-radius:20px!important;}.desafio-premio-halo{width:150px;height:150px;margin-bottom:12px;}.desafio-premio-halo img{width:116px;height:116px;}.desafio-premio-box h2{font-size:23px;}.desafio-premio-modal.oro .desafio-premio-halo{width:174px;height:174px;}.desafio-premio-modal.oro .desafio-premio-halo img{width:148px;height:148px;}

}

@media(max-width:430px){
  
  .desafio-mes-grid{grid-template-columns:88px minmax(0,1fr);gap:11px;padding:12px;}.desafio-portada{width:88px;}.desafio-mes-copy h2{font-size:18px;}.desafio-recompensa{grid-column:1/-1;}.desafio-camino{gap:6px;padding-left:10px;padding-right:10px;}.desafio-medalla-img{width:52px;height:52px;}
}

/* v118.2 · cierre de geometría puntual: suscripción y acceso prioritario. */
#muro-suscribir span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}


/* ========================================================================== */
/* TOMO v121 · cierre de lanzamiento: búsqueda, Hilo, mensajes y rendimiento   */
/* ========================================================================== */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}

/* Búsqueda: una sola caja por breakpoint; resultados siempre anclados a ella. */
.busca-wrap{isolation:isolate;}
.busca-wrap[data-buscando="si"] .busca{padding-right:38px!important;}
.busca-wrap[data-buscando="si"]::after{content:"";position:absolute;right:14px;top:50%;width:12px;height:12px;margin-top:-7px;border:2px solid color-mix(in srgb,var(--marca) 25%,transparent);border-top-color:var(--marca);border-radius:50%;animation:tomo-spin .7s linear infinite;z-index:3;pointer-events:none;}
@keyframes tomo-spin{to{transform:rotate(360deg)}}
.busca-usuarios{background:var(--tm-surface)!important;border:1px solid var(--tm-line)!important;box-shadow:var(--tm-shadow)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;}
.busca-us-item{min-height:48px;}
.busca-us-item:hover,.busca-us-item[aria-selected="true"]{background:var(--tm-soft)!important;}
.busca-us-tx b{color:var(--tinta);}

/* Hilo: conserva la composición aprobada; optimiza carga y acerca la interacción
   Responder / Repostear / Citar al modelo conversacional de una red social. */
.hpost{content-visibility:visible;contain-intrinsic-size:auto;}
.hilo-sentinel{width:100%;height:1px;pointer-events:none;}
.hilo-sentinel.off{display:none;}
.hpost-repost-wrap{position:relative;min-width:0;}
.hpost-repost-wrap>.hpost-accbtn{width:100%;}
.hpost-repost-menu{position:absolute;z-index:60;left:50%;bottom:calc(100% + 5px);transform:translateX(-50%);min-width:164px;padding:5px;border:1px solid var(--tm-line);border-radius:12px;background:var(--tm-surface);box-shadow:var(--tm-shadow);font-family:var(--tm-ui);}
.hpost-repost-menu.off{display:none;}
.hpost-repost-menu button{display:block;width:100%;min-height:34px;border:0;border-radius:8px;background:transparent;color:var(--tinta);text-align:left;padding:0 10px;font:600 11px/1 var(--tm-ui);cursor:pointer;}
.hpost-repost-menu button:hover,.hpost-repost-menu button:focus-visible{background:var(--tm-soft);outline:0;}
.hpost-resp{flex-wrap:wrap;}
.hpost-resp-context{flex:0 0 100%;display:block;color:var(--suave);font:500 9.5px/1.3 var(--tm-ui);padding:0 2px 1px;}

/* Mensajes: selector pequeño y curado; no carga librerías externas. */
.msj-composer{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:7px;}
.msj-composer input{min-width:0;width:100%;height:40px;border:1px solid var(--tm-line);border-radius:12px;background:var(--tm-surface);color:var(--tinta);padding:0 12px;font-size:13px;}
.msj-emoji-btn{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--tm-line);border-radius:50%;background:var(--tm-surface);color:var(--marca);cursor:pointer;}.msj-emoji-btn:hover,.msj-emoji-btn[aria-expanded="true"]{background:var(--tm-soft);}.msj-emoji-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.msj-emoji-panel{position:absolute;z-index:8;left:0;bottom:46px;width:min(300px,calc(100vw - 42px));display:grid;grid-template-columns:repeat(8,1fr);gap:3px;padding:8px;border:1px solid var(--tm-line);border-radius:14px;background:var(--tm-surface);box-shadow:var(--tm-shadow);}.msj-emoji-panel.off{display:none!important;}.msj-emoji-panel button{height:32px;border:0;border-radius:8px;background:transparent;font-size:17px;cursor:pointer;}.msj-emoji-panel button:hover{background:var(--tm-soft);}
.msj-fila-wrap{border:1px solid var(--tm-line)!important;background:var(--tm-surface)!important;}.msj-fila-wrap:nth-child(even){background:color-mix(in srgb,var(--marca) 4%,var(--tm-surface))!important;}
#msj-hilo-eyebrow,#msj-lista-eyebrow{background:var(--marca)!important;color:#fff!important;}
.noti-it{background:var(--tm-surface)!important;border:1px solid var(--tm-line)!important;}.noti-it[data-leida="no"]{background:color-mix(in srgb,var(--marca) 7%,var(--tm-surface))!important;border-color:color-mix(in srgb,var(--marca) 45%,var(--tm-line))!important;}

/* Evita trabajo de pintura fuera de pantalla en listas largas sin tocar layout. */
.card,.mesa-obra,.noti-it,.msj-fila-wrap{content-visibility:visible;contain-intrinsic-size:auto;}

@media(min-width:768px){.hilo-view-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media(max-width:767px){
  .msj-emoji-panel{grid-template-columns:repeat(7,1fr);}
  .hpost-repost-menu{min-width:150px;}
}


/* TOMO v121.1 · Hotfix búsqueda compacta + acciones del Hilo lateral.
   Escritorio principal y Hilo completo conservan su diseño aprobado. */
@media(max-width:1279px){
  #lupa{touch-action:manipulation!important;pointer-events:auto!important;}
  #busca-wrap[data-open="no"]{display:none!important;pointer-events:none!important;}
  #busca-wrap[data-open="si"]{display:block!important;pointer-events:auto!important;z-index:720!important;}
  #busca-wrap[data-open="si"] .busca{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
}
@media(min-width:1280px){
  #busca-wrap[data-open="si"]{display:block!important;}
}
@media(min-width:1280px){
  .tomo-right-rail .rail-hilo-card .hpost-acc{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:1px!important;
    margin:7px -2px -3px!important;
  }
  .tomo-right-rail .rail-hilo-card .hpost-repost-wrap{min-width:0!important;width:100%!important;}
  .tomo-right-rail .rail-hilo-card .hpost-accbtn{
    width:100%!important;min-width:0!important;height:25px!important;padding:0!important;
    gap:2px!important;border-radius:7px!important;font-size:0!important;opacity:1!important;
  }
  .tomo-right-rail .rail-hilo-card .hpost-accbtn .hpost-accion-txt{display:none!important;}
  .tomo-right-rail .rail-hilo-card .hpost-accbtn .hpost-accion-n{display:inline!important;font:600 7.5px/1 var(--tm-ui)!important;}
  .tomo-right-rail .rail-hilo-card .hpost-accbtn svg{width:13px!important;height:13px!important;flex:0 0 13px!important;}
}


/* TOMO v121.2 · Buscador compacto fuera del stacking context del header.
   Sólo móvil/tablet; escritorio conserva la búsqueda integrada aprobada. */
@media(max-width:1279px){
  #t>#busca-wrap.busca-portal[data-open="si"]{
    position:fixed!important;display:block!important;visibility:visible!important;opacity:1!important;
    left:24px!important;right:24px!important;top:calc(var(--tm-header) + 8px)!important;
    width:auto!important;max-width:none!important;z-index:900!important;overflow:visible!important;
    transform:none!important;pointer-events:auto!important;isolation:isolate!important;
  }
  #t>#busca-wrap.busca-portal[data-open="si"] .busca{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;width:100%!important;}
  #t>#busca-wrap.busca-portal .busca-usuarios{z-index:2!important;}
}
@media(max-width:767px){
  #t>#busca-wrap.busca-portal[data-open="si"]{left:12px!important;right:12px!important;top:62px!important;}
}

/* v121.6 · identidad personal de los logros de Desafíos */
.desafio-premio-identidad{margin:-2px auto 14px;padding:10px 14px 11px;max-width:330px;border-top:1px solid var(--tm-line);border-bottom:1px solid var(--tm-line);text-align:center;}
.desafio-premio-identidad strong{display:block;font:700 13px/1.2 var(--tm-ui);color:var(--tinta);}
.desafio-premio-identidad span{display:block;margin-top:4px;font:600 11px/1.4 var(--tm-reading);color:var(--tinta);}
.desafio-premio-identidad small{display:block;margin-top:5px;font:600 9.5px/1.2 var(--tm-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--suave);}
#ins-lb .lb-card.desafio-logro{width:min(360px,calc(100vw - 32px))!important;height:auto!important;min-height:356px!important;max-height:calc(100dvh - 32px)!important;padding:28px 24px 24px!important;}
#ins-lb .lb-card.desafio-logro>img{width:164px!important;height:164px!important;}
.ins-lb-desafio{width:100%;margin-top:3px;padding-top:9px;border-top:1px solid var(--tm-line);text-align:center;}
.ins-lb-desafio strong{display:block;font:700 12px/1.2 var(--tm-ui);color:var(--tinta);}
.ins-lb-desafio span{display:block;margin-top:4px;font:600 10.5px/1.4 var(--tm-reading);color:var(--tinta);}
.ins-lb-desafio small{display:block;margin-top:5px;font:600 9px/1.2 var(--tm-ui);letter-spacing:.07em;text-transform:uppercase;color:var(--suave);}
@media(max-width:767px){#ins-lb .lb-card.desafio-logro{min-height:334px!important;padding:24px 18px 20px!important;}#ins-lb .lb-card.desafio-logro>img{width:148px!important;height:148px!important;}.desafio-premio-identidad{margin-bottom:12px;}}

/* v121.6 · tarjeta nativa y verificada al compartir un logro en Hilo */
.hilo-logro-card{width:min(520px,100%);margin:12px 0 4px;padding:22px 20px 18px;border:1px solid var(--tm-line);border-radius:18px;background:linear-gradient(155deg,color-mix(in srgb,var(--marca) 5%,var(--tm-surface)),var(--tm-surface) 58%);display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;}
.hilo-logro-card .hilo-logro-top{margin:0 0 12px!important;font:700 9px/1.2 var(--tm-ui)!important;letter-spacing:.13em;text-transform:uppercase;color:var(--suave)!important;}
.hilo-logro-card img{width:180px;height:180px;object-fit:contain;background:transparent;border-radius:0;filter:drop-shadow(0 13px 18px rgba(31,39,40,.16));}
.hilo-logro-card strong{margin-top:11px;font:700 13px/1.2 var(--tm-ui);color:var(--tinta);}
.hilo-logro-card b{margin-top:6px;font:650 18px/1.25 var(--tm-reading);color:var(--marca);}
.hilo-logro-card .hilo-logro-obra{margin:5px 0 0!important;max-width:34ch;font:600 13px/1.4 var(--tm-reading)!important;color:var(--tinta)!important;}
.hilo-logro-card small{display:block;width:min(320px,85%);margin-top:13px;padding-top:10px;border-top:1px solid var(--tm-line);font:650 9.5px/1.2 var(--tm-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--suave);}
.hilo-logro-card.oro{background:linear-gradient(155deg,color-mix(in srgb,#f4e4ad 16%,var(--tm-surface)),var(--tm-surface) 58%);border-color:rgba(185,144,56,.38);}
.hilo-logro-card.oro img{width:204px;height:204px;filter:drop-shadow(0 15px 22px rgba(121,89,24,.24));}
@media(max-width:767px){.hilo-logro-card{padding:18px 14px 16px;border-radius:16px;}.hilo-logro-card img{width:150px;height:150px;}.hilo-logro-card.oro img{width:170px;height:170px;}.hilo-logro-card b{font-size:16px;}.hilo-logro-card .hilo-logro-obra{font-size:12px;}}

/* =========================================================
   TOMO v122 · Desafíos como hub de juegos
   Primera fase visible: TOMO Quest + TOMO Trivia.
   Los seis espacios futuros existen sólo como marca de agua.
   Paleta oficial: #839295 · #a3b297 · #ccc3ba · #706f6f · #f8fafd · #1d1d1b
   ========================================================= */





















/* Una pregunta a la vez: misma mecánica visual para Quest y Trivia. */


.juego-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:34px;margin-bottom:14px;}
.juego-topline .eyebrow{margin:0!important;}
.juego-sonido{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--tm-line);border-radius:50%;background:var(--tm-surface);color:var(--suave);cursor:pointer;transition:.16s ease;}
.juego-sonido:hover{border-color:var(--marca);color:var(--marca);}
.juego-sonido.muted{opacity:.48;}
.juego-sonido svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;}
.juego-progreso-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 7px;font:650 8.5px/1.2 var(--tm-ui);letter-spacing:.04em;color:var(--suave);}
.juego-progreso-meta span:first-child{color:var(--tinta);}
.juego-progreso{height:4px;border-radius:999px;background:color-mix(in srgb,var(--marca) 10%,var(--tm-line));overflow:hidden;margin-bottom:19px;}
.juego-progreso>i{display:block;width:10%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--marca),var(--marca2));transition:width .28s cubic-bezier(.2,.8,.2,1);}
.juego-card-modal>h2{margin:0 0 6px;font:650 26px/1.06 var(--tm-reading);letter-spacing:-.025em;color:var(--tinta);}
.juego-card-modal .juego-intro{margin:0 0 16px;max-width:50ch;font:450 10px/1.48 var(--tm-ui);color:var(--suave);}
.juego-pregunta-host{display:flex;flex-direction:column;justify-content:center;}
.juego-pregunta-card{animation:juego-card-in .23s ease both;}
@keyframes juego-card-in{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
.juego-pregunta-card>p{font:650 18px/1.33 var(--tm-reading);letter-spacing:-.01em;color:var(--tinta);}
.juego-opciones{display:grid;grid-template-columns:1fr;gap:9px;}
.juego-opcion{position:relative;width:100%;display:flex;align-items:center;gap:11px;border:1px solid var(--tm-line);background:var(--tm-surface);color:var(--tinta);font:500 10.5px/1.4 var(--tm-ui);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .12s ease,box-shadow .15s ease;}
.juego-opcion:hover{border-color:color-mix(in srgb,var(--marca) 45%,var(--tm-line));background:color-mix(in srgb,var(--marca) 4%,var(--tm-surface));transform:translateY(-1px);}
.juego-opcion .juego-opcion-letra{flex:0 0 26px;width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--tm-line);border-radius:50%;font:700 8.5px/1 var(--tm-ui);color:var(--suave);background:color-mix(in srgb,var(--tm-surface) 88%,var(--marca) 12%);}
.juego-opcion input{position:absolute;opacity:0;pointer-events:none;}
.juego-opcion:has(input:checked),.juego-opcion.seleccionada{border-color:var(--marca);background:color-mix(in srgb,var(--marca) 9%,var(--tm-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--marca) 24%,transparent);}
.juego-opcion:has(input:checked) .juego-opcion-letra,.juego-opcion.seleccionada .juego-opcion-letra{border-color:var(--marca);background:var(--marca);color:#fff;}
.juego-opcion.correcta{border-color:color-mix(in srgb,var(--marca2) 76%,var(--tm-line));background:color-mix(in srgb,var(--marca2) 18%,var(--tm-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--marca2) 25%,transparent);}
.juego-opcion.correcta .juego-opcion-letra{border-color:var(--marca2);background:var(--marca2);color:#fff;}
.juego-opcion.incorrecta{border-color:color-mix(in srgb,#706f6f 62%,var(--tm-line));background:color-mix(in srgb,#ccc3ba 18%,var(--tm-surface));opacity:.78;}
.juego-opcion[disabled]{cursor:default;transform:none;}

.juego-acciones .b{min-width:132px;}
.trivia-feedback{height:31px;display:grid;place-items:center;margin:4px 0 0;font:800 15px/1 var(--tm-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--marca2);opacity:0;transform:scale(.96);transition:.15s ease;}
.trivia-feedback.show{opacity:1;transform:scale(1);}
.trivia-feedback.wrong{color:var(--suave);}
.trivia-resultado{min-height:292px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 0 8px;}
.trivia-resultado.off{display:none!important;}
.trivia-resultado>strong{font:700 58px/.95 var(--tm-reading);letter-spacing:-.04em;color:var(--tinta);}
.trivia-resultado>span{margin-top:9px;font:500 11px/1.45 var(--tm-ui);color:var(--suave);}
.trivia-resultado .acc{width:100%;justify-content:center!important;margin-top:24px!important;}


@media (max-width:767px){
  
  
  
  
  
  
  .juego-modal .juego-card-modal{flex-direction:column!important;}
  .juego-pregunta-host{flex:1;justify-content:center;}
  .juego-pregunta-card>p{margin-bottom:19px;}
  
  .juego-acciones{position:static!important;padding:10px 0 0!important;background:transparent!important;}
  .juego-acciones .b{width:100%;}
  .trivia-resultado{flex:1;}
}
@media (prefers-reduced-motion:reduce){.juego-pregunta-card,.juego-progreso>i{animation:none!important;transition:none!important;}}
.juego-sonido{position:relative;}.juego-sonido.muted::after{content:"";position:absolute;width:17px;height:1.5px;background:currentColor;transform:rotate(-45deg);border-radius:2px;}

/* TOMO v122.1 · navegación móvil y cierre responsive de Quest */
@media(max-width:480px){
  .desafio-estado{box-sizing:border-box!important;}
  
  
  
}

/* ========================================================================== */
/* TOMO v122.2 · afinación de Quest/Trivia, marca oficial y experiencia móvil */
/* ========================================================================== */

/* Marca TOMO: el logotipo siempre se renderiza desde el SVG oficial. */






.juego-brandline{display:flex;align-items:center;gap:7px;min-width:0;color:var(--tinta);}
.juego-brandline img{display:block;width:62px;height:auto;max-height:18px;object-fit:contain;object-position:left center;}
.juego-brandline b{font:650 14px/1 var(--tm-reading);letter-spacing:-.01em;white-space:nowrap;}
.juego-brandline em{font:650 8px/1 var(--tm-ui);font-style:normal;letter-spacing:.10em;text-transform:uppercase;color:var(--suave);white-space:nowrap;}

/* Quest es un juego; Misión del mes se despliega directamente debajo de él. */


@keyframes quest-panel-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}



/* Misión mensual: portada con más presencia y acciones integradas, no flotantes. */
@media(max-width:480px){
  .desafio-mes-grid{grid-template-columns:116px minmax(0,1fr)!important;gap:12px!important;padding:14px!important;align-items:start!important;}
  .desafio-portada{width:116px!important;border-radius:11px!important;align-self:start!important;box-shadow:0 12px 25px rgba(20,25,30,.13)!important;}
  .desafio-mes-copy{justify-content:flex-start!important;align-self:stretch!important;}
  .desafio-mes-copy h2{font-size:17.5px!important;line-height:1.08!important;margin-top:4px!important;}
  .desafio-mes-copy .desafio-autor{font-size:8.8px!important;margin-bottom:7px!important;}
  .desafio-recompensa{grid-template-columns:42px minmax(0,1fr)!important;gap:7px!important;padding:7px!important;border-radius:12px!important;}
  .desafio-recompensa img{width:40px!important;height:40px!important;}
  .desafio-recompensa b{font-size:8.2px!important;line-height:1.2!important;}
  .desafio-recompensa small{font-size:7.2px!important;line-height:1.3!important;}
  .desafio-mes-copy .desafio-explica{font-size:9.7px!important;line-height:1.4!important;margin:9px 0 10px!important;}
  .desafio-estado{width:100%!important;min-height:28px!important;height:auto!important;margin:0 0 8px!important;padding:6px 8px!important;font-size:7.7px!important;line-height:1.25!important;white-space:normal!important;}
  
  
  
  
}
@media(max-width:370px){
  .desafio-mes-grid{grid-template-columns:104px minmax(0,1fr)!important;gap:10px!important;padding:12px!important;}
  .desafio-portada{width:104px!important;}
  .desafio-mes-copy h2{font-size:16px!important;}
}

/* Pregunta = una tarjeta de juego TOMO, también en móvil. */
.juego-modal .juego-card-modal{position:relative!important;overflow:auto!important;}
.juego-modal .juego-card-modal::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;pointer-events:none;}
.juego-pregunta-card{border:1px solid color-mix(in srgb,var(--marca) 18%,var(--tm-line));background:color-mix(in srgb,var(--tm-surface) 97%,var(--marca) 3%);box-shadow:0 12px 28px rgba(29,29,27,.055);}
.juego-pregunta-card>p{margin-bottom:17px!important;}
.juego-opcion{box-shadow:0 2px 0 rgba(29,29,27,.015);}
.juego-sonido{flex:0 0 auto;}

@media(max-width:767px){
  .juego-modal{align-items:center!important;justify-items:center!important;}
  .juego-modal .juego-card-modal{border:1px solid color-mix(in srgb,var(--marca) 28%,var(--tm-line))!important;display:block!important;overflow:auto!important;}
  .juego-topline{padding-right:30px!important;margin-bottom:11px!important;}
  .juego-brandline img{width:58px!important;max-height:17px!important;}
  
  .juego-brandline em{display:none!important;}
  
  
  
  
  .juego-pregunta-host{min-height:0!important;padding:0!important;display:block!important;}
  
  
  
  .juego-opcion{border-radius:13px!important;}
  
  
  
  .trivia-feedback{height:27px!important;font-size:12px!important;}
}
@media(max-height:700px) and (max-width:767px){
  .juego-modal{padding:8px!important;}
  .juego-modal .juego-card-modal{max-height:calc(100dvh - 16px)!important;padding-top:14px!important;}
  .juego-card-modal .juego-intro{display:none!important;}
  .juego-card-modal>h2{font-size:19px!important;}
  .juego-pregunta-card>p{font-size:16.5px!important;margin-bottom:12px!important;}
  .juego-opcion{min-height:45px!important;}
}





/* Controles propios del juego: no heredan geometría de botones generales. */
.juego-card-modal>.x{position:absolute!important;top:12px!important;right:12px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid var(--tm-line)!important;border-radius:50%!important;background:color-mix(in srgb,var(--tm-surface) 96%,transparent)!important;color:var(--tinta)!important;font:500 18px/1 var(--tm-ui)!important;box-shadow:0 5px 14px rgba(29,29,27,.06)!important;z-index:8!important;cursor:pointer!important;}
.juego-card-modal>.x:hover{border-color:var(--marca)!important;color:var(--marca)!important;}
.juego-card-modal .juego-sonido{position:absolute!important;top:12px!important;right:52px!important;width:32px!important;height:32px!important;z-index:8!important;box-shadow:0 5px 14px rgba(29,29,27,.045)!important;}
.juego-card-modal .juego-topline{padding-right:78px!important;min-height:32px!important;}
@media(max-width:767px){
  .juego-card-modal>.x{top:10px!important;right:10px!important;width:31px!important;height:31px!important;}
  .juego-card-modal .juego-sonido{top:10px!important;right:49px!important;width:31px!important;height:31px!important;}
  .juego-card-modal .juego-topline{min-height:31px!important;}
}

/* ========================================================================== */
/* TOMO v122.4 · Desafíos: herramientas independientes y audio ligero */
/* ========================================================================== */







@keyframes desafios-panel-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}























.ios-switch{position:relative;width:44px;height:26px;display:block;flex:0 0 auto;}
.ios-switch input{position:absolute;opacity:0;pointer-events:none;}
.ios-switch i{position:absolute;inset:0;border-radius:999px;background:color-mix(in srgb,var(--tm-gray) 28%,var(--tm-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tm-gray) 18%,transparent);transition:background .18s ease,box-shadow .18s ease;}
.ios-switch i::after{content:"";position:absolute;width:22px;height:22px;left:2px;top:2px;border-radius:50%;background:#f8fafd;box-shadow:0 2px 6px rgba(29,29,27,.22);transition:transform .18s cubic-bezier(.2,.8,.2,1);}
.ios-switch input:checked+i{background:var(--marca);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--marca) 75%,transparent);}
.ios-switch input:checked+i::after{transform:translateX(18px);}
.ios-switch input:focus-visible+i{outline:2px solid var(--marca);outline-offset:3px;}


/* La temporada es móvil por fecha real: septiembre puede ser Etapa 1, octubre Etapa 2, etc. */
.desafio-nodo b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* Quest: la portada respira dentro de la tarjeta y la recompensa no rompe el título. */
@media(max-width:767px){
  
  
  
  
  
  
  

  .desafio-mes-grid{grid-template-columns:120px minmax(0,1fr)!important;gap:10px!important;padding:12px!important;align-items:stretch!important;}
  .desafio-portada{width:120px!important;align-self:center!important;margin:10px 0!important;border-radius:10px!important;}
  .desafio-mes-copy{justify-content:center!important;}
  .desafio-mes-copy h2{font-size:16.5px!important;line-height:1.06!important;margin:3px 0!important;}
  .desafio-mes-copy .desafio-autor{font-size:8.4px!important;margin-bottom:6px!important;}
  .desafio-recompensa{width:100%!important;grid-template-columns:38px minmax(0,1fr)!important;gap:6px!important;padding:6px 7px!important;border-radius:11px!important;}
  .desafio-recompensa img{width:36px!important;height:36px!important;}
  .desafio-recompensa span{gap:1px!important;}
  .desafio-recompensa b{font-size:7.9px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .desafio-recompensa small{font-size:6.9px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .desafio-mes-copy .desafio-explica{font-size:9.2px!important;line-height:1.36!important;margin:8px 0 8px!important;}
  .desafio-estado{font-size:7.8px!important;line-height:1.2!important;min-height:25px!important;padding:5px 8px!important;margin-bottom:7px!important;white-space:normal!important;}
  
  
  
}
@media(max-width:380px){
  
  
  .desafio-mes-grid{grid-template-columns:108px minmax(0,1fr)!important;gap:8px!important;padding:10px!important;}
  .desafio-portada{width:108px!important;margin:12px 0!important;}
  .desafio-mes-copy h2{font-size:15.5px!important;}
  .desafio-recompensa{grid-template-columns:34px minmax(0,1fr)!important;padding:5px 6px!important;}.desafio-recompensa img{width:32px!important;height:32px!important;}.desafio-recompensa b{font-size:7.3px!important;}.desafio-recompensa small{font-size:6.4px!important;}
  .desafio-mes-copy .desafio-explica{font-size:8.6px!important;}
}

/* Modal de juego: tarjeta de marca legible en cualquier modo y viewport. */

html:not([data-tomo-tema="noche"]) .juego-modal .juego-card-modal{background:#f8fafd!important;color:#1d1d1b!important;border-color:#ccc3ba!important;}
html:not([data-tomo-tema="noche"]) .juego-modal .juego-card-modal::before{background:linear-gradient(90deg,#839295,#a3b297,#ccc3ba)!important;}
html:not([data-tomo-tema="noche"]) .juego-card-modal :is(h2,.juego-progreso-meta span:first-child,.juego-brandline b,.juego-pregunta-card>p){color:#1d1d1b!important;}
html:not([data-tomo-tema="noche"]) .juego-card-modal :is(.juego-intro,.juego-progreso-meta,.juego-brandline em){color:#706f6f!important;}
html:not([data-tomo-tema="noche"]) .juego-pregunta-card{background:#f8fafd!important;border-color:color-mix(in srgb,#839295 24%,#ccc3ba)!important;box-shadow:0 12px 28px rgba(29,29,27,.07)!important;}
html:not([data-tomo-tema="noche"]) .juego-opcion{background:color-mix(in srgb,#f8fafd 96%,#a3b297 4%)!important;color:#1d1d1b!important;border-color:color-mix(in srgb,#ccc3ba 80%,#839295 20%)!important;}
html:not([data-tomo-tema="noche"]) .juego-opcion .juego-opcion-letra{background:#f8fafd!important;color:#706f6f!important;border-color:#ccc3ba!important;}
html:not([data-tomo-tema="noche"]) .juego-opcion:has(input:checked),html:not([data-tomo-tema="noche"]) .juego-opcion.seleccionada{background:color-mix(in srgb,#839295 16%,#f8fafd)!important;border-color:#839295!important;color:#1d1d1b!important;}
html:not([data-tomo-tema="noche"]) .juego-opcion:has(input:checked) .juego-opcion-letra,html:not([data-tomo-tema="noche"]) .juego-opcion.seleccionada .juego-opcion-letra{background:#839295!important;color:#f8fafd!important;border-color:#839295!important;}
html:not([data-tomo-tema="noche"]) .juego-sonido,html:not([data-tomo-tema="noche"]) .juego-card-modal>.x{background:#f8fafd!important;color:#1d1d1b!important;border-color:#ccc3ba!important;}

html[data-tomo-tema="noche"] .juego-pregunta-card{background:#252622!important;border-color:rgba(163,178,151,.28)!important;box-shadow:none!important;}
html[data-tomo-tema="noche"] .juego-opcion{background:#252622!important;color:#f8fafd!important;border-color:rgba(204,195,186,.24)!important;}
html[data-tomo-tema="noche"] .juego-opcion .juego-opcion-letra{background:#1d1d1b!important;color:#ccc3ba!important;border-color:#706f6f!important;}
html[data-tomo-tema="noche"] .juego-opcion:has(input:checked),html[data-tomo-tema="noche"] .juego-opcion.seleccionada{background:color-mix(in srgb,#a3b297 19%,#252622)!important;border-color:#a3b297!important;}
html[data-tomo-tema="noche"] .juego-opcion:has(input:checked) .juego-opcion-letra,html[data-tomo-tema="noche"] .juego-opcion.seleccionada .juego-opcion-letra{background:#a3b297!important;color:#1d1d1b!important;border-color:#a3b297!important;}


.juego-pregunta-host{min-height:0!important;padding:4px 0!important;}
.juego-pregunta-card{padding:17px 16px 15px!important;border-radius:19px!important;}
.juego-pregunta-card>p{font-size:18px!important;line-height:1.3!important;margin:0 0 15px!important;}
.juego-opcion{min-height:50px!important;border-radius:13px!important;padding:10px 12px!important;font-size:10.5px!important;line-height:1.35!important;}
.juego-acciones{margin-top:10px!important;}
@media(max-width:767px){
  
  .juego-modal .juego-card-modal{height:auto!important;}
  
  
  .juego-brandline img{max-width:64px!important;}
  .juego-brandline b{font-size:15px!important;}.juego-brandline em{font-size:7px!important;}
  .juego-progreso-meta{gap:8px!important;font-size:7.5px!important;margin-bottom:5px!important;}.juego-progreso-meta span:last-child{text-align:right;}
  .juego-progreso{margin-bottom:12px!important;}
  
  
  .juego-pregunta-card{padding:13px 10px 10px!important;border-radius:17px!important;}
  .juego-pregunta-card>p{font-size:16.5px!important;line-height:1.27!important;margin:0 1px 12px!important;}
  .juego-opciones{gap:7px!important;}
  .juego-opcion{min-height:49px!important;padding:8px 10px!important;font-size:10.2px!important;line-height:1.3!important;gap:9px!important;}
  .juego-opcion .juego-opcion-letra{width:24px!important;height:24px!important;flex-basis:24px!important;font-size:8px!important;}
  .juego-acciones{margin-top:8px!important;padding-top:0!important;}.juego-acciones .b{height:34px!important;min-height:34px!important;}
}
@media(max-width:390px){
  
  
  .juego-pregunta-card>p{font-size:15.5px!important;}
  .juego-opcion{min-height:46px!important;font-size:9.6px!important;}
}




/* ========================================================================== */
/* TOMO v122.5 · estabilización visual de juegos fuera de #t                 */
/* ========================================================================== */
.juego-modal,.juego-modal *,.juego-modal *::before,.juego-modal *::after{box-sizing:border-box!important;}
.juego-modal{padding:12px!important;align-items:center!important;justify-content:center!important;background:rgba(29,29,27,.52)!important;backdrop-filter:blur(10px) saturate(118%)!important;-webkit-backdrop-filter:blur(10px) saturate(118%)!important;}
.juego-modal .juego-card-modal{width:min(560px,calc(100vw - 24px))!important;max-width:560px!important;height:auto!important;max-height:calc(100dvh - 24px)!important;padding:22px 22px 20px!important;border:1px solid #ccc3ba!important;border-radius:24px!important;background:#f8fafd!important;color:#1d1d1b!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;box-shadow:0 28px 76px rgba(29,29,27,.24)!important;}
@supports(height:100svh){.juego-modal .juego-card-modal{max-height:calc(100svh - 24px)!important;}}
.juego-modal .juego-card-modal::before{background:linear-gradient(90deg,#839295,#a3b297,#ccc3ba)!important;}
.juego-modal .juego-card-modal :is(h2,.juego-progreso-meta span:first-child,.juego-brandline b,.juego-pregunta-card>p){color:#1d1d1b!important;}
.juego-modal .juego-card-modal :is(.juego-intro,.juego-progreso-meta,.juego-brandline em){color:#706f6f!important;}
.juego-modal .juego-pregunta-host{min-height:0!important;padding:4px 0 0!important;}
.juego-modal .juego-pregunta-card{padding:17px 16px 15px!important;border:1px solid color-mix(in srgb,#839295 24%,#ccc3ba)!important;border-radius:19px!important;background:#fff!important;box-shadow:0 10px 26px rgba(29,29,27,.055)!important;}
.juego-modal .juego-pregunta-card>p{margin:0 0 15px!important;color:#1d1d1b!important;font-size:19px!important;line-height:1.3!important;}
.juego-modal .juego-opciones{gap:8px!important;}
.juego-modal .juego-opcion{min-height:52px!important;padding:10px 12px!important;border:1px solid color-mix(in srgb,#ccc3ba 78%,#839295 22%)!important;border-radius:13px!important;background:#f8fafd!important;color:#1d1d1b!important;font-size:12.5px!important;line-height:1.35!important;box-shadow:none!important;}
.juego-modal .juego-opcion .juego-opcion-letra{width:27px!important;height:27px!important;flex:0 0 27px!important;border:1px solid #ccc3ba!important;background:#fff!important;color:#706f6f!important;}
.juego-modal .juego-opcion:has(input:checked),.juego-modal .juego-opcion.seleccionada{border-color:#839295!important;background:color-mix(in srgb,#839295 12%,#f8fafd)!important;color:#1d1d1b!important;}
.juego-modal .juego-opcion:has(input:checked) .juego-opcion-letra,.juego-modal .juego-opcion.seleccionada .juego-opcion-letra{border-color:#839295!important;background:#839295!important;color:#f8fafd!important;}
.juego-modal .juego-sonido,.juego-modal .juego-card-modal>.x{border-color:#ccc3ba!important;background:#f8fafd!important;color:#1d1d1b!important;}
.juego-modal .juego-acciones{margin-top:10px!important;padding-top:0!important;background:transparent!important;}
.juego-modal .juego-acciones .b{height:38px!important;min-height:38px!important;border:1px solid #839295!important;border-radius:999px!important;background:#839295!important;color:#f8fafd!important;font-size:11px!important;box-shadow:none!important;}
.juego-modal .juego-acciones .b:disabled{opacity:.42!important;}
html[data-tomo-tema="noche"] .juego-modal .juego-card-modal{background:#1d1d1b!important;color:#f8fafd!important;border-color:#706f6f!important;}
html[data-tomo-tema="noche"] .juego-modal .juego-card-modal :is(h2,.juego-progreso-meta span:first-child,.juego-brandline b,.juego-pregunta-card>p){color:#f8fafd!important;}
html[data-tomo-tema="noche"] .juego-modal .juego-card-modal :is(.juego-intro,.juego-progreso-meta,.juego-brandline em){color:#ccc3ba!important;}
html[data-tomo-tema="noche"] .juego-modal .juego-pregunta-card{background:#252622!important;border-color:rgba(163,178,151,.34)!important;box-shadow:none!important;}
html[data-tomo-tema="noche"] .juego-modal .juego-opcion{background:#252622!important;color:#f8fafd!important;border-color:rgba(204,195,186,.28)!important;}
html[data-tomo-tema="noche"] .juego-modal .juego-opcion .juego-opcion-letra{background:#1d1d1b!important;color:#ccc3ba!important;border-color:#706f6f!important;}
html[data-tomo-tema="noche"] .juego-modal .juego-opcion:has(input:checked),html[data-tomo-tema="noche"] .juego-modal .juego-opcion.seleccionada{background:color-mix(in srgb,#a3b297 19%,#252622)!important;border-color:#a3b297!important;color:#f8fafd!important;}
html[data-tomo-tema="noche"] .juego-modal .juego-opcion:has(input:checked) .juego-opcion-letra,html[data-tomo-tema="noche"] .juego-modal .juego-opcion.seleccionada .juego-opcion-letra{background:#a3b297!important;color:#1d1d1b!important;border-color:#a3b297!important;}
html[data-tomo-tema="noche"] .juego-modal .juego-sonido,html[data-tomo-tema="noche"] .juego-modal .juego-card-modal>.x{background:#252622!important;color:#f8fafd!important;border-color:#706f6f!important;}
@media(max-width:767px){
  
  
  .juego-modal{padding:10px!important;}
  .juego-modal .juego-card-modal{width:calc(100vw - 20px)!important;max-width:430px!important;max-height:calc(100dvh - 20px)!important;padding:16px 14px 14px!important;border-radius:21px!important;}
  @supports(height:100svh){.juego-modal .juego-card-modal{max-height:calc(100svh - 20px)!important;}}
  .juego-card-modal .juego-topline{margin-bottom:9px!important;padding-right:72px!important;}
  .juego-card-modal>h2{font-size:21px!important;line-height:1.08!important;margin-bottom:4px!important;}
  .juego-card-modal .juego-intro{font-size:10.5px!important;line-height:1.4!important;margin-bottom:10px!important;}
  .juego-modal .juego-pregunta-card{padding:14px 11px 11px!important;border-radius:17px!important;}
  .juego-modal .juego-pregunta-card>p{font-size:18px!important;line-height:1.28!important;margin-bottom:13px!important;}
  .juego-modal .juego-opcion{min-height:50px!important;padding:9px 10px!important;font-size:12.5px!important;line-height:1.32!important;gap:9px!important;}
  .juego-modal .juego-opcion .juego-opcion-letra{width:25px!important;height:25px!important;flex-basis:25px!important;font-size:8.5px!important;}
  .juego-modal .juego-acciones .b{height:36px!important;min-height:36px!important;font-size:10.5px!important;}
}
@media(max-width:390px){
  
  
  .juego-modal .juego-card-modal{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;padding:14px 12px 12px!important;}
  .juego-card-modal .juego-intro{display:none!important;}
  .juego-card-modal>h2{font-size:19px!important;}
  .juego-modal .juego-pregunta-card>p{font-size:16.8px!important;}
  .juego-modal .juego-opcion{min-height:47px!important;font-size:11.8px!important;}
}

/* TOMO v122.6 · bandejas móviles: la lista es la zona táctil que desplaza. */
@media(max-width:900px){
  #noti,#msj-lista,#msj-hilo{
    align-items:stretch!important;
    justify-items:stretch!important;
    padding:10px!important;
    overflow:hidden!important;
    touch-action:pan-y!important;
  }
  #noti>.box,#msj-lista>.box,#msj-hilo>.box{
    width:100%!important;
    max-width:none!important;
    height:min(86dvh,760px)!important;
    max-height:calc(100dvh - 20px)!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    padding:18px 16px!important;
    border-radius:22px!important;
    touch-action:pan-y!important;
  }
  #noti-lista,#msj-lista-cuerpo,#msj-hilo-cuerpo{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    padding-bottom:8px!important;
  }
  #noti .muro-cab,#msj-lista .muro-cab,#msj-hilo .muro-cab,#noti .noti-sw,#msj-hilo #msj-hilo-responder,#msj-hilo #msj-hilo-candado{
    flex:0 0 auto!important;
  }
}

/* TOMO v123.2 · Trivia: experiencia editorial lúdica canónica. Aislada de Quest. */
#trivia-modal{
  --trivia-ink:#1d1d1b;--trivia-muted:#706f6f;--trivia-brand:#839295;--trivia-soft:#a3b297;--trivia-warm:#ccc3ba;--trivia-surface:#f8fafd;
  box-sizing:border-box!important;padding:18px!important;background:rgba(24,28,29,.48)!important;backdrop-filter:blur(17px) saturate(.88)!important;-webkit-backdrop-filter:blur(17px) saturate(.88)!important;}
#trivia-modal .juego-card-modal{
  isolation:isolate;width:min(690px,calc(100vw - 36px))!important;max-width:690px!important;height:auto!important;min-height:0!important;max-height:calc(100svh - 36px)!important;padding:24px 28px 25px!important;border:1px solid color-mix(in srgb,var(--trivia-brand) 28%,var(--trivia-warm))!important;border-radius:29px!important;overflow:auto!important;overscroll-behavior:contain;background:radial-gradient(70% 48% at 98% 14%,color-mix(in srgb,var(--trivia-soft) 12%,transparent),transparent 72%),radial-gradient(62% 50% at 5% 100%,color-mix(in srgb,var(--trivia-brand) 9%,transparent),transparent 75%),var(--trivia-surface)!important;color:var(--trivia-ink)!important;box-shadow:0 34px 90px rgba(13,20,21,.28)!important;}
#trivia-modal[data-ver="si"] .juego-card-modal{animation:trivia-modal-in .28s cubic-bezier(.2,.82,.24,1) both;}
@keyframes trivia-modal-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
#trivia-modal .juego-card-modal::before{content:"";position:absolute;inset:0 0 auto 0;height:3px!important;background:linear-gradient(90deg,var(--trivia-brand),var(--trivia-soft),var(--trivia-warm))!important;z-index:2;}
#trivia-modal .juego-card-modal::after{content:"";position:absolute;right:-62px;top:164px;width:210px;height:210px;border:1px solid color-mix(in srgb,var(--trivia-brand) 13%,transparent);border-radius:46% 54% 56% 44%;box-shadow:0 0 0 23px color-mix(in srgb,var(--trivia-soft) 3.8%,transparent),0 0 0 48px color-mix(in srgb,var(--trivia-brand) 2.2%,transparent);pointer-events:none;z-index:-1;}

#trivia-modal .juego-brandline{gap:8px!important;margin:0!important;align-items:center!important;}
#trivia-modal .juego-brandline img{width:62px!important;max-height:18px!important;}
#trivia-modal .juego-brandline b{font:650 15px/1 var(--tm-reading)!important;letter-spacing:-.015em!important;color:var(--trivia-ink)!important;}





#trivia-modal .juego-progreso-meta{position:relative;z-index:2;margin:0 0 9px!important;font:650 10.5px/1.2 var(--tm-ui)!important;letter-spacing:.01em!important;color:var(--trivia-muted)!important;}
#trivia-modal .juego-progreso-meta span:first-child{font-weight:760!important;color:var(--trivia-ink)!important;}
#trivia-modal .juego-progreso-meta span:last-child{font-style:italic;font-family:var(--tm-reading)!important;font-weight:500!important;}
#trivia-modal .juego-progreso{position:relative;z-index:2;height:7px!important;margin:0 0 23px!important;border-radius:999px!important;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--trivia-warm) 48%,#fff) 0 calc(10% - 6px),transparent calc(10% - 6px) 10%)!important;overflow:hidden!important;}
#trivia-modal .juego-progreso i{height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,var(--trivia-brand),var(--trivia-soft))!important;box-shadow:8px 0 18px color-mix(in srgb,var(--trivia-brand) 26%,transparent);transition:width .32s cubic-bezier(.2,.8,.2,1)!important;}
#trivia-modal .juego-pregunta-host{position:relative;z-index:2;min-height:0!important;padding:0!important;justify-content:flex-start!important;}
#trivia-modal .trivia-pregunta-card{display:grid!important;gap:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:24px!important;background:rgba(255,255,255,.88)!important;box-shadow:0 14px 40px rgba(29,29,27,.07),inset 0 0 0 1px color-mix(in srgb,var(--trivia-warm) 72%,transparent)!important;overflow:hidden!important;animation:trivia-question-in .24s cubic-bezier(.2,.82,.24,1) both!important;transform-origin:50% 50%;}
@keyframes trivia-question-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#trivia-modal .trivia-fuente{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0!important;padding:17px 19px 13px!important;border:0!important;background:transparent!important;font-family:var(--tm-ui)!important;}
#trivia-modal .trivia-fuente-texto{min-width:0;display:grid;gap:3px!important;}
#trivia-modal .trivia-fuente-eyebrow{font-size:9px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:.19em!important;text-transform:uppercase;color:var(--trivia-brand)!important;}
#trivia-modal .trivia-fuente-texto strong{min-width:0;font:730 13px/1.24 var(--tm-ui)!important;color:var(--trivia-ink)!important;white-space:normal;overflow-wrap:anywhere;}
#trivia-modal .trivia-fuente-texto small{font:530 10px/1.3 var(--tm-ui)!important;color:var(--trivia-muted)!important;}
#trivia-modal .trivia-dificultad{flex:0 0 auto;display:inline-flex;align-items:center;min-height:27px;padding:5px 10px;border:1px solid var(--trivia-warm);border-radius:999px;background:rgba(248,250,253,.78);color:var(--trivia-muted);font:760 8.5px/1 var(--tm-ui);letter-spacing:.055em;text-transform:uppercase;}
#trivia-modal .trivia-dificultad[data-nivel="dificil"]{border-color:var(--trivia-brand);color:var(--trivia-ink);background:color-mix(in srgb,var(--trivia-brand) 10%,#fff);}
#trivia-modal .trivia-dificultad[data-nivel="accesible"]{border-color:var(--trivia-soft);background:color-mix(in srgb,var(--trivia-soft) 12%,#fff);}
#trivia-modal .trivia-pregunta-card>p{margin:0!important;padding:12px 19px 21px!important;font:650 clamp(23px,4vw,31px)/1.16 var(--tm-reading)!important;letter-spacing:-.025em!important;color:var(--trivia-ink)!important;text-wrap:balance;}
#trivia-modal .juego-opciones{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:0 19px 20px!important;}
#trivia-modal .juego-opcion{min-height:66px!important;padding:11px 14px!important;gap:13px!important;border:1px solid color-mix(in srgb,var(--trivia-warm) 76%,transparent)!important;border-radius:17px!important;background:rgba(255,255,255,.94)!important;color:var(--trivia-ink)!important;font:570 13px/1.32 var(--tm-ui)!important;box-shadow:0 5px 16px rgba(29,29,27,.035)!important;transition:transform .14s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease!important;animation:trivia-option-in .22s ease both;}
#trivia-modal .juego-opcion:nth-child(1){animation-delay:.035s;}#trivia-modal .juego-opcion:nth-child(2){animation-delay:.065s;}#trivia-modal .juego-opcion:nth-child(3){animation-delay:.095s;}#trivia-modal .juego-opcion:nth-child(4){animation-delay:.125s;}
@keyframes trivia-option-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
#trivia-modal .juego-opcion:hover{transform:translateY(-1px)!important;border-color:var(--trivia-brand)!important;background:color-mix(in srgb,var(--trivia-brand) 4%,#fff)!important;box-shadow:0 8px 22px rgba(29,29,27,.065)!important;}
#trivia-modal .juego-opcion:active{transform:scale(.988)!important;}
#trivia-modal .juego-opcion .juego-opcion-letra{flex:0 0 34px!important;width:34px!important;height:34px!important;background:color-mix(in srgb,var(--trivia-brand) 7%,#fff)!important;color:var(--trivia-ink)!important;border:1px solid color-mix(in srgb,var(--trivia-brand) 18%,var(--trivia-warm))!important;font:760 11px/1 var(--tm-ui)!important;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease!important;}
#trivia-modal .juego-opcion.seleccionada{background:color-mix(in srgb,var(--trivia-soft) 10%,#fff)!important;border-color:var(--trivia-brand)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--trivia-brand) 19%,transparent),0 8px 22px rgba(29,29,27,.055)!important;animation:trivia-choice .22s ease both!important;}
@keyframes trivia-choice{0%{transform:scale(1)}45%{transform:scale(.985)}100%{transform:scale(1)}}
#trivia-modal .juego-opcion.seleccionada .juego-opcion-letra{background:var(--trivia-brand)!important;color:#fff!important;border-color:var(--trivia-brand)!important;transform:scale(1.04);}
#trivia-modal .juego-opcion.correcta{background:color-mix(in srgb,var(--trivia-soft) 18%,#fff)!important;border-color:var(--trivia-soft)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--trivia-soft) 30%,transparent)!important;}
#trivia-modal .juego-opcion.correcta .juego-opcion-letra{background:var(--trivia-soft)!important;color:var(--trivia-ink)!important;border-color:var(--trivia-soft)!important;animation:trivia-correct .38s ease both;}
@keyframes trivia-correct{0%,100%{transform:scale(1)}45%{transform:scale(1.13)}}
#trivia-modal .juego-opcion.incorrecta{background:color-mix(in srgb,var(--trivia-warm) 22%,#fff)!important;border-color:var(--trivia-warm)!important;opacity:.82;animation:trivia-wrong .26s ease both!important;}
@keyframes trivia-wrong{0%,100%{transform:translateX(0)}30%{transform:translateX(-3px)}65%{transform:translateX(3px)}}
#trivia-modal .juego-opcion[disabled]{cursor:default!important;}
#trivia-modal .trivia-feedback{display:grid!important;gap:7px!important;height:0!important;min-height:0!important;margin:0!important;padding:0 19px!important;border:0!important;border-top:1px solid transparent!important;background:transparent!important;opacity:0;overflow:hidden;text-align:left!important;color:var(--trivia-ink)!important;font-family:var(--tm-ui)!important;}
#trivia-modal .trivia-feedback.show{height:auto!important;opacity:1;padding:16px 19px 18px!important;border-top-color:color-mix(in srgb,var(--trivia-brand) 23%,var(--trivia-warm))!important;background:linear-gradient(90deg,color-mix(in srgb,var(--trivia-soft) 11%,#fff),rgba(255,255,255,.96))!important;animation:trivia-feedback-in .22s ease both!important;}
#trivia-modal .trivia-feedback.wrong{background:linear-gradient(90deg,color-mix(in srgb,var(--trivia-warm) 20%,#fff),rgba(255,255,255,.96))!important;border-top-color:var(--trivia-warm)!important;}
@keyframes trivia-feedback-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
#trivia-modal .trivia-feedback-estado{font:830 11px/1.2 var(--tm-ui)!important;letter-spacing:.11em;text-transform:uppercase;color:var(--trivia-brand)!important;}
#trivia-modal .trivia-feedback.wrong .trivia-feedback-estado{color:var(--trivia-muted)!important;}
#trivia-modal .trivia-feedback-respuesta{margin:0!important;font:740 12.2px/1.34 var(--tm-ui)!important;color:var(--trivia-ink)!important;}
#trivia-modal .trivia-feedback-explicacion{margin:0!important;font:530 12.4px/1.48 var(--tm-ui)!important;color:var(--trivia-ink)!important;}
#trivia-modal .trivia-feedback-fuente{font:570 9.8px/1.3 var(--tm-ui)!important;color:var(--trivia-muted)!important;}
#trivia-modal .trivia-siguiente{justify-self:end;min-width:126px;height:38px;padding:0 17px;border:1px solid var(--trivia-brand);border-radius:999px;background:var(--trivia-brand);color:#fff;font:740 10.5px/1 var(--tm-ui);cursor:pointer;box-shadow:0 7px 18px color-mix(in srgb,var(--trivia-brand) 20%,transparent);transition:transform .14s ease,filter .14s ease;}
#trivia-modal .trivia-siguiente:hover{transform:translateY(-1px);filter:brightness(.98);}#trivia-modal .trivia-siguiente:active{transform:scale(.985);}#trivia-modal .trivia-siguiente:focus-visible{outline:2px solid var(--trivia-brand);outline-offset:3px;}
#trivia-modal .trivia-resultado{position:relative;min-height:390px;padding:42px 22px 24px!important;border:0!important;border-radius:24px!important;background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--trivia-soft) 14%,#fff),#fff 52%)!important;box-shadow:0 14px 40px rgba(29,29,27,.07),inset 0 0 0 1px color-mix(in srgb,var(--trivia-warm) 72%,transparent)!important;overflow:hidden;}
#trivia-modal .trivia-resultado::before,#trivia-modal .trivia-resultado::after{content:"✦";position:absolute;color:color-mix(in srgb,var(--trivia-brand) 55%,transparent);font-size:20px;animation:trivia-star 2.6s ease-in-out infinite;}#trivia-modal .trivia-resultado::before{left:18%;top:21%;}#trivia-modal .trivia-resultado::after{right:17%;top:33%;animation-delay:.7s;}
@keyframes trivia-star{0%,100%{opacity:.25;transform:scale(.82) rotate(0)}50%{opacity:.7;transform:scale(1.08) rotate(18deg)}}
#trivia-modal .trivia-resultado.entra{animation:trivia-result-in .34s cubic-bezier(.2,.82,.24,1) both!important;}
@keyframes trivia-result-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
#trivia-modal .trivia-resultado>strong{display:grid;place-items:center;width:142px;height:142px;border-radius:50%;background:rgba(255,255,255,.76);border:1px solid color-mix(in srgb,var(--trivia-brand) 44%,var(--trivia-warm));font-size:48px!important;color:var(--trivia-ink)!important;box-shadow:0 14px 36px rgba(29,29,27,.07),inset 0 0 0 10px color-mix(in srgb,var(--trivia-brand) 7%,transparent)!important;}
#trivia-modal .trivia-resultado>span{max-width:360px;margin-top:14px!important;font:560 13px/1.45 var(--tm-ui)!important;color:var(--trivia-muted)!important;}
#trivia-modal .trivia-resultado .acc{gap:9px!important;}.trivia-resultado .acc .b{min-width:142px!important;border-radius:999px!important;}
html[data-tomo-tema="noche"] #trivia-modal{--trivia-ink:#f8fafd;--trivia-muted:#ccc3ba;--trivia-surface:#1d1d1b;}
html[data-tomo-tema="noche"] #trivia-modal .juego-card-modal{background:radial-gradient(70% 48% at 98% 14%,rgba(163,178,151,.08),transparent 72%),#1d1d1b!important;border-color:#706f6f!important;}

html[data-tomo-tema="noche"] #trivia-modal .trivia-pregunta-card{background:#252622!important;box-shadow:inset 0 0 0 1px #706f6f!important;}
html[data-tomo-tema="noche"] #trivia-modal .trivia-dificultad{background:#1d1d1b!important;border-color:#706f6f!important;color:#ccc3ba!important;}
html[data-tomo-tema="noche"] #trivia-modal .juego-opcion{background:#1d1d1b!important;border-color:#706f6f!important;color:#f8fafd!important;box-shadow:none!important;}
html[data-tomo-tema="noche"] #trivia-modal .juego-opcion .juego-opcion-letra{background:#252622!important;border-color:#706f6f!important;color:#ccc3ba!important;}
html[data-tomo-tema="noche"] #trivia-modal .juego-opcion.seleccionada .juego-opcion-letra{background:#839295!important;color:#fff!important;border-color:#839295!important;}
html[data-tomo-tema="noche"] #trivia-modal .juego-opcion.correcta{background:rgba(163,178,151,.12)!important;}html[data-tomo-tema="noche"] #trivia-modal .juego-opcion.incorrecta{background:rgba(204,195,186,.10)!important;}
html[data-tomo-tema="noche"] #trivia-modal .trivia-feedback.show,html[data-tomo-tema="noche"] #trivia-modal .trivia-feedback.wrong{background:#252622!important;border-top-color:#706f6f!important;}
html[data-tomo-tema="noche"] #trivia-modal .trivia-resultado{background:radial-gradient(circle at 50% 28%,rgba(163,178,151,.08),#252622 52%)!important;box-shadow:inset 0 0 0 1px #706f6f!important;}
html[data-tomo-tema="noche"] #trivia-modal .trivia-resultado>strong{background:#1d1d1b!important;border-color:#706f6f!important;box-shadow:inset 0 0 0 10px rgba(255,255,255,.025)!important;}
@media(max-width:600px){
  #trivia-modal{padding:8px!important;align-items:center!important;}
  #trivia-modal .juego-card-modal{width:calc(100vw - 16px)!important;max-width:none!important;max-height:calc(100svh - 16px)!important;padding:17px 14px 15px!important;border-radius:23px!important;}
  
  #trivia-modal .juego-brandline img{width:58px!important;max-height:17px!important;}#trivia-modal .juego-brandline b{font-size:14px!important;}
  
  #trivia-modal .juego-progreso-meta{font-size:9.1px!important;margin-bottom:7px!important;}#trivia-modal .juego-progreso-meta span:last-child{max-width:48%;text-align:right;}
  #trivia-modal .juego-progreso{height:6px!important;margin-bottom:14px!important;}
  #trivia-modal .trivia-fuente{gap:8px!important;padding:12px 13px 9px!important;align-items:flex-start!important;}
  #trivia-modal .trivia-fuente-eyebrow{font-size:7.8px!important;}.trivia-fuente-texto strong{font-size:11.2px!important;}.trivia-fuente-texto small{font-size:8.8px!important;}
  #trivia-modal .trivia-dificultad{min-height:22px;padding:4px 7px;font-size:7.2px!important;}
  #trivia-modal .trivia-pregunta-card>p{padding:9px 13px 15px!important;font-size:clamp(18px,5.5vw,22px)!important;line-height:1.18!important;text-wrap:pretty;}
  #trivia-modal .juego-opciones{grid-template-columns:1fr!important;gap:7px!important;padding:0 13px 13px!important;}
  #trivia-modal .juego-opcion{min-height:51px!important;padding:8px 11px!important;gap:10px!important;border-radius:14px!important;font-size:11.6px!important;box-shadow:none!important;}
  #trivia-modal .juego-opcion .juego-opcion-letra{flex-basis:29px!important;width:29px!important;height:29px!important;font-size:9.5px!important;}
  #trivia-modal .trivia-feedback.show{padding:12px 13px 13px!important;}.trivia-feedback-explicacion,.trivia-feedback-respuesta{font-size:10.8px!important;}
  #trivia-modal .trivia-siguiente{height:34px;min-width:112px;font-size:9.7px;}
  #trivia-modal .trivia-resultado{min-height:310px;padding:28px 14px 17px!important;}#trivia-modal .trivia-resultado>strong{width:116px;height:116px;font-size:39px!important;}
}
@media(max-width:380px){
  #trivia-modal .juego-card-modal{padding:14px 11px 12px!important;}
  #trivia-modal .juego-progreso-meta span:last-child{display:none;}
  #trivia-modal .trivia-fuente{padding:10px 11px 8px!important;}
  #trivia-modal .trivia-pregunta-card>p{padding:8px 11px 13px!important;font-size:17.5px!important;}
  #trivia-modal .juego-opciones{padding:0 11px 11px!important;gap:6px!important;}
  #trivia-modal .juego-opcion{min-height:47px!important;font-size:11px!important;}
}
@media(prefers-reduced-motion:reduce){
  #trivia-modal[data-ver="si"] .juego-card-modal,#trivia-modal .trivia-pregunta-card,#trivia-modal .juego-opcion,#trivia-modal .juego-opcion.seleccionada,#trivia-modal .juego-opcion.correcta,#trivia-modal .juego-opcion.incorrecta,#trivia-modal .trivia-feedback.show,#trivia-modal .trivia-resultado.entra,#trivia-modal .trivia-resultado::before,#trivia-modal .trivia-resultado::after{animation:none!important;transition:none!important;}
}



/* ===== v123.3 · Insignias fundacionales seriadas ===== */
.trofeo-seriado{min-width:92px!important;flex-basis:92px!important;}
.ins-carril .trofeo-seriado img,.insignia-seriada{border-radius:0!important;background:transparent!important;}
.desafios-logro-seriado{appearance:none;border:0;background:transparent;color:var(--tinta);padding:0;display:grid;justify-items:center;gap:4px;cursor:pointer;flex:0 0 auto;font:600 8px/1.1 var(--tm-ui);}
.desafios-logro-seriado img{width:58px!important;height:58px!important;border-radius:10px!important;object-fit:contain!important;filter:drop-shadow(0 5px 8px rgba(29,29,27,.11));}
.desafios-logro-seriado span{white-space:nowrap;color:var(--suave);}
#ins-lb .lb-card>.ins-lb-img-wrap{position:relative;width:158px;height:158px;flex:0 0 auto;display:grid;place-items:center;}
#ins-lb .lb-card>.ins-lb-img-wrap>img{width:158px!important;height:158px!important;object-fit:contain!important;}
#ins-lb .lb-card.seriada{width:min(390px,calc(100vw - 32px))!important;height:auto!important;min-height:430px!important;max-height:calc(100dvh - 28px)!important;padding:24px 22px 22px!important;justify-content:flex-start!important;overflow:auto;}
#ins-lb .lb-card.seriada>.ins-lb-img-wrap{width:min(264px,72vw);height:min(264px,72vw);margin-top:5px;}
#ins-lb .lb-card.seriada>.ins-lb-img-wrap>img{width:100%!important;height:100%!important;border-radius:0!important;background:transparent!important;}
.ins-lb-serie-sello{position:absolute!important;display:flex!important;align-items:center!important;justify-content:center!important;left:34%!important;right:34%!important;top:74.4%!important;bottom:auto!important;height:5.2%!important;margin:0!important;border-radius:1px!important;font:600 clamp(8px,2.2vw,11px)/1 var(--tm-reading)!important;letter-spacing:.04em!important;white-space:nowrap!important;box-shadow:none!important;z-index:2;}
.ins-lb-img-wrap[data-tipo="pionerotomo"] .ins-lb-serie-sello{background:rgba(236,232,223,.98)!important;color:#24231f!important;border:0!important;}
.ins-lb-img-wrap[data-tipo="ordentinta"] .ins-lb-serie-sello{left:35%!important;right:35%!important;top:76%!important;bottom:auto!important;height:4.4%!important;background:linear-gradient(90deg,#18271f,#1c2a22 50%,#18271f)!important;color:#e4cf9b!important;border:0!important;}
.ins-lb-serie{width:100%;display:grid;justify-items:center;gap:4px;margin-top:2px;padding:10px 12px;border:1px solid var(--tm-line);border-radius:12px;background:color-mix(in srgb,var(--tm-surface) 94%,var(--marca) 6%);}
.ins-lb-serie.off,.ins-lb-serie-sello.off{display:none!important;}
.ins-lb-serie strong{font:700 15px/1.1 var(--tm-reading);letter-spacing:.03em;color:var(--tinta);}
.ins-lb-serie span{margin:0!important;font:600 10px/1.3 var(--tm-ui)!important;color:var(--marca)!important;}
.ins-lb-serie small{font:500 9px/1.35 var(--tm-ui);color:var(--suave);text-align:center;}
#ins-lb .lb-card.desafio-logro>.ins-lb-img-wrap{width:164px!important;height:164px!important;}
#ins-lb .lb-card.desafio-logro>.ins-lb-img-wrap>img{width:164px!important;height:164px!important;}
@media(max-width:767px){
  #ins-lb .lb-card>.ins-lb-img-wrap{width:142px;height:142px;}
  #ins-lb .lb-card>.ins-lb-img-wrap>img{width:142px!important;height:142px!important;}
  #ins-lb .lb-card.desafio-logro>.ins-lb-img-wrap{width:148px!important;height:148px!important;}
  #ins-lb .lb-card.desafio-logro>.ins-lb-img-wrap>img{width:148px!important;height:148px!important;}
  #ins-lb .lb-card.seriada{min-height:0!important;padding:22px 16px 18px!important;}
  #ins-lb .lb-card.seriada>.ins-lb-img-wrap{width:min(250px,72vw)!important;height:min(250px,72vw)!important;}
  #ins-lb .lb-card.seriada>.ins-lb-img-wrap>img{width:100%!important;height:100%!important;}
}

/* v123.3 final · serie real visible también en miniaturas y Hilo. El sello
   tapa el número ilustrativo del arte aprobado y pinta el número de servidor. */
.ins-serie-arte{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;overflow:visible;border-radius:0;background:transparent;}
.ins-serie-arte>img{display:block;width:100%!important;height:100%!important;object-fit:contain!important;margin:0!important;border-radius:0!important;background:transparent!important;}
.ins-serie-arte-sello{position:absolute;z-index:2;left:34%;right:34%;top:74.4%;height:5.2%;display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;font:600 clamp(2.8px,.72vw,6px)/1 var(--tm-reading);letter-spacing:0;color:#24231f;background:rgba(236,232,223,.985);pointer-events:none;}
.ins-serie-arte[data-tipo="ordentinta"] .ins-serie-arte-sello{left:35%;right:35%;top:76%;height:4.4%;color:#e4cf9b;background:linear-gradient(90deg,#18271f,#1c2a22 50%,#18271f);}
.trofeo-seriado .ins-serie-arte,.desafios-logro-seriado .ins-serie-arte{width:58px;height:58px;}
.hilo-seriada-card .ins-serie-arte{width:150px;height:150px;margin:0 auto 2px;}
.hilo-seriada-card .ins-serie-arte-sello{font-size:6px;}
#ins-lb-serie-compartir{margin-top:7px;min-width:142px;}
@media(max-width:767px){.hilo-seriada-card .ins-serie-arte{width:150px;height:150px;}.hilo-seriada-card .ins-serie-arte-sello{font-size:6px;}}
.trofeo-seriado .ins-serie-arte-sello,.desafios-logro-seriado .ins-serie-arte-sello{font-size:2.5px!important;letter-spacing:0!important;}

/* ========================================================================== */
/* TOMO v123.3.2 · Trivia: cierre responsive específico para tablet / iPad    */
/* Mantiene la identidad v123.2 y evita que el tramo 768–1180 px herede       */
/* proporciones genéricas de los modales de juego anteriores.                 */
/* ========================================================================== */
@media (min-width:601px) and (max-width:899px){
  #trivia-modal{padding:14px!important;align-items:center!important;justify-content:center!important;}
  #trivia-modal .juego-card-modal{width:min(660px,calc(100vw - 28px))!important;max-width:660px!important;max-height:calc(100svh - 28px)!important;padding:22px 22px 23px!important;border-radius:28px!important;}
  
  #trivia-modal .juego-brandline img{width:62px!important;max-height:18px!important;}
  #trivia-modal .juego-brandline b{font-size:15px!important;}
  
  
  
  #trivia-modal .juego-progreso{margin-bottom:19px!important;}
  #trivia-modal .trivia-fuente{padding:15px 17px 12px!important;}
  #trivia-modal .trivia-pregunta-card>p{padding:11px 17px 19px!important;font-size:clamp(22px,3.55vw,27px)!important;line-height:1.17!important;text-wrap:pretty;}
  #trivia-modal .juego-opciones{grid-template-columns:1fr!important;gap:8px!important;padding:0 17px 17px!important;}
  #trivia-modal .juego-opcion{min-height:57px!important;padding:10px 13px!important;font-size:12.6px!important;border-radius:16px!important;}
  #trivia-modal .juego-opcion .juego-opcion-letra{flex-basis:32px!important;width:32px!important;height:32px!important;}
  #trivia-modal .trivia-feedback.show{padding:14px 17px 16px!important;}
}
@media (min-width:900px) and (max-width:1180px){
  #trivia-modal{padding:16px!important;align-items:center!important;justify-content:center!important;}
  #trivia-modal .juego-card-modal{width:min(748px,calc(100vw - 32px))!important;max-width:748px!important;max-height:calc(100svh - 32px)!important;padding:23px 26px 24px!important;border-radius:29px!important;}
  #trivia-modal .trivia-pregunta-card>p{font-size:clamp(24px,2.75vw,30px)!important;line-height:1.16!important;}
  #trivia-modal .juego-opciones{grid-template-columns:1fr 1fr!important;gap:9px!important;}
  #trivia-modal .juego-opcion{min-height:60px!important;font-size:12.8px!important;}
}
@media (min-width:601px) and (max-height:820px){
  #trivia-modal{padding:10px!important;}
  #trivia-modal .juego-card-modal{max-height:calc(100svh - 20px)!important;padding-top:18px!important;padding-bottom:18px!important;}
  
  #trivia-modal .juego-brandline img{width:58px!important;max-height:17px!important;}
  #trivia-modal .juego-brandline b{font-size:14px!important;}
  
  
  
  #trivia-modal .juego-progreso-meta{margin-bottom:6px!important;}
  #trivia-modal .juego-progreso{height:6px!important;margin-bottom:12px!important;}
  #trivia-modal .trivia-fuente{padding-top:12px!important;padding-bottom:9px!important;}
  #trivia-modal .trivia-pregunta-card>p{padding-top:8px!important;padding-bottom:14px!important;font-size:clamp(21px,2.7vw,27px)!important;}
  #trivia-modal .juego-opciones{gap:7px!important;padding-bottom:13px!important;}
  #trivia-modal .juego-opcion{min-height:52px!important;padding-top:8px!important;padding-bottom:8px!important;}
}
/* v123.3.2 · cierre de overflow: el adorno lateral de Trivia nunca debe crear
   desplazamiento horizontal dentro de la tarjeta, especialmente en iPad. */
#trivia-modal .juego-card-modal{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;}


/* v123.4 · Mesa Editorial simplificada: formato separado del tipo de obra */
.editorial-inicio-box{max-width:900px!important;padding:26px!important;}
.editorial-inicio-box>h2{margin:3px 0 6px;font:650 28px/1.08 var(--tm-reading,var(--lee));color:var(--tinta);}
.editorial-inicio-intro{max-width:68ch;margin:0;color:var(--suave);}
.editorial-rutas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px;}
.editorial-ruta{appearance:none;text-align:left;min-width:0;min-height:210px;padding:18px;border:1px solid var(--tm-line,var(--borde));border-radius:17px;background:var(--tm-surface,#fff);color:var(--tinta);cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;}
.editorial-ruta:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--marca) 48%,var(--tm-line));box-shadow:var(--tm-shadow-sm,0 8px 24px rgba(0,0,0,.08));}
.editorial-ruta-ico{display:grid;place-items:center;min-width:44px;height:34px;padding:0 9px;border-radius:9px;background:var(--tm-soft,rgba(131,146,149,.10));font:750 11px/1 var(--tm-ui,var(--ui));letter-spacing:.08em;color:var(--marca);}
.editorial-ruta strong{margin-top:22px;font:650 18px/1.18 var(--tm-reading,var(--lee));color:var(--tinta);}
.editorial-ruta small{display:block;margin-top:7px;font:500 11.5px/1.5 var(--tm-ui,var(--ui));color:var(--suave);}
.editorial-ruta>b{margin-top:auto;padding-top:18px;font:700 10.5px/1 var(--tm-ui,var(--ui));color:var(--marca);}
.editorial-rutas-nota{margin:14px 0 0!important;}
.editorial-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;}
.editorial-formato{flex:0 0 auto;margin-right:42px;padding:6px 9px;border:1px solid var(--tm-line,var(--borde));border-radius:999px;background:var(--tm-soft,rgba(131,146,149,.08));font:700 9px/1 var(--tm-ui,var(--ui));letter-spacing:.09em;color:var(--marca);}
.ed-tabs[data-forma="pdf"]{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.toon-cap-editor-actions{flex-wrap:wrap!important;}
@media(max-width:820px){
  .editorial-inicio-box{padding:18px!important;}
  .editorial-rutas{grid-template-columns:1fr;gap:8px;}
  .editorial-ruta{min-height:0;padding:14px;display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:11px;align-items:center;}
  .editorial-ruta-ico{grid-row:1/4;}
  .editorial-ruta strong{margin:0;font-size:16px;}
  .editorial-ruta small{margin-top:4px;}
  .editorial-ruta>b{margin:8px 0 0;padding:0;}
  .editorial-editor-head{padding-right:34px;}
  .editorial-formato{margin-right:0;}
}
@media(max-width:520px){
  .editorial-editor-head{display:block;padding-right:32px;}
  .editorial-formato{display:inline-block;margin-top:7px;}
}
@media(prefers-reduced-motion:reduce){.editorial-ruta{transition:none!important;}.editorial-ruta:hover{transform:none!important;}}

/* v123.5 · Mesa Editorial estable + TOMO Duelo */
/* El editor mantiene una sola geometría: cabecera, pestañas y acciones no saltan
   al cambiar de sección; sólo se desplaza el contenido central. */
#ed>.box.box-ancho{
  position:relative!important;width:min(1040px,calc(100vw - 44px))!important;max-width:1040px!important;
  height:min(860px,calc(100dvh - 44px))!important;max-height:calc(100dvh - 44px)!important;
  overflow:hidden!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto auto!important;
  align-content:stretch!important;padding:22px 22px 16px!important;gap:0!important;
}
@supports(height:100svh){#ed>.box.box-ancho{height:min(860px,calc(100svh - 44px))!important;max-height:calc(100svh - 44px)!important;}}
#ed .editorial-editor-head{grid-row:1;min-height:54px;padding-bottom:13px;border-bottom:1px solid color-mix(in srgb,var(--tm-line,var(--borde)) 78%,transparent);}
#ed .ed-tabs{grid-row:2;margin:12px 0 10px!important;min-height:36px;align-self:start;}
#ed .ed-panel{grid-row:3;grid-column:1;min-width:0;min-height:0;overflow:auto!important;overscroll-behavior:contain;padding:8px 5px 14px 1px;scrollbar-gutter:stable;}
#ed .ed-panel:not(.on){display:none!important;}
#ed .ed-panel.on{display:block!important;}
#ed #ed-err{grid-row:4;grid-column:1;margin:7px 0 0!important;}
#ed>.box.box-ancho>.acc{grid-row:5;grid-column:1;position:static!important;z-index:2;margin:10px -2px 0!important;padding:12px 2px 0!important;border-top:1px solid color-mix(in srgb,var(--tm-line,var(--borde)) 82%,transparent);background:var(--tm-surface,var(--fondo))!important;box-shadow:none!important;}
#ed .ed-panel .acc{position:static!important;background:transparent!important;box-shadow:none!important;}
#ed .ed-panel>.sec{margin-top:0!important;}
#ed #ed-p-caps .caps{max-height:none!important;overflow:visible!important;}
#ed #ed-p-caps .toon-cap-editor{padding:13px!important;}
#ed #ed-p-caps .toon-cap-editor-head{gap:10px!important;}
#ed #ed-p-caps .toon-cap-editor-head .prosa{max-width:62ch;}
#ed #ed-p-caps .toon-cap-editor-head .aviso{margin-bottom:0!important;}
#ed #ed-p-caps .cap-gancho-editor{margin-top:12px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--tm-line,var(--borde)) 70%,transparent);grid-template-columns:170px minmax(0,1fr);}
#ed #ed-p-caps .cap-programacion{margin-top:12px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--tm-line,var(--borde)) 70%,transparent);}
#ed #ed-p-caps #ed-lista{padding-bottom:2px;}
@media(max-width:820px){
  #ed>.box.box-ancho{width:calc(100vw - 18px)!important;height:calc(100dvh - 18px)!important;max-height:calc(100dvh - 18px)!important;padding:16px 14px 12px!important;border-radius:20px!important;}
  @supports(height:100svh){#ed>.box.box-ancho{height:calc(100svh - 18px)!important;max-height:calc(100svh - 18px)!important;}}
  #ed .editorial-editor-head{min-height:50px;padding-bottom:10px!important;}
  #ed .ed-tabs{margin:9px 0 8px!important;min-height:36px;overflow-x:auto;scrollbar-width:none;}
  #ed .ed-tabs::-webkit-scrollbar{display:none;}
  #ed .ed-tab{white-space:nowrap;min-width:0;padding-left:8px!important;padding-right:8px!important;}
  #ed .ed-panel{padding:6px 2px 12px 0;scrollbar-gutter:auto;}
  #ed>.box.box-ancho>.acc{margin-top:7px!important;padding-top:9px!important;}
  #ed #ed-p-caps .cap-gancho-editor{grid-template-columns:145px minmax(0,1fr);}
}
@media(max-width:600px){
  #ed>.box.box-ancho{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;padding:13px 11px 10px!important;}
  @supports(height:100svh){#ed>.box.box-ancho{height:100svh!important;max-height:100svh!important;}}
  #ed .editorial-editor-head{min-height:48px;}
  #ed .editorial-formato{margin-top:4px!important;}
  #ed .ed-tabs{grid-template-columns:repeat(5,max-content)!important;justify-content:start!important;padding-bottom:2px;}
  #ed .ed-tabs[data-forma="pdf"]{grid-template-columns:repeat(4,max-content)!important;}
  #ed .ed-tab{min-width:104px;}
  #ed #ed-p-caps .toon-cap-editor-head{grid-template-columns:1fr!important;}
  #ed #ed-p-caps .toon-cap-editor-actions{justify-content:stretch!important;}
  #ed #ed-p-caps .toon-cap-editor-actions .b{flex:1 1 130px;}
  #ed #ed-p-caps .cap-gancho-editor{grid-template-columns:1fr;}
  #ed #ed-p-caps .cap-gancho-editor>div:first-child{max-width:260px;}
  #ed>.box.box-ancho>.acc{gap:7px;flex-wrap:wrap;}
  #ed>.box.box-ancho>.acc .b{min-height:38px;}
}

/* ========================================================================== */
/* TOMO v1235.2 · TOMO Duelo: identidad visual unificada con Desafíos/Trivia */
/* ========================================================================== */




#duelo-modal{padding:18px!important;align-items:center!important;justify-content:center!important;}
#duelo-modal .duelo-box{
  width:min(790px,calc(100vw - 36px))!important;max-width:790px!important;max-height:calc(100svh - 36px)!important;
  padding:28px 30px 26px!important;border-radius:30px!important;overflow-y:auto!important;overflow-x:hidden!important;
  border:1px solid color-mix(in srgb,var(--marca) 24%,var(--tm-line,var(--borde)))!important;
  
  -webkit-overflow-scrolling:touch!important;}
#duelo-modal .duelo-box::before{height:0!important;background:none!important;}

#duelo-modal .juego-brandline{display:flex!important;align-items:center!important;gap:8px!important;}
#duelo-modal .juego-brandline img{width:62px!important;max-height:18px!important;object-fit:contain!important;}
#duelo-modal .juego-brandline b{font:650 15px/1 var(--tm-reading,var(--lee))!important;letter-spacing:-.015em!important;color:var(--tinta)!important;}


.duelo-dashboard{display:grid;gap:18px;}
.duelo-hero-editorial{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding:0 2px 19px;border-bottom:1px solid color-mix(in srgb,var(--tm-line,var(--borde)) 78%,transparent);}
.duelo-hero-copy .eyebrow{margin:0 0 7px!important;font-size:9px!important;letter-spacing:.19em!important;color:var(--marca)!important;}
.duelo-hero h3{margin:0;font:650 clamp(28px,4.3vw,38px)/1.02 var(--tm-reading,var(--lee));letter-spacing:-.035em;color:var(--tinta);}
.duelo-hero-copy>p:last-child{max-width:59ch;margin:10px 0 0;font:450 12px/1.58 var(--tm-ui,var(--ui));color:var(--suave);}
.duelo-stats{display:grid;grid-template-columns:repeat(3,74px);gap:8px;}
.duelo-stats>div{min-height:62px;display:grid;align-content:center;justify-items:center;padding:9px 7px;border:1px solid color-mix(in srgb,var(--marca) 20%,var(--tm-line,var(--borde)));border-radius:17px;background:color-mix(in srgb,var(--tm-surface,#fff) 94%,var(--marca) 6%);box-shadow:0 7px 18px rgba(29,29,27,.035);}
.duelo-stats b{font:700 22px/1 var(--tm-ui,var(--ui));color:var(--marca);}
.duelo-stats span{margin-top:6px;font:700 7.5px/1 var(--tm-ui,var(--ui));letter-spacing:.10em;text-transform:uppercase;color:var(--suave);}

.duelo-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:5px;border:1px solid color-mix(in srgb,var(--tm-line,var(--borde)) 78%,transparent);border-radius:999px;background:color-mix(in srgb,var(--marca) 5%,var(--tm-surface,#fff));}
.duelo-nav-btn{height:38px;border:0;border-radius:999px;background:transparent;color:var(--suave);font:650 10px/1 var(--tm-ui,var(--ui));cursor:pointer;transition:.16s ease;}
.duelo-nav-btn:hover{color:var(--tinta);background:color-mix(in srgb,var(--tm-surface,#fff) 78%,transparent);}
.duelo-nav-btn.activo{color:#f8fafd;background:var(--marca);box-shadow:0 7px 18px color-mix(in srgb,var(--marca) 24%,transparent);}
.duelo-panel{display:none;animation:duelo-panel-in .20s ease both;}
.duelo-panel.activo{display:grid;gap:14px;}
@keyframes duelo-panel-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

.duelo-intro-card{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center;padding:16px 18px;border:1px solid color-mix(in srgb,var(--marca) 16%,var(--tm-line,var(--borde)));border-radius:20px;background:linear-gradient(150deg,color-mix(in srgb,var(--marca2) 7%,var(--tm-surface,#fff)),var(--tm-surface,#fff) 58%);overflow:hidden;}
.duelo-intro-card::after{content:"";position:absolute;right:-38px;top:-56px;width:150px;height:150px;border:1px solid color-mix(in srgb,var(--marca) 12%,transparent);border-radius:50%;box-shadow:0 0 0 20px color-mix(in srgb,var(--marca) 3%,transparent),0 0 0 40px color-mix(in srgb,var(--marca2) 2%,transparent);pointer-events:none;}
.duelo-intro-num{position:relative;z-index:1;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--marca) 13%,var(--tm-surface,#fff));color:var(--marca);font:750 10px/1 var(--tm-ui,var(--ui));letter-spacing:.08em;}
.duelo-intro-card>div{position:relative;z-index:1;}.duelo-intro-card .eyebrow{margin:0 0 4px!important;font-size:7.5px!important;}.duelo-intro-card h4{margin:0;font:650 21px/1.08 var(--tm-reading,var(--lee));color:var(--tinta);}.duelo-intro-card p:last-child{margin:6px 0 0;max-width:62ch;font:450 10.5px/1.5 var(--tm-ui,var(--ui));color:var(--suave);}

.duelo-rutas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.duelo-ruta{position:relative;min-width:0;min-height:196px;display:flex;flex-direction:column;align-items:flex-start;padding:16px;border:1px solid color-mix(in srgb,var(--marca) 17%,var(--tm-line,var(--borde)));border-radius:19px;background:color-mix(in srgb,var(--tm-surface,#fff) 97%,var(--marca) 3%);box-shadow:0 9px 22px rgba(29,29,27,.035);overflow:hidden;}
.duelo-ruta::after{content:"";position:absolute;right:-32px;bottom:-42px;width:106px;height:106px;border:1px solid color-mix(in srgb,var(--marca2) 12%,transparent);border-radius:50%;pointer-events:none;}
.duelo-ruta>span{position:relative;z-index:1;font:750 8px/1 var(--tm-ui,var(--ui));letter-spacing:.15em;color:var(--marca);}
.duelo-ruta>strong{position:relative;z-index:1;display:block;margin-top:15px;font:650 17px/1.15 var(--tm-reading,var(--lee));color:var(--tinta);}
.duelo-ruta>p{position:relative;z-index:1;min-height:47px;margin:7px 0 14px;font:450 9.5px/1.48 var(--tm-ui,var(--ui));color:var(--suave);}
.duelo-ruta>.b,.duelo-ruta>.duelo-busca,.duelo-ruta>.duelo-invitacion{position:relative;z-index:2;margin-top:auto;}
.duelo-ruta>.b{min-height:36px!important;padding:0 13px!important;border-radius:999px!important;font-size:9.5px!important;}
.duelo-busca{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;}
.duelo-busca input,.duelo-invitacion input{min-width:0;width:100%;height:37px;border:1px solid color-mix(in srgb,var(--marca) 20%,var(--tm-line,var(--borde)));border-radius:12px;background:var(--tm-surface,#fff);color:var(--tinta);font:500 10px/1 var(--tm-ui,var(--ui));padding:0 10px;outline:none;}
.duelo-busca input:focus,.duelo-invitacion input:focus{border-color:var(--marca);box-shadow:0 0 0 3px color-mix(in srgb,var(--marca) 9%,transparent);}
.duelo-busca .b{min-height:37px!important;padding:0 11px!important;font-size:9px!important;border-radius:999px!important;}
.duelo-buscar-resultados{width:100%;display:grid;gap:5px;margin-top:8px;max-height:180px;overflow:auto;}
.duelo-busca-fila{display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px;border:1px solid color-mix(in srgb,var(--tm-line,var(--borde)) 80%,transparent);border-radius:12px;background:color-mix(in srgb,var(--tm-surface,#fff) 95%,transparent);}
.duelo-busca-fila b,.duelo-fila-ident b,.duelo-ranking-ident b{display:block;font:650 10.5px/1.2 var(--tm-ui,var(--ui));color:var(--tinta);}
.duelo-busca-fila small,.duelo-fila-ident small,.duelo-ranking-ident small{display:block;margin-top:3px;font:500 8.5px/1.2 var(--tm-ui,var(--ui));color:var(--suave);}
.duelo-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,var(--marca),var(--marca2));color:#fff;font:700 12px/1 var(--tm-ui,var(--ui));flex:0 0 auto;box-shadow:0 4px 11px rgba(29,29,27,.08);}
.duelo-avatar img{width:100%;height:100%;object-fit:cover;}.duelo-busca-fila .duelo-avatar{width:31px;height:31px;}
.duelo-invitacion{width:100%;display:grid;gap:7px;margin-top:8px;}.duelo-invitacion .acc{margin:0;gap:6px;}.duelo-invitacion .acc .b{min-height:33px!important;font-size:8.5px!important;}.duelo-invitacion.off{display:none!important;}

.duelo-recibidos-card,.duelo-historial-card,.duelo-clasificacion-card{padding:17px 18px;border:1px solid color-mix(in srgb,var(--marca) 15%,var(--tm-line,var(--borde)));border-radius:20px;background:color-mix(in srgb,var(--tm-surface,#fff) 97%,var(--marca) 3%);box-shadow:0 10px 24px rgba(29,29,27,.035);}
.duelo-lista-head,.duelo-clasificacion-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:11px;}
.duelo-lista-head h3,.duelo-clasificacion-head h3{margin:3px 0 0;font:650 20px/1.05 var(--tm-reading,var(--lee));letter-spacing:-.02em;color:var(--tinta);}
.duelo-lista-head .eyebrow,.duelo-clasificacion-head .eyebrow{margin:0!important;font-size:7.5px!important;}.duelo-lista-ayuda,.duelo-clasificacion-head p:last-child{font:500 9px/1.45 var(--tm-ui,var(--ui));color:var(--suave);}
.duelo-clasificacion-head>div>p:last-child{max-width:52ch;margin:7px 0 0;}
.duelo-lista{display:grid;gap:7px;max-height:310px;overflow:auto;padding-right:2px;}
.duelo-fila{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid color-mix(in srgb,var(--tm-line,var(--borde)) 82%,transparent);border-radius:14px;background:color-mix(in srgb,var(--tm-surface,#fff) 98%,transparent);transition:.15s ease;}
.duelo-fila:hover{border-color:color-mix(in srgb,var(--marca) 28%,var(--tm-line,var(--borde)));background:color-mix(in srgb,var(--marca) 3%,var(--tm-surface,#fff));}
.duelo-fila-historial{grid-template-columns:minmax(0,1fr) auto auto;}
.duelo-fila-ident{display:flex;align-items:center;gap:9px;min-width:0;}.duelo-fila-ident>div{min-width:0;}.duelo-fila-ident b,.duelo-fila-ident small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.duelo-fila-meta{font:650 8.5px/1.2 var(--tm-ui,var(--ui));color:var(--suave);white-space:nowrap;}
.duelo-fila-resultado{padding:6px 8px;border-radius:999px;background:color-mix(in srgb,var(--marca) 6%,var(--tm-surface,#fff));border:1px solid color-mix(in srgb,var(--marca) 14%,var(--tm-line,var(--borde)));}
.duelo-fila-resultado.es-victoria{color:var(--marca);}.duelo-fila-resultado.es-derrota{color:var(--suave);}
.duelo-fila-acciones{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;}.duelo-fila-acciones .b,.duelo-busca-fila .b{min-height:31px!important;padding:0 9px!important;font-size:8.5px!important;border-radius:999px!important;}

.duelo-mi-clasificacion{min-height:58px;display:flex;align-items:center;gap:12px;margin:3px 0 13px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--marca) 22%,var(--tm-line,var(--borde)));border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--marca) 8%,var(--tm-surface,#fff)),var(--tm-surface,#fff));}
.duelo-mi-clasificacion>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--marca);color:#fff;font:750 12px/1 var(--tm-ui,var(--ui));}.duelo-mi-clasificacion b{display:block;font:650 12px/1.15 var(--tm-reading,var(--lee));color:var(--tinta);}.duelo-mi-clasificacion small{display:block;margin-top:4px;font:500 9px/1.35 var(--tm-ui,var(--ui));color:var(--suave);}.duelo-mi-clasificacion .hint{margin:0;}
.duelo-ranking-cab,.duelo-ranking-fila{display:grid;align-items:center;}
.duelo-ranking-cab{padding:0 8px 7px;font:700 7.5px/1 var(--tm-ui,var(--ui));letter-spacing:.08em;text-transform:uppercase;color:var(--suave);}

.duelo-ranking-lista{display:grid;gap:5px;}
.duelo-ranking-fila{min-height:52px;padding:7px 8px;border:1px solid color-mix(in srgb,var(--tm-line,var(--borde)) 82%,transparent);border-radius:13px;background:color-mix(in srgb,var(--tm-surface,#fff) 98%,transparent);}
.duelo-ranking-fila.yo{border-color:color-mix(in srgb,var(--marca) 42%,var(--tm-line,var(--borde)));background:color-mix(in srgb,var(--marca) 6%,var(--tm-surface,#fff));}
.duelo-ranking-pos{font:750 10px/1 var(--tm-ui,var(--ui));letter-spacing:.06em;color:var(--marca);}
.duelo-ranking-ident{display:flex;align-items:center;gap:8px;min-width:0;}.duelo-ranking-ident .duelo-avatar{width:32px;height:32px;}.duelo-ranking-ident>span{min-width:0;}.duelo-ranking-ident b,.duelo-ranking-ident small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.duelo-ranking-ved,.duelo-ranking-precision{font:600 9px/1 var(--tm-ui,var(--ui));color:var(--suave);text-align:right;}.duelo-ranking-puntos{font:750 16px/1 var(--tm-ui,var(--ui));color:var(--tinta);text-align:right;}
.duelo-regla{margin:12px 0 0;padding:11px 13px;border-radius:13px;background:color-mix(in srgb,var(--marca) 6%,transparent);font:500 9px/1.48 var(--tm-ui,var(--ui));color:var(--suave);}

.duelo-partida{max-width:690px;margin:4px auto 0;}.duelo-versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:4px 0 17px;padding:12px;border:1px solid color-mix(in srgb,var(--marca) 16%,var(--tm-line,var(--borde)));border-radius:18px;background:color-mix(in srgb,var(--tm-surface,#fff) 97%,var(--marca) 3%);}.duelo-versus>span{font:800 9px/1 var(--tm-ui,var(--ui));letter-spacing:.15em;color:var(--marca);}
.duelo-persona{display:flex;align-items:center;gap:9px;min-width:0;}.duelo-persona:last-child{justify-content:flex-end;text-align:right;}.duelo-persona>span{min-width:0;}.duelo-persona b{display:block;font:650 11.5px/1.2 var(--tm-ui,var(--ui));color:var(--tinta);}.duelo-persona small{display:block;margin-top:3px;font:500 8.5px/1 var(--tm-ui,var(--ui));color:var(--suave);}
.duelo-pregunta-card{animation:trivia-question-in .24s ease both;}.duelo-pregunta-card .juego-opcion.seleccionada{transform:scale(.985);border-color:var(--marca)!important;background:color-mix(in srgb,var(--marca) 9%,var(--tm-surface,#fff))!important;}

.duelo-espera,.duelo-resultado{position:relative;max-width:650px;margin:24px auto 6px;text-align:center;padding:30px 24px;border:1px solid color-mix(in srgb,var(--marca) 18%,var(--tm-line,var(--borde)));border-radius:24px;background:linear-gradient(155deg,color-mix(in srgb,var(--marca2) 7%,var(--tm-surface,#fff)),var(--tm-surface,#fff) 52%,color-mix(in srgb,var(--tm-warm,#ccc3ba) 5%,var(--tm-surface,#fff)));overflow:hidden;}
.duelo-espera::after,.duelo-resultado::after{content:"";position:absolute;right:-70px;bottom:-70px;width:210px;height:210px;border:1px solid color-mix(in srgb,var(--marca) 10%,transparent);border-radius:50%;box-shadow:0 0 0 24px color-mix(in srgb,var(--marca) 3%,transparent),0 0 0 48px color-mix(in srgb,var(--marca2) 2%,transparent);pointer-events:none;}
.duelo-espera>strong,.duelo-resultado>strong{position:relative;z-index:1;display:block;font:650 32px/1.04 var(--tm-reading,var(--lee));letter-spacing:-.025em;color:var(--tinta);}.duelo-espera>p,.duelo-resultado>p{position:relative;z-index:1;max-width:58ch;margin:10px auto 0;font:450 10.5px/1.55 var(--tm-ui,var(--ui));color:var(--suave);}
.duelo-sello{position:relative;z-index:1;display:inline-block;margin-bottom:12px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--marca) 42%,var(--tm-line,var(--borde)));border-radius:999px;background:color-mix(in srgb,var(--marca) 6%,var(--tm-surface,#fff));font:750 7.5px/1 var(--tm-ui,var(--ui));letter-spacing:.13em;color:var(--marca);}
.duelo-espera .acc,.duelo-resultado .acc{position:relative;z-index:1;justify-content:center;margin-top:18px;}
.duelo-marcador{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:23px auto 10px;max-width:500px;}.duelo-marcador>div{padding:15px;border:1px solid color-mix(in srgb,var(--tm-line,var(--borde)) 86%,transparent);border-radius:18px;background:color-mix(in srgb,var(--tm-surface,#fff) 97%,transparent);transition:.2s ease;}.duelo-marcador>div.ganador{border-color:color-mix(in srgb,var(--marca) 55%,var(--tm-line,var(--borde)));background:color-mix(in srgb,var(--marca) 8%,var(--tm-surface,#fff));box-shadow:0 10px 22px color-mix(in srgb,var(--marca) 9%,transparent);}.duelo-marcador>div.perdedor{opacity:.72;}.duelo-marcador b,.duelo-marcador small{display:block;font-family:var(--tm-ui,var(--ui));}.duelo-marcador b{font-size:9.5px;color:var(--suave);}.duelo-marcador span{display:block;margin:5px 0;font:750 38px/1 var(--tm-reading,var(--lee));color:var(--tinta);}.duelo-marcador small{font-size:8.5px;color:var(--suave);}.duelo-marcador>em{min-width:66px;padding:7px 9px;border-radius:999px;background:color-mix(in srgb,var(--marca) 8%,var(--tm-surface,#fff));font:750 7.5px/1 var(--tm-ui,var(--ui));letter-spacing:.09em;color:var(--marca);font-style:normal;}



@media(max-width:900px){
  
  #duelo-modal{padding:14px!important;}
  #duelo-modal .duelo-box{width:min(690px,calc(100vw - 28px))!important;max-width:690px!important;max-height:calc(100svh - 28px)!important;padding:22px 21px 21px!important;border-radius:28px!important;}
  .duelo-hero-editorial{grid-template-columns:1fr;align-items:start;gap:14px;}.duelo-stats{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;}.duelo-stats>div{min-height:58px;}
  .duelo-rutas{grid-template-columns:1fr;}.duelo-ruta{min-height:0;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:10px;align-items:start;}.duelo-ruta>span{grid-row:1/5;}.duelo-ruta>strong{margin-top:0;}.duelo-ruta>p{min-height:0;margin-bottom:10px;}.duelo-ruta>.duelo-busca,.duelo-ruta>.b,.duelo-ruta>.duelo-invitacion{grid-column:2;margin-top:0;}
}
@media(max-width:600px){
  #duelo-modal{padding:12px!important;}
  #duelo-modal .duelo-box{width:min(430px,calc(100vw - 20px))!important;height:auto!important;max-height:calc(100svh - 24px)!important;border-radius:27px!important;padding:20px 15px 18px!important;}
  
  #duelo-modal .juego-brandline img{width:58px!important;max-height:17px!important;}#duelo-modal .juego-brandline b{font-size:14px!important;}
  .duelo-dashboard{gap:14px;}.duelo-hero h3{font-size:28px;}.duelo-hero-copy>p:last-child{font-size:10.5px;}.duelo-stats>div{min-height:54px;padding:7px;}.duelo-stats b{font-size:19px;}.duelo-stats span{font-size:7px;}
  .duelo-nav{gap:4px;padding:4px;}.duelo-nav-btn{height:36px;font-size:9px;}
  .duelo-intro-card{grid-template-columns:42px minmax(0,1fr);padding:14px;}.duelo-intro-num{width:36px;height:36px;}.duelo-intro-card h4{font-size:18px;}.duelo-intro-card p:last-child{font-size:9.5px;}
  .duelo-ruta{padding:14px;border-radius:17px;grid-template-columns:30px minmax(0,1fr);}.duelo-ruta>strong{font-size:15px;}.duelo-ruta>p{font-size:9px;}.duelo-busca{grid-template-columns:minmax(0,1fr) auto;}
  .duelo-recibidos-card,.duelo-historial-card,.duelo-clasificacion-card{padding:14px;border-radius:18px;}.duelo-lista-head,.duelo-clasificacion-head{align-items:start;}.duelo-lista-ayuda{display:none;}
  .duelo-fila,.duelo-fila-historial{grid-template-columns:minmax(0,1fr) auto;}.duelo-fila-meta{grid-column:1;}.duelo-fila-acciones{grid-column:1/-1;justify-content:flex-start;}.duelo-fila-acciones .b{flex:1 1 auto;}
  .duelo-ranking-cab{display:none;}.duelo-ranking-fila{grid-template-columns:34px minmax(0,1fr) auto;gap:7px;padding:8px;}.duelo-ranking-ved,.duelo-ranking-precision{display:none;}.duelo-ranking-puntos::after{content:" pts";font-size:7px;color:var(--suave);font-weight:600;}.duelo-ranking-puntos{font-size:14px;}.duelo-ranking-ident .duelo-avatar{width:30px;height:30px;}
  .duelo-versus{gap:7px;padding:9px;}.duelo-persona .duelo-avatar{width:31px;height:31px;}.duelo-persona b{font-size:10px;}.duelo-persona small{font-size:8px;}
  .duelo-marcador{gap:7px;}.duelo-marcador>div{padding:11px 8px;}.duelo-marcador span{font-size:31px;}.duelo-marcador>em{min-width:56px;padding:6px;font-size:6.8px;}.duelo-espera,.duelo-resultado{margin-top:12px;padding:25px 12px;}.duelo-espera>strong,.duelo-resultado>strong{font-size:27px;}
}
@media(max-width:380px){
  #duelo-modal .duelo-box{width:calc(100vw - 12px)!important;max-height:calc(100svh - 12px)!important;padding-left:12px!important;padding-right:12px!important;}
  .duelo-nav-btn{font-size:8.4px;}.duelo-stats{gap:5px;}.duelo-stats>div{border-radius:14px;}
}
@media(prefers-reduced-motion:reduce){.duelo-panel,.duelo-pregunta-card{animation:none!important;}.duelo-nav-btn,.duelo-fila,.duelo-pregunta-card .juego-opcion{transition:none!important;}}

/* =========================================================
   TOMO v1235.1 · blindaje de cabecera móvil
   Los controles del lector nunca pueden contaminar vistas normales.
   ========================================================= */
#t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) #r-volver,#t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) #r-indice,#t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) #r-ver,#t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) #r-aa,#t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .reader-head-meta{
  display:none!important;
}

@media(max-width:767px){
  /* Geometría determinista: logo a la izquierda y acciones en una sola línea. */
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .top{
    grid-template-columns:84px minmax(0,1fr) auto!important;
    grid-template-areas:"home spacer actions"!important;
    column-gap:6px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
#t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .der{
    min-width:0!important;max-width:calc(100vw - 108px)!important;
    flex-wrap:nowrap!important;justify-content:flex-end!important;overflow:visible!important;
  }
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .der>*{
    flex:0 0 auto!important;
  }

}

@media(max-width:374px){
  /* iPhone angosto: la cuenta cede antes que el logo o los iconos principales. */
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .top .cuenta{
    max-width:52px!important;padding-left:5px!important;padding-right:6px!important;
  }
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .top{
    padding-left:10px!important;padding-right:10px!important;
  }
}

/* ========================================================================== */
/* TOMO v1235.3 · HOTFIX URGENTE · Duelo siempre conserva estética Desafíos  */
/* La superficie editorial de Duelo no hereda la paleta oscura del shell.    */
/* ========================================================================== */
#duelo-modal{
  --marca:#839295;
  --marca2:#a3b297;
  --tinta:#1d1d1b;
  --suave:#706f6f;
  --tm-brand:#839295;
  --tm-sage:#a3b297;
  --tm-warm:#ccc3ba;
  --tm-paper:#f8fafd;
  --tm-ink:#1d1d1b;
  --tm-bg:#f2f4f5;
  --tm-surface:#ffffff;
  --tm-muted:#70777a;
  --tm-line:rgba(29,29,27,.12);
  --tm-soft:rgba(131,146,149,.11);
  --tm-soft2:rgba(163,178,151,.12);
  color-scheme:light!important;
  background:rgba(69,79,81,.25)!important;
  backdrop-filter:blur(17px)!important;
  -webkit-backdrop-filter:blur(17px)!important;
}
#duelo-modal .duelo-box,#t[data-tema="noche"] #duelo-modal .duelo-box,html[data-tomo-tema="noche"] #duelo-modal .duelo-box{
  color:#1d1d1b!important;
  border-color:rgba(131,146,149,.25)!important;
  background:
    radial-gradient(56% 42% at 5% 5%,rgba(163,178,151,.16),transparent 72%),
    radial-gradient(44% 36% at 96% 94%,rgba(204,195,186,.18),transparent 76%),
    linear-gradient(155deg,#ffffff 0%,#fbfcfc 58%,#f7f9f8 100%)!important;
  box-shadow:0 30px 85px rgba(29,29,27,.18)!important;
}
#duelo-modal .duelo-box :is(h1,h2,h3,h4,strong,b,.duelo-ranking-puntos,.duelo-marcador span){color:#1d1d1b!important;}
#duelo-modal .duelo-box :is(p,small,.hint,.duelo-lista-ayuda,.duelo-ranking-ved,.duelo-ranking-precision){color:#706f6f!important;}
#duelo-modal .duelo-box .eyebrow{color:#839295!important;}
#duelo-modal .duelo-box .duelo-nav{
  border-color:rgba(29,29,27,.10)!important;
  background:rgba(131,146,149,.075)!important;
}
#duelo-modal .duelo-box .duelo-nav-btn{color:#706f6f!important;background:transparent!important;}
#duelo-modal .duelo-box .duelo-nav-btn.activo{color:#f8fafd!important;background:#839295!important;}
#duelo-modal .duelo-box :is(.duelo-stats>div,.duelo-intro-card,.duelo-ruta,.duelo-recibidos-card,.duelo-historial-card,.duelo-clasificacion-card,.duelo-fila,.duelo-fila-historial,.duelo-ranking-fila,.duelo-versus,.duelo-espera,.duelo-resultado,.duelo-marcador>div,.duelo-busca-fila){
  border-color:rgba(29,29,27,.10)!important;
  background:#ffffff!important;
}
#duelo-modal .duelo-box .duelo-intro-card{
  background:linear-gradient(150deg,rgba(163,178,151,.10),#fff 58%)!important;
}
#duelo-modal .duelo-box :is(.duelo-espera,.duelo-resultado){
  background:linear-gradient(155deg,rgba(163,178,151,.10),#fff 52%,rgba(204,195,186,.08))!important;
}
#duelo-modal .duelo-box :is(input,select,textarea){
  background:#fff!important;color:#1d1d1b!important;border-color:rgba(29,29,27,.14)!important;
}
#duelo-modal .duelo-box :is(.b,.mlink){color:#1d1d1b!important;}
#duelo-modal .duelo-box .bf{background:#839295!important;border-color:#839295!important;color:#fff!important;}


/* ========================================================================== */
/* TOMO v1235.4 · cierre responsive y regresión visual                         */
/* Perfil público: los contadores deben leer número arriba / etiqueta abajo.  */
/* En móviles muy angostos las acciones se reordenan en dos hileras, sin clip. */
/* ========================================================================== */


@media (max-width:374px){
  /* Una sola hilera recortaba Propina/Seguir en 320–360 px. En este tramo
     usamos una cuadrícula táctil estable. Elementos .off no ocupan celda. */
  
  
  
  
  
  
  
}

/* Los botones de acción y cierre en modales de Desafíos deben conservar una
   zona táctil consistente sin alterar la geometría de la cabecera móvil. */
@media (max-width:767px){
  :is(#trivia-modal,#duelo-modal,#desafio-modal) .x{
    min-width:38px!important;
    min-height:38px!important;
  }
  #duelo-modal .duelo-box :is(.b,.duelo-nav-btn){min-height:38px!important;}
}

/* Mesa Editorial · en móvil las cinco pestañas caben dentro del editor.
   La regla anterior max-content (104 px por pestaña) obligaba a desplazar
   horizontalmente y hacía que el menú excediera la caja en 320–390 px. */
@media (max-width:520px){
  #ed .ed-tabs{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    justify-content:stretch!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    gap:4px!important;
    padding:4px!important;
  }
  #ed .ed-tabs[data-forma="pdf"]{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  #ed .ed-tab{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    padding:0 2px!important;
    font-size:8px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}


/* ========================================================================== */
/* TOMO v1235.5 · cierre de interacción y consistencia                         */
/* ========================================================================== */

/* La distinción seriada siempre debe mostrar el texto del CTA. Algunas reglas
   nocturnas heredadas podían dejar el span con el mismo tono que el botón. */
#ins-lb-serie-compartir{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:36px!important;padding:0 15px!important;background:#839295!important;
  border-color:#839295!important;color:#fff!important;opacity:1!important;
}
#ins-lb-serie-compartir>span{
  display:inline!important;visibility:visible!important;opacity:1!important;
  color:#fff!important;font:650 9.5px/1 var(--tm-ui,var(--ui))!important;
  white-space:nowrap!important;
}
#ins-lb-serie-compartir:disabled{opacity:.58!important;}

/* Las tarjetas de Desafíos reservan una franja propia para el estado/entrada.
   Así el CTA nunca queda pegado a la última línea de descripción. */





/* Buscar rival: estado persistente y cancelable en la propia ruta. */
.duelo-cola-estado{margin-top:9px;padding:9px 10px;border:1px solid rgba(131,146,149,.24);border-radius:12px;background:rgba(163,178,151,.10);display:flex;align-items:center;justify-content:space-between;gap:8px;}
.duelo-cola-estado.off{display:none!important;}
.duelo-cola-estado>div{min-width:0;}.duelo-cola-estado strong{display:block!important;font:650 9.5px/1.15 var(--tm-ui,var(--ui))!important;color:#1d1d1b!important;}.duelo-cola-estado small{display:block;margin-top:3px;font:500 8px/1.35 var(--tm-ui,var(--ui));color:#706f6f;}
.duelo-cola-estado .b{flex:0 0 auto!important;min-height:30px!important;padding:0 9px!important;font-size:8px!important;}
@media(max-width:520px){.duelo-cola-estado{align-items:stretch;flex-direction:column;}.duelo-cola-estado .b{width:100%!important;}}

/* ========================================================================== */
/* TOMO v1236 · Duelo: temporada por victorias, ranking accionable y cronómetro */
/* ========================================================================== */
#duelo-temporada-nombre{font:inherit;color:inherit;}
.duelo-ranking-cab,.duelo-ranking-fila{
  grid-template-columns:42px minmax(150px,1fr) 68px 72px 82px 96px!important;
  gap:8px!important;
}
.duelo-ranking-cab span:nth-child(n/**/+3){text-align:right;}
.duelo-ranking-fila{
  position:relative;overflow:hidden;
  animation:duelo-rank-enter .28s cubic-bezier(.2,.7,.2,1) both;
  animation-delay:var(--duelo-rank-delay,0ms);
  transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
.duelo-ranking-fila:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(29,29,27,.045);}
@keyframes duelo-rank-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.duelo-ranking-pos[data-podio="1"],.duelo-ranking-pos[data-podio="2"],.duelo-ranking-pos[data-podio="3"]{
  width:30px;height:30px;display:grid;place-items:center;border-radius:50%;
  background:rgba(131,146,149,.11);border:1px solid rgba(131,146,149,.25);
}
.duelo-ranking-pos[data-podio="1"]{background:rgba(163,178,151,.20);border-color:rgba(131,146,149,.38);box-shadow:0 5px 14px rgba(131,146,149,.12);}
.duelo-ranking-victorias{font:750 17px/1 var(--tm-ui,var(--ui));color:#1d1d1b;text-align:right;}
.duelo-ranking-accion{display:flex;justify-content:flex-end;min-width:0;}
.duelo-retar-ranking{min-height:31px!important;padding:0 11px!important;border-radius:999px!important;font-size:8.5px!important;white-space:nowrap!important;}
.duelo-retar-ranking:disabled{background:#eef1ed!important;border-color:rgba(131,146,149,.18)!important;color:#706f6f!important;opacity:1!important;cursor:default!important;}
.duelo-ranking-tu{display:inline-grid;place-items:center;min-height:28px;padding:0 9px;border-radius:999px;background:rgba(131,146,149,.10);font:700 8px/1 var(--tm-ui,var(--ui));letter-spacing:.08em;text-transform:uppercase;color:#839295;}
.duelo-ranking-cercanos{display:grid;gap:8px;margin-top:13px;}
.duelo-ranking-cercanos:empty{display:none;}
.duelo-cercanos-head{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:3px 2px 0;}
.duelo-cercanos-head .eyebrow{margin:0!important;font-size:7.5px!important;}
.duelo-cercanos-head strong{font:600 10px/1.25 var(--tm-reading,var(--lee));color:#1d1d1b;text-align:right;}
.duelo-cercanos-lista{display:grid;gap:5px;}
.duelo-ranking-fila.compacta{min-height:48px;background:rgba(163,178,151,.055);}

.duelo-crono{display:grid;grid-template-columns:auto minmax(90px,1fr);align-items:center;gap:9px;max-width:250px;margin:9px 0 13px auto;padding:7px 9px;border:1px solid rgba(131,146,149,.18);border-radius:999px;background:rgba(248,250,253,.86);}
.duelo-crono>span{min-width:30px;font:750 8.5px/1 var(--tm-ui,var(--ui));letter-spacing:.04em;color:#706f6f;text-align:right;}
.duelo-crono>div{height:4px;border-radius:999px;background:rgba(131,146,149,.12);overflow:hidden;}
.duelo-crono>div>i{display:block;width:100%;height:100%;border-radius:inherit;background:#839295;transition:width .12s linear,background .16s ease;}
.duelo-crono.urgente>span{color:#1d1d1b;}.duelo-crono.urgente>div>i{background:#706f6f;}.duelo-crono.urgente{animation:duelo-crono-pulse .8s ease-in-out infinite alternate;}
.duelo-crono.agotado>div>i{width:0!important;}
@keyframes duelo-crono-pulse{from{transform:scale(1)}to{transform:scale(1.012)}}
.duelo-rivalidad{display:inline-block!important;margin:12px auto 0!important;padding:8px 11px!important;border:1px solid rgba(131,146,149,.18);border-radius:999px;background:rgba(163,178,151,.08);font:650 8.5px/1.25 var(--tm-ui,var(--ui))!important;color:#706f6f!important;}
.duelo-rivalidad.off{display:none!important;}
.duelo-resultado .acc{display:flex;flex-wrap:wrap;gap:7px!important;}
.duelo-resultado .acc .b{min-height:36px!important;border-radius:999px!important;}
.noti-duelo-jugar{color:#839295!important;font-weight:750!important;}

@media(max-width:760px){
  .duelo-ranking-cab{display:none!important;}
  .duelo-ranking-fila{grid-template-columns:34px minmax(0,1fr) 46px 88px!important;gap:7px!important;padding:8px!important;}
  .duelo-ranking-ved,.duelo-ranking-precision{display:none!important;}
  .duelo-ranking-victorias{font-size:15px!important;text-align:right;}
  .duelo-ranking-victorias::after{content:" V";font-size:7px;font-weight:700;color:#706f6f;}
  .duelo-ranking-accion{min-width:0;}
  .duelo-retar-ranking{width:88px!important;max-width:88px!important;padding:0 7px!important;font-size:7.8px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .duelo-ranking-tu{min-width:52px;}
  .duelo-cercanos-head{display:block;}.duelo-cercanos-head strong{display:block;margin-top:3px;text-align:left;font-size:9px;}
  .duelo-crono{max-width:210px;margin-top:7px;margin-bottom:10px;}
}
@media(max-width:390px){
  .duelo-ranking-fila{grid-template-columns:30px minmax(0,1fr) 40px 78px!important;gap:5px!important;}
  .duelo-ranking-pos[data-podio]{width:27px;height:27px;}
  .duelo-retar-ranking{width:78px!important;max-width:78px!important;font-size:7.2px!important;}
  .duelo-ranking-ident .duelo-avatar{width:29px!important;height:29px!important;}
  .duelo-crono{grid-template-columns:28px minmax(80px,1fr);max-width:185px;padding:6px 8px;}
  .duelo-resultado .acc .b{flex:1 1 calc(50% - 4px);min-width:0!important;padding-left:8px!important;padding-right:8px!important;}
}
@media(prefers-reduced-motion:reduce){
  .duelo-ranking-fila{animation:none!important;transition:none!important;}
  .duelo-crono.urgente{animation:none!important;}
  .duelo-crono>div>i{transition:none!important;}
}



/* v1236 · ranking ultraestrecho: preserva nombre + CTA en 320–349 px. */
@media(max-width:349px){
  .duelo-ranking-fila{grid-template-columns:27px minmax(0,1fr) 34px 66px!important;gap:4px!important;padding:7px 6px!important;}
  .duelo-ranking-ident{gap:0!important;}
  .duelo-ranking-ident .duelo-avatar{display:none!important;}
  .duelo-ranking-ident b{font-size:9.5px!important;}
  .duelo-ranking-ident small{font-size:7.4px!important;}
  .duelo-ranking-victorias{font-size:14px!important;}
  .duelo-retar-ranking{width:66px!important;max-width:66px!important;padding:0 5px!important;font-size:7px!important;}
  .duelo-ranking-pos[data-podio]{width:25px;height:25px;}
}
/* Duelo comparte el lenguaje editorial de Trivia, pero conserva una columna
   rápida de respuestas. La superficie permanece clara incluso en modo noche. */
#duelo-modal .duelo-pregunta-card{
  background:#fff!important;color:#1d1d1b!important;
  border-color:rgba(131,146,149,.25)!important;
}
#duelo-modal .trivia-fuente{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;gap:10px!important;margin:0 0 13px!important;
  padding:0 0 11px!important;border:0!important;border-bottom:1px solid rgba(131,146,149,.14)!important;
  background:transparent!important;font-family:var(--tm-ui,var(--ui))!important;
}
#duelo-modal .trivia-fuente-texto{min-width:0!important;display:grid!important;gap:3px!important;}
#duelo-modal .trivia-fuente-eyebrow{
  display:block!important;font:800 8px/1.2 var(--tm-ui,var(--ui))!important;
  letter-spacing:.17em!important;text-transform:uppercase!important;color:#839295!important;
}
#duelo-modal .trivia-fuente-texto strong{
  display:block!important;min-width:0!important;font:720 11.5px/1.28 var(--tm-ui,var(--ui))!important;
  color:#1d1d1b!important;white-space:normal!important;overflow-wrap:anywhere!important;
}
#duelo-modal .trivia-fuente-texto small{
  display:block!important;font:520 8.8px/1.3 var(--tm-ui,var(--ui))!important;color:#706f6f!important;
}
#duelo-modal .trivia-dificultad{
  flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:24px!important;padding:4px 8px!important;border:1px solid rgba(204,195,186,.9)!important;
  border-radius:999px!important;background:#f8fafd!important;color:#706f6f!important;
  font:750 7.5px/1 var(--tm-ui,var(--ui))!important;letter-spacing:.05em!important;text-transform:uppercase!important;
}
#duelo-modal .juego-opcion,html[data-tomo-tema="noche"] #duelo-modal .juego-opcion{
  background:#f8fafd!important;color:#1d1d1b!important;border-color:rgba(204,195,186,.88)!important;
}
#duelo-modal .juego-opcion .juego-opcion-letra,html[data-tomo-tema="noche"] #duelo-modal .juego-opcion .juego-opcion-letra{
  background:#fff!important;color:#706f6f!important;border-color:#ccc3ba!important;
}
#duelo-modal .juego-opcion.seleccionada,html[data-tomo-tema="noche"] #duelo-modal .juego-opcion.seleccionada{
  background:color-mix(in srgb,#839295 12%,#f8fafd)!important;color:#1d1d1b!important;border-color:#839295!important;
}
#duelo-modal .juego-opcion.seleccionada .juego-opcion-letra,html[data-tomo-tema="noche"] #duelo-modal .juego-opcion.seleccionada .juego-opcion-letra{
  background:#839295!important;color:#fff!important;border-color:#839295!important;
}
@media(max-width:520px){
  #duelo-modal .trivia-fuente{gap:7px!important;margin-bottom:10px!important;padding-bottom:9px!important;}
  #duelo-modal .trivia-fuente-eyebrow{font-size:7.2px!important;}
  #duelo-modal .trivia-fuente-texto strong{font-size:10.3px!important;}
  #duelo-modal .trivia-fuente-texto small{font-size:7.8px!important;}
  #duelo-modal .trivia-dificultad{min-height:22px!important;padding:3px 6px!important;font-size:6.8px!important;}
}

/* =========================================================
   TOMO v1237 · estabilización responsive + Google
   Contrato canónico: móvil <=767 · tablet 768–1279 · escritorio >=1280.
   Estas reglas finales sólo neutralizan solapamientos heredados.
   ========================================================= */
.reg-google-wrap{display:grid;gap:10px;margin:2px 0 2px;justify-items:center;}
.reg-google-btn{width:min(100%,320px);min-height:44px;display:grid;place-items:center;}
.reg-separador{display:flex;align-items:center;gap:10px;width:100%;color:var(--suave);font:500 10px/1.2 var(--ui);letter-spacing:.04em;}
.reg-separador::before,.reg-separador::after{content:"";height:1px;flex:1;background:var(--filo);}
.reg-separador span{white-space:nowrap;}
.reg-google-completa{display:grid;gap:12px;}
.reg-google-identidad{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--filo);border-radius:12px;background:var(--vidrio);font:500 11px/1.3 var(--ui);color:var(--suave);}
.reg-google-identidad b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tinta);}

/* Una vista no lectora nunca pierde TODAS sus rutas de navegación en horizontal. */
@media (orientation:landscape) and (max-height:520px) and (max-width:767px){
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .tomo-mobilebar{display:grid!important;height:48px!important;padding:2px 4px max(2px,env(safe-area-inset-bottom))!important;}
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .tomo-mobilebar button{height:43px!important;grid-template-rows:20px 10px!important;padding:2px 0!important;}
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .mobilebar-ico{height:20px!important;}
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .mobilebar-ico svg{width:17px!important;height:17px!important;}
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .pag{padding-bottom:56px!important;}
}

/* Móvil: mismos controles y funciones, composición táctil estable. */
@media (max-width:767px){
  .reg-google-wrap{margin-top:0;}
  .reg-google-btn{width:min(100%,320px);}
  .reg-google-identidad{align-items:flex-start;flex-direction:column;gap:4px;}
  .reg-google-identidad b{max-width:100%;}
}


/* =========================================================
   TOMO v1237.1 · lector PDF estable en escritorio/tablet/móvil
   ========================================================= */
#t[data-vista="lector"] .esc{
  min-width:0;min-height:0;overflow:auto!important;overscroll-behavior:contain;
}
#t[data-vista="lector"] .pli{max-width:100%;max-height:100%;align-self:center;justify-self:center;}
#t[data-vista="lector"] .esc[data-zoom="si"] .pli{max-width:none;max-height:none;align-self:start;justify-self:start;}
.pdf-error{
  width:min(430px,calc(100vw - 56px));padding:24px 22px;border:1px solid var(--filo);border-radius:18px;
  background:rgba(248,250,253,.96);box-shadow:var(--lustre),0 16px 42px rgba(30,35,44,.12);
  display:grid;justify-items:center;gap:9px;text-align:center;color:var(--tinta);font-family:var(--ui)
;}
.pdf-error strong{font:650 17px/1.2 var(--lee);color:var(--tinta);}
.pdf-error span{font:500 11px/1.5 var(--ui);color:var(--suave);}
.pdf-error .b{margin-top:3px;min-width:116px;}
@media(max-width:767px){
  #t[data-vista="lector"] .esc{padding:12px!important;}
  .pdf-error{width:min(100%,360px);padding:20px 16px;border-radius:15px;}
}

/* =========================================================
   TOMO v1238 · lector PDF v2
   Modelo: documento íntegro + scroll continuo virtualizado,
   con modo Página/Pliego como alternativa.
   ========================================================= */
#t[data-vista="lector"] .esc[data-pdf-mode="continuo"]{
  display:block!important;overflow-y:auto!important;overflow-x:hidden!important;place-items:initial!important;
  overscroll-behavior:none!important;touch-action:pan-y!important;scrollbar-gutter:stable both-edges;
  padding:18px!important;background:#eef1f2;
}
#t[data-vista="lector"] .esc[data-pdf-mode="continuo"][data-zoom="si"]{overflow-x:auto!important;touch-action:pan-x pan-y!important;}
#t[data-vista="lector"] .esc[data-pdf-mode="continuo"] .pli{display:none!important;}
#t[data-vista="lector"] .esc[data-pdf-mode="continuo"] .z{display:none!important;}
.pdf-continuo{width:100%;min-width:100%;display:flex;flex-direction:column;align-items:center;gap:18px;padding:0 0 22px;box-sizing:border-box;overflow-anchor:none;}
#t[data-vista="lector"] .esc[data-pdf-mode="continuo"][data-zoom="si"] .pdf-continuo{width:max-content;min-width:100%;align-items:center;}
.pdf-page-slot{
  position:relative;flex:none;width:min(900px,100%);min-height:min(1120px,calc(100svh - 132px));
  aspect-ratio:var(--pdf-ratio,.7071);display:grid;place-items:center;overflow:hidden;
  background:#fff;border:1px solid rgba(112,111,111,.14);border-radius:3px;
  box-shadow:0 18px 44px rgba(29,29,27,.14);transition:opacity .22s ease,transform .22s ease;
  content-visibility:auto;contain-intrinsic-size:800px 1131px;overflow-anchor:none;
}
.pdf-page-slot[data-estado="espera"]{background:linear-gradient(135deg,#fff,#f5f7f7);}
.pdf-page-slot[data-estado="cargando"]::after{content:"Cargando página";font:600 9px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--suave);}
.pdf-page-slot canvas{display:block;background:#fff;max-width:none;height:auto;box-shadow:none;filter:none;}
.pdf-page-num{position:absolute;top:10px;right:12px;z-index:1;font:650 9px/1 var(--ui);letter-spacing:.08em;color:rgba(112,111,111,.5);pointer-events:none;}
.pdf-page-slot[data-estado="listo"] .pdf-page-num{opacity:.36;}

#t[data-tema="noche"] .esc[data-libro="si"][data-pdf-mode="continuo"]{background:#1d1d1b!important;}
#t[data-tema="noche"] .esc[data-libro="si"] .pdf-page-slot{background:#151515;border-color:rgba(255,255,255,.08);}
#t[data-vista="lector"] .esc[data-pdf-mode="pagina"]{display:grid!important;place-items:center!important;overflow:auto!important;}
#t[data-vista="lector"] .esc[data-pdf-mode="pagina"] .pdf-continuo{display:none!important;}
#t[data-vista="lector"] .esc[data-pdf-mode="pagina"][data-zoom="no"]{touch-action:none!important;}
#t[data-vista="lector"] .esc[data-pdf-mode="pagina"][data-zoom="si"]{touch-action:none!important;}

@media(max-width:767px){
  #t[data-vista="lector"] .esc[data-pdf-mode="continuo"]{padding:10px 8px 14px!important;scrollbar-gutter:auto;}
  .pdf-continuo{gap:10px;padding-bottom:14px;}
  .pdf-page-slot{width:100%;min-height:0;border-radius:2px;box-shadow:0 10px 26px rgba(29,29,27,.12);}
  .pdf-page-num{top:7px;right:8px;font-size:8px;}
}
@media(min-width:768px) and (max-width:1279px){
  #t[data-vista="lector"] .esc[data-pdf-mode="continuo"]{padding:14px!important;}
  .pdf-page-slot{width:min(880px,100%);}
}
@media(prefers-reduced-motion:reduce){
  #t[data-vista="lector"] .esc[data-pdf-mode="continuo"]{scroll-behavior:auto;}
  .pdf-page-slot{transition:none;}
}

/* ========================================================================== */
/* TOMO v1238.4 · TOMO Detective                                               */
/* Archivo editorial + investigación. El motor comparte funciones en todos     */
/* los dispositivos; sólo cambia la geometría.                                 */
/* ========================================================================== */






#detective-modal{padding:16px!important;align-items:center!important;justify-content:center!important;background:rgba(22,24,21,.55)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;}
#detective-modal .detective-shell{
  --d-paper2:#ede8dc;--d-paper3:#e4decf;--d-sage:#6f7c65;--d-sage2:#a4ae94;--d-dark:#171915;--d-red:#9e493e;--d-gold:#9e8951;
  position:relative;width:min(1390px,calc(100vw - 32px));height:min(900px,calc(100svh - 32px));max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(220,215,201,.34)!important;border-radius:25px!important;color:var(--d-ink)!important;color-scheme:light!important;
  background:
    radial-gradient(900px 360px at 8% -4%,rgba(255,255,255,.72),transparent 72%),
    linear-gradient(145deg,#f8f5ed 0%,#f1ede4 55%,#e8e3d8 100%)!important;
  box-shadow:0 42px 120px rgba(10,12,10,.36)!important;font-family:var(--tm-ui,var(--ui));
}
#detective-modal .detective-shell::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;mix-blend-mode:multiply;background-image:radial-gradient(rgba(54,49,40,.13) .55px,transparent .65px);background-size:4px 4px;}
#detective-modal .detective-close{position:absolute!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border:1px solid rgba(255,255,255,.15)!important;background:rgba(21,23,20,.72)!important;color:#f7f4eb!important;box-shadow:0 8px 20px rgba(0,0,0,.16)!important;}
.detective-head{position:relative;z-index:3;display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:24px;min-height:120px;padding:22px 72px 20px 25px;border-bottom:1px solid var(--d-line);background:linear-gradient(90deg,rgba(246,242,233,.96) 0%,rgba(246,242,233,.96) 55%,rgba(28,30,26,.94) 100%);}
.detective-brand{display:flex;align-items:baseline;gap:7px;}.detective-brand img{width:80px;max-height:30px;object-fit:contain;filter:brightness(.12);}.detective-brand span{font:italic 500 19px/1 var(--tm-reading,var(--lee));color:var(--d-ink);}
.detective-case-head{min-width:0;}.detective-exp-code{display:block;margin-bottom:7px;font:750 7px/1 var(--tm-ui);letter-spacing:.25em;text-transform:uppercase;color:var(--d-sage);}.detective-case-head h2{margin:0;font:600 clamp(27px,3vw,44px)/.98 var(--tm-reading,var(--lee));letter-spacing:-.036em;color:var(--d-ink)!important;}.detective-case-head p{margin:7px 0 0;max-width:74ch;font:italic 450 12px/1.4 var(--tm-reading,var(--lee));color:var(--d-muted)!important;}
.detective-head-tools{display:flex;align-items:center;gap:13px;color:#f7f4eb;}.detective-head-tools .juego-sonido{position:static!important;width:36px!important;height:36px!important;background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.14)!important;color:#f7f4eb!important;}.detective-head-tools .juego-sonido svg{stroke:currentColor;fill:none;}
.detective-progress-ring{--pct:0;position:relative;width:78px;height:58px;place-content:center;text-align:center;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:linear-gradient(90deg,rgba(164,174,148,.82) calc(var(--pct)*1%),rgba(255,255,255,.10) 0);}.detective-progress-ring strong{display:block;font:650 15px/1 var(--tm-reading,var(--lee));color:#fff!important;}.detective-progress-ring span{display:block;margin-top:4px;font:650 6px/1 var(--tm-ui);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.72);}
.detective-nav{position:relative;z-index:4;display:flex;gap:1px;padding:0 24px;border-bottom:1px solid var(--d-line);background:rgba(246,242,233,.90);overflow-x:auto;}.detective-nav button{flex:0 0 auto;position:relative;min-height:47px;padding:0 15px;border:0;background:transparent;color:var(--d-muted);font:650 9px/1 var(--tm-ui);letter-spacing:.01em;}.detective-nav button span{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:5px;padding:0 4px;border-radius:99px;background:rgba(111,124,101,.10);font-size:7px;}.detective-nav button.activo{color:var(--d-ink);}.detective-nav button.activo::after{content:"";position:absolute;left:13px;right:13px;bottom:0;height:2px;background:var(--d-sage);}
.detective-body{position:relative;z-index:2;grid-template-columns:minmax(0,1fr) 250px;}.detective-main{min-width:0;min-height:0;scrollbar-color:rgba(111,124,101,.35) transparent;}.detective-side{min-width:0;min-height:0;overflow:auto;padding:18px;border-left:1px solid var(--d-line);background:rgba(225,220,207,.42);}
.detective-panel{animation:detectiveIn .24s ease;}.detective-panel[hidden]{display:none!important;}@keyframes detectiveIn{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}
.detective-panel-title{display:flex;justify-content:space-between;gap:24px;}.detective-panel-title .eyebrow,.detective-side .eyebrow{margin:0 0 5px;color:var(--d-sage);font-size:6.5px;letter-spacing:.2em;text-transform:uppercase;}.detective-panel-title h3{margin:0;font:600 25px/1.05 var(--tm-reading,var(--lee));letter-spacing:-.025em;color:var(--d-ink)!important;}.detective-panel-title p:not(.eyebrow){margin:5px 0 0;font:450 10px/1.45 var(--tm-ui);color:var(--d-muted)!important;}.detective-quiet{max-width:320px;font:italic 450 9px/1.45 var(--tm-reading,var(--lee));text-align:right;color:var(--d-muted);}
.detective-scene-wrap{display:grid;align-items:stretch;}.detective-scene{position:relative;min-height:460px;border:1px solid var(--d-line);overflow:hidden;}.detective-scene.has-image{min-height:0;}.detective-scene-stage{position:relative;width:100%;}.detective-scene-stage.has-image{height:auto;}.detective-scene-stage>img{position:relative;display:block;height:auto;}.detective-scene-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 43%,transparent 25%,rgba(9,10,8,.24) 100%);}.detective-scene-placeholder{position:absolute;inset:0;display:grid;place-items:center;font:italic 500 32px var(--tm-reading);color:#efe8da;background:radial-gradient(circle at 45% 35%,#34372f,#171915 70%);}
.detective-hotspot{position:absolute;z-index:3;transform:translate(-50%,-50%);padding:0;border:0;background:transparent;}.detective-hotspot>span{position:absolute;border-radius:50%;animation:detectivePulse 2.2s ease-in-out infinite;}.detective-hotspot>em{position:absolute;font-style:normal;}@keyframes detectivePulse{50%{box-shadow:0 0 0 10px rgba(246,242,233,0),0 5px 18px rgba(0,0,0,.28)}}
.detective-discoveries,.detective-evidence-detail,.detective-interrogate-card,.detective-board,.detective-side-card,.detective-ranking-card{border:1px solid var(--d-line);border-radius:13px;background:rgba(250,248,242,.72);box-shadow:0 8px 20px rgba(43,38,30,.04);}.detective-discoveries{overflow:auto;}.detective-aside-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid var(--d-line);}.detective-aside-head strong{font:650 11px/1.2 var(--tm-reading);color:var(--d-ink)!important;}.detective-aside-head span{font:600 7px/1 var(--tm-ui);color:var(--d-muted);}.detective-evidence-mini{display:grid;gap:7px;}.detective-mini-evidence{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;width:100%;padding:6px;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;color:var(--d-ink);transition:.16s ease;}.detective-mini-evidence:hover{background:#fff;border-color:var(--d-line);}.detective-mini-evidence img{border-radius:6px;filter:saturate(.72);}.detective-mini-evidence>span{font:600 8.5px/1.3 var(--tm-ui);}
.detective-scene-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--d-line);}.detective-scene-foot p{margin:0;max-width:82ch;font:450 8.5px/1.45 var(--tm-ui);color:var(--d-muted)!important;}.detective-hint-btn{flex:0 0 auto;padding:0 13px;border:1px solid rgba(111,124,101,.28);border-radius:9px;background:rgba(111,124,101,.08);color:var(--d-ink);font:650 8px var(--tm-ui);}
.detective-evidence-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px;}.detective-evidence-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-content:start;}.detective-evidence-card{display:grid;grid-template-rows:120px auto;min-width:0;padding:0;border:1px solid var(--d-line);border-radius:11px;overflow:hidden;background:rgba(252,250,245,.72);text-align:left;color:var(--d-ink);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;}.detective-evidence-card:hover,.detective-evidence-card.activo{transform:translateY(-1px);border-color:rgba(111,124,101,.52);box-shadow:0 10px 22px rgba(45,40,31,.08);}.detective-evidence-card>img{width:100%;height:120px;object-fit:cover;}.detective-evidence-glyph{display:grid;place-items:center;height:120px;background:linear-gradient(145deg,#d9d2c3,#eee8dc);font:600 42px var(--tm-reading);color:rgba(49,44,35,.28);}.detective-evidence-copy{display:grid;gap:4px;padding:9px;}.detective-evidence-copy small{font:700 6px/1 var(--tm-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--d-sage);}.detective-evidence-copy strong{font:600 13px/1.05 var(--tm-reading);color:var(--d-ink)!important;}.detective-evidence-copy em{font:450 8px/1.35 var(--tm-ui);font-style:normal;color:var(--d-muted);}.detective-evidence-detail{position:sticky;top:0;align-self:start;padding:13px;}.detective-evidence-hero{width:100%;height:230px;border-radius:9px;margin-bottom:13px;box-shadow:0 10px 20px rgba(34,31,25,.10);}.detective-evidence-detail h4{margin:5px 0 8px;font:600 22px/1.04 var(--tm-reading);color:var(--d-ink)!important;}.detective-evidence-detail>p{font:450 10px/1.6 var(--tm-reading);color:var(--d-muted)!important;}.detective-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px;}.detective-tags span{padding:5px 8px;border:1px solid var(--d-line);border-radius:99px;background:rgba(111,124,101,.07);font:600 6.5px var(--tm-ui);color:var(--d-muted);}
.detective-interrogate-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:13px;}.detective-characters{display:grid;gap:7px;align-content:start;}.detective-person-chip{display:grid;gap:9px;align-items:center;border:1px solid var(--d-line);border-radius:10px;background:rgba(252,250,245,.64);text-align:left;color:var(--d-ink);}.detective-person-chip>span:first-child{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--d-dark);color:#f4f0e6;font:600 8px var(--tm-ui);letter-spacing:.05em;}.detective-person-chip>span:last-child{display:grid;gap:2px;}.detective-person-chip strong{font:600 10px var(--tm-reading);color:var(--d-ink)!important;}.detective-person-chip small{font:500 7px var(--tm-ui);color:var(--d-muted);}.detective-person-chip.activo{border-color:rgba(111,124,101,.50);}.detective-interrogate-card{padding:15px;min-height:430px;}.detective-person-selected{border-bottom:1px solid var(--d-line);}.detective-person-selected h4{margin:0;font:600 24px var(--tm-reading);color:var(--d-ink)!important;}.detective-person-selected small{font-size:7px;color:var(--d-sage);}.detective-person-selected p{margin:8px 0;font:450 9px/1.45 var(--tm-ui);color:var(--d-muted)!important;}.detective-person-selected blockquote{margin:8px 0 0;padding:9px 12px;border-left:2px solid var(--d-sage);font:italic 500 11px/1.45 var(--tm-reading);color:var(--d-ink);}.detective-prompts{display:grid;gap:7px;margin-top:12px;}.detective-prompt{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 11px;border:1px solid var(--d-line);border-radius:9px;background:#fbf9f3;text-align:left;color:var(--d-ink);}.detective-prompt>span{font:500 9px/1.35 var(--tm-ui);}.detective-prompt small{flex:0 0 auto;font:650 6.5px/1 var(--tm-ui);color:var(--d-sage);}.detective-prompt.hecho{opacity:.56;}.detective-present{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin:10px 0;padding:10px;border:1px dashed rgba(111,124,101,.36);border-radius:9px;background:rgba(111,124,101,.06);}.detective-present label{display:grid;gap:4px;font:600 7px var(--tm-ui);color:var(--d-muted);}.detective-present select{width:100%;min-height:36px;}.detective-present-btn{min-height:36px!important;}.detective-transcript{display:grid;gap:8px;margin-top:13px;}.detective-transcript h5{margin:3px 0;font:650 12px var(--tm-reading);}.detective-transcript-row{padding:10px 11px;border-left:2px solid rgba(111,124,101,.35);background:rgba(255,255,255,.48);}.detective-transcript-row.contradiccion{border-left-color:var(--d-red);background:rgba(158,73,62,.055);}.detective-transcript-row b{display:block;margin-bottom:5px;font:600 8px/1.35 var(--tm-ui);color:var(--d-ink)!important;}.detective-transcript-row p{margin:0;font:italic 450 10px/1.45 var(--tm-reading);color:var(--d-muted)!important;}
.detective-board-maker{display:grid;grid-template-columns:1fr .65fr 1fr auto;gap:8px;align-items:end;padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:rgba(255,255,255,.055);}.detective-board-maker label{display:grid;gap:5px;font:650 6px var(--tm-ui);letter-spacing:.1em;text-transform:uppercase;color:rgba(246,242,233,.55);}.detective-board-maker select{width:100%;min-height:38px;border-color:rgba(255,255,255,.12)!important;background:rgba(246,242,233,.93)!important;color:#211f1a!important;}.detective-board-maker .bf{min-height:38px!important;background:var(--d-sage)!important;border-color:var(--d-sage)!important;}.detective-board-maker .err{grid-column:1/-1;color:#e6aaa1!important;margin:0;}.detective-empty-board{grid-column:1/-1;display:grid;place-items:center;text-align:center;}.detective-empty-board span{font:500 50px var(--tm-reading);}.detective-empty-board p{font:italic 450 10px/1.5 var(--tm-reading);}.detective-deduction-card{position:relative;display:grid;grid-template-columns:35px 1fr;gap:10px;align-items:start;border:1px solid rgba(255,255,255,.11);border-radius:10px;animation:detectivePin .3s ease;}.detective-deduction-card::after{content:"";position:absolute;top:9px;right:9px;width:6px;height:6px;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.3);}.detective-deduction-card>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(164,174,148,.30);border-radius:50%;font:650 7px var(--tm-ui);}.detective-deduction-card p{margin:2px 16px 0 0;font:500 10px/1.5 var(--tm-reading);}@keyframes detectivePin{from{opacity:0;transform:rotate(-1deg) scale(.98)}to{opacity:1;transform:none}}
.detective-timeline{display:grid;gap:7px;max-width:900px;}.detective-time-card{display:grid;grid-template-columns:65px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 11px;border:1px solid var(--d-line);border-radius:9px;background:rgba(252,250,245,.72);cursor:grab;}.detective-time-card.drag{opacity:.45;}.detective-time-card>strong{font:650 16px var(--tm-reading);color:var(--d-sage)!important;}.detective-time-card b{display:block;font:600 10px var(--tm-reading);color:var(--d-ink)!important;}.detective-time-card p{margin:3px 0 0;font:450 8px/1.4 var(--tm-ui);color:var(--d-muted)!important;}.detective-time-move{display:flex;gap:4px;}.detective-time-move button{display:grid;place-items:center;border:1px solid var(--d-line);border-radius:8px;background:#fff;color:var(--d-ink);}.detective-timeline-actions{display:flex;align-items:center;gap:12px;margin-top:13px;}.detective-timeline-actions .bf{background:var(--d-sage)!important;border-color:var(--d-sage)!important;}
.detective-archive-top{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:13px;}.detective-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}.detective-stats>div{display:grid;place-items:center;text-align:center;min-height:95px;padding:10px;border:1px solid var(--d-line);border-radius:11px;background:rgba(250,248,242,.7);}.detective-stats b{font:600 27px/1 var(--tm-reading);color:var(--d-ink)!important;}.detective-stats span{margin-top:5px;font:600 7px/1.3 var(--tm-ui);color:var(--d-muted);}.detective-ranking-card{padding:12px;}.detective-archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px;}.detective-archive-case{display:grid;grid-template-rows:132px auto;padding:0;border:1px solid var(--d-line);border-radius:11px;overflow:hidden;background:rgba(252,250,245,.70);text-align:left;color:var(--d-ink);}.detective-archive-case>img{width:100%;height:132px;object-fit:cover;filter:saturate(.68);}.detective-archive-case>span{display:grid;gap:4px;padding:9px;}.detective-archive-case small{font:700 6px var(--tm-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--d-sage);}.detective-archive-case strong{font:600 14px var(--tm-reading);color:var(--d-ink)!important;}.detective-archive-case em{font:500 7px var(--tm-ui);font-style:normal;color:var(--d-muted);}
.detective-side-card{margin-bottom:10px;padding:13px;}.detective-side-card>strong{display:block;font:600 18px var(--tm-reading);color:var(--d-ink)!important;}.detective-side-progress{height:4px;margin:11px 0 12px;border-radius:99px;background:rgba(49,44,35,.08);overflow:hidden;}.detective-side-progress i{display:block;width:0;height:100%;background:var(--d-sage);transition:width .3s ease;}.detective-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;}.detective-mini-stats span{text-align:center;font:600 5.8px/1.3 var(--tm-ui);text-transform:uppercase;letter-spacing:.07em;color:var(--d-muted);}.detective-mini-stats b{display:block;margin-bottom:3px;font:600 16px/1 var(--tm-reading);color:var(--d-ink)!important;}.detective-side textarea{width:100%;resize:vertical;min-height:135px;border:1px solid var(--d-line)!important;border-radius:9px!important;background:rgba(255,255,255,.58)!important;color:var(--d-ink)!important;font:italic 450 10px/1.5 var(--tm-reading)!important;}.detective-side-card>small{display:block;margin-top:6px;font:500 6.5px var(--tm-ui);color:var(--d-muted);}.detective-theory-card{background:linear-gradient(150deg,rgba(111,124,101,.12),rgba(250,248,242,.76));}.detective-theory-card p{font:450 8.5px/1.5 var(--tm-ui);color:var(--d-muted)!important;}.detective-theory-card .bf{width:100%;background:var(--d-sage)!important;border-color:var(--d-sage)!important;}.detective-theory-card .bf:disabled{opacity:.42;}
.detective-resolution{position:absolute;inset:0;overflow:auto;color:#f4f0e7;}.detective-resolution>.x{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important;}.detective-resolution .eyebrow{color:var(--d-sage2);}.detective-resolution h3{margin:6px 0 8px;font:600 clamp(32px,4vw,54px)/1 var(--tm-reading);letter-spacing:-.035em;color:#f4f0e7!important;}.detective-resolution-intro{max-width:70ch;font:450 11px/1.6 var(--tm-reading);color:rgba(244,240,231,.67)!important;}.detective-resolution-grid label{display:grid;gap:7px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.045);}.detective-resolution-grid label>span{font:650 7px var(--tm-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--d-sage2);}.detective-resolution-grid select{width:100%;min-height:42px;background:#f3efe6!important;color:#211f1a!important;}.detective-resolution-actions{display:flex;}.detective-resolution-actions .bf{background:var(--d-sage)!important;border-color:var(--d-sage)!important;}.detective-resolution-actions .hint{color:rgba(244,240,231,.66)!important;}.detective-solved{max-width:900px;margin:0 auto;}.detective-solved-seal{padding:30px;border:1px solid rgba(164,174,148,.35);border-radius:14px;background:radial-gradient(circle at 50% 20%,rgba(164,174,148,.14),transparent 65%);text-align:center;}.detective-solved-seal>span{font:750 8px var(--tm-ui);letter-spacing:.28em;color:var(--d-sage2);}.detective-solved-seal h3{font-size:46px!important;}.detective-solved-seal small{font:500 8px var(--tm-ui);color:rgba(244,240,231,.66);}.detective-solved-truth{margin-top:16px;padding:22px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:rgba(255,255,255,.035);}.detective-solved-truth h4{margin:0 0 11px;font:600 20px var(--tm-reading);color:#f4f0e7!important;}.detective-solved-truth p{font:450 11px/1.7 var(--tm-reading);color:rgba(244,240,231,.78)!important;}.detective-solved-truth blockquote{margin:18px 0 0;padding:14px 18px;border-left:2px solid var(--d-sage2);font:italic 500 13px/1.55 var(--tm-reading);color:#f4f0e7;}.detective-solved-actions{display:flex;gap:8px;margin-top:16px;}.detective-solved-actions .bf{background:var(--d-sage)!important;border-color:var(--d-sage)!important;}
.detective-toast{position:absolute;z-index:30;left:50%;bottom:20px;transform:translate(-50%,16px);max-width:min(620px,calc(100% - 32px));padding:10px 14px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(24,26,22,.93);box-shadow:0 14px 34px rgba(0,0,0,.24);color:#f5f1e8;font:550 9px/1.45 var(--tm-ui);opacity:0;pointer-events:none;transition:.2s ease;}.detective-toast[data-ver="si"]{opacity:1;transform:translate(-50%,0);}.detective-toast.descubrimiento{border-color:rgba(164,174,148,.55);}.detective-toast.deduccion{border-color:rgba(158,137,81,.60);}.detective-toast.error{border-color:rgba(158,73,62,.65);}.detective-toast.logro{background:rgba(73,78,64,.97);border-color:rgba(190,179,132,.55);}
.detective-loading{display:grid;place-items:center;min-height:200px;font:italic 500 12px var(--tm-reading);color:var(--d-muted);}

@media(max-width:1100px){
  #detective-modal{padding:10px!important;}.detective-head{grid-template-columns:120px minmax(0,1fr) auto;gap:14px;padding-left:18px;}.detective-brand img{width:68px;}.detective-body{grid-template-columns:minmax(0,1fr) 220px;}.detective-main{padding:18px;}.detective-side{padding:12px;}.detective-scene-wrap{grid-template-columns:minmax(0,1fr) 210px;}.detective-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.detective-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.detective-board-maker{grid-template-columns:1fr 1fr;}.detective-board-maker .bf{grid-column:1/-1;}.detective-interrogate-layout{grid-template-columns:200px minmax(0,1fr);}
}
@media(max-width:820px){
  #detective-modal{padding:0!important;}.detective-shell{width:100vw!important;height:100svh!important;border-radius:0!important;border:0!important;}.detective-head{grid-template-columns:minmax(0,1fr) auto;min-height:100px;padding:16px 56px 14px 15px;background:linear-gradient(100deg,rgba(246,242,233,.98) 0%,rgba(246,242,233,.96) 72%,rgba(34,36,31,.96) 100%);}.detective-brand{display:none;}.detective-case-head h2{font-size:29px;}.detective-case-head p{font-size:10px;max-width:44ch;}.detective-progress-ring{width:58px;height:52px;}.detective-body{grid-template-columns:1fr;}.detective-side{position:absolute;left:0;right:0;bottom:0;z-index:7;display:grid;grid-template-columns:1fr auto;padding:7px 10px;border:1px solid var(--d-line);border-width:1px 0 0;background:rgba(239,235,225,.97);backdrop-filter:blur(14px);overflow:visible;}.detective-side-card{display:none;margin:0;}.detective-side-card.detective-case-status{display:block;padding:6px 9px;border:0;background:transparent;box-shadow:none;}.detective-side-card.detective-case-status>.eyebrow,.detective-side-card.detective-case-status>strong,.detective-side-progress{display:none;}.detective-mini-stats{display:flex;gap:16px;}.detective-mini-stats span{text-align:left;}.detective-mini-stats b{display:inline;margin-right:3px;font-size:14px;}.detective-theory-card{display:flex;align-items:center;padding:0;border:0;background:transparent;box-shadow:none;}.detective-theory-card>:not(button){display:none;}.detective-theory-card .bf{width:auto;min-width:150px;}.detective-panel-title{align-items:flex-start;}.detective-quiet{display:none;}.detective-scene:not(.has-image),.detective-scene-stage:not(.has-image){min-height:min(58svh,520px);}.detective-scene-foot{align-items:flex-start;}.detective-evidence-layout{grid-template-columns:1fr;}.detective-evidence-detail{position:static;}.detective-interrogate-layout{grid-template-columns:1fr;}.detective-characters{display:flex;overflow-x:auto;padding-bottom:5px;}.detective-person-chip{flex:0 0 180px;}.detective-board-canvas{grid-template-columns:1fr;}.detective-archive-top{grid-template-columns:1fr;}.detective-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.detective-resolution{padding:56px 20px 100px;}.detective-resolution>.x{position:absolute!important;top:14px!important;right:14px!important;}
}
@media(max-width:520px){
  .detective-head{min-height:94px;}.detective-case-head h2{font-size:25px;}.detective-case-head p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.detective-progress-ring{width:52px;height:48px;}.detective-main{padding:12px 10px 90px;}.detective-panel-title h3{font-size:22px;}.detective-scene:not(.has-image),.detective-scene-stage:not(.has-image){min-height:54svh;}.detective-scene-foot{display:grid;}.detective-hint-btn{justify-self:start;}.detective-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}.detective-evidence-card{grid-template-rows:96px auto;}.detective-evidence-card>img,.detective-evidence-glyph{height:96px;}.detective-evidence-copy strong{font-size:11px;}.detective-evidence-copy em{display:none;}.detective-board{padding:10px;}.detective-board-maker{grid-template-columns:1fr;}.detective-board-maker .bf{grid-column:auto;}.detective-time-card{grid-template-columns:52px minmax(0,1fr) auto;gap:7px;}.detective-time-card>strong{font-size:13px;}.detective-archive-grid{grid-template-columns:1fr;}.detective-archive-case{grid-template-columns:100px 1fr;grid-template-rows:auto;}.detective-archive-case>img{width:100px;height:95px;}.detective-stats>div{min-height:75px;padding:7px;}.detective-stats b{font-size:22px;}.detective-side{grid-template-columns:1fr auto;}.detective-mini-stats{gap:8px;}.detective-mini-stats span{font-size:5px;}.detective-theory-card .bf{min-width:128px;height:38px;}.detective-resolution{padding:56px 13px 90px;}.detective-solved-seal{padding:22px 12px;}.detective-solved-seal h3{font-size:34px!important;}.detective-solved-actions{display:grid;}.detective-toast{bottom:73px;}
}
@media(prefers-reduced-motion:reduce){.detective-panel,.detective-hotspot>span,.detective-deduction-card,.detective-toast{animation:none!important;transition:none!important;}}
/* v1238.4 · paridad funcional Detective en móvil/tablet */
.detective-nav-notas{display:none!important;}
.detective-mobile-notes-card{padding:14px;border:1px solid var(--d-line);border-radius:12px;background:rgba(255,255,255,.58);box-shadow:0 8px 24px rgba(41,36,28,.05);}
.detective-mobile-notes-card textarea{width:100%;min-height:320px;resize:vertical;border:1px solid var(--d-line)!important;border-radius:10px!important;background:#fbf8f1!important;color:var(--d-ink)!important;font:italic 450 12px/1.62 var(--tm-reading)!important;}
.detective-mobile-notes-card small{display:block;margin-top:7px;font:500 7px/1.4 var(--tm-ui);color:var(--d-muted);}
.detective-resolution>.x{position:absolute!important;top:18px!important;right:18px!important;}
@media(max-width:820px){
  .detective-nav-notas{display:inline-flex!important;}
  .detective-head-tools .juego-sonido{display:inline-grid!important;}
  .detective-head-tools{gap:7px;}
  .detective-mobile-notes-card textarea{min-height:44svh;}
}
/* v1238.4 · escenas múltiples y cronología progresiva de TOMO Detective */
.detective-scene-tabs button{flex:0 0 auto;font:650 7.5px/1 var(--tm-ui);transition:.16s ease;}.detective-scene-tabs button:hover{background:#fff;color:var(--d-ink);}.detective-scene-tabs button.activo{background:var(--d-sage);color:#fff;}
@media(max-width:820px){.detective-scene-tabs{margin-top:-4px;}.detective-scene-tabs button{min-height:34px;padding:0 12px;}}

/* ========================================================================== */
/* TOMO v1238.5 · Desafíos coherentes + Detective simplificado                */
/* ========================================================================== */
/* El hub usa una sola gramática visual. La atmósfera vive dentro de cada juego,
   no en una tarjeta que rompa el sistema de Desafíos. */





/* Detective: menos ventanas mentales, más recorrido lógico. */
.detective-nav{justify-content:flex-start;}
.detective-nav button{display:inline-flex;align-items:center;gap:7px;padding-inline:17px;}
.detective-nav-step{display:inline!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;background:none!important;border-radius:0!important;font:700 6px/1 var(--tm-ui)!important;letter-spacing:.13em;color:color-mix(in srgb,var(--d-sage) 74%,var(--d-muted))!important;}
.detective-nav button.activo .detective-nav-step{color:var(--d-sage)!important;}
.detective-next{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:54px;padding:8px 24px;border-bottom:1px solid var(--d-line);background:rgba(231,226,215,.62);}
.detective-next>div{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:baseline;}
.detective-next span{grid-row:1/3;align-self:center;font:750 6px/1 var(--tm-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--d-sage);}
.detective-next strong{font:600 10px/1.25 var(--tm-reading);color:var(--d-ink)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.detective-next small{margin-top:2px;font:500 7.5px/1.35 var(--tm-ui);color:var(--d-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.detective-next button{flex:0 0 auto;min-width:72px;height:32px;padding:0 14px;border:1px solid rgba(111,124,101,.32);border-radius:999px;background:rgba(255,255,255,.55);font:700 7px/1 var(--tm-ui);color:var(--d-sage);cursor:pointer;}


/* Apertura editorial del caso. Sólo aparece antes de la primera investigación. */
.detective-opening{position:absolute;z-index:14;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);background:#171915;color:#f6f2e9;overflow:hidden;}
.detective-opening.off{display:none!important;}
.detective-opening-visual{min-height:100%;background-position:center;background-size:cover;filter:saturate(.72) contrast(1.04);}
.detective-opening-copy{display:flex;flex-direction:column;justify-content:center;padding:48px clamp(30px,5vw,78px);background:linear-gradient(145deg,#f7f3ea,#eae4d8);color:var(--d-ink);}
.detective-opening-copy .eyebrow{margin:0 0 12px;color:var(--d-sage)!important;}
.detective-opening-code{margin:0 0 8px;font:750 7px/1 var(--tm-ui);letter-spacing:.24em;text-transform:uppercase;color:var(--d-muted)!important;}
.detective-opening-copy h3{margin:0;font:600 clamp(34px,4.2vw,62px)/.98 var(--tm-reading);letter-spacing:-.04em;color:var(--d-ink)!important;}
.detective-opening-synopsis{margin:20px 0 0;max-width:58ch;font:450 12px/1.68 var(--tm-reading);color:var(--d-muted)!important;}
.detective-opening-meta{display:flex;gap:7px;margin:19px 0 0;}.detective-opening-meta span{padding:6px 9px;border:1px solid var(--d-line);border-radius:999px;font:700 6.5px/1 var(--tm-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--d-muted);}
.detective-opening-method{margin:22px 0 18px;font:italic 500 12px/1.4 var(--tm-reading);color:var(--d-sage)!important;}
.detective-opening-copy .bf{align-self:flex-start;min-width:176px;background:var(--d-sage)!important;border-color:var(--d-sage)!important;}

/* Teoría: dos piezas, una conexión. La relación la identifica el motor. */
.detective-board{color:var(--d-ink);min-height:0;}


.detective-piece{min-width:0;border:1px solid var(--d-line);color:var(--d-ink);cursor:pointer;}
.detective-piece:hover{border-color:rgba(111,124,101,.44);background:#fff;}.detective-piece.elegido{box-shadow:inset 0 0 0 1px rgba(111,124,101,.16);}
.detective-piece small{display:block;margin-bottom:4px;font:700 5.8px/1 var(--tm-ui);letter-spacing:.11em;text-transform:uppercase;color:var(--d-muted);}
.detective-piece strong{display:block;font:600 9.5px/1.25 var(--tm-reading);color:var(--d-ink)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.detective-connect-line{margin-top:11px;padding-top:11px;border-top:1px solid var(--d-line);}
.detective-connect-slot{min-width:0;color:var(--d-ink);}
.detective-connect-slot small{display:block;margin-bottom:3px;font:700 5.5px/1 var(--tm-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--d-sage);}.detective-connect-slot strong{display:block;font:600 10px/1.25 var(--tm-reading);color:var(--d-ink)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.detective-connect-mark{font:400 23px/1 var(--tm-reading);}
.detective-connect-line .bf{background:var(--d-sage)!important;border-color:var(--d-sage)!important;}.detective-connect-line .bf:disabled{opacity:.38;}
.detective-connect-workbench>.err{color:var(--d-red)!important;}

.detective-empty-board{color:var(--d-muted);}.detective-empty-board span{font-size:40px;color:var(--d-sage);}.detective-empty-board p{max-width:54ch;color:var(--d-muted)!important;}
.detective-deduction-card{border-color:var(--d-line);background:rgba(255,255,255,.58);}.detective-deduction-card>span{border-color:rgba(111,124,101,.24);color:var(--d-sage);}.detective-deduction-card p{color:var(--d-ink)!important;}.detective-deduction-card::after{background:var(--d-sage);}
.detective-timeline-section{margin-top:18px;padding-top:18px;border-top:1px solid var(--d-line);}
.detective-subhead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:11px;}.detective-subhead span{display:block;margin-bottom:4px;font:750 6px/1 var(--tm-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--d-sage);}.detective-subhead h4{margin:0;font:600 20px/1.05 var(--tm-reading);color:var(--d-ink)!important;}.detective-subhead>p{max-width:390px;margin:0;text-align:right;font:450 8px/1.45 var(--tm-ui);color:var(--d-muted)!important;}
.detective-theory-ready{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:14px 15px;border:1px solid rgba(111,124,101,.24);border-radius:12px;}.detective-theory-ready>div{display:grid;gap:3px;}.detective-theory-ready span{font:750 5.8px/1 var(--tm-ui);letter-spacing:.13em;text-transform:uppercase;color:var(--d-sage);}.detective-theory-ready strong{font:600 11px/1.3 var(--tm-reading);color:var(--d-ink)!important;}.detective-theory-ready small{font:500 7px/1.35 var(--tm-ui);color:var(--d-muted);}.detective-theory-ready .bf{flex:0 0 auto;background:var(--d-sage)!important;border-color:var(--d-sage)!important;}
.detective-lead-card{background:linear-gradient(145deg,rgba(111,124,101,.10),rgba(250,248,242,.72));}.detective-lead-card>strong{font-size:15px;}.detective-lead-card p{margin:7px 0 8px;font:450 8px/1.5 var(--tm-ui);color:var(--d-muted)!important;}.detective-lead-card .mlink{font-size:7px;}

@media(max-width:1100px){
  .detective-piece-palette{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:820px){
  
  .detective-next{min-height:51px;padding:7px 12px;}.detective-next>div{grid-template-columns:1fr;}.detective-next span{grid-row:auto;margin-bottom:3px;}.detective-next small{max-width:62vw;}.detective-next button{min-width:62px;}
  .detective-opening{grid-template-columns:1fr;overflow:auto;}.detective-opening-visual{min-height:35svh;}.detective-opening-copy{padding:28px 20px 90px;}.detective-opening-copy h3{font-size:38px;}.detective-opening-synopsis{font-size:11px;}
  .detective-piece-palette{display:flex;overflow-x:auto;max-height:none;padding-bottom:8px;}.detective-piece{flex:0 0 185px;}.detective-connect-line{grid-template-columns:1fr auto 1fr;}.detective-connect-line .bf{grid-column:1/-1;}.detective-subhead{align-items:flex-start;}.detective-subhead>p{text-align:left;}.detective-theory-ready{align-items:flex-start;display:grid;}.detective-theory-ready .bf{width:100%;}
}
@media(max-width:520px){
  .detective-nav button{padding-inline:11px;gap:4px;}.detective-nav-step{display:none!important;}.detective-next small{display:none;}.detective-next strong{font-size:9px;}.detective-opening-copy h3{font-size:32px;}.detective-opening-visual{min-height:30svh;}
  .detective-connect-line{grid-template-columns:1fr;}.detective-connect-mark{display:none;}.detective-piece{flex-basis:155px;}.detective-subhead{display:grid;}.detective-subhead>p{max-width:none;}.detective-board-canvas{grid-template-columns:1fr;}
}
.desafios-logros-detective{background:var(--tm-surface)!important;}


/* v1238.5 · refinamiento final Detective: adulto, legible y sin navegación truncada */


.detective-hotspot>span{border-color:rgba(249,246,236,.72);}

.detective-hotspot:hover>span,.detective-hotspot:focus-visible>span{transform:scale(1.18);background:rgba(164,174,148,.72);outline:1px solid rgba(255,255,255,.72);outline-offset:4px;}

.detective-hotspot.descubierto>span{border-color:rgba(246,242,233,.46);}

@media(max-width:520px){
  .detective-opening{inset:94px 0 0;}
  .detective-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:0;overflow:visible;}
  .detective-nav button{width:100%;min-width:0;min-height:45px;padding:0 3px;justify-content:center;font-size:7.4px;white-space:nowrap;}
  .detective-nav button.activo::after{left:7px;right:7px;}
  .detective-nav button>span:not(.detective-nav-step){min-width:14px;height:14px;margin-left:2px;padding:0 3px;font-size:6px;}
  .detective-hotspot{width:34px;height:34px;}.detective-hotspot>span{inset:8px;}
}

/* Teléfono horizontal: conservar la misma capacidad sin sacrificar media pantalla al marco. */
@media(max-height:520px) and (orientation:landscape){
  #detective-modal{padding:0!important;}
  #detective-modal .detective-shell{width:100vw!important;height:100svh!important;border-radius:0!important;border:0!important;}
  .detective-head{grid-template-columns:minmax(0,1fr) auto;padding:8px 54px 7px 14px;gap:12px;background:linear-gradient(100deg,rgba(246,242,233,.98) 0%,rgba(246,242,233,.96) 74%,rgba(34,36,31,.96) 100%);}
  .detective-brand{display:none;}
  .detective-exp-code{margin-bottom:3px;font-size:5.5px;}
  .detective-case-head h2{line-height:1;}
  .detective-case-head p{display:none;}
  .detective-head-tools{gap:6px;}.detective-head-tools .juego-sonido{width:30px!important;height:30px!important;}.detective-progress-ring{width:56px;height:42px;border-radius:9px;}.detective-progress-ring strong{font-size:12px;}.detective-progress-ring span{font-size:5px;margin-top:2px;}
  #detective-modal .detective-close{top:8px!important;right:9px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;}
  .detective-nav{padding:0 10px;}.detective-nav button{min-height:37px;padding:0 11px;font-size:8px;}.detective-nav-step{font-size:5.5px!important;}
  .detective-next{min-height:41px;padding:5px 12px;}.detective-next small{display:none;}.detective-next strong{font-size:8.5px;}.detective-next button{height:28px;min-width:58px;}
  
  .detective-side{padding:9px;width:auto;}
  .detective-panel-title{margin-bottom:10px;}.detective-panel-title h3{font-size:20px;}.detective-quiet{display:none;}
  .detective-scene-wrap{grid-template-columns:minmax(0,1fr) 190px;gap:9px;}.detective-discoveries{padding:9px;}
  .detective-opening{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);}
  .detective-opening-copy h3{font-size:34px;}.detective-opening-synopsis{margin-top:10px;font-size:9px;line-height:1.45;}.detective-opening-meta{margin-top:10px;}.detective-opening-method{margin:10px 0;}.detective-opening-copy .bf{min-height:36px;}
}

/* v1238.6 · TOMO Detective: briefing, personajes y pistas de investigación */
.detective-briefing{margin:20px 0 18px;padding:15px 16px;border:1px solid rgba(111,124,101,.24);border-radius:14px;background:rgba(255,255,255,.44);box-shadow:inset 0 1px 0 rgba(255,255,255,.65);}
.detective-briefing-main{padding-bottom:12px;border-bottom:1px solid var(--d-line);}
.detective-briefing-main>span,.detective-briefing-columns strong{display:block;margin-bottom:6px;font:750 6px/1 var(--tm-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--d-sage);}
.detective-briefing-main p{margin:0;font:500 11px/1.55 var(--tm-reading);color:var(--d-ink)!important;}
.detective-briefing-columns{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:12px;}
.detective-briefing-columns ul{display:grid;gap:7px;margin:0;padding:0;list-style:none;}
.detective-briefing-columns li{position:relative;padding-left:13px;font:450 8.5px/1.45 var(--tm-ui);color:var(--d-muted);}
.detective-briefing-columns li::before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border:1px solid var(--d-sage);border-radius:50%;}
.detective-opening-copy{overflow:auto;}
.detective-opening-copy .bf{margin-bottom:10px;}

.detective-mission-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 13px;border:1px solid rgba(111,124,101,.22);border-radius:12px;background:linear-gradient(105deg,rgba(111,124,101,.09),rgba(255,255,255,.50));}
.detective-mission-card>span{font:800 6px/1 var(--tm-ui);letter-spacing:.17em;color:var(--d-sage);}
.detective-mission-card p{margin:0;font:500 9px/1.45 var(--tm-reading);color:var(--d-ink)!important;}
.detective-mission-card button,.detective-brief-card .mlink{border:0;background:transparent;padding:0;color:var(--d-sage);font:700 7px/1 var(--tm-ui);text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
.detective-brief-card{background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(111,124,101,.07));}
.detective-brief-card p{margin:6px 0 9px;font:500 8px/1.5 var(--tm-reading);color:var(--d-muted)!important;}

.detective-evidence-grid{display:block;}
.detective-evidence-group{margin-bottom:15px;}
.detective-evidence-group-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;padding:0 2px 6px;border-bottom:1px solid var(--d-line);}
.detective-evidence-group-head strong{font:700 7px/1 var(--tm-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--d-sage)!important;}
.detective-evidence-group-head span{display:grid;place-items:center;min-width:20px;height:20px;border:1px solid var(--d-line);border-radius:99px;font:700 6px var(--tm-ui);color:var(--d-muted);}
.detective-evidence-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}
.detective-evidence-fact{font-size:10px!important;line-height:1.62!important;}
.detective-evidence-question{margin-top:13px;padding:11px 12px;border-left:2px solid var(--d-sage);background:rgba(111,124,101,.075);}
.detective-evidence-question span{display:block;margin-bottom:5px;font:800 5.8px/1 var(--tm-ui);letter-spacing:.16em;color:var(--d-sage);}
.detective-evidence-question p{margin:0;font:italic 500 10px/1.5 var(--tm-reading);color:var(--d-ink)!important;}

.detective-person-chip{position:relative;overflow:hidden;grid-template-columns:42px minmax(0,1fr);padding:9px 10px;}
.detective-person-chip::before,.detective-person-selected::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--person-accent,var(--d-sage));}
.detective-person-chip.acento-arcilla,.detective-person-selected.acento-arcilla{--person-accent:#9a6f5b;}
.detective-person-chip.acento-dorado,.detective-person-selected.acento-dorado{--person-accent:#9e8951;}
.detective-person-chip.acento-tinta,.detective-person-selected.acento-tinta{--person-accent:#343b3b;}
.detective-person-chip.acento-salvia,.detective-person-selected.acento-salvia{--person-accent:#6f7c65;}
.detective-person-chip.acento-pizarra,.detective-person-selected.acento-pizarra{--person-accent:#66727b;}
.detective-person-monogram{width:42px!important;height:42px!important;background:color-mix(in srgb,var(--person-accent) 82%,#171915)!important;font-size:9px!important;}
.detective-person-chip>span:last-child em{display:block;margin-top:2px;font:italic 450 7px/1.25 var(--tm-reading);color:var(--d-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.detective-person-chip.activo{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--person-accent) 55%,transparent);background:color-mix(in srgb,var(--person-accent) 8%,#fbf9f3);}
.detective-person-selected{position:relative;padding:2px 0 14px 13px;}
.detective-person-selected-head{display:flex;align-items:center;gap:12px;margin-bottom:11px;}
.detective-person-large-monogram{display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--person-accent) 84%,#171915);color:#f8f4ea;font:650 13px var(--tm-ui);letter-spacing:.05em;}
.detective-person-selected-head h4{margin:0!important;}
.detective-person-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0;}
.detective-person-facts p{margin:0!important;padding:8px 9px;border:1px solid var(--d-line);border-radius:9px;background:rgba(255,255,255,.46);}
.detective-person-facts b{display:block;margin-bottom:4px;font:800 5.5px/1 var(--tm-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--person-accent)!important;}
.detective-person-facts span{display:block;font:500 7.8px/1.38 var(--tm-ui);color:var(--d-muted);}
.detective-person-profile{margin:10px 0!important;font:500 9px/1.5 var(--tm-ui)!important;}
.detective-person-selected blockquote{border-left-color:var(--person-accent);}

.detective-lines{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 13px;}
.detective-line{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:8px;min-height:94px;padding:11px;border:1px solid var(--d-line);border-radius:11px;background:rgba(255,255,255,.48);}
.detective-line-num{font:750 7px/1 var(--tm-ui);color:var(--d-sage);}
.detective-line strong{display:block;font:600 10px/1.18 var(--tm-reading);color:var(--d-ink)!important;}
.detective-line p{margin:5px 0;font:450 7.5px/1.38 var(--tm-ui);color:var(--d-muted)!important;}
.detective-line small{font:700 5.8px/1 var(--tm-ui);letter-spacing:.06em;color:var(--d-sage);}
.detective-line>b{font:600 14px/1 var(--tm-reading);color:var(--d-sage)!important;}
.detective-line.completa{background:rgba(111,124,101,.09);border-color:rgba(111,124,101,.30);}
.detective-line.completa strong{color:var(--d-sage)!important;}

.detective-dossier-recap{margin-bottom:14px;padding:13px 14px;border:1px solid var(--d-line);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.55),rgba(111,124,101,.06));}
.detective-dossier-recap>span{display:block;font:800 5.8px/1 var(--tm-ui);letter-spacing:.16em;color:var(--d-sage);text-transform:uppercase;}
.detective-dossier-recap>strong{display:block;margin-top:6px;font:600 16px/1.2 var(--tm-reading);color:var(--d-ink)!important;}
.detective-dossier-recap>p{margin:6px 0 0;font:500 8.5px/1.5 var(--tm-ui);color:var(--d-muted)!important;}
.detective-used-hints{display:grid;gap:7px;margin-top:10px;}.detective-used-hints>span{font:800 5.8px var(--tm-ui);letter-spacing:.13em;text-transform:uppercase;color:var(--d-sage);}.detective-used-hints>div{padding:8px 9px;border-left:2px solid rgba(111,124,101,.35);background:rgba(255,255,255,.45);}.detective-used-hints b{display:block;font:650 8px var(--tm-ui);color:var(--d-ink)!important;}.detective-used-hints p{margin:3px 0 0;font:450 7.5px/1.4 var(--tm-ui);color:var(--d-muted)!important;}

.detective-hint-sheet{position:absolute;z-index:32;left:50%;top:50%;width:min(620px,calc(100% - 36px));transform:translate(-50%,-50%);padding:28px 30px 26px;border:1px solid rgba(111,124,101,.34);border-radius:18px;background:linear-gradient(145deg,#faf7ef,#eee8dc);box-shadow:0 30px 90px rgba(20,22,18,.38);color:var(--d-ink);}
.detective-hint-sheet::before{content:"";position:absolute;inset:-100vh;z-index:-1;background:rgba(20,22,18,.44);backdrop-filter:blur(8px);}
.detective-hint-sheet.off{display:none!important;}.detective-hint-sheet>.x{position:absolute!important;right:12px!important;top:12px!important;}.detective-hint-sheet h3{margin:6px 0 12px;font:600 28px/1.05 var(--tm-reading);color:var(--d-ink)!important;}.detective-hint-sheet>p{margin:0 0 15px;font:500 12px/1.65 var(--tm-reading);color:var(--d-muted)!important;}.detective-hint-sheet>small{display:block;margin-bottom:18px;font:600 7px/1.4 var(--tm-ui);color:var(--d-sage);}.detective-hint-sheet .bf{min-width:170px;background:var(--d-sage)!important;border-color:var(--d-sage)!important;}

@media(max-width:1100px){
  .detective-lines{grid-template-columns:repeat(3,minmax(0,1fr));}
  .detective-evidence-group-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:820px){
  .detective-briefing-columns{grid-template-columns:1fr;}
  .detective-mission-card{grid-template-columns:1fr;}.detective-mission-card button{justify-self:start;}
  .detective-lines{display:flex;overflow-x:auto;padding-bottom:7px;}.detective-line{flex:0 0 235px;}
  .detective-person-facts{grid-template-columns:1fr;}
}
@media(max-width:520px){
  .detective-opening-copy{padding-bottom:100px;}.detective-briefing{padding:12px;margin-top:14px;}.detective-briefing-main p{font-size:10px;}.detective-briefing-columns{gap:12px;}.detective-briefing-columns li{font-size:8px;}
  .detective-evidence-group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
  .detective-person-chip{flex-basis:205px;}.detective-person-large-monogram{width:48px;height:48px;flex-basis:48px;}
  .detective-hint-sheet{padding:24px 20px 20px;}.detective-hint-sheet h3{font-size:25px;}.detective-hint-sheet>p{font-size:11px;}
}
@media(max-height:520px) and (orientation:landscape){
  .detective-opening-synopsis{max-height:72px;overflow:auto;}.detective-briefing{margin:8px 0;padding:9px;}.detective-briefing-main{padding-bottom:7px;}.detective-briefing-main p{font-size:8px;line-height:1.35;}.detective-briefing-columns{display:none;}.detective-opening-method{display:none;}.detective-mission-card{padding:7px 9px;}.detective-mission-card p{font-size:7.5px;}.detective-lines{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;}.detective-line{min-height:74px;padding:8px;}.detective-line p{display:none;}
}

/* ==========================================================================\n   TOMO v1238.7 · Detective: UX de investigación + responsive premium\n   Capa de overrides deliberadamente acotada: no modifica lógica de Quest,\n   Trivia ni Duelo.\n   ========================================================================== */

.detective-legacy-nav,.detective-legacy-next,.detective-progress-ring,.detective-side{display:none!important;}
#detective-modal .detective-shell{--d-brand:#839295;--d-brand2:#a3b297;--d-paper:#f8fafd;--d-warm:#f2eee6;--d-line:#ccc3ba;--d-muted:#706f6f;--d-ink:#1d1d1b;}
.detective-body{display:block!important;height:calc(100% - 166px)!important;min-height:0!important;}
.detective-main{height:100%;padding:20px 22px 34px!important;overflow:auto;overscroll-behavior:contain;}

.detective-primary-nav{position:relative;z-index:10;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;min-height:66px;border-bottom:1px solid var(--d-line);background:rgba(248,250,253,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.detective-primary-nav button{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:66px;padding:8px 16px;border:0;border-right:1px solid color-mix(in srgb,var(--d-line) 70%,transparent);background:transparent;color:var(--d-muted);text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease;}
.detective-primary-nav button:last-child{border-right:0;}
.detective-primary-nav button::after{content:"";position:absolute;left:18%;right:18%;bottom:-1px;height:2px;background:transparent;transition:background .16s ease;}
.detective-primary-nav button:hover{background:rgba(131,146,149,.055);color:var(--d-ink);}
.detective-primary-nav button.activo{color:var(--d-ink);background:rgba(131,146,149,.075);}
.detective-primary-nav button.activo::after{background:var(--d-brand);}
.detective-primary-nav button.resolver{background:linear-gradient(90deg,rgba(163,178,151,.07),rgba(131,146,149,.08));}
.detective-primary-nav button.resolver.resuelto{background:rgba(163,178,151,.12);}
.detective-primary-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--d-line) 80%,transparent);border-radius:50%;background:rgba(255,255,255,.66);font:650 14px/1 var(--tm-ui);color:var(--d-brand);}

.detective-primary-nav b{font:700 9.5px/1 var(--tm-ui);color:inherit;}
.detective-primary-nav small{font:500 7.4px/1.25 var(--tm-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.detective-primary-nav i{font-style:normal;}

.detective-dossier-nav{position:relative;z-index:9;display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:5px 10px;border-bottom:1px solid var(--d-line);background:rgba(242,238,230,.88);overflow-x:auto;}
.detective-dossier-nav[hidden]{display:none!important;}
.detective-dossier-nav button{flex:0 0 auto;padding:0 12px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--d-muted);font:650 7.8px/1 var(--tm-ui);white-space:nowrap;cursor:pointer;}
.detective-dossier-nav button:hover{background:rgba(255,255,255,.66);color:var(--d-ink);}
.detective-dossier-nav button.activo{border-color:color-mix(in srgb,var(--d-brand) 35%,var(--d-line));background:rgba(255,255,255,.82);color:var(--d-ink);box-shadow:0 4px 12px rgba(29,29,27,.045);}
.detective-dossier-nav button span{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 4px;border-radius:999px;background:rgba(131,146,149,.12);font-size:6.5px;color:var(--d-brand);}

.detective-opening{inset:166px 0 0!important;}
.detective-dossier-nav:not([hidden])~.detective-legacy-nav~.detective-legacy-next~.detective-opening{inset:210px 0 0!important;}

.detective-panel-title{align-items:flex-start!important;margin-bottom:14px!important;}
.detective-panel-title h3{font-size:24px!important;}.detective-panel-title p:not(.eyebrow){font-size:9.5px!important;}
.detective-mission-card{margin:0 0 12px!important;}

/* Localizaciones: orientan sin convertir la escena en un tablero administrativo. */
.detective-scene-tabs{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);gap:7px!important;margin:0 0 10px!important;padding:0 0 2px;overflow-x:auto;}
.detective-scene-tabs[hidden]{display:none!important;}
.detective-scene-tabs button{position:relative;isolation:isolate;display:grid;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:8px;padding:7px 10px!important;border:1px solid var(--d-line)!important;border-radius:11px!important;background:linear-gradient(105deg,rgba(248,250,253,.95),rgba(242,238,230,.9))!important;color:var(--d-ink)!important;text-align:left;overflow:hidden;scroll-snap-align:start;box-shadow:0 4px 12px rgba(29,29,27,.035);}
.detective-scene-tabs button::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(248,250,253,.94) 28%,rgba(248,250,253,.72)),var(--loc-img,linear-gradient(transparent,transparent));background-size:cover;background-position:center;opacity:.52;}
.detective-scene-tabs button::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 65%,rgba(131,146,149,.05));}
.detective-scene-tabs button>span:first-child{display:grid;place-items:center;width:27px;height:27px;border:1px solid color-mix(in srgb,var(--d-brand) 38%,var(--d-line));border-radius:50%;background:rgba(248,250,253,.88);font:750 6.5px/1 var(--tm-ui);color:var(--d-brand);}
.detective-scene-tabs button>span:last-child{min-width:0;display:grid;gap:3px;}.detective-scene-tabs button strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 8.5px/1.15 var(--tm-ui);color:var(--d-ink)!important;}.detective-scene-tabs button small{font:550 6.2px/1.15 var(--tm-ui);color:var(--d-muted);}
.detective-scene-tabs button.activo{border-color:color-mix(in srgb,var(--d-brand) 68%,var(--d-line))!important;box-shadow:inset 3px 0 0 var(--d-brand),0 6px 16px rgba(29,29,27,.06);}

.detective-scene-wrap{grid-template-columns:minmax(0,1fr) 225px!important;gap:11px!important;}
.detective-scene{border-radius:15px!important;background:#161a18!important;box-shadow:0 18px 42px rgba(29,29,27,.13)!important;}
.detective-scene-stage{isolation:isolate;min-height:430px!important;background:#151815;}
.detective-scene-stage.has-image{min-height:0!important;}
.detective-scene-stage>img{width:100%!important;max-height:min(62vh,650px);object-fit:contain!important;background:#151815;filter:saturate(.87) contrast(1.02) brightness(.9)!important;}
.detective-scene-stage[data-calidad="provisional"]>img{image-rendering:auto;max-width:100%;margin:auto;}
.detective-scene-guide{position:absolute;z-index:4;left:12px;top:12px;display:grid;gap:3px;max-width:min(310px,calc(100% - 24px));padding:8px 10px;border:1px solid rgba(248,250,253,.2);border-radius:9px;background:rgba(19,23,21,.70);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:0 6px 20px rgba(0,0,0,.12);pointer-events:none;}
.detective-scene-guide b{font:700 7.4px/1 var(--tm-ui);letter-spacing:.05em;color:#fff;}.detective-scene-guide span{font:500 6.6px/1.35 var(--tm-ui);color:rgba(255,255,255,.72);}

/* Puntos de investigación: zona táctil amplia + etiqueta explicativa. */
.detective-hotspot{width:48px!important;height:48px!important;cursor:pointer!important;overflow:visible!important;}
.detective-hotspot>span{inset:13px!important;border:1px solid rgba(255,255,255,.92)!important;background:rgba(131,146,149,.76)!important;box-shadow:0 0 0 6px rgba(248,250,253,.13),0 5px 18px rgba(0,0,0,.28)!important;}
.detective-hotspot>em{display:grid!important;place-items:center!important;left:50%!important;top:50%!important;width:16px;height:16px;transform:translate(-50%,-50%)!important;font:750 5.5px/1 var(--tm-ui)!important;color:#fff!important;pointer-events:none;}
.detective-hotspot>small{position:absolute;left:50%;top:43px;transform:translateX(-50%);padding:5px 7px;border:1px solid rgba(248,250,253,.28);border-radius:7px;background:rgba(19,23,21,.84);box-shadow:0 5px 15px rgba(0,0,0,.18);font:650 6.3px/1.2 var(--tm-ui);color:#fff;white-space:nowrap;pointer-events:none;}
.detective-hotspot:hover>small,.detective-hotspot:focus-visible>small{background:rgba(19,23,21,.96);}
.detective-hotspot.descubierto{opacity:.64!important;}.detective-hotspot.descubierto>span{animation:none!important;background:rgba(248,250,253,.28)!important;}.detective-hotspot.descubierto>small{opacity:.72;}

.detective-discoveries{padding:11px!important;background:rgba(248,250,253,.76)!important;}.detective-mini-evidence{min-height:54px!important;}.detective-mini-evidence img{width:54px!important;height:48px!important;object-fit:cover!important;}.detective-mini-evidence>span{font-size:7.8px!important;}
.detective-scene-foot{margin-top:9px!important;padding:10px 3px 0!important;}.detective-scene-foot p{font-size:7.8px!important;}.detective-hint-btn{min-height:38px!important;}

/* Nuevo hallazgo: el objeto entra al expediente sin sacar al jugador de la escena. */
.detective-discovery-sheet{position:absolute;z-index:34;left:50%;top:50%;display:grid;grid-template-columns:minmax(190px,.85fr) minmax(260px,1.15fr);width:min(760px,calc(100% - 34px));max-height:calc(100% - 34px);transform:translate(-50%,-50%);border:1px solid rgba(204,195,186,.74);border-radius:18px;background:linear-gradient(145deg,#f8fafd,#efeae1);box-shadow:0 34px 100px rgba(12,15,13,.44);overflow:hidden;}
.detective-discovery-sheet::before{content:"";position:fixed;inset:0;z-index:-1;background:rgba(14,17,15,.48);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);}
.detective-discovery-sheet.off{display:none!important;}.detective-discovery-sheet>.x{position:absolute!important;z-index:3;right:12px!important;top:12px!important;background:rgba(248,250,253,.86)!important;}
.detective-discovery-media{min-height:270px;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#39413d,#171b19 70%);overflow:hidden;}.detective-discovery-media img{width:100%;height:100%;max-height:420px;object-fit:cover;}.detective-discovery-media>span{font:400 54px/1 var(--tm-reading);color:rgba(255,255,255,.72);}
.detective-discovery-copy{align-self:center;padding:30px 30px 28px;}.detective-discovery-copy .eyebrow{color:var(--d-brand)!important;}.detective-discovery-copy h3{margin:7px 0 10px;font:600 29px/1.05 var(--tm-reading);letter-spacing:-.025em;color:var(--d-ink)!important;}.detective-discovery-copy>p{margin:0 0 10px;font:500 10.5px/1.6 var(--tm-reading);color:var(--d-muted)!important;}.detective-discovery-copy>small{display:block;font:600 7px/1.4 var(--tm-ui);color:var(--d-brand);}
.detective-discovery-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}.detective-discovery-actions .b{min-height:40px!important;}

/* Expediente: retratos reales cuando el caso los suministra; monograma sólo fallback. */
.detective-person-chip.has-photo{grid-template-columns:48px minmax(0,1fr)!important;}.detective-person-chip.has-photo>img{width:48px;height:54px;border-radius:8px;object-fit:cover;object-position:center top;filter:saturate(.88) contrast(1.02);}
.detective-person-selected-head.has-photo{align-items:flex-start;}.detective-person-selected-head.has-photo>img{flex:0 0 78px;width:78px;height:92px;border-radius:10px;object-fit:cover;object-position:center top;box-shadow:0 7px 18px rgba(29,29,27,.10);}
.detective-evidence-card>img,.detective-evidence-hero{filter:saturate(.9) contrast(1.02)!important;}
.detective-evidence-hero{max-height:340px;object-fit:contain!important;background:#eee9df;}

/* Resolución: preguntas del caso como decisiones visuales, no selects administrativos. */
.detective-resolution{z-index:38!important;padding:48px clamp(20px,6vw,84px) 60px!important;background:radial-gradient(circle at 85% 12%,rgba(131,146,149,.12),transparent 36%),#181b19!important;}
.detective-resolution-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important;max-width:1040px!important;margin:24px 0!important;}
.detective-resolution-lock{grid-column:1/-1;max-width:720px;padding:18px 20px;border:1px solid rgba(204,195,186,.18);border-radius:13px;background:rgba(248,250,253,.055);}
.detective-resolution-lock strong{display:block;margin-bottom:6px;font:600 18px/1.15 var(--tm-reading);color:#f8fafd!important;}.detective-resolution-lock p{margin:0 0 13px;font:450 9.5px/1.55 var(--tm-ui);color:rgba(248,250,253,.65)!important;}.detective-resolution-lock ul{margin:0;padding-left:18px;display:grid;gap:6px;color:rgba(248,250,253,.82);font:500 8.5px/1.4 var(--tm-ui);}
.detective-resolution-group{min-width:0;margin:0;padding:15px;border:1px solid rgba(204,195,186,.17);border-radius:13px;background:rgba(248,250,253,.045);}
.detective-resolution-group legend{padding:0 5px;font:700 7px/1 var(--tm-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--d-brand2);}
.detective-resolution-options{display:grid;gap:7px;margin-top:4px;}.detective-resolution-choice{position:relative;display:grid;grid-template-columns:23px minmax(0,1fr);align-items:center;gap:9px;min-height:45px;padding:8px 10px;border:1px solid rgba(204,195,186,.18);border-radius:9px;background:rgba(248,250,253,.035);color:#f8fafd;text-align:left;cursor:pointer;transition:.15s ease;}
.detective-resolution-choice:hover{border-color:rgba(163,178,151,.55);background:rgba(163,178,151,.075);}.detective-resolution-choice.activo{background:rgba(163,178,151,.12);}
.detective-resolution-choice>span:first-child{display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(248,250,253,.24);border-radius:50%;font:700 6px/1 var(--tm-ui);color:var(--d-brand2);}.detective-resolution-choice strong{font:600 9px/1.25 var(--tm-ui);color:#f8fafd!important;}
.detective-resolution-actions{margin-top:6px;}.detective-resolution-actions .bf{min-height:44px!important;padding-inline:18px!important;}

/* Portada de Desafíos: refinamiento sobrio hasta incorporar la muestra visual del usuario. */










@media(max-width:1024px){
  .detective-primary-nav small{font-size:7px;}
  .detective-scene-wrap{grid-template-columns:minmax(0,1fr) 200px!important;}
  .detective-scene-tabs{grid-auto-columns:minmax(155px,1fr);}
}

@media(max-width:820px){
  .detective-body{height:calc(100% - 155px)!important;}
  .detective-main{padding:14px 14px 28px!important;}
  .detective-primary-nav{min-height:55px;}.detective-primary-nav button{min-height:55px;padding:6px 10px;gap:8px;}.detective-primary-icon{width:30px;height:30px;flex-basis:30px;}.detective-primary-nav b{font-size:8.8px;}.detective-primary-nav small{font-size:6.5px;}
  .detective-opening{inset:155px 0 0!important;}.detective-dossier-nav:not([hidden])~.detective-legacy-nav~.detective-legacy-next~.detective-opening{inset:199px 0 0!important;}
  .detective-scene-wrap{grid-template-columns:1fr!important;}.detective-discoveries{display:none!important;}
  .detective-scene-tabs{grid-auto-columns:minmax(185px,45vw);}
  .detective-scene-stage>img{max-height:min(60vh,600px);}
  .detective-hotspot>small{font-size:6.5px;}
  .detective-discovery-sheet{grid-template-columns:minmax(170px,.78fr) minmax(250px,1.22fr);width:min(720px,calc(100% - 24px));}
  .detective-discovery-copy{padding:24px;}.detective-discovery-copy h3{font-size:26px;}
  .detective-resolution-grid{grid-template-columns:1fr!important;}
}

@media(max-width:600px){
  #detective-modal .detective-shell{height:100svh!important;border-radius:0!important;}
  .detective-head{min-height:62px!important;height:62px!important;padding:7px 48px 7px 11px!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:8px!important;}.detective-brand img{width:49px!important;}.detective-brand span{font-size:5.5px!important;}.detective-case-head h2{font-size:18px!important;line-height:1.05!important;}.detective-case-head p{display:none!important;}.detective-exp-code{font-size:5px!important;}
  .detective-head-tools{gap:3px!important;}.detective-head-tools .detective-notas-toggle{display:none!important;}.detective-head-tools .juego-sonido{display:grid!important;width:32px!important;height:32px!important;min-width:32px!important;}.detective-close{top:14px!important;right:8px!important;width:32px!important;height:32px!important;}
  
  .detective-main{padding:10px 10px calc(72px + env(safe-area-inset-bottom))!important;}
  .detective-primary-nav{position:absolute;z-index:28;left:0;right:0;bottom:0;min-height:60px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--d-line);border-bottom:0;background:rgba(248,250,253,.97);box-shadow:0 -8px 25px rgba(29,29,27,.08);}
  .detective-primary-nav button{min-height:60px;padding:5px 4px;justify-content:center;gap:4px;border-right:0;}.detective-primary-nav button::after{left:27%;right:27%;top:0;bottom:auto;}.detective-primary-nav button>span:last-child{justify-items:center;}.detective-primary-nav small{display:none;}.detective-primary-nav b{font-size:7.2px;}.detective-primary-icon{width:27px;height:27px;flex-basis:27px;font-size:11px;}
  .detective-dossier-nav{min-height:40px!important;justify-content:flex-start;padding:4px 9px!important;}.detective-dossier-nav button{min-height:32px!important;padding:0 10px!important;font-size:7.2px!important;}
  .detective-opening{inset:62px 0 0!important;padding-bottom:60px;}.detective-dossier-nav:not([hidden])~.detective-legacy-nav~.detective-legacy-next~.detective-opening{inset:102px 0 0!important;}
  .detective-opening-copy{padding:20px 16px 88px!important;}.detective-opening-copy h3{font-size:31px!important;}.detective-opening-synopsis{font-size:10px!important;}.detective-opening-meta{flex-wrap:wrap;}.detective-briefing{padding:11px!important;}.detective-briefing-columns{grid-template-columns:1fr!important;}
  .detective-panel-title{margin-bottom:10px!important;}.detective-panel-title h3{font-size:20px!important;}.detective-panel-title p:not(.eyebrow){font-size:8.2px!important;}.detective-quiet{display:none!important;}
  .detective-mission-card{grid-template-columns:minmax(0,1fr) auto!important;padding:9px 10px!important;}.detective-mission-card>span{display:none!important;}.detective-mission-card p{font-size:7.7px!important;}.detective-mission-card button{font-size:6.4px!important;}
  .detective-scene-tabs{grid-auto-columns:minmax(155px,72vw);gap:6px!important;}.detective-scene-tabs button{min-height:46px!important;padding:6px 8px!important;}.detective-scene-tabs button strong{font-size:7.8px!important;}.detective-scene-tabs button small{font-size:5.8px!important;}
  .detective-scene{border-radius:12px!important;}.detective-scene-stage{min-height:52svh!important;}.detective-scene-stage.has-image{min-height:0!important;}.detective-scene-stage>img{max-height:58svh!important;width:100%!important;}
  .detective-scene-guide{left:8px;top:8px;max-width:calc(100% - 16px);padding:7px 8px;}.detective-scene-guide b{font-size:6.7px;}.detective-scene-guide span{font-size:5.8px;}
  .detective-hotspot{width:50px!important;height:50px!important;}.detective-hotspot>span{inset:14px!important;}.detective-hotspot>small{top:45px;font-size:5.8px;white-space:normal;text-align:center;line-height:1.2;}
  .detective-scene-foot{display:flex!important;align-items:center!important;}.detective-scene-foot p{display:none;}.detective-hint-btn{min-height:42px!important;width:100%;font-size:7.5px!important;}
  .detective-evidence-layout,.detective-interrogate-layout{grid-template-columns:1fr!important;}.detective-evidence-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.detective-evidence-card{grid-template-rows:110px auto!important;}.detective-evidence-card>img,.detective-evidence-glyph{height:110px!important;}.detective-evidence-detail{position:static!important;}.detective-characters{display:flex!important;overflow-x:auto!important;scroll-snap-type:x proximity;padding-bottom:5px;}.detective-person-chip{flex:0 0 210px!important;scroll-snap-align:start;}.detective-person-selected-head.has-photo>img{width:68px;height:82px;flex-basis:68px;}
  .detective-discovery-sheet{left:0;right:0;top:auto;bottom:0;width:100%;max-height:88svh;grid-template-columns:1fr;transform:none;border-width:1px 0 0;border-radius:20px 20px 0 0;overflow:auto;}.detective-discovery-media{min-height:180px;max-height:36svh;}.detective-discovery-media img{max-height:36svh;}.detective-discovery-copy{padding:18px 16px calc(18px + env(safe-area-inset-bottom));}.detective-discovery-copy h3{font-size:24px;}.detective-discovery-copy>p{font-size:9.5px;}.detective-discovery-actions{display:grid;grid-template-columns:1fr 1fr;}.detective-discovery-actions .b{min-width:0!important;padding-inline:7px!important;font-size:7px!important;}
  .detective-hint-sheet{top:auto!important;bottom:0!important;left:0!important;width:100%!important;transform:none!important;border-radius:20px 20px 0 0!important;padding:23px 16px calc(20px + env(safe-area-inset-bottom))!important;}
  .detective-resolution{padding:45px 12px calc(78px + env(safe-area-inset-bottom))!important;}.detective-resolution h3{font-size:31px!important;}.detective-resolution-intro{font-size:9.5px!important;}.detective-resolution-grid{margin-top:18px!important;}.detective-resolution-group{padding:11px;}.detective-resolution-choice{min-height:48px;}.detective-resolution-actions{display:grid!important;}.detective-resolution-actions .bf{width:100%!important;}
}

@media(max-width:360px){
  .detective-main{padding-inline:8px!important;}.detective-primary-nav b{font-size:6.8px;}.detective-primary-icon{width:25px;height:25px;flex-basis:25px;}.detective-scene-tabs{grid-auto-columns:76vw;}.detective-evidence-group-grid{grid-template-columns:1fr!important;}.detective-discovery-actions{grid-template-columns:1fr;}
}

@media(max-height:520px) and (orientation:landscape){
  .detective-head{min-height:54px!important;height:54px!important;padding-block:5px!important;}.detective-case-head h2{font-size:17px!important;}.detective-primary-nav{position:relative!important;bottom:auto!important;min-height:49px!important;padding-bottom:0!important;box-shadow:none!important;border-top:0!important;border-bottom:1px solid var(--d-line)!important;}.detective-primary-nav button{min-height:49px!important;display:flex!important;}.detective-primary-nav small{display:none!important;}.detective-primary-nav button>span:last-child{justify-items:start!important;}.detective-dossier-nav{min-height:36px!important;}.detective-main{padding:8px 10px 14px!important;}.detective-opening{inset:103px 0 0!important;padding-bottom:0!important;}.detective-opening-copy{padding:12px 20px 16px!important;}.detective-opening-visual{min-height:100%!important;}.detective-scene-tabs{grid-auto-columns:minmax(160px,31vw);}.detective-scene-stage>img{max-height:58svh!important;}.detective-scene-guide{display:none;}.detective-hotspot>small{top:42px;font-size:5.5px;}.detective-panel-title{display:none!important;}.detective-mission-card{margin-bottom:7px!important;}.detective-scene-foot{display:none!important;}.detective-discovery-sheet{left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;width:min(720px,calc(100% - 20px))!important;max-height:calc(100% - 18px)!important;grid-template-columns:minmax(180px,.8fr) minmax(250px,1.2fr)!important;transform:translate(-50%,-50%)!important;border:1px solid var(--d-line)!important;border-radius:16px!important;}.detective-discovery-media{min-height:100%;max-height:none;}.detective-discovery-copy{padding:17px 20px!important;}.detective-discovery-copy h3{font-size:22px;}.detective-discovery-copy>p{font-size:8.5px;}.detective-discovery-actions{display:flex;grid-template-columns:none;}
}

@media(prefers-reduced-motion:reduce){.detective-primary-nav button,.detective-resolution-choice,.detective-hotspot>span,.detective-scene-tabs button{transition:none!important;animation:none!important;}}
/* v1238.7 micro-ajustes de retratos y resolución */
.detective-person-monogram.has-photo{overflow:hidden!important;padding:0!important;background:#e7e2d8!important;}
.detective-person-monogram.has-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;}
.detective-person-large-monogram.has-photo{overflow:hidden!important;flex:0 0 78px!important;width:78px!important;height:92px!important;border-radius:10px!important;padding:0!important;background:#e7e2d8!important;box-shadow:0 7px 18px rgba(29,29,27,.10);}
.detective-person-large-monogram.has-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;}
.detective-resolution-choices{display:grid;gap:7px;margin-top:4px;}
.detective-resolution-group legend{display:flex;align-items:center;gap:7px;}
.detective-resolution-group legend>span{display:grid;place-items:center;width:20px;height:20px;border:1px solid rgba(163,178,151,.32);border-radius:50%;font:750 5.8px/1 var(--tm-ui);color:var(--d-brand2);}
.detective-resolution-group legend>strong{font:700 7px/1.15 var(--tm-ui);letter-spacing:.10em;text-transform:uppercase;color:var(--d-brand2)!important;}
.detective-resolution-lock h4{margin:5px 0 7px;font:600 18px/1.18 var(--tm-reading);color:#f8fafd!important;}
/* Geometría final v1238.7: el área útil descuenta cabecera + navegación real. */
@media(min-width:821px){
  .detective-body{height:calc(100% - 186px)!important;}
  .detective-shell:has(.detective-dossier-nav:not([hidden])) .detective-body{height:calc(100% - 230px)!important;}
  .detective-opening{inset:186px 0 0!important;}
}
@media(min-width:601px) and (max-width:820px){
  .detective-body{height:calc(100% - 155px)!important;}
  .detective-shell:has(.detective-dossier-nav:not([hidden])) .detective-body{height:calc(100% - 199px)!important;}
}
@media(max-width:600px){
  .detective-body{height:calc(100% - 62px)!important;}
  .detective-shell:has(.detective-dossier-nav:not([hidden])) .detective-body{height:calc(100% - 102px)!important;}
}
@media(max-height:520px) and (orientation:landscape){
  .detective-body{height:calc(100% - 103px)!important;}
  .detective-shell:has(.detective-dossier-nav:not([hidden])) .detective-body{height:calc(100% - 139px)!important;}
}

.detective-primary-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}


/* ==========================================================================
   TOMO v1238.8 · Detective: conexiones, scroll y cierres coherentes
   ========================================================================== */

/* El shell funciona como columna real. El área de juego absorbe el espacio
   disponible en vez de depender de cálculos de altura que podían truncar el
   final de Conexiones en móvil/tablet. */
#detective-modal .detective-shell{display:flex!important;flex-direction:column!important;}
#detective-modal .detective-head,#detective-modal .detective-primary-nav,#detective-modal .detective-dossier-nav{flex:0 0 auto;}
#detective-modal .detective-body{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
#detective-modal .detective-main{
  height:100%!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
  scroll-padding-bottom:96px;
}
#detective-modal [data-detective-panel="tablero"]{padding-bottom:56px;}
#detective-modal .detective-theory-ready{scroll-margin-bottom:90px;}

/* Cierres: misma familia visual que lightbox/modales de TOMO. */


#detective-modal .detective-ui-close svg{width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;}
#detective-modal .detective-close{top:16px!important;right:17px!important;z-index:42!important;}
#detective-modal .detective-sheet-close{position:absolute!important;top:12px!important;right:12px!important;z-index:42!important;}
#detective-modal .detective-resolution-close{position:absolute!important;top:16px!important;right:16px!important;z-index:42!important;}

/* Conexiones: una sola superficie de trabajo, sin scroll interno ni carrusel. */
.detective-connection-guide{
  grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
  margin:0 0 12px;
}
.detective-connection-guide>div{
  display:grid;grid-template-columns:27px minmax(0,1fr);align-items:start;gap:8px;
  padding:9px 10px;border:1px solid var(--d-line);border-radius:10px;
  background:rgba(248,250,253,.66);
}
.detective-connection-guide span{
  display:grid;place-items:center;width:27px;height:27px;border-radius:50%;
  border:1px solid color-mix(in srgb,var(--d-brand) 42%,var(--d-line));
  font:750 6px/1 var(--tm-ui);letter-spacing:.04em;color:var(--d-brand);
}
.detective-connection-guide p{margin:1px 0 0;font:500 7.4px/1.42 var(--tm-ui);color:var(--d-muted)!important;}
.detective-connection-guide strong{font-weight:700;color:var(--d-ink)!important;}

.detective-board{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
.detective-connect-workbench{
  padding:12px!important;border:1px solid var(--d-line)!important;border-radius:13px!important;
  background:linear-gradient(145deg,rgba(248,250,253,.92),rgba(242,238,230,.72))!important;
  box-shadow:0 8px 22px rgba(29,29,27,.04)!important;
}
.detective-connect-line{
  position:sticky;z-index:8;
  display:grid!important;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) auto!important;
  gap:8px!important;align-items:center!important;
  margin:0!important;padding:9px!important;border:1px solid color-mix(in srgb,var(--d-brand) 26%,var(--d-line))!important;
  border-radius:11px!important;background:rgba(248,250,253,.96)!important;
  box-shadow:0 8px 22px rgba(29,29,27,.07)!important;
}
.detective-connect-slot{
  min-height:48px!important;padding:7px 9px!important;border-radius:9px!important;background:#fff!important;
}
.detective-connect-slot small{font-size:5.3px!important;}.detective-connect-slot strong{font-size:9px!important;}
.detective-connect-mark{display:grid!important;place-items:center;width:34px;height:34px;color:var(--d-brand)!important;}
.detective-connect-mark svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.detective-connect-line .bf{min-width:104px!important;min-height:40px!important;padding-inline:12px!important;}
.detective-connect-workbench>.err{min-height:0;margin:7px 2px 0!important;font-size:7.4px!important;}

.detective-piece-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:12px;
  margin:12px 2px 8px;padding-top:11px;border-top:1px solid var(--d-line);
}
.detective-piece-head>div:first-child{display:grid;gap:3px;}
.detective-piece-head>div:first-child>span{font:750 6.2px/1 var(--tm-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--d-brand);}
.detective-piece-head>div:first-child>small{font:500 7px/1.35 var(--tm-ui);color:var(--d-muted);}
.detective-piece-filters{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;}
.detective-piece-filters button{
  padding:0 9px;border:1px solid transparent;border-radius:999px;
  background:transparent;color:var(--d-muted);font:700 6.5px/1 var(--tm-ui);cursor:pointer;
}
.detective-piece-filters button:hover{background:rgba(255,255,255,.72);color:var(--d-ink);}
.detective-piece-filters button.activo{
  border-color:color-mix(in srgb,var(--d-brand) 38%,var(--d-line));
  background:#fff;color:var(--d-ink);box-shadow:0 3px 10px rgba(29,29,27,.04);
}
.detective-piece-palette{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;max-height:none!important;overflow:visible!important;padding:0!important;
}
.detective-piece{
  min-height:55px!important;padding:8px 9px!important;border-radius:9px!important;
  background:rgba(255,255,255,.72)!important;
}
.detective-piece:hover{transform:translateY(-1px);}
.detective-piece.elegido{background:rgba(163,178,151,.13)!important;}
.detective-piece strong{font-size:8.9px!important;}

.detective-confirmed-connections{
  margin-top:12px;padding:12px;border:1px solid var(--d-line);border-radius:13px;
  background:rgba(248,250,253,.55);
}
.detective-subhead-compact{margin-bottom:8px!important;}
.detective-subhead-compact h4{font-size:17px!important;}
.detective-board-canvas{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0!important;}
.detective-empty-board{min-height:112px!important;}
.detective-deduction-card{min-height:68px!important;padding:10px!important;}
.detective-deduction-card p{font-size:8.8px!important;line-height:1.45!important;}

@media(max-width:900px){
  .detective-connection-guide{grid-template-columns:1fr;}
  .detective-piece-palette{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .detective-connect-line{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)!important;}
  .detective-connect-line .bf{grid-column:1/-1;width:100%!important;}
}
@media(max-width:600px){
  #detective-modal .detective-main{
    padding-bottom:calc(86px + env(safe-area-inset-bottom))!important;
    scroll-padding-bottom:calc(96px + env(safe-area-inset-bottom));
  }
  #detective-modal [data-detective-panel="tablero"]{padding-bottom:calc(72px + env(safe-area-inset-bottom));}
  .detective-connection-guide{gap:5px;margin-bottom:8px;}
  .detective-connection-guide>div{grid-template-columns:23px minmax(0,1fr);padding:7px 8px;}
  .detective-connection-guide span{width:23px;height:23px;}
  .detective-connection-guide p{font-size:6.8px;}
  .detective-connect-workbench{padding:8px!important;}
  .detective-connect-line{
    top:0;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)!important;
    gap:5px!important;padding:6px!important;
  }
  .detective-connect-slot{min-height:44px!important;padding:6px 7px!important;}
  .detective-connect-slot small{font-size:4.9px!important;}.detective-connect-slot strong{font-size:7.6px!important;}
  .detective-connect-mark{width:24px;height:30px;}.detective-connect-mark svg{width:18px;height:18px;}
  .detective-connect-line .bf{grid-column:1/-1;min-height:38px!important;}
  .detective-piece-head{display:grid;align-items:start;margin-top:9px;padding-top:9px;}
  .detective-piece-filters{justify-content:flex-start;}
  .detective-piece-palette{grid-template-columns:1fr!important;}
  .detective-piece{min-height:52px!important;}
  .detective-confirmed-connections{padding:9px;}
  .detective-board-canvas{grid-template-columns:1fr!important;}
  #detective-modal .detective-close{top:8px!important;right:8px!important;}
}
@media(max-height:520px) and (orientation:landscape){
  #detective-modal .detective-main{padding-bottom:20px!important;scroll-padding-bottom:28px;}
  .detective-connect-line{position:static!important;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr) auto!important;}
  .detective-connect-line .bf{grid-column:auto!important;width:auto!important;min-width:90px!important;}
  .detective-piece-palette{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #detective-modal [data-detective-panel="tablero"]{padding-bottom:38px!important;}
}


/* ==========================================================================
   TOMO v1238.9 · Detective: jerarquía final, un solo cierre y UX limpia
   ========================================================================== */

/* Un solo cierre por estado. Cuando una hoja secundaria está abierta, el
   cierre del expediente se retira para no duplicar controles en la esquina. */
#detective-modal .detective-shell:has(.detective-discovery-sheet:not(.off)) > #detective-cerrar,#detective-modal .detective-shell:has(.detective-hint-sheet:not(.off)) > #detective-cerrar,#detective-modal .detective-shell:has(.detective-resolution:not(.off)) > #detective-cerrar{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
}
#detective-modal .detective-ui-close{
  width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;
  border:1px solid var(--tm-line)!important;border-radius:50%!important;
  background:var(--tm-surface)!important;color:var(--tinta)!important;
  box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
#detective-modal .detective-ui-close:hover{background:var(--tm-soft)!important;border-color:var(--tm-line)!important;}
#detective-modal .detective-ui-close:focus-visible{outline:2px solid color-mix(in srgb,var(--d-brand) 55%,transparent)!important;outline-offset:2px!important;}

/* Jerarquía de acciones: navegar > trabajar > confirmar. */
.detective-primary-nav button>span:last-child{display:grid;gap:2px;min-width:0;}
.detective-primary-nav b{font-weight:720!important;letter-spacing:.01em;}
.detective-primary-nav small{font-weight:520!important;color:var(--d-muted)!important;}
.detective-dossier-nav button{font-weight:650!important;}
.detective-dossier-nav button.activo{font-weight:760!important;}

/* Conexiones: una instrucción breve; la mesa de trabajo es la protagonista. */
.detective-connection-guide{display:none!important;}
.detective-connection-intro{
  display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:start;
  margin:0 0 12px;padding:11px 12px;border:1px solid var(--d-line);border-radius:12px;
  background:linear-gradient(145deg,rgba(248,250,253,.84),rgba(163,178,151,.08));
}
.detective-connection-intro-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--d-brand) 32%,var(--d-line));border-radius:10px;color:var(--d-brand);background:#fff;}
.detective-connection-intro-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.detective-connection-intro strong{display:block;margin:1px 0 4px;font:650 10px/1.35 var(--tm-reading);color:var(--d-ink)!important;}
.detective-connection-intro p{margin:0;font:500 7.7px/1.45 var(--tm-ui);color:var(--d-muted)!important;}
.detective-connect-line{top:-1px!important;}
.detective-connect-slot{display:grid!important;align-content:center!important;text-align:left!important;border:1px solid var(--d-line)!important;cursor:pointer;}
.detective-connect-slot.activo{border-color:color-mix(in srgb,var(--d-brand) 55%,var(--d-line))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--d-brand) 16%,transparent)!important;}
.detective-connect-line .bf span{font-weight:740!important;}
.detective-piece{display:grid;align-content:center;gap:3px;text-align:left;transition:transform .12s ease,border-color .12s ease,background .12s ease;}
.detective-piece:focus-visible{outline:2px solid color-mix(in srgb,var(--d-brand) 45%,transparent);outline-offset:2px;}
.detective-piece.elegido{border-color:color-mix(in srgb,var(--d-brand) 50%,var(--d-line))!important;}
.detective-lines-wrap{margin-top:11px;border-top:1px solid var(--d-line);padding-top:10px;}
.detective-lines-wrap summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;padding:2px 2px 8px;color:var(--d-ink);}
.detective-lines-wrap summary::-webkit-details-marker{display:none;}
.detective-lines-wrap summary span{font:730 7px/1 var(--tm-ui);letter-spacing:.10em;text-transform:uppercase;color:var(--d-brand);}
.detective-lines-wrap summary small{font:500 6.8px/1.3 var(--tm-ui);color:var(--d-muted);}
.detective-lines-wrap summary::after{content:"+";display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border:1px solid var(--d-line);border-radius:50%;font:500 14px/1 var(--tm-ui);color:var(--d-muted);}
.detective-lines-wrap[open] summary::after{content:"−";}
.detective-lines-wrap .detective-lines{margin:0 0 3px!important;}

/* Hotspots: la acción y el objeto se leen por separado. */
.detective-hotspot>small{display:grid!important;gap:2px!important;min-width:118px!important;max-width:190px!important;text-align:left!important;}
.detective-hotspot>small>b{font:800 5.2px/1 var(--tm-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--d-brand)!important;}
.detective-hotspot>small>span{font:650 6.8px/1.25 var(--tm-ui);color:var(--d-ink)!important;}
.detective-hotspot>small>i{font:500 5.8px/1.3 var(--tm-ui);font-style:normal;color:var(--d-muted)!important;}
.detective-hotspot.descubierto>small>b{color:var(--d-muted)!important;}

/* Resolución: dos pasos dentro de TOMO, sin confirmación nativa del navegador. */
.detective-resolution-actions{align-items:center!important;gap:8px!important;}
.detective-resolution-actions #detective-resolver-editar.off{display:none!important;}
.detective-resolution-actions #detective-resolver-editar{order:2;}
.detective-resolution-actions #detective-resolver-msg{order:3;flex:1 1 100%;margin:2px 0 0!important;}
#detective-resolver.confirmar{background:var(--d-ink)!important;border-color:var(--d-ink)!important;color:#fff!important;}
.detective-resolution-choice{border-width:1px!important;}
.detective-resolution-choice.activo{border-color:color-mix(in srgb,var(--d-brand) 70%,var(--d-line))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--d-brand) 14%,transparent)!important;}

.detective-theory-ready{border-top:1px solid var(--d-line)!important;background:linear-gradient(145deg,rgba(248,250,253,.78),rgba(163,178,151,.07))!important;}
.detective-theory-ready>div>span{color:var(--d-brand)!important;}
.detective-theory-ready>div>strong{font-size:16px!important;line-height:1.25!important;}
.detective-theory-ready>div>small{line-height:1.4!important;}

@media(max-width:600px){
  .detective-connection-intro{grid-template-columns:32px minmax(0,1fr);padding:9px 10px;gap:9px;}
  .detective-connection-intro-icon{width:32px;height:32px;}.detective-connection-intro-icon svg{width:17px;height:17px;}
  .detective-connection-intro strong{font-size:8.7px;}.detective-connection-intro p{font-size:6.9px;}
  .detective-lines-wrap summary{align-items:flex-start;}.detective-lines-wrap summary small{display:none;}
  .detective-hotspot>small{min-width:104px!important;max-width:150px!important;padding:6px 7px!important;}
  .detective-hotspot>small>span{font-size:6.2px!important;}.detective-hotspot>small>i{display:none!important;}
  .detective-resolution-actions{grid-template-columns:1fr!important;}
  .detective-resolution-actions #detective-resolver,.detective-resolution-actions #detective-resolver-editar{width:100%!important;}
}
@media(max-height:520px) and (orientation:landscape){
  .detective-connection-intro{display:none!important;}
  .detective-lines-wrap{margin-top:7px;padding-top:7px;}
  .detective-hotspot>small>i{display:none!important;}
}

.detective-lines-wrap .detective-lines{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;overflow:visible!important;}
@media(max-width:700px){.detective-lines-wrap .detective-lines{grid-template-columns:1fr!important;}.detective-line{min-height:0!important;}}

/* v1238.9 · fallback explícito para jerarquía de cierres (Safari/iPad incluido) */
#detective-cerrar.detective-close-subopen{display:none!important;}

/* ========================================================================== 
   TOMO v1238.13 · Detective Social · 5 jugadores
   Motor nuevo en paralelo al Detective legado. Geometría estable por viewport.
   ========================================================================== */
#detective-social-modal{padding:18px!important;background:rgba(25,29,28,.56)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;}
#detective-social-modal .detective-social-shell{
  
  width:min(1180px,calc(100vw - 36px))!important;max-width:1180px!important;height:min(860px,calc(100dvh - 36px))!important;max-height:none!important;
  padding:0!important;overflow:hidden!important;border:1px solid rgba(112,111,111,.24)!important;border-radius:20px!important;color:var(--ds-ink)!important;
  box-shadow:0 32px 86px rgba(16,20,19,.28)!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;
}
.detective-social-close{position:absolute!important;top:15px!important;right:15px!important;z-index:25!important;width:34px!important;height:34px!important;background:rgba(248,250,253,.96)!important;}
.ds-head{min-height:86px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:17px 62px 16px 20px;border-bottom:1px solid var(--ds-line);background:linear-gradient(120deg,rgba(248,250,253,.98),rgba(204,195,186,.13));}
.ds-brand{display:flex;align-items:center;gap:9px;min-width:130px;}.ds-brand img{width:61px;height:auto;}.ds-brand span{font:650 18px/1 var(--tm-reading);letter-spacing:-.02em;}.ds-head-copy{min-width:0;}.ds-head-copy small{display:block;margin-bottom:4px;font:750 7px/1 var(--tm-ui);letter-spacing:.16em;}.ds-head-copy h2{margin:0;font:600 23px/1.05 var(--tm-reading);}.ds-head-copy p{margin:4px 0 0;max-width:660px;font:500 8.2px/1.4 var(--tm-ui);}.ds-head-tools{display:flex;align-items:center;gap:6px;}.ds-head-tools .juego-sonido{position:static!important;}
.ds-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;padding:18px 20px 28px;scroll-padding-bottom:90px;}
.ds-view{display:grid;gap:16px;max-width:1120px;margin:0 auto;}.ds-view.off{display:none!important;}
.ds-case-hero{min-height:170px;display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);border:1px solid var(--ds-line);}.ds-case-art{overflow:hidden;}.ds-case-art img{width:100%;height:100%;object-fit:cover;display:block;}.ds-case-mark{height:100%;place-content:end start;color:#fff;}.ds-case-mark span{font:800 7px/1 var(--tm-ui);}.ds-case-mark strong{margin-top:6px;}.ds-case-hero>div:last-child{align-self:center;padding:22px 24px;}.ds-case-hero .eyebrow{font-size:7px;}.ds-case-hero h3{margin:5px 0 8px;font:600 29px/1.05 var(--tm-reading);}.ds-case-hero p{margin:0;max-width:700px;font:500 9.2px/1.55 var(--tm-ui);}.ds-case-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px;}.ds-case-meta span{padding:5px 8px;border:1px solid var(--ds-line);border-radius:999px;font:650 6.6px/1 var(--tm-ui);}
.ds-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:2px 2px 0;}.ds-section-head>div>span{display:block;margin-bottom:5px;font:800 6.7px/1 var(--tm-ui);letter-spacing:.16em;text-transform:uppercase;}.ds-section-head h3{margin:0;font:600 21px/1.1 var(--tm-reading);}.ds-section-head>p{margin:0;max-width:420px;font:500 8px/1.45 var(--tm-ui);text-align:right;}.ds-section-head.compact{align-items:center;}.ds-section-head.compact h3{font-size:18px;}
.ds-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}.ds-mode-card:after{box-shadow:0 0 0 18px rgba(131,146,149,.035);}.ds-mode-card.ds-mode-intriga{background:linear-gradient(145deg,#fff,rgba(113,132,137,.10));}.ds-mode-card.ds-mode-conspiracion{background:linear-gradient(145deg,#fff,rgba(204,195,186,.18));}.ds-mode-number{position:absolute;top:13px;right:14px;}.ds-mode-card>span{font:800 6.3px/1 var(--tm-ui);}.ds-mode-card p{font:500 8.2px/1.5 var(--tm-ui);}.ds-mode-card>.b{position:relative;z-index:2;}
.ds-active{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;border:1px solid rgba(131,146,149,.28);border-radius:13px;background:rgba(163,178,151,.10);}.ds-active>div{display:grid;gap:3px;}.ds-active span{font:800 6.2px/1 var(--tm-ui);letter-spacing:.14em;color:var(--ds-brand);}.ds-active strong{font:650 15px/1.2 var(--tm-reading);}.ds-active small{font:500 7px/1.3 var(--tm-ui);color:var(--ds-muted);}
.ds-home-row,.ds-ranking{display:grid;gap:8px;}.ds-list{display:grid;gap:6px;}.ds-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid var(--ds-line);border-radius:11px;background:#fff;}.ds-list-row>div{display:grid;gap:3px;}.ds-list-row strong{font:650 10px/1.25 var(--tm-ui);}.ds-list-row span{font:500 7px/1.3 var(--tm-ui);color:var(--ds-muted);}
.ds-back{justify-self:start;border:0;background:transparent;padding:3px 0;color:var(--ds-muted);font:650 8px/1 var(--tm-ui);cursor:pointer;}.ds-back:hover{color:var(--ds-ink);}
.ds-lobby-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;}.ds-lobby-top .eyebrow{font-size:6.6px;}.ds-lobby-top h3{margin:4px 0 5px;font:600 27px/1.05 var(--tm-reading);}.ds-lobby-top p{margin:0;font:500 8.1px/1.45 var(--tm-ui);}.ds-room-code{min-width:134px;padding:10px 12px;border:1px solid var(--ds-line);border-radius:11px;text-align:right;background:#fff;}.ds-room-code small{display:block;font:750 5.6px/1 var(--tm-ui);letter-spacing:.13em;color:var(--ds-muted);}.ds-room-code strong{display:block;margin-top:5px;font:700 20px/1 var(--tm-ui);letter-spacing:.12em;color:var(--ds-brand);}
.ds-seat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));}.ds-seat{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;padding:9px;border:1px solid var(--ds-line);border-radius:12px;background:#fff;}.ds-seat.mine{border-color:rgba(131,146,149,.55);background:rgba(163,178,151,.10);}.ds-seat.empty{background:rgba(248,250,253,.55);border-style:dashed;}.ds-seat>div{min-width:0;display:grid;gap:2px;}.ds-seat span{font:800 5.4px/1 var(--tm-ui);letter-spacing:.11em;}.ds-seat strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:650 8.2px/1.2 var(--tm-ui);}.ds-seat small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 6.5px/1.2 var(--tm-ui);}
.ds-avatar{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,var(--ds-sage),var(--ds-brand));color:white;font:700 13px/1 var(--tm-ui);}.ds-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.ds-character-section{display:grid;padding-top:3px;}.ds-character-grid{display:grid;}.ds-character{min-width:0;cursor:pointer;}.ds-character .ds-avatar{width:46px;height:52px;flex-basis:46px;border-radius:9px;}.ds-character>span{display:grid;gap:3px;min-width:0;}.ds-character strong{font:650 8.5px/1.25 var(--tm-ui);}.ds-character small{font:500 6.2px/1.25 var(--tm-ui);}.ds-lobby-actions{display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid var(--ds-line);}
.ds-match-bar{position:sticky;top:-18px;z-index:12;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 11px;margin:-2px 0 0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}.ds-match-bar>div:first-child{display:grid;gap:2px;min-width:0;}.ds-match-bar>div:first-child span{font:800 5.6px/1 var(--tm-ui);letter-spacing:.13em;color:var(--ds-brand);}.ds-match-bar>div:first-child strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:650 11px/1.2 var(--tm-reading);}.ds-clock{padding:7px 9px;border-left:1px solid var(--ds-line);font:700 7px/1 var(--tm-ui);color:var(--ds-muted);}.ds-players-button{display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--ds-line);border-radius:999px;background:#fff;color:var(--ds-ink);cursor:pointer;}.ds-players-button b{font:650 6.5px/1 var(--tm-ui);}#ds-player-dots{display:flex;gap:2px;}#ds-player-dots i{display:block;width:5px;height:5px;border-radius:50%;background:var(--ds-sand);}#ds-player-dots i.mine{background:var(--ds-brand);}#ds-player-dots i.tomo{box-shadow:0 0 0 1px var(--ds-brand) inset;background:transparent;}#ds-player-dots i.lead{width:7px;height:7px;margin-top:-1px;box-shadow:0 0 0 2px rgba(81,107,111,.20);background:#405b5f;}
.ds-role-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 13px;border:1px solid rgba(131,146,149,.30);border-radius:13px;background:linear-gradient(125deg,rgba(131,146,149,.10),rgba(163,178,151,.10));}.ds-role-card>div{display:grid;gap:3px;}.ds-role-card span{font:800 5.7px/1 var(--tm-ui);letter-spacing:.14em;}.ds-role-card strong{font:650 15px/1.1 var(--tm-reading);}.ds-role-card p{margin:0;font:500 7.3px/1.4 var(--tm-ui);}.ds-role-card>button{border:1px solid var(--ds-line);border-radius:999px;background:#fff;padding:0 9px;font:650 6.3px/1 var(--tm-ui);cursor:pointer;}.ds-role-card.hidden-role>div strong,.ds-role-card.hidden-role>div p{filter:blur(7px);user-select:none;}
.ds-impugnation{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 13px;border:1px solid rgba(156,113,58,.3);border-radius:13px;background:rgba(204,195,186,.18);}.ds-impugnation>div:first-child{display:grid;gap:3px;}.ds-impugnation span{font:800 5.8px/1 var(--tm-ui);letter-spacing:.14em;color:#8a683e;}.ds-impugnation strong{font:650 12px/1.2 var(--tm-reading);}.ds-impugnation p{margin:0;font:500 7.3px/1.4 var(--tm-ui);color:var(--ds-muted);}.ds-impugnation small{font:700 6.4px/1 var(--tm-ui);color:#8a683e;}.ds-imp-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;}
.ds-primary-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:4px;}.ds-primary-nav button{min-width:0;min-height:48px;border:0;border-radius:9px;display:grid;align-content:center;gap:3px;text-align:left;padding:7px 10px;color:var(--ds-muted);cursor:pointer;}.ds-primary-nav button b{font:700 8px/1 var(--tm-ui);}.ds-primary-nav button small{font:500 6.3px/1.2 var(--tm-ui);}
.ds-match-panels{min-height:0;}.ds-match-panel{display:grid;gap:11px;}.ds-match-panel.off{display:none!important;}.ds-location-tabs{display:flex;gap:6px;overflow:auto;padding-bottom:2px;scrollbar-width:none;}.ds-location-tabs::-webkit-scrollbar{display:none;}.ds-location-tabs button{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--ds-line);border-radius:999px;background:#fff;color:var(--ds-muted);cursor:pointer;}.ds-location-tabs button span{font:750 5.6px/1 var(--tm-ui);color:var(--ds-brand);}.ds-location-tabs button b{font:650 7px/1 var(--tm-ui);}.ds-location-tabs button.active{border-color:var(--ds-brand);color:var(--ds-ink);background:rgba(163,178,151,.10);}.ds-scene-head{display:flex;align-items:end;justify-content:space-between;padding:0 2px;}.ds-scene-head span{display:block;font:800 5.7px/1 var(--tm-ui);letter-spacing:.14em;}.ds-scene-head h3{margin:4px 0 3px;font:600 23px/1 var(--tm-reading);}.ds-scene-head p{margin:0;font:500 7.5px/1.4 var(--tm-ui);}.ds-scene-head>small{max-width:300px;text-align:right;font:500 6.6px/1.35 var(--tm-ui);color:var(--ds-muted);}
.ds-scene{position:relative;max-height:560px;overflow:hidden;border:1px solid var(--ds-line);}.ds-scene>img{width:100%;height:100%;object-fit:cover;display:block;}.ds-scene-placeholder{width:100%;height:100%;place-items:center;color:#fff;font:600 26px/1 var(--tm-reading);}.ds-hotspot{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#fff;cursor:pointer;text-align:left;z-index:3;}.ds-hotspot>i{width:19px;height:19px;flex:0 0 19px;border:2px solid rgba(255,255,255,.92);border-radius:50%;background:rgba(29,29,27,.38);box-shadow:0 0 0 7px rgba(255,255,255,.10);}.ds-hotspot>span{display:grid;gap:2px;min-width:112px;max-width:190px;padding:6px 7px;border-radius:8px;background:rgba(22,26,25,.78);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 5px 18px rgba(0,0,0,.15);}.ds-hotspot small{font:800 4.8px/1 var(--tm-ui);letter-spacing:.12em;color:#d9dfd3;}.ds-hotspot strong{font:650 6.8px/1.2 var(--tm-ui);}.ds-hotspot em{font:500 5.5px/1.25 var(--tm-ui);font-style:normal;color:rgba(255,255,255,.76);}.ds-hotspot.found>i{background:var(--ds-sage);border-color:#fff;}.ds-hotspot.exhausted{opacity:.52;}.ds-hotspot:focus-visible{outline:2px solid #fff;outline-offset:7px;border-radius:99px;}
.ds-dossier-tabs{padding:4px;border:1px solid var(--ds-line);border-radius:11px;background:rgba(204,195,186,.14);}.ds-dossier-tabs button{cursor:pointer;}.ds-dossier-tabs button.active{box-shadow:0 3px 10px rgba(29,29,27,.05);}#ds-dossier-content{min-height:180px;}.ds-empty{display:grid;place-content:center;gap:5px;min-height:230px;text-align:center;border:1px dashed var(--ds-line);}.ds-empty strong{font:650 16px/1.2 var(--tm-reading);}.ds-empty span{font:500 7.4px/1.4 var(--tm-ui);color:var(--ds-muted);}
.ds-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}.ds-evidence-card{min-width:0;display:grid;grid-template-columns:82px minmax(0,1fr);gap:9px;min-height:105px;padding:8px;border:1px solid var(--ds-line);color:var(--ds-ink);text-align:left;cursor:pointer;}.ds-evidence-card>img{width:82px;height:87px;border-radius:8px;}.ds-evidence-card>span{min-width:0;display:grid;align-content:center;gap:3px;}.ds-evidence-card small{font:800 5.2px/1 var(--tm-ui);letter-spacing:.11em;text-transform:uppercase;color:var(--ds-brand);}.ds-evidence-card strong{font:650 9px/1.2 var(--tm-ui);}.ds-evidence-card em{font:500 6.2px/1.35 var(--tm-ui);font-style:normal;color:var(--ds-muted);}.ds-evidence-card i{font:650 5.3px/1.25 var(--tm-ui);font-style:normal;color:var(--ds-brand);}.ds-evidence-card.reference i{color:var(--ds-muted);}
.ds-people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.ds-person-card{display:grid;gap:9px;padding:11px;border:1px solid var(--ds-line);border-radius:13px;background:#fff;}.ds-person-head{display:flex;align-items:center;gap:9px;}.ds-person-head .ds-avatar{width:48px;height:56px;flex-basis:48px;border-radius:10px;}.ds-person-head>div{display:grid;gap:2px;}.ds-person-head strong{font:650 11px/1.15 var(--tm-reading);}.ds-person-head span{font:500 6.8px/1.25 var(--tm-ui);color:var(--ds-muted);}.ds-person-card>p{margin:0;font:500 7.2px/1.45 var(--tm-ui);color:var(--ds-muted);}.ds-questions{display:grid;gap:5px;padding-top:7px;border-top:1px solid var(--ds-line);}.ds-question{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding:6px 0;}.ds-question+ .ds-question{border-top:1px solid rgba(112,111,111,.12);}.ds-question>div{display:grid;gap:4px;}.ds-question span{font:600 7.2px/1.35 var(--tm-ui);}.ds-question p{margin:0;padding:6px 7px;border-left:2px solid var(--ds-sage);background:rgba(163,178,151,.07);font:500 7px/1.45 var(--tm-reading);color:var(--ds-muted);}
.ds-activity{display:grid;gap:5px;}.ds-event{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:8px;padding:8px 9px;border:1px solid var(--ds-line);border-radius:10px;background:#fff;}.ds-event .ds-avatar{width:29px;height:29px;flex-basis:29px;}.ds-event>div{display:grid;gap:2px;}.ds-event strong{font:650 7.4px/1.3 var(--tm-ui);}.ds-event span{font:500 6.5px/1.35 var(--tm-ui);color:var(--ds-muted);}.ds-event time{font:600 5.7px/1 var(--tm-ui);color:var(--ds-muted);white-space:nowrap;}
.ds-resolve-head{padding:2px;}.ds-resolve-head>span{font:800 5.9px/1 var(--tm-ui);letter-spacing:.15em;color:var(--ds-brand);}.ds-resolve-head h3{margin:5px 0 4px;font:600 24px/1.05 var(--tm-reading);}.ds-resolve-head p{margin:0;font:500 7.5px/1.4 var(--tm-ui);color:var(--ds-muted);}.ds-hypothesis-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.ds-hypothesis-fields label{display:grid;gap:5px;padding:9px;border:1px solid var(--ds-line);border-radius:11px;background:#fff;font:700 6.3px/1 var(--tm-ui);letter-spacing:.07em;text-transform:uppercase;color:var(--ds-muted);}.ds-hypothesis-fields select{height:37px;border:1px solid var(--ds-line);border-radius:8px;background:var(--ds-paper);padding:0 9px;color:var(--ds-ink);font:600 8px/1 var(--tm-ui);text-transform:none;letter-spacing:0;}.ds-support{display:grid;gap:5px;padding-top:10px;border-top:1px solid var(--ds-line);}.ds-support>strong{font:650 12px/1.2 var(--tm-reading);}.ds-support>p{margin:0;font:500 7px/1.35 var(--tm-ui);color:var(--ds-muted);}#ds-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:4px;}.ds-support-card{min-width:0;display:grid;grid-template-columns:16px minmax(0,1fr);gap:7px;align-items:center;padding:8px;border:1px solid var(--ds-line);border-radius:9px;background:#fff;text-align:left;color:var(--ds-ink);cursor:pointer;}.ds-support-card>i{width:14px;height:14px;border:1px solid var(--ds-line);border-radius:50%;}.ds-support-card.selected{border-color:var(--ds-brand);background:rgba(163,178,151,.08);}.ds-support-card.selected>i{border:4px solid var(--ds-brand);}.ds-support-card span{display:grid;gap:2px;min-width:0;}.ds-support-card strong{font:650 7.5px/1.2 var(--tm-ui);}.ds-support-card small{font:500 5.9px/1.3 var(--tm-ui);color:var(--ds-muted);}.ds-resolve-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px;padding-top:10px;border-top:1px solid var(--ds-line);flex-wrap:wrap;}.ds-resolve-actions>small{flex:1 1 100%;text-align:right;font:500 6.5px/1.3 var(--tm-ui);color:var(--ds-muted);}.ds-formal-accusation.confirming,.ds-resolve-actions .confirming{background:var(--ds-ink)!important;border-color:var(--ds-ink)!important;}.ds-antagonist-note,.ds-result-card{padding:20px;border:1px solid var(--ds-line);border-radius:14px;background:#fff;}.ds-antagonist-note>span,.ds-result-card>span{font:800 6px/1 var(--tm-ui);letter-spacing:.15em;color:var(--ds-brand);}.ds-antagonist-note strong{display:block;margin:7px 0;font:600 23px/1 var(--tm-reading);}.ds-antagonist-note p,.ds-antagonist-note small,.ds-result-card p,.ds-result-card small{font:500 7.8px/1.45 var(--tm-ui);color:var(--ds-muted);}.ds-result-card h3{margin:8px 0;font:600 27px/1 var(--tm-reading);}.ds-result-card.winner{background:linear-gradient(145deg,#fff,rgba(163,178,151,.12));border-color:rgba(131,146,149,.35);}
/* Detective · Ruleset 3 · configuración de Caso */
.ds-case-setup-sheet{display:grid;align-content:start;gap:14px;}
.ds-case-setup-group{display:grid;gap:8px;padding:12px;border:1px solid var(--ds-line);border-radius:14px;background:#fff;}
.ds-case-setup-group>span{font:800 6.5px/1 var(--tm-ui);letter-spacing:.13em;color:var(--ds-brand);}
.ds-case-setup-group>strong{font:650 14px/1.15 var(--tm-ui);color:var(--ds-ink);}
.ds-case-setup-group>small{font:500 7.2px/1.45 var(--tm-ui);color:var(--ds-muted);}
.ds-case-count{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;}
.ds-case-count button{height:40px;border:1px solid var(--ds-line);border-radius:11px;background:var(--tm-surface,#fff);color:var(--ds-ink);font:700 10.5px/1 var(--tm-ui);cursor:pointer;}
.ds-case-count button.active{border-color:#839295;background:#839295;color:#f8fafd;}
.ds-case-fill{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:5px;border:1px solid color-mix(in srgb,var(--ds-line) 82%,transparent);border-radius:999px;background:color-mix(in srgb,#839295 5%,#fff);}
.ds-case-fill button{height:38px;border:0;border-radius:999px;background:transparent;color:#706f6f;font:650 10px/1 var(--tm-ui);cursor:pointer;}
.ds-case-fill button.active{background:#839295;color:#f8fafd;box-shadow:0 7px 18px color-mix(in srgb,#839295 24%,transparent);}
.ds-case-setup-sheet>.b{width:100%;margin-top:2px;}
.ds-sheet{position:absolute;top:0;right:0;bottom:0;z-index:40;width:min(430px,92%);padding:56px 18px 22px;overflow:auto;overscroll-behavior:contain;background:rgba(248,250,253,.99);border-left:1px solid var(--ds-line);box-shadow:-20px 0 50px rgba(24,28,27,.18);}.ds-sheet.off{display:none!important;}.ds-sheet>.lb-close{position:absolute!important;top:14px!important;right:14px!important;}.ds-sheet>.eyebrow{font-size:6px;}.ds-sheet>h3{margin:5px 0 6px;font:600 24px/1.05 var(--tm-reading);}.ds-sheet>p{margin:0 0 12px;font:500 7.6px/1.45 var(--tm-ui);color:var(--ds-muted);}.ds-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;}.ds-search input{min-width:0;height:38px;border:1px solid var(--ds-line);border-radius:9px;background:#fff;padding:0 10px;font:500 8px/1 var(--tm-ui);}.ds-invite-results,.ds-player-actions{display:grid;gap:5px;margin-top:9px;}.ds-invite-result{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:7px;border:1px solid var(--ds-line);border-radius:9px;background:#fff;text-align:left;color:var(--ds-ink);cursor:pointer;}.ds-invite-result .ds-avatar{width:34px;height:34px;flex-basis:34px;}.ds-invite-result>span{display:grid;gap:2px;}.ds-invite-result strong{font:650 7.5px/1.2 var(--tm-ui);}.ds-invite-result small{font:500 6.2px/1 var(--tm-ui);color:var(--ds-muted);}.ds-invite-selected{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0;}.ds-invite-chip{padding:5px 7px;border:1px solid var(--ds-line);border-radius:999px;background:rgba(163,178,151,.08);font:650 6.3px/1 var(--tm-ui);cursor:pointer;}.ds-player-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;border:1px solid var(--ds-line);border-radius:10px;background:#fff;}.ds-player-row>div:nth-child(2){display:grid;gap:2px;}.ds-player-row strong{font:650 8px/1.2 var(--tm-ui);}.ds-player-row span{font:500 6.3px/1.2 var(--tm-ui);color:var(--ds-muted);}.ds-player-row-actions{display:flex;gap:4px;}.ds-player-row-actions .b{padding:0 8px!important;}.ds-evidence-detail{display:grid;gap:10px;}.ds-evidence-detail img{width:100%;max-height:320px;object-fit:contain;border-radius:11px;background:rgba(204,195,186,.15);}.ds-evidence-detail span{font:800 6px/1 var(--tm-ui);letter-spacing:.13em;color:var(--ds-brand);}.ds-evidence-detail h3{margin:0;font:600 25px/1.05 var(--tm-reading);}.ds-evidence-detail p{margin:0;font:500 8px/1.5 var(--tm-ui);color:var(--ds-muted);}.ds-evidence-detail-actions{display:flex;gap:6px;flex-wrap:wrap;padding-top:9px;border-top:1px solid var(--ds-line);}
#ds-toast{z-index:70!important;}

@media(max-width:900px){
  #detective-social-modal{padding:12px!important;}.detective-social-shell{width:calc(100vw - 24px)!important;height:calc(100dvh - 24px)!important;}.ds-head{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:13px 56px 12px 14px;}.ds-brand{min-width:0;}.ds-brand img{width:50px;}.ds-brand span{font-size:15px;}.ds-head-copy h2{font-size:20px;}.ds-head-tools{display:none;}.ds-scroll{padding:13px 14px 22px;}.ds-case-hero{grid-template-columns:35% minmax(0,1fr);min-height:150px;}.ds-case-art{min-height:150px;}.ds-case-hero>div:last-child{padding:17px;}.ds-case-hero h3{font-size:24px;}.ds-mode-card{min-height:145px;}.ds-seat-grid{grid-template-columns:repeat(5,minmax(115px,1fr));padding-bottom:4px;scrollbar-width:none;}.ds-seat-grid::-webkit-scrollbar{display:none;}.ds-character-grid{padding-bottom:4px;scrollbar-width:none;}.ds-character-grid::-webkit-scrollbar{display:none;}.ds-scene{min-height:370px;}.ds-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.ds-hypothesis-fields{grid-template-columns:1fr 1fr;}#ds-support-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:600px){
  #detective-social-modal{padding:0!important;place-items:stretch!important;background:var(--ds-paper)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}#detective-social-modal .detective-social-shell{width:100vw!important;height:100dvh!important;max-width:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;grid-template-rows:auto minmax(0,1fr)!important;}.detective-social-close{top:8px!important;right:8px!important;width:36px!important;height:36px!important;}.ds-head{min-height:66px;grid-template-columns:1fr;padding:10px 52px 9px 12px;}.ds-brand{gap:7px;}.ds-brand img{width:47px;}.ds-brand span{font-size:15px;}.ds-head-copy{display:none;}.ds-scroll{padding:10px 10px calc(18px + env(safe-area-inset-bottom));scroll-padding-bottom:calc(90px + env(safe-area-inset-bottom));overflow-x:hidden;}.ds-view{gap:11px;}.ds-case-hero{grid-template-columns:1fr;min-height:0;border-radius:13px;}.ds-case-art{min-height:136px;max-height:158px;}.ds-case-hero>div:last-child{padding:13px;}.ds-case-hero h3{font-size:22px;}.ds-case-hero p{font-size:7.6px;line-height:1.45;}.ds-case-meta{margin-top:9px;}.ds-section-head{align-items:start;}.ds-section-head h3{font-size:18px;}.ds-section-head>p{display:none;}.ds-mode-card{min-height:132px;padding:13px;}.ds-mode-card h3{font-size:19px;}.ds-mode-card p{font-size:7.4px;margin-bottom:11px;}.ds-active{display:grid;}.ds-active .b{width:100%;}.ds-list-row{align-items:stretch;display:grid;}.ds-list-row .b{width:100%;}.ds-lobby-top{align-items:start;display:grid;grid-template-columns:minmax(0,1fr) auto;}.ds-lobby-top h3{font-size:22px;}.ds-lobby-top p{font-size:7px;}.ds-room-code{min-width:100px;padding:8px;}.ds-room-code strong{font-size:17px;}.ds-seat-grid{grid-template-columns:repeat(5,146px);margin-inline:-10px;padding-inline:10px;}.ds-seat{grid-template-columns:34px minmax(0,1fr);padding:7px;}.ds-seat .ds-avatar{width:34px;height:34px;flex-basis:34px;}.ds-character-grid{grid-template-columns:repeat(5,166px);margin-inline:-10px;padding-inline:10px;}.ds-character{grid-template-columns:42px minmax(0,1fr);}.ds-character .ds-avatar{width:42px;height:48px;flex-basis:42px;}.ds-lobby-actions{display:grid;}.ds-match-bar{top:-10px;margin:0;grid-template-columns:minmax(0,1fr) auto;padding:7px 8px;}.ds-clock{grid-column:1/-1;border-left:0;border-top:1px solid var(--ds-line);padding:6px 0 0;text-align:right;}.ds-players-button b{display:none;}.ds-role-card{padding:9px 10px;}.ds-role-card strong{font-size:13px;}.ds-role-card p{font-size:6.7px;}.ds-impugnation{display:grid;padding:10px;}.ds-imp-actions{justify-content:start;}.ds-primary-nav{position:sticky;top:47px;z-index:11;}.ds-primary-nav button{min-height:44px;padding:6px 7px;}.ds-primary-nav button b{font-size:7.3px;}.ds-primary-nav button small{display:none;}.ds-location-tabs{margin-inline:-10px;padding-inline:10px;}.ds-scene-head{align-items:start;}.ds-scene-head h3{font-size:20px;}.ds-scene-head>small{display:none;}.ds-scene{min-height:0;max-height:none;aspect-ratio:4/3;border-radius:12px;}.ds-hotspot>span{min-width:94px;max-width:130px;padding:5px 6px;}.ds-hotspot em{display:none;}.ds-evidence-grid,.ds-people-grid,#ds-support-grid,.ds-hypothesis-fields{grid-template-columns:1fr;}.ds-evidence-card{grid-template-columns:72px minmax(0,1fr);min-height:93px;}.ds-evidence-card>img{width:72px;height:75px;}.ds-person-head strong{font-size:10px;}.ds-resolve-head h3{font-size:21px;}.ds-resolve-actions{display:grid;grid-template-columns:1fr;}.ds-resolve-actions .b{width:100%;}.ds-resolve-actions>small{text-align:left;}.ds-sheet{position:fixed;inset:0;z-index:4600;width:100vw;padding:54px 12px calc(18px + env(safe-area-inset-bottom));border:0;box-shadow:none;}.ds-sheet>.lb-close{top:8px!important;right:8px!important;}.ds-player-row{grid-template-columns:35px minmax(0,1fr);}.ds-player-row-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;}.ds-player-row-actions .b{width:100%;}
}
@media(max-height:520px) and (orientation:landscape){
  #detective-social-modal{padding:0!important;place-items:stretch!important;}#detective-social-modal .detective-social-shell{width:100vw!important;height:100dvh!important;max-width:none!important;border:0!important;border-radius:0!important;}.ds-head{min-height:50px;padding:7px 52px 6px 10px;}.ds-brand img{width:42px;}.ds-brand span{font-size:14px;}.ds-head-copy{display:none;}.ds-scroll{padding:7px 9px calc(10px + env(safe-area-inset-bottom));}.ds-case-hero{grid-template-columns:31% 1fr;min-height:118px;}.ds-case-art{min-height:118px;}.ds-case-hero>div:last-child{padding:11px;}.ds-case-hero h3{font-size:19px;}.ds-mode-card{min-height:122px;padding:10px;}.ds-mode-card h3{font-size:17px;}.ds-mode-card p{font-size:6.6px;line-height:1.35;}.ds-mode-number{font-size:20px;}.ds-seat-grid{overflow:visible;}.ds-character-grid{overflow:visible;}.ds-character{grid-template-columns:30px minmax(0,1fr);padding:5px;}.ds-character .ds-avatar{width:30px;height:34px;flex-basis:30px;}.ds-lobby-actions{padding-top:7px;}.ds-match-bar{position:static;grid-template-columns:minmax(0,1fr) auto auto;padding:6px 8px;}.ds-clock{grid-column:auto;border-top:0;border-left:1px solid var(--ds-line);padding:5px 7px;}.ds-primary-nav{position:static;}.ds-role-card{padding:7px 9px;}.ds-role-card p{display:none;}.ds-scene-head h3{font-size:18px;}.ds-evidence-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.ds-people-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.ds-hypothesis-fields{grid-template-columns:repeat(2,minmax(0,1fr));}#ds-support-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.ds-sheet{position:fixed;inset:0 0 0 auto;width:min(430px,64vw);height:100dvh;padding-top:48px;}
  /* En teléfonos horizontales el CTA no puede quedar enterrado bajo toda la mesa.
     El estado/Jugar se muestra inmediatamente después del encabezado; el resto
     de la configuración sigue disponible en el mismo scroll. */
  #ds-lobby>.ds-back{order:1;}#ds-lobby>.ds-lobby-top{order:2;}#ds-lobby>.ds-lobby-ready{order:3;}#ds-lobby>.ds-seat-grid{order:4;}#ds-lobby>.ds-character-section{order:5;}#ds-lobby>.ds-lobby-actions{order:6;}#ds-lobby>.err{order:7;}
  .ds-lobby-ready{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:8px 10px;}.ds-lobby-ready>div>strong{font-size:13px;}.ds-lobby-ready>div>small{font-size:6.2px;}.ds-play-button{min-width:118px!important;min-height:38px!important;}
}

/* TOMO v1238.13 · Jerarquía global de capas en Desafíos */






/* ========================================================================== 
   TOMO v1238.16 · Jerarquía única de overlays · Desafíos + Hilo
   La capa visual se decide por FUNCIÓN, no por el orden del DOM.
   Juego < hoja interna < premio < Hilo/notificaciones < feedback < acceso.
   ========================================================================== */
:root{
  --tm-z-desafio:3900;
  --tm-z-desafio-social:4200;
  --tm-z-desafio-sheet:4600;
  --tm-z-desafio-premio:5200;
  --tm-z-insignia:5600;
  --tm-z-hilo-panel:6200;
  --tm-z-hilo-detalle:6400;
  --tm-z-feedback:14000;
  --tm-z-acceso:15000;
}
#desafio-test-modal,#trivia-modal,#duelo-modal,#detective-modal{z-index:var(--tm-z-desafio)!important;}
#detective-social-modal{z-index:var(--tm-z-desafio-social)!important;}
#detective-social-modal .ds-sheet{z-index:var(--tm-z-desafio-sheet)!important;}
#desafio-premio-modal{z-index:var(--tm-z-desafio-premio)!important;}
#ins-lb{z-index:var(--tm-z-insignia)!important;}
/* Hilo / campana / buzón siempre pueden aparecer por encima de un juego sin
   depender de cuál modal fue escrito después en index.html. */
#noti[data-ver="si"],#msj-lista[data-ver="si"]{z-index:var(--tm-z-hilo-panel)!important;}
#noti-detalle[data-ver="si"],#msj-hilo[data-ver="si"]{z-index:var(--tm-z-hilo-detalle)!important;}
/* Confirmaciones como "Compartido en Hilo" son feedback global y deben quedar
   por encima de resultado, premio, campana o hilo de mensajes. */
#aviso[data-ver="si"]{z-index:var(--tm-z-feedback)!important;}
#reg[data-ver="si"]{z-index:var(--tm-z-acceso)!important;}

/* ========================================================================== 
   TOMO v1238.17 · Geometría unificada de Desafíos
   Corrige centrado, safe areas, viewport dinámico y barras de acciones en
   Quest / Trivia / Duelo / Detective / Detective Social / premio.
   No modifica z-index ni audio.
   ========================================================================== */
:root{--tm-desafios-vh:100dvh;}
:is(#desafio-test-modal,#trivia-modal,#duelo-modal,#detective-modal,#detective-social-modal,#desafio-premio-modal)[data-ver="si"]{
  position:fixed!important;inset:0!important;width:100vw!important;height:var(--tm-desafios-vh,100dvh)!important;
  margin:0!important;box-sizing:border-box!important;overflow:hidden!important;
}
:is(#desafio-test-modal,#trivia-modal,#desafio-premio-modal)[data-ver="si"]{
  display:grid!important;place-items:center!important;align-items:center!important;justify-content:center!important;
  padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;
}
:is(#desafio-test-modal,#trivia-modal)[data-ver="si"]>.juego-card-modal,#desafio-premio-modal[data-ver="si"]>.desafio-premio-box{
  position:relative!important;inset:auto!important;transform:none!important;margin:auto!important;
  width:min(560px,calc(100vw - 24px))!important;height:auto!important;
  max-width:560px!important;max-height:calc(var(--tm-desafios-vh,100dvh) - 24px)!important;
  overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;box-sizing:border-box!important;
}
:is(#desafio-test-modal,#trivia-modal,#duelo-modal,#detective-modal,#detective-social-modal,#desafio-premio-modal) .acc{
  position:static!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;
  box-shadow:none!important;
}
:is(#desafio-test-modal,#trivia-modal,#duelo-modal,#detective-modal,#detective-social-modal,#desafio-premio-modal) :is(button,.b,input,select,textarea){box-sizing:border-box!important;}

/* Tablet / iPad: una sola regla de margen y centro. */
@media (min-width:601px) and (max-width:1024px){
  :is(#desafio-test-modal,#trivia-modal,#duelo-modal,#detective-modal,#detective-social-modal,#desafio-premio-modal)[data-ver="si"]{
    padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;
    align-items:center!important;justify-content:center!important;
  }
  #duelo-modal[data-ver="si"]>.duelo-box{position:relative!important;inset:auto!important;transform:none!important;margin:auto!important;width:min(820px,calc(100vw - 24px))!important;max-width:820px!important;height:auto!important;max-height:calc(var(--tm-desafios-vh,100dvh) - 24px)!important;overflow:auto!important;}
  #detective-modal[data-ver="si"]>.detective-shell,#detective-social-modal[data-ver="si"]>.detective-social-shell{position:relative!important;inset:auto!important;transform:none!important;margin:auto!important;width:calc(100vw - 24px)!important;max-width:980px!important;height:calc(var(--tm-desafios-vh,100dvh) - 24px)!important;max-height:calc(var(--tm-desafios-vh,100dvh) - 24px)!important;border-radius:22px!important;overflow:hidden!important;}
}

/* Teléfono: tarjetas simples centradas; juegos largos usan casi toda la pantalla
   pero conservan un borde estable. Esto evita modales desplazados por las barras
   dinámicas de Safari/Chrome y mantiene siempre accesibles los controles. */
@media (max-width:600px){
  :is(#desafio-test-modal,#trivia-modal,#desafio-premio-modal)[data-ver="si"]{
    padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
  }
  :is(#desafio-test-modal,#trivia-modal)[data-ver="si"]>.juego-card-modal,#desafio-premio-modal[data-ver="si"]>.desafio-premio-box{
    width:min(430px,calc(100vw - 16px))!important;max-width:430px!important;height:auto!important;
    max-height:calc(var(--tm-desafios-vh,100dvh) - 16px)!important;margin:auto!important;border-radius:22px!important;
  }
  :is(#duelo-modal,#detective-modal,#detective-social-modal)[data-ver="si"]{
    display:grid!important;place-items:center!important;padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))!important;
    align-items:center!important;justify-content:center!important;
  }
  #duelo-modal[data-ver="si"]>.duelo-box,#detective-modal[data-ver="si"]>.detective-shell,#detective-social-modal[data-ver="si"]>.detective-social-shell{
    position:relative!important;inset:auto!important;transform:none!important;margin:auto!important;
    width:calc(100vw - 12px)!important;max-width:none!important;height:calc(var(--tm-desafios-vh,100dvh) - 12px)!important;
    max-height:calc(var(--tm-desafios-vh,100dvh) - 12px)!important;border-radius:20px!important;box-sizing:border-box!important;
  }
  #duelo-modal[data-ver="si"]>.duelo-box{display:block!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;padding:17px 13px max(16px,env(safe-area-inset-bottom))!important;}
  #detective-modal[data-ver="si"]>.detective-shell,#detective-social-modal[data-ver="si"]>.detective-social-shell{overflow:hidden!important;}

  /* Botones y acciones unidos al bloque al que pertenecen. */
  #duelo-modal .duelo-ruta{min-height:0!important;padding:14px!important;}
  #duelo-modal .duelo-ruta>p{min-height:0!important;margin-bottom:8px!important;}
  #duelo-modal .duelo-ruta>:is(.b,.duelo-busca,.duelo-invitacion){margin-top:10px!important;}
  #duelo-modal :is(.duelo-invitacion .acc,.duelo-espera .acc,.duelo-resultado .acc){position:static!important;margin-top:10px!important;padding-top:0!important;background:transparent!important;}
  #duelo-modal .duelo-fila{align-items:start!important;}
  #duelo-modal .duelo-fila-acciones{align-self:start!important;justify-content:flex-start!important;}
  #duelo-modal .duelo-fila-acciones .b{min-height:36px!important;}
  #duelo-modal .duelo-busca{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;}

  #detective-social-modal .ds-lobby-actions{position:static!important;margin-top:10px!important;padding:10px 0 0!important;background:transparent!important;}
  #detective-social-modal .ds-lobby-actions .b{min-height:42px!important;}
  #detective-social-modal .ds-scroll{height:auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;}
  #detective-social-modal .ds-primary-nav{left:auto!important;right:auto!important;width:auto!important;transform:none!important;}

  #detective-modal .detective-main{min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;}
  #detective-modal .detective-primary-nav,#detective-modal .detective-dossier-nav{width:100%!important;margin-inline:0!important;transform:none!important;}

  /* El premio es un popup, no una hoja pegada a un borde. */
  #desafio-premio-modal .desafio-premio-box{left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;}
  #desafio-premio-modal .acc{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%!important;}
  #desafio-premio-modal .acc .b{width:100%!important;min-height:40px!important;}
}

/* Teléfonos muy estrechos: nunca sacrificar el margen ni separar controles. */
@media (max-width:360px){
  :is(#desafio-test-modal,#trivia-modal)[data-ver="si"]>.juego-card-modal,#desafio-premio-modal[data-ver="si"]>.desafio-premio-box{width:calc(100vw - 12px)!important;max-height:calc(var(--tm-desafios-vh,100dvh) - 12px)!important;border-radius:18px!important;}
  #duelo-modal[data-ver="si"]>.duelo-box,#detective-modal[data-ver="si"]>.detective-shell,#detective-social-modal[data-ver="si"]>.detective-social-shell{width:calc(100vw - 8px)!important;height:calc(var(--tm-desafios-vh,100dvh) - 8px)!important;max-height:calc(var(--tm-desafios-vh,100dvh) - 8px)!important;border-radius:17px!important;}
}

/* Horizontal de teléfono: priorizar altura útil y scroll interno estable. */
@media (max-height:520px) and (orientation:landscape){
  :is(#desafio-test-modal,#trivia-modal,#desafio-premio-modal)[data-ver="si"]>.juego-card-modal,#desafio-premio-modal[data-ver="si"]>.desafio-premio-box{max-height:calc(var(--tm-desafios-vh,100dvh) - 10px)!important;}
  #duelo-modal[data-ver="si"]>.duelo-box,#detective-modal[data-ver="si"]>.detective-shell,#detective-social-modal[data-ver="si"]>.detective-social-shell{border-radius:15px!important;}
}
@media (max-height:520px) and (orientation:landscape){
  :is(#desafio-test-modal,#trivia-modal,#duelo-modal,#detective-modal,#detective-social-modal,#desafio-premio-modal)[data-ver="si"]{
    padding:4px!important;place-items:center!important;align-items:center!important;justify-content:center!important;
  }
  :is(#desafio-test-modal,#trivia-modal)[data-ver="si"]>.juego-card-modal,#desafio-premio-modal[data-ver="si"]>.desafio-premio-box,#duelo-modal[data-ver="si"]>.duelo-box,#detective-modal[data-ver="si"]>.detective-shell,#detective-social-modal[data-ver="si"]>.detective-social-shell{
    max-height:calc(var(--tm-desafios-vh,100dvh) - 8px)!important;margin:auto!important;
  }
  #duelo-modal[data-ver="si"]>.duelo-box,#detective-modal[data-ver="si"]>.detective-shell,#detective-social-modal[data-ver="si"]>.detective-social-shell{height:calc(var(--tm-desafios-vh,100dvh) - 8px)!important;}
}

/* v1238.17 · Cierre unificado del premio: mismo control circular y esquina
   que Quest / Trivia / Duelo; antes heredaba el .x genérico y podía quedar
   centrado/desalineado en móvil. */
#desafio-premio-modal>.desafio-premio-box>.x{
  position:absolute!important;top:12px!important;right:12px!important;left:auto!important;bottom:auto!important;
  width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;
  display:grid!important;place-items:center!important;border:1px solid var(--tm-line)!important;border-radius:50%!important;
  background:color-mix(in srgb,var(--tm-surface,#fff) 96%,transparent)!important;color:var(--tinta)!important;
  font:500 19px/1 var(--tm-ui)!important;box-shadow:0 7px 18px rgba(29,29,27,.07)!important;z-index:8!important;
}
@media(max-width:600px){#desafio-premio-modal>.desafio-premio-box>.x{top:10px!important;right:10px!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;}}

/* ========================================================================== 
   TOMO v1238.18 · Detective: tres productos claros + mesa simplificada.
   Sólo presentación del motor Social. No altera Quest/Trivia/Duelo/audio.
   ========================================================================== */
.ds-cases-wrap{display:grid;gap:9px;}.ds-case-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}.ds-case-choice{min-width:0;display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:11px;padding:9px;border:1px solid var(--ds-line);}.ds-case-choice-art{height:82px;border-radius:10px;overflow:hidden;}.ds-case-choice-art img{width:100%;height:100%;object-fit:cover;display:block;}.ds-case-choice>div:nth-child(2){min-width:0;display:grid;gap:3px;}.ds-case-choice>div:nth-child(2)>span{font:800 5.8px/1 var(--tm-ui);letter-spacing:.13em;color:var(--ds-brand);}.ds-case-choice>div:nth-child(2)>strong{font:650 11px/1.2 var(--tm-reading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.ds-case-choice>div:nth-child(2)>small{font:550 6.5px/1.25 var(--tm-ui);color:var(--ds-muted);}.ds-case-choice>div:nth-child(2)>p{margin:2px 0 0;font:500 7px/1.35 var(--tm-ui);color:var(--ds-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.ds-case-choice>.b{white-space:nowrap;}.ds-ranking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;}.ds-ranking-grid>.ds-ranking{min-width:0;}
.ds-lobby-ready{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 15px;border:1px solid rgba(131,146,149,.32);border-radius:15px;}.ds-lobby-ready>div{display:grid;gap:3px;min-width:0;}.ds-lobby-ready>div>span{font:800 5.8px/1 var(--tm-ui);letter-spacing:.14em;}.ds-lobby-ready>div>strong{font:650 15px/1.2 var(--tm-reading);}.ds-lobby-ready>div>small{font:500 7px/1.4 var(--tm-ui);}.ds-play-button{font-weight:750!important;}.ds-play-button:disabled{opacity:.48;cursor:not-allowed;}.ds-lobby-actions{justify-content:flex-start;}.ds-lobby-actions .ds-leave-link{margin-left:auto;}
@media (max-width:820px){.ds-case-list,.ds-ranking-grid{grid-template-columns:1fr;}.ds-case-choice{grid-template-columns:78px minmax(0,1fr) auto;}.ds-case-choice-art{height:72px;}.ds-lobby-ready{grid-template-columns:1fr;}.ds-play-button{width:100%!important;}.ds-lobby-actions .ds-leave-link{margin-left:0;}}
@media (max-width:600px){.ds-case-list{gap:7px;}.ds-case-choice{grid-template-columns:64px minmax(0,1fr);gap:8px;padding:8px;}.ds-case-choice-art{height:64px;}.ds-case-choice>.b{grid-column:1/-1;width:100%;min-height:40px;}.ds-case-choice>div:nth-child(2)>strong{font-size:10px;}.ds-lobby-ready{gap:10px;padding:11px;}.ds-lobby-ready>div>strong{font-size:14px;}.ds-lobby-ready>div>small{font-size:7px;}.ds-lobby-actions{grid-template-columns:1fr!important;}.ds-lobby-actions .b,.ds-lobby-actions .mlink{width:100%!important;min-height:40px;text-align:center;}.ds-lobby-actions #ds-start{grid-column:auto;}.ds-seat-grid,.ds-character-grid{scroll-snap-type:x proximity;}.ds-seat,.ds-character{scroll-snap-align:start;}}

/* ========================================================================== 
   TOMO v1238.19 · Detective Social — revisión de producto
   Contraste, observación real, privacidad de evidencias, responsive y motion.
   ========================================================================== */
#detective-social-modal .detective-social-shell{
  
  --ds-sage:#97aa8e;--ds-sand:#c9beb3;
  --ds-private:#4f6266;--ds-shared:#708667;
}
#detective-social-modal .b{
  min-height:38px!important;padding:0 14px!important;border:1px solid #72878a!important;
  background:#fff!important;color:#26302f!important;box-shadow:none!important;
  font-size:11px!important;font-weight:750!important;letter-spacing:.015em!important;
}
#detective-social-modal .b:hover:not(:disabled){background:#eef3f1!important;border-color:#536d70!important;color:#1d2726!important;transform:translateY(-1px);}
#detective-social-modal .b.bf,#detective-social-modal .ds-play-button{
  background:#516b6f!important;border-color:#516b6f!important;color:#fff!important;
  box-shadow:0 8px 20px rgba(55,78,80,.18)!important;
}
#detective-social-modal .b.bf:hover:not(:disabled),#detective-social-modal .ds-play-button:hover:not(:disabled){background:#405b5f!important;border-color:#405b5f!important;color:#fff!important;}
#detective-social-modal .b:disabled{opacity:1!important;background:#e7eae8!important;border-color:#c9cfcc!important;cursor:not-allowed!important;box-shadow:none!important;}
#detective-social-modal .mlink{color:#405b5f!important;text-decoration-color:rgba(64,91,95,.4)!important;}

.ds-head-copy small,.ds-section-head>div>span,.ds-mode-card>span,.ds-seat span,.ds-case-choice span,.ds-role-card span,.ds-scene-head span,.ds-evidence-section-head span{color:var(--ds-brand-dark)!important;}
.ds-head-copy p,.ds-case-hero p,.ds-section-head>p,.ds-mode-card p,.ds-lobby-top p,.ds-role-card p,.ds-scene-head p{color:var(--ds-muted)!important;}
.ds-head-copy p{font-size:11px!important;}.ds-case-hero p{font-size:12px!important;}.ds-section-head>p{font-size:10.5px!important;}.ds-lobby-top p{font-size:11px!important;}
.ds-mode-card h3{font-size:24px!important;}.ds-case-meta span{font-size:9px!important;color:#4f5e5b!important;background:#fbfcfb!important;}

.ds-case-art img{position:absolute;inset:0;z-index:1;}.ds-case-mark{position:absolute;inset:0;z-index:0;align-content:end;}.ds-case-mark strong{font-size:31px!important;}.ds-case-mark small{display:block;margin-top:8px;font:650 9px/1.2 var(--tm-ui);letter-spacing:.05em;}
.ds-case-choice-art .ds-case-mark small{display:none;}

.ds-active.ds-active-stack{display:grid!important;gap:7px;padding:0!important;border:0!important;background:transparent!important;}.ds-active-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid rgba(101,122,126,.28);border-radius:12px;background:linear-gradient(110deg,rgba(151,170,142,.12),#fff);}.ds-active-row>div{display:grid;gap:3px;}.ds-active-row span{font:800 8px/1 var(--tm-ui);letter-spacing:.12em;color:var(--ds-brand-dark);}.ds-active-row strong{font:650 15px/1.2 var(--tm-reading);}.ds-active-row small{font:550 9px/1.3 var(--tm-ui);color:var(--ds-muted);}

.ds-mode-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}.ds-mode-card:hover{transform:translateY(-2px);border-color:rgba(81,107,111,.5);box-shadow:0 14px 32px rgba(42,58,55,.09);}.ds-mode-card.ds-mode-entrenamiento:before,.ds-mode-card.ds-mode-caso:before,.ds-mode-card.ds-mode-intriga:before,.ds-mode-card.ds-mode-conspiracion:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#97aa8e;}.ds-mode-card.ds-mode-caso:before{background:#657a7e;}.ds-mode-card.ds-mode-intriga:before{background:#52666a;}.ds-mode-card.ds-mode-conspiracion:before{background:#8a776d;}
.ds-case-choice{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;}.ds-case-choice:hover{transform:translateY(-1px);border-color:rgba(81,107,111,.38)!important;box-shadow:0 10px 25px rgba(29,29,27,.06);}

/* Observación: las zonas son táctiles, no marcadores visuales. */
.ds-observation-note{display:flex;align-items:flex-start;gap:9px;margin:-2px 0 8px;padding:9px 11px;border:1px solid rgba(101,122,126,.18);border-radius:10px;}.ds-observation-note span{flex:0 0 auto;padding-top:1px;font:800 8px/1 var(--tm-ui);letter-spacing:.14em;color:var(--ds-brand-dark);}.ds-observation-note p{margin:0;font:550 10.5px/1.42 var(--tm-ui);color:var(--ds-muted);}
.ds-scene-head{gap:12px!important;}.ds-scene-hint{flex:0 0 auto;min-height:36px;padding:0 12px;border:1px solid #657a7e;border-radius:999px;background:#fff;color:#40575a;font:750 10px/1 var(--tm-ui);cursor:pointer;transition:background .16s ease,transform .16s ease;}.ds-scene-hint:hover:not(:disabled){background:#eef3f1;transform:translateY(-1px);}.ds-scene-hint:disabled{opacity:.45;cursor:default;}
.ds-scene{isolation:isolate;}.ds-scene-image{position:absolute;inset:0;width:100%!important;height:100%!important;z-index:1;}.ds-scene-placeholder{position:absolute;inset:0;z-index:0;display:grid!important;place-content:center!important;justify-items:center;gap:7px;text-align:center;padding:24px;}.ds-scene-placeholder span{font:800 8px/1 var(--tm-ui);letter-spacing:.18em;color:#dce4dc;}.ds-scene-placeholder strong{font:600 28px/1.05 var(--tm-reading);color:#fff;}.ds-scene-placeholder small{max-width:34ch;font:550 10px/1.45 var(--tm-ui);color:rgba(255,255,255,.75);}
.ds-hotspot.ds-observation-zone{z-index:4!important;display:block!important;transform:translate(-50%,-50%)!important;border:0!important;border-radius:14px!important;background:transparent!important;color:transparent!important;box-shadow:none!important;opacity:1!important;min-width:36px;min-height:36px;cursor:crosshair!important;}
.ds-hotspot.ds-observation-zone:hover:not(.found):not(:disabled){background:transparent!important;box-shadow:none!important;}
.ds-hotspot.ds-observation-zone:focus-visible{outline:2px dashed rgba(255,255,255,.85)!important;outline-offset:1px!important;}
.ds-hotspot.ds-observation-zone.exhausted{pointer-events:none!important;opacity:0!important;}
.ds-found-seal{position:absolute;right:6px;bottom:6px;display:grid;width:24px;height:24px;place-items:center;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(76,103,99,.88);color:#fff;font:800 11px/1 var(--tm-ui);box-shadow:0 4px 15px rgba(0,0,0,.22);animation:dsEvidencePop .32s ease both;}

/* Evidencias: la UI distingue de forma inequívoca lo privado y lo compartido. */
.ds-evidence-section{display:grid;gap:8px;}.ds-evidence-section+.ds-evidence-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--ds-line);}.ds-evidence-section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;}.ds-evidence-section-head>div{display:grid;gap:3px;}.ds-evidence-section-head span{font:800 8px/1 var(--tm-ui);letter-spacing:.14em;}.ds-evidence-section-head strong{font:650 16px/1.1 var(--tm-reading);}.ds-evidence-section-head small{max-width:420px;text-align:right;font:550 9.5px/1.35 var(--tm-ui);color:var(--ds-muted);}.ds-evidence-privada .ds-evidence-section-head span{color:var(--ds-private)!important;}.ds-evidence-mesa .ds-evidence-section-head span{color:var(--ds-shared)!important;}
.ds-evidence-card{border-color:rgba(79,98,102,.22)!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;}.ds-evidence-card.mesa{background:linear-gradient(150deg,#fff,rgba(151,170,142,.10))!important;border-color:rgba(112,134,103,.27)!important;}.ds-evidence-card:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(29,29,27,.07);}.ds-evidence-card span small{font-size:8px!important;color:var(--ds-brand-dark)!important;}.ds-evidence-card span strong{font-size:11px!important;}.ds-evidence-card span em{font-size:9.5px!important;}.ds-evidence-card span i{font-size:8.5px!important;color:#596563!important;}
.ds-evidence-actions{display:flex;gap:7px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--ds-line);}

/* Robo detectado: sólo aparece a la víctima hasta que decida señalar a alguien. */
.ds-intrusion{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 13px;border:1px solid rgba(138,100,82,.28);border-radius:12px;background:linear-gradient(110deg,rgba(204,195,186,.20),#fff);animation:dsAlertIn .32s ease both;}.ds-intrusion.off{display:none!important;}.ds-intrusion>div:first-child{display:grid;gap:4px;}.ds-intrusion span{font:800 8px/1 var(--tm-ui);letter-spacing:.14em;color:#7b594b;}.ds-intrusion strong{font:650 16px/1.1 var(--tm-reading);}.ds-intrusion p{margin:0;max-width:700px;font:550 10px/1.4 var(--tm-ui);color:var(--ds-muted);}.ds-intrusion-suspects{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;}.ds-intrusion-suspects .b{border-color:#8b7165!important;color:#654b40!important;background:#fff!important;}

/* Lobby: CTA Jugar siempre legible y con jerarquía propia. */
.ds-lobby-ready>div>span{font-size:8px!important;color:var(--ds-brand-dark)!important;}.ds-lobby-ready>div>strong{color:#202824!important;}.ds-lobby-ready>div>small{font-size:9.5px!important;color:#596563!important;}.ds-play-button{min-width:150px!important;min-height:44px!important;font-size:12px!important;}
.ds-character strong{font-size:10px!important;}.ds-character small{font-size:8.5px!important;color:#5d6764!important;}.ds-seat strong{font-size:9.5px!important;}.ds-seat small{font-size:8px!important;color:#606a67!important;}

@keyframes dsEvidencePop{from{opacity:0;transform:scale(.55) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes dsAlertIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@keyframes dsCardEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.ds-mode-card,.ds-case-choice{animation:dsCardEnter .32s ease both;}.ds-mode-card:nth-child(2){animation-delay:.04s;}.ds-mode-card:nth-child(3){animation-delay:.08s;}.ds-mode-card:nth-child(4){animation-delay:.12s;}

/* Desafíos: más atractivo sin romper la identidad editorial de TOMO. */





@media(max-width:900px){
  #detective-social-modal .ds-mode-card{min-height:150px!important;}.ds-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.ds-mode-card h3{font-size:20px!important;}.ds-mode-card p{font-size:10px!important;}.ds-mode-card>.b{width:100%!important;}
  .ds-seat-grid,.ds-character-grid{overflow:visible!important;}
}
@media(max-width:700px){
  .ds-mode-grid{grid-template-columns:1fr!important;}.ds-mode-card{min-height:145px!important;}
  .ds-active-row{display:grid;}.ds-active-row .b{width:100%!important;}
  .ds-seat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-inline:0!important;padding-inline:0!important;overflow:visible!important;}.ds-seat:last-child:nth-child(odd){grid-column:1/-1;}
  .ds-character-grid{margin-inline:0!important;padding-inline:0!important;overflow:visible!important;}
  .ds-character{grid-template-columns:42px minmax(0,1fr)!important;}.ds-character .ds-avatar{width:42px!important;height:48px!important;flex-basis:42px!important;}
  .ds-lobby-actions{grid-template-columns:1fr 1fr!important;}.ds-lobby-actions .b{min-width:0!important;padding-inline:8px!important;}.ds-lobby-actions .ds-leave-link{grid-column:1/-1;justify-self:center;}
  .ds-scene-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;}.ds-scene-hint{align-self:start;font-size:9px!important;padding-inline:10px;}.ds-observation-note p{font-size:9.5px!important;}
  .ds-scene{aspect-ratio:4/3!important;min-height:0!important;}.ds-scene-placeholder strong{font-size:23px!important;}
  .ds-evidence-section-head{display:grid;}.ds-evidence-section-head small{text-align:left!important;font-size:9px!important;}.ds-intrusion{grid-template-columns:1fr!important;}.ds-intrusion-suspects{justify-content:flex-start!important;}.ds-intrusion-suspects .b{width:100%!important;}
  
}
@media(max-width:380px){.ds-seat-grid,.ds-character-grid{grid-template-columns:1fr!important;}.ds-seat:last-child:nth-child(odd),.ds-character:last-child:nth-child(odd){grid-column:auto;}.ds-scene-head{grid-template-columns:1fr!important;}.ds-scene-hint{justify-self:start;}}
@media(max-height:520px) and (orientation:landscape){
  .ds-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}.ds-seat-grid,.ds-character-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}.ds-seat:last-child:nth-child(odd),.ds-character:last-child:nth-child(odd){grid-column:auto!important;}.ds-observation-note{padding:6px 8px;margin-bottom:5px;}.ds-observation-note p{font-size:8.5px!important;}.ds-scene{aspect-ratio:16/7.3!important;min-height:220px!important;}.ds-intrusion{grid-template-columns:minmax(0,1fr) auto!important;padding:8px 9px;}.ds-intrusion p{display:none;}.ds-intrusion-suspects .b{min-height:32px!important;font-size:9px!important;}
}
@media(prefers-reduced-motion:reduce){.ds-mode-card,.ds-case-choice,.ds-found-seal,.ds-intrusion{animation:none!important;}.ds-mode-card,.ds-case-choice,.ds-scene-hint,#detective-social-modal .b{transition:none!important;}}

/* v1238.19.1 · catálogo de entrenamiento y escena de respaldo jugable */
/* v1238.51 · Entrenamiento pedagógico: progreso, briefing y estados canónicos */
.ds-training-wrap{display:grid;gap:10px;}.ds-training-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;}.ds-training-card{position:relative;min-height:168px;padding:14px;border:1px solid rgba(101,122,126,.20);border-radius:14px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:12px;overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease;}.ds-training-card:after{content:"";position:absolute;right:-28px;bottom:-34px;width:92px;height:92px;border:1px solid rgba(101,122,126,.11);border-radius:50%;box-shadow:0 0 0 13px rgba(101,122,126,.025);}.ds-training-card.next{border-color:rgba(81,107,111,.52);background:linear-gradient(145deg,#fff,rgba(163,178,151,.12));box-shadow:0 8px 22px rgba(29,29,27,.06);}.ds-training-card.done{background:linear-gradient(145deg,#fff,rgba(204,195,186,.10));}.ds-training-card.locked{opacity:.58;background:#f5f4f1;}.ds-training-card:not(.locked):hover{transform:translateY(-2px);border-color:rgba(81,107,111,.42);box-shadow:0 10px 24px rgba(29,29,27,.07);}.ds-training-card.locked:hover{transform:none;box-shadow:none;}.ds-training-card>div{position:relative;z-index:1;display:grid;gap:5px;}.ds-training-card span{font:800 8px/1 var(--tm-ui);letter-spacing:.12em;color:var(--ds-brand-dark);}.ds-training-card strong{font:650 16px/1.1 var(--tm-reading);color:var(--ds-ink);}.ds-training-card small{font:700 8.5px/1.25 var(--tm-ui);color:#6a7774;text-transform:uppercase;letter-spacing:.04em;}.ds-training-card p{margin:2px 0 0;font:550 9.5px/1.4 var(--tm-ui);color:var(--ds-muted);}.ds-training-card em{font:800 7px/1 var(--tm-ui);font-style:normal;letter-spacing:.09em;color:var(--ds-brand-dark);}.ds-training-card.locked em{color:var(--ds-muted);}.ds-training-card>.b{position:relative;z-index:2;width:100%;margin-top:auto;}.ds-training-card>.b:disabled{cursor:not-allowed!important;opacity:.62!important;}
.ds-training-lesson{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.62fr);gap:18px;align-items:start;margin:10px 0 12px;padding:15px 17px;border:1px solid rgba(101,122,126,.16);border-radius:14px;background:linear-gradient(135deg,#fbfcfb,#f4f6f4);box-shadow:0 8px 24px rgba(29,29,27,.04);overflow:hidden;}.ds-training-lesson>div:first-child{display:grid;gap:5px;}.ds-training-lesson span{font:800 7px/1 var(--tm-ui);letter-spacing:.13em;color:var(--ds-brand-dark);}.ds-training-lesson strong{font:650 20px/1.08 var(--tm-reading);color:var(--ds-ink);}.ds-training-lesson p{margin:0;max-width:70ch;font:550 9px/1.45 var(--tm-ui);color:var(--ds-muted);}.ds-training-lesson-aside{display:grid;gap:7px;padding-left:16px;border-left:1px solid var(--ds-line);}.ds-training-lesson-aside small{font:550 8.5px/1.45 var(--tm-ui);color:var(--ds-muted);}.ds-training-lesson-aside em{font:800 7.5px/1.25 var(--tm-ui);font-style:normal;letter-spacing:.04em;color:var(--ds-brand-dark);}.ds-match.training .ds-question.locked{opacity:.68;}.ds-match.training .ds-question.locked>div>p{border-left-color:var(--ds-sand);background:rgba(204,195,186,.12);}.ds-match.training .ds-question.locked .b{cursor:not-allowed!important;}

@media(max-width:1050px){.ds-training-list{grid-template-columns:repeat(3,minmax(0,1fr));}.ds-training-lesson{grid-template-columns:minmax(0,1fr) minmax(190px,.55fr);}}
@media(max-width:700px){.ds-training-list{grid-template-columns:1fr 1fr;}.ds-training-card{min-height:150px;}.ds-training-lesson{grid-template-columns:1fr;gap:11px;}.ds-training-lesson-aside{padding:10px 0 0;border-left:0;border-top:1px solid var(--ds-line);}}
@media(max-width:430px){.ds-training-list{grid-template-columns:1fr;}.ds-training-card{min-height:0;}.ds-training-lesson{padding:12px;}.ds-training-lesson strong{font-size:18px;}}
@media(max-height:520px) and (orientation:landscape){.ds-training-list{grid-template-columns:repeat(4,minmax(0,1fr));}.ds-training-card{min-height:130px;padding:10px;}.ds-training-card p{display:none;}.ds-training-lesson{grid-template-columns:minmax(0,1fr) minmax(190px,.55fr);padding:9px 11px;margin:6px 0;}.ds-training-lesson strong{font-size:16px;}.ds-training-lesson p{font-size:7.5px;}.ds-training-lesson-aside{padding-left:10px;border-left:1px solid var(--ds-line);border-top:0;padding-top:0;}}

/* v1238.19.2 · observación validada por servidor */
#detective-social-modal .b:disabled{color:#5f6966!important;}
.ds-scene{touch-action:manipulation;}.ds-scene.complete{cursor:default;}.ds-scene.complete:after{content:"LOCALIZACIÓN REVISADA";position:absolute;right:9px;bottom:9px;z-index:5;padding:6px 8px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(32,47,43,.72);color:#fff;font:800 7px/1 var(--tm-ui);letter-spacing:.11em;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);}
.ds-observe-ripple{position:absolute;z-index:7;width:34px;height:34px;border:1px solid rgba(255,255,255,.80);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;animation:dsObserveRipple .58s ease-out both;}.ds-observe-ripple.hit{border-color:#dfead9;background:rgba(151,170,142,.20);box-shadow:0 0 0 5px rgba(151,170,142,.10);}
@keyframes dsObserveRipple{0%{opacity:.92;transform:translate(-50%,-50%) scale(.38)}70%{opacity:.55}100%{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}
@media(prefers-reduced-motion:reduce){.ds-observe-ripple{animation:none!important;display:none!important;}}

/* Identidad visual de los cinco personajes; los retratos WebP globales sustituyen
   estas firmas automáticamente cuando existen en assets/detective/personajes/. */
.ds-avatar[class*="ds-avatar-"]{position:relative;overflow:hidden;font-weight:800!important;}.ds-avatar[class*="ds-avatar-"]:after{position:absolute;right:-18%;bottom:-25%;width:70%;height:70%;border:1px solid rgba(255,255,255,.34);border-radius:50%;pointer-events:none;}.ds-avatar[class*="ds-avatar-"] img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;}


/* ========================================================================== 
   TOMO v1238.21 · Detective — UX base / entrenamiento individual
   ========================================================================== */
.ds-mode-card.active{box-shadow:0 0 0 2px rgba(81,107,111,.10),0 14px 32px rgba(42,58,55,.09)!important;}
.ds-mode-card.active:after{border-color:rgba(67,90,94,.22)!important;}
.ds-training-more{justify-self:center;margin-top:3px;padding:7px 11px!important;border:0;background:transparent;cursor:pointer;font:750 10px/1.2 var(--tm-ui);}
.ds-training-more.off{display:none!important;}



.ds-character-detail .hint{align-self:center;margin:0;color:var(--ds-muted);font:550 10px/1.45 var(--tm-ui);}
.ds-character-detail-id,.ds-character-ability{display:grid;align-content:center;gap:4px;min-width:0;}.ds-character-detail-id>span,.ds-character-ability>small{font:800 8px/1 var(--tm-ui);letter-spacing:.14em;}.ds-character-detail-id>strong{font:650 20px/1.05 var(--tm-reading);color:var(--ds-ink);}.ds-character-detail-id>p{margin:2px 0 0;font:550 10px/1.45 var(--tm-ui);color:var(--ds-muted);}.ds-character-ability>b{font:750 11px/1.25 var(--tm-ui);color:#2e3d3b;}.ds-character-ability>span{font:550 9.5px/1.4 var(--tm-ui);color:var(--ds-muted);}


#ds-lobby.solo .ds-lobby-top{grid-template-columns:1fr!important;}#ds-lobby.solo .ds-character-section{max-width:980px;width:100%;margin-inline:auto;}#ds-lobby.solo .ds-lobby-ready{max-width:980px;width:100%;margin-inline:auto;}#ds-lobby.solo .ds-lobby-actions{max-width:980px;width:100%;margin-inline:auto;justify-content:flex-end;}#ds-lobby.solo .ds-lobby-actions .ds-leave-link{margin-left:0;}
#ds-match.solo .ds-match-bar{grid-template-columns:minmax(0,1fr) auto;}#ds-match.solo .ds-role-card{display:none!important;}

.ds-dossier-tabs{display:flex!important;align-items:stretch;overflow-x:auto;padding-bottom:2px;}.ds-dossier-tabs button{flex:0 0 auto;padding:0 12px!important;border:1px solid var(--ds-line)!important;background:#fff!important;color:#465451!important;font:750 9.5px/1 var(--tm-ui)!important;white-space:nowrap;}.ds-dossier-tabs button span{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:5px;padding:0 5px;border-radius:999px;background:#edf1ef;color:#40575a;font:800 8px/1 var(--tm-ui);}.ds-dossier-tabs button.active{background:#526b6f!important;border-color:#526b6f!important;color:#fff!important;}.ds-dossier-tabs button.active span{background:rgba(255,255,255,.18);color:#fff;}.ds-dossier-tabs button.off{display:none!important;}

/* Las reconstrucciones geométricas son sólo un fallback técnico. Ya no se presentan
   como arte final: el siguiente bloque de contenido sustituirá estos recursos. */

@media(max-width:900px){.ds-character-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.ds-character-detail{grid-template-columns:1fr;}.ds-character-ability{padding:11px 0 0;border-left:0;border-top:1px solid var(--ds-line);}}
@media(max-width:700px){.ds-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.ds-character:last-child:nth-child(odd){grid-column:auto!important;}.ds-character-detail{min-height:0;padding:12px;}.ds-character-detail-id>strong{font-size:18px;}.ds-character-detail-id>p,.ds-character-ability>span{font-size:9px!important;}.ds-dossier-tabs{margin-inline:-10px;padding-inline:10px;}.ds-dossier-tabs button{min-height:40px;font-size:9px!important;}}
@media(max-width:390px){.ds-character-grid{grid-template-columns:1fr!important;}.ds-character{min-height:62px;}.ds-character-detail-id>p{line-height:1.5!important;}}
@media(max-height:520px) and (orientation:landscape){.ds-mode-art{display:none;}.ds-character-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}.ds-character-detail{grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);padding:9px 11px;}.ds-character-detail-id>p{display:none;}.ds-character-ability{padding:0 0 0 10px;border-top:0;border-left:1px solid var(--ds-line);}}

/* v1238.21 · identidad pública del Investigador */
.ds-role-card #ds-role-lead{display:block;margin-top:6px;font:700 7px/1.35 var(--tm-ui);letter-spacing:.035em;color:var(--ds-brand-dark);}

/* ========================================================================== 
   TOMO v1238.22 · Detective — sistema visual editorial y assets definitivos
   La interfaz reserva el espacio real del arte. Nunca sustituye una escena o
   un retrato faltante por una ilustración geométrica que pueda confundirse con
   contenido del caso.
   ========================================================================== */
#detective-social-modal .detective-social-shell{
  --ds-paper:#f3f1eb;--ds-paper-deep:#e9e5dc;--ds-card:#fbfaf7;--ds-ink:#202320;
  --ds-muted:#626966;--ds-brand:#5f7478;--ds-brand-dark:#3d565a;--ds-line:rgba(47,60,57,.18);
  background:var(--ds-paper)!important;
}
#detective-social-modal .ds-head{
  border-bottom:1px solid var(--ds-line)!important;
  background:rgba(247,245,239,.96)!important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
#detective-social-modal .ds-scroll{background:linear-gradient(180deg,#f5f3ee 0,#f0eee8 100%)!important;}
.ds-home-heading{padding-top:3px;}.ds-home-heading h3{font-size:clamp(22px,2.3vw,31px)!important;letter-spacing:-.02em;}.ds-home-heading>p{max-width:48ch!important;}

/* Modalidades: cuatro puertas claras, con iconografía de sistema y no arte falso. */
.ds-mode-grid{gap:11px!important;}
.ds-mode-card{
  position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;
  min-height:214px!important;padding:18px 18px 16px!important;border-radius:18px!important;overflow:hidden!important;
  border:1px solid rgba(57,73,70,.17)!important;background:rgba(251,250,247,.96)!important;
  box-shadow:0 10px 28px rgba(38,43,40,.045)!important;
}
.ds-mode-card:before{width:3px!important;top:18px!important;bottom:18px!important;border-radius:5px!important;}
.ds-mode-card:after{content:"";position:absolute;right:-48px;bottom:-58px;width:150px;height:150px;border:1px solid color-mix(in srgb,var(--ds-brand) 12%,transparent);border-radius:50%;pointer-events:none;}
.ds-mode-art{position:relative;z-index:0;height:112px;flex:0 0 112px;margin:-18px -18px 15px;overflow:hidden;background:#283230 center/cover no-repeat;border-bottom:1px solid rgba(47,60,57,.16);}
.ds-mode-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,20,19,.02),rgba(14,20,19,.28));pointer-events:none;}
.ds-mode-entrenamiento .ds-mode-art{background-image:url("assets/detective/ui/modo-entrenamiento.webp");}
.ds-mode-caso .ds-mode-art{background-image:url("assets/detective/ui/modo-caso.webp");}
.ds-mode-intriga .ds-mode-art{background-image:url("assets/detective/ui/modo-intriga.webp");}
.ds-mode-conspiracion .ds-mode-art{background-image:url("assets/detective/ui/modo-conspiracion.webp");}
.ds-mode-card.active{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ds-brand-dark) 58%,var(--ds-line))!important;background:#fff!important;}
.ds-mode-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;}
.ds-mode-number{font:600 11px/1 var(--tm-reading)!important;color:var(--ds-muted)!important;}
.ds-mode-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid color-mix(in srgb,var(--ds-brand) 30%,var(--ds-line));border-radius:50%;color:var(--ds-brand-dark);background:#fff;}
.ds-mode-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;}
.ds-mode-card>span{margin-bottom:7px!important;font-size:7.5px!important;letter-spacing:.16em!important;}
.ds-mode-card h3{margin:0 0 9px!important;font:600 clamp(22px,2vw,27px)/1.05 var(--tm-reading)!important;letter-spacing:-.015em!important;color:var(--ds-ink)!important;}
.ds-mode-card p{min-height:49px!important;margin:0 0 18px!important;font-size:10px!important;line-height:1.48!important;color:var(--ds-muted)!important;}
.ds-mode-card>.b{width:100%!important;margin-top:auto!important;}

/* Expedientes: portada real o cartela editorial neutra; nunca una falsa escena. */
.ds-case-hero{border-radius:19px!important;background:var(--ds-card)!important;border-color:var(--ds-line)!important;box-shadow:0 14px 36px rgba(35,40,37,.055)!important;overflow:hidden;}
.ds-case-art{position:relative!important;background:#313b39!important;min-height:230px!important;}
.ds-case-art:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(10,14,13,.06),transparent 45%);}
.ds-case-image{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.ds-case-mark{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;padding:22px!important;background:#303937!important;text-align:left!important;}
.ds-case-mark span{font-size:7px!important;letter-spacing:.17em!important;color:rgba(255,255,255,.68)!important;}.ds-case-mark strong{font:600 24px/1.05 var(--tm-reading)!important;color:#fff!important;}.ds-case-mark small{font-size:8px!important;color:rgba(255,255,255,.68)!important;}
.ds-case-choice{background:rgba(251,250,247,.98)!important;border-radius:15px!important;}.ds-case-choice-art{position:relative!important;background:#343d3b!important;}.ds-case-choice-art .ds-case-mark{padding:10px!important;}.ds-case-choice-art .ds-case-mark strong{font-size:14px!important;}

/* Selección de detective: el retrato es protagonista. 7 perfiles sin carrusel oculto. */
.ds-character-section{gap:12px!important;}.ds-character-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important;margin-inline:0!important;padding-inline:0!important;}
.ds-character{
  --ds-character-accent:#657a7e;position:relative!important;display:grid!important;grid-template-columns:1fr!important;
  grid-template-rows:auto auto!important;align-items:stretch!important;gap:0!important;padding:0!important;
  min-height:255px!important;border:1px solid rgba(50,62,59,.17)!important;border-radius:16px!important;
  background:#faf9f5!important;overflow:hidden!important;text-align:left!important;color:var(--ds-ink)!important;
  box-shadow:0 8px 22px rgba(35,40,37,.035)!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.ds-character:before{content:"";position:absolute;z-index:4;left:0;right:0;top:0;height:3px;background:var(--ds-character-accent);}
.ds-character:hover:not(:disabled){transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--ds-character-accent) 58%,var(--ds-line))!important;box-shadow:0 14px 30px rgba(35,40,37,.075)!important;}
.ds-character.selected{border-color:var(--ds-character-accent)!important;background:#fff!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--ds-character-accent) 15%,transparent),0 14px 30px rgba(35,40,37,.08)!important;}
.ds-character:disabled{opacity:.38!important;filter:saturate(.55);cursor:not-allowed!important;}
.ds-character-card-portrait{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:3/4;overflow:hidden;background:#e8e5dd;color:color-mix(in srgb,var(--ds-character-accent) 82%,#202320);}
.ds-character-card-portrait:after{content:"RETRATO TOMO";position:absolute;left:10px;bottom:9px;z-index:1;font:800 5.7px/1 var(--tm-ui);letter-spacing:.15em;color:rgba(31,38,36,.48);}
.ds-character-card-portrait>i{font:600 46px/1 var(--tm-reading);font-style:normal;opacity:.5;}.ds-character-card-image{position:absolute;inset:0;z-index:2;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.ds-character-card-copy{display:grid!important;gap:4px!important;align-content:start!important;min-width:0!important;padding:11px 12px 13px!important;background:#fff!important;}
.ds-character-card-copy>small{font:800 6.5px/1.2 var(--tm-ui)!important;letter-spacing:.10em!important;color:var(--ds-character-accent)!important;text-transform:uppercase;}
.ds-character-card-copy>strong{font:600 15px/1.08 var(--tm-reading)!important;color:var(--ds-ink)!important;}.ds-character-card-copy>em{font:600 7.8px/1.3 var(--tm-ui)!important;font-style:normal!important;color:var(--ds-muted)!important;}

.ds-character-detail{
  --ds-character-accent:#657a7e!important;display:grid!important;grid-template-columns:minmax(170px,230px) minmax(0,1fr)!important;
  min-height:285px!important;gap:0!important;padding:0!important;border:1px solid rgba(50,62,59,.18)!important;border-radius:18px!important;
  background:#fff!important;overflow:hidden!important;box-shadow:0 12px 28px rgba(35,40,37,.04)!important;
}
.ds-character-detail>.hint{grid-column:1/-1;align-self:center!important;justify-self:center!important;padding:30px!important;}
.ds-character-detail-portrait{position:relative;display:grid;place-items:center;min-height:285px;background:#e8e5dd;color:var(--ds-character-accent);overflow:hidden;}
.ds-character-detail-portrait:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--ds-character-accent);z-index:3;}
.ds-character-portrait-fallback{font:600 62px/1 var(--tm-reading);opacity:.45;}.ds-character-detail-image{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.ds-character-detail-copy{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(210px,.75fr);align-items:center;gap:18px;padding:23px 25px!important;}
.ds-character-detail-id>span,.ds-character-ability>small{color:var(--ds-character-accent)!important;}.ds-character-detail-id>strong{font-size:28px!important;letter-spacing:-.02em;}.ds-character-detail-id>p{max-width:52ch;font-size:10.5px!important;line-height:1.52!important;}.ds-character-ability{padding-left:18px!important;border-left:1px solid var(--ds-line)!important;border-top:0!important;}.ds-character-ability>b{font-size:12px!important;}.ds-character-ability>span{font-size:9.5px!important;line-height:1.5!important;}

/* Lobby: decisiones primero, controles administrativos después. */
.ds-lobby-top{padding:4px 0 2px;}.ds-lobby-top h3{font-size:clamp(24px,2.6vw,34px)!important;}.ds-lobby-intro{max-width:64ch;}.ds-seat-grid{gap:8px!important;}.ds-lobby-ready{position:relative;overflow:hidden;background:#fff!important;border-color:rgba(61,84,88,.25)!important;}.ds-lobby-ready:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--ds-brand);}.ds-lobby-actions{padding-top:13px!important;}

/* Partida: la imagen es una pieza del caso; se mantiene completa en cualquier orientación. */
.ds-match-bar{border-radius:13px!important;background:rgba(251,250,247,.96)!important;border:1px solid var(--ds-line)!important;}.ds-primary-nav{border-radius:13px!important;overflow:hidden!important;border:1px solid var(--ds-line)!important;background:#f8f7f3!important;}.ds-primary-nav button{background:transparent!important;}.ds-primary-nav button.active{background:#fff!important;color:var(--ds-brand-dark)!important;box-shadow:inset 0 -2px 0 var(--ds-brand)!important;}
.ds-observation-note{background:#f7f6f1!important;border-color:rgba(61,84,88,.15)!important;}.ds-scene{aspect-ratio:3/2!important;min-height:0!important;background:#252c2a!important;border-radius:14px!important;box-shadow:0 13px 32px rgba(27,31,29,.09)!important;cursor:crosshair;}.ds-scene-image{object-fit:contain!important;background:#252c2a!important;}.ds-scene-placeholder{background:#303735!important;}.ds-scene-placeholder:before,.ds-scene-placeholder:after{display:none!important;content:none!important;}.ds-scene-placeholder span{font-size:7px!important;}.ds-scene-placeholder strong{font-size:25px!important;}.ds-scene-placeholder small{font-size:9px!important;}

/* Cuaderno: privado y compartido se distinguen por jerarquía, no por color chillón. */
.ds-dossier-tabs{gap:6px!important;}.ds-dossier-tabs button{border-radius:999px!important;}.ds-evidence-section{padding:13px;border:1px solid var(--ds-line);border-radius:15px;background:rgba(251,250,247,.72);}.ds-evidence-section.ds-evidence-privada{box-shadow:inset 3px 0 0 #566b70;}.ds-evidence-section.ds-evidence-mesa{box-shadow:inset 3px 0 0 #829278;}.ds-evidence-grid{gap:9px!important;}.ds-evidence-card{border-radius:13px!important;background:#fff!important;}.ds-evidence-card>img{object-fit:cover!important;background:#ece9e2!important;}.ds-empty{border-radius:14px!important;background:#faf9f5!important;}

@media(max-width:1050px){
  .ds-mode-card{min-height:292px!important;}.ds-character-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.ds-character-detail-copy{grid-template-columns:1fr!important;align-content:center;}.ds-character-ability{padding:13px 0 0!important;border-left:0!important;border-top:1px solid var(--ds-line)!important;}
}
@media(max-width:760px){
  .ds-case-art{min-height:180px!important;}.ds-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.ds-mode-card{min-height:280px!important;padding:15px!important;}.ds-mode-art{height:102px;flex-basis:102px;margin:-15px -15px 13px;}.ds-mode-top{margin-bottom:18px;}.ds-mode-card p{font-size:9.5px!important;}.ds-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.ds-character{min-height:0!important;}.ds-character-detail{grid-template-columns:130px minmax(0,1fr)!important;min-height:210px!important;}.ds-character-detail-portrait{min-height:210px!important;}.ds-character-detail-copy{padding:16px!important;}.ds-character-detail-id>strong{font-size:22px!important;}.ds-character-detail-id>p{font-size:9px!important;}.ds-character-ability>span{font-size:8.8px!important;}.ds-scene{aspect-ratio:4/3!important;}
}
@media(max-width:480px){
  .ds-mode-grid{grid-template-columns:1fr!important;}.ds-mode-card{min-height:272px!important;}.ds-mode-art{height:118px;flex-basis:118px;}.ds-mode-card p{min-height:0!important;}.ds-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}.ds-character-card-copy{padding:9px!important;}.ds-character-card-copy>strong{font-size:13px!important;}.ds-character-card-copy>em{font-size:7px!important;}.ds-character-detail{grid-template-columns:104px minmax(0,1fr)!important;}.ds-character-detail-portrait{min-height:184px!important;}.ds-character-detail-copy{padding:12px!important;}.ds-character-detail-id>strong{font-size:18px!important;}.ds-character-detail-id>p{display:none;}.ds-character-ability{padding-top:9px!important;}.ds-character-ability>span{font-size:8px!important;}.ds-scene{aspect-ratio:4/3!important;}
}
@media(max-width:350px){.ds-character-grid{grid-template-columns:1fr!important;}.ds-character-card-portrait{aspect-ratio:4/3;}.ds-character-detail{grid-template-columns:1fr!important;}.ds-character-detail-portrait{min-height:210px!important;}.ds-character-detail-copy{padding:14px!important;}}
@media(max-height:560px) and (orientation:landscape){
  .ds-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}.ds-mode-card{min-height:152px!important;padding:11px!important;}.ds-mode-art{display:none;}.ds-mode-top{margin-bottom:9px;}.ds-mode-card h3{font-size:18px!important;}.ds-mode-card p{font-size:7.5px!important;min-height:32px!important;margin-bottom:8px!important;}.ds-mode-icon{width:32px;height:32px;}.ds-mode-icon svg{width:16px;height:16px;}.ds-character-grid{gap:6px!important;}.ds-character-card-copy>em{display:none;}.ds-character-card-copy>strong{font-size:10px!important;}.ds-character-card-copy>small{font-size:5.5px!important;}.ds-character-detail{grid-template-columns:120px minmax(0,1fr)!important;min-height:170px!important;}.ds-character-detail-portrait{min-height:170px!important;}.ds-character-detail-copy{grid-template-columns:minmax(0,1.2fr) minmax(170px,.8fr)!important;padding:10px 12px!important;}.ds-character-detail-id>p{display:none;}.ds-character-ability{padding:0 0 0 10px!important;border-top:0!important;border-left:1px solid var(--ds-line)!important;}.ds-scene{aspect-ratio:16/7.5!important;min-height:220px!important;}
}
@media(prefers-reduced-motion:reduce){.ds-character,.ds-mode-card{transition:none!important;}.ds-character:hover:not(:disabled),.ds-mode-card:hover{transform:none!important;}}
/* v1238.22 · fallbacks de identidad: neutros, nunca se presentan como arte final. */
.ds-avatar-alma{background:#d9ded8!important;color:#30443a!important;}.ds-avatar-bruno{background:#d8dde0!important;color:#2c3a42!important;}.ds-avatar-clara{background:#e4dad5!important;color:#4a312b!important;}.ds-avatar-diego{background:#ded9ce!important;color:#40382b!important;}.ds-avatar-eva{background:#ddd9e0!important;color:#3d3442!important;}.ds-avatar-ines{background:#dce0d8!important;color:#343d31!important;}.ds-avatar-leon{background:#dadddc!important;color:#303534!important;}.ds-avatar[class*="ds-avatar-"]:after{display:none!important;content:none!important;}
@media(max-height:560px) and (orientation:landscape){
  .ds-character-grid{grid-template-columns:repeat(7,minmax(82px,1fr))!important;overflow-x:auto!important;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:5px!important;}
  .ds-character{scroll-snap-align:start;}
}

/* v1238.24 · Escenas de Detective siempre completas. La coordenada de observación
   se calcula sobre el rectángulo real de la imagen, por lo que el letterbox no
   desplaza pistas al cambiar entre vertical y horizontal. */
#detective-social-modal .ds-scene>img.ds-scene-image{object-fit:contain!important;background:#27302e!important;}

/* ========================================================================== */
/* TOMO v1238.26 · evolución social/editorial controlada                      */
/* ========================================================================== */


.muro-encuesta-editor{margin:10px 0;padding:12px;border:1px solid color-mix(in srgb,var(--marca) 34%,var(--linea));border-radius:14px;background:color-mix(in srgb,var(--marca) 7%,var(--papel));display:grid;gap:9px;}
.muro-encuesta-editor.off{display:none;}
.muro-encuesta-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.muro-encuesta-editor-head strong{font:700 13px/1.2 var(--lee);color:var(--tinta);}
.muro-encuesta-editor label{display:grid;gap:5px;font-size:11px;color:var(--suave);}
.muro-encuesta-opciones{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
.muro-encuesta-editor input,.muro-encuesta-editor select{width:100%;}

.hpost-encuesta{margin:12px 0 4px;padding:13px;border:1px solid color-mix(in srgb,var(--marca) 28%,var(--linea));border-radius:16px;background:color-mix(in srgb,var(--marca) 6%,var(--papel));}
.hpost-encuesta-pregunta{display:block;margin:0 0 10px;font:700 14px/1.35 var(--lee);color:var(--tinta);}
.hpost-encuesta-opciones{display:grid;gap:7px;}
.hpost-encuesta-opcion{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--linea);border-radius:11px;background:var(--papel);color:var(--tinta);text-align:left;overflow:hidden;cursor:pointer;}
.hpost-encuesta-opcion i{position:absolute;z-index:-1;inset:0 auto 0 0;width:0;background:color-mix(in srgb,var(--marca) 22%,transparent);transition:width .35s ease;}
.hpost-encuesta-opcion span{font-size:12px;line-height:1.3;}.hpost-encuesta-opcion b{font-size:11px;}
.hpost-encuesta-opcion[data-elegida="si"]{border-color:var(--marca);box-shadow:0 0 0 1px color-mix(in srgb,var(--marca) 45%,transparent);}
.hpost-encuesta-opcion:disabled{cursor:default;opacity:1;}
.hpost-encuesta-meta{display:block;margin-top:8px;color:var(--suave);font-size:10px;}

.mas-votados-home{margin-top:26px;}
.mas-votados-head{align-items:end;}.mas-votados-head .eyebrow{display:block;margin:0 0 3px;color:var(--marca);font-size:9px;letter-spacing:.16em;text-transform:uppercase;}
.mas-votados-head h3{margin:0;}.mas-votados-carril{gap:13px;padding-top:4px;padding-bottom:16px;}
.mas-votados-item{position:relative;flex:0 0 var(--card-w,150px);display:grid;}
.mas-votados-item>.card{width:100%;min-width:0;}
.mas-votados-rank{position:absolute;z-index:4;display:grid;place-items:center;min-width:29px;height:29px;padding:0 6px;border:1px solid rgba(255,255,255,.42);border-radius:999px;font:800 10px/1 var(--ui);letter-spacing:-.02em;box-shadow:0 5px 16px rgba(0,0,0,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}

.mas-votados-votos{display:block;padding:0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

@media(max-width:760px){
  
  .muro-encuesta-opciones{grid-template-columns:1fr;}
  .mas-votados-home{margin-top:20px;}.mas-votados-carril{padding-left:4px;}.mas-votados-item{flex-basis:138px;}
}
@media(prefers-reduced-motion:reduce){.hpost-encuesta-opcion i{transition:none;}}

/* ========================================================================== */
/* TOMO v1238.28 · identidad, hábito, jerarquía y estabilización              */
/* Fuente visual: manual TOMO · #a3b297 #ccc3ba #839295 #706f6f #f8fafd #1d1d1b */
/* ========================================================================== */

/* Portada personalizada: Selección TOMO sigue siendo el hero editorial. */

/* Carruseles y tarjetas: más editorial, misma estructura y mismos eventos. */
.fila-tit h3{color:var(--tinta);}.fila-tit em{font:650 9px/1.25 var(--tm-ui)!important;color:var(--suave)!important;font-style:normal!important;letter-spacing:.02em!important;}.card{border-radius:12px!important;transition:border-color .14s ease,background .14s ease!important;}.card:hover{transform:none!important;}.card .cov{border:1px solid color-mix(in srgb,var(--tm-warm) 40%,var(--tm-line));box-shadow:0 7px 20px rgba(29,29,27,.055);}.card .tit{letter-spacing:-.01em;}.card .sub b{color:var(--tm-brand);}

/* Hilo: puerta de entrada social visible, sin crear un segundo compositor. */


.hilo-lista{box-shadow:none!important;}.hpost,.mpost{position:relative!important;transition:background .15s ease!important;}.hpost:hover,.mpost:hover{background:color-mix(in srgb,var(--tm-brand) 3.5%,var(--tm-surface))!important;}.hpost-img,.mpost img.hpost-img{border-radius:12px!important;max-height:620px!important;object-fit:cover!important;}.hpost-txt{font-size:14.5px!important;line-height:1.62!important;}.nada .b{margin-top:14px;}

/* Mis tomos: no inventa estados; resume progreso y filtra datos que ya existen. */
.mios-copy{margin:6px 0 0;color:var(--suave);font:500 11px/1.45 var(--tm-ui);}.mios-cab{padding-bottom:13px!important;border-bottom:1px solid var(--tm-line);}.mios-resumen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:13px 0 14px;border-top:1px solid var(--tm-line);border-bottom:1px solid var(--tm-line);background:transparent;}.mios-resumen>div{padding:11px 15px;border-right:1px solid var(--tm-line);}.mios-resumen>div:first-child{padding-left:0;}.mios-resumen>div:last-child{border-right:0;}.mios-resumen strong{display:block;font:650 20px/1 var(--tm-ui);font-variant-numeric:tabular-nums;color:var(--tinta);}.mios-resumen span{display:block;margin-top:5px;color:var(--suave);font:600 9px/1 var(--tm-ui);letter-spacing:0;}.mios-panel .grid{padding-top:2px;}

/* Perfil propio: accesos rápidos sobre los details ya existentes. */
.perfil-atajos{display:flex;gap:16px;margin:0 0 12px;padding:0;border:0;border-bottom:1px solid var(--tm-line);border-radius:0;background:transparent;overflow-x:auto;}.perfil-atajos button{height:36px;padding:0 1px;flex:0 0 auto;border:0;border-radius:0;background:transparent;color:var(--suave);font:650 9px/1 var(--tm-ui);cursor:pointer;}.perfil-atajos button:hover{background:transparent;color:var(--tinta);box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--tm-brand) 50%,transparent);}.perfil-tema-switch{padding:11px 13px!important;border:1px solid var(--tm-line);border-radius:12px;background:var(--tm-surface);}.perf .plg{scroll-margin-top:calc(var(--tm-header) + 14px);}.perf .plg>summary{transition:background .15s ease;}.perf .plg>summary:hover{background:color-mix(in srgb,var(--tm-sage) 8%,transparent);}

/* Más votados: la posición no tapa nunca la etiqueta de tipo. */
.mas-votados-rank{background:#1d1d1b!important;color:#f8fafd!important;border-color:rgba(248,250,253,.58)!important;}.mas-votados-item .cov>.tag{left:46px!important;}.mas-votados-votos{color:var(--tm-gray)!important;font-weight:650!important;}

@media(max-width:980px){
}
@media(max-width:760px){
  .mios-resumen{margin:12px 12px 10px;}.mios-resumen>div{padding:10px 8px;text-align:center;}.mios-resumen>div:first-child{padding-left:8px;}.mios-resumen strong{font-size:18px;}.mios-resumen span{font-size:8px;}.perfil-atajos{margin:0 12px 10px;}.perfil-tema-switch{margin:0 12px 12px!important;}
}
@media(max-width:430px){
  .mios-resumen span{letter-spacing:.03em;}
}
@media(prefers-reduced-motion:reduce){.card,.hpost,.mpost{transition:none!important;}.card:hover{transform:none!important;}}


/* ==========================================================================
   TOMO v1238.28 · estabilización visual y de composición
   Reduce repintados y efectos GPU sin cambiar funciones ni sincronización.
   ========================================================================== */
#t{--f1:rgba(131,146,149,.18);--f2:rgba(204,195,186,.16);--f3:rgba(163,178,151,.17);--f4:rgba(112,111,111,.08);}
#t::before{transition:none!important;}
.pag{animation:none!important;}
.card,.hpost,.mpost{will-change:auto!important;}
#t[data-vista="lector"] .pli{transition:none!important;}

#t[data-vista="lector"] .esc[data-zoom="si"] .pdf-page-slot,#t[data-vista="lector"] .esc[data-pincha="si"] .pdf-page-slot{content-visibility:visible!important;}
#t[data-vista="lector"] .top,#t[data-vista="lector"] .pie,#t[data-vista="lector"] .reader-dock,#t[data-vista="leyendo"] .top,#t[data-vista="leyendo"] .pie,#t[data-vista="leyendo"] .reader-dock,#t[data-vista="webtoon"] .top,#t[data-vista="webtoon"] .reader-dock{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
#t[data-vista="lector"] .top,#t[data-vista="leyendo"] .top,#t[data-vista="webtoon"] .top{background:rgba(248,250,253,.985)!important;}
#t[data-tema="noche"][data-vista="lector"] .top,#t[data-tema="noche"][data-vista="leyendo"] .top,#t[data-tema="noche"][data-vista="webtoon"] .top{background:rgba(29,29,27,.985)!important;}
#t[data-vista="leyendo"] .col{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;}

/* ========================================================================== */
/* TOMO v1238.29 · estabilización canónica de lectura, marca y navegación    */
/* Este bloque sustituye visualmente hotfixes históricos sin cambiar contratos.*/
/* ========================================================================== */

/* Modo noche TOMO: interfaz sobria en la paleta oficial. El contenido fijo
   (PDF, portada, fotografía, ilustración) conserva siempre sus colores. */
#t[data-tema="noche"]{
  --marca:#a3b297!important;--marca2:#839295!important;--tinta:#f8fafd!important;--suave:#ccc3ba!important;--arena:#706f6f!important;
  --lienzo:#1d1d1b!important;--hoja:#242522!important;
  --f1:rgba(131,146,149,.18)!important;--f2:rgba(163,178,151,.14)!important;--f3:rgba(204,195,186,.08)!important;--f4:rgba(112,111,111,.12)!important;
  background:radial-gradient(58% 52% at 10% 4%,var(--f1),transparent 62%),radial-gradient(46% 46% at 92% 12%,var(--f2),transparent 62%),radial-gradient(56% 54% at 30% 102%,var(--f3),transparent 62%),radial-gradient(44% 44% at 82% 88%,var(--f4),transparent 62%),#1d1d1b!important;
}
#t[data-tema="noche"] .esc[data-libro="si"] .pli canvas,#t[data-tema="noche"] .esc[data-libro="si"] .pdf-page-slot canvas{filter:none!important;opacity:1!important;}
#t[data-tema="noche"] .esc[data-libro="si"]{background:#181916!important;}
#t[data-tema="noche"] .pdf-page-slot{background:#fff!important;box-shadow:0 2px 14px rgba(0,0,0,.28)!important;}
#t[data-tema="noche"] .col[data-pap="noche"]{background:#242522!important;color:#f8fafd!important;box-shadow:none!important;}
#t[data-tema="noche"] .col[data-pap="noche"] p{color:#f8fafd!important;}
#t[data-tema="noche"] .col[data-pap="noche"] .meta-cap{color:#ccc3ba!important;}
#t[data-tema="noche"] .col[data-pap="noche"] p:first-of-type::first-letter{color:#a3b297!important;}

/* Lector: un único dock compacto y estable para PDF, texto y Webtoon. */
.reader-dock{
  display:grid!important;grid-template-columns:auto minmax(72px,1fr) 44px!important;align-items:center!important;gap:12px!important;
  min-height:56px!important;padding:8px 10px 8px 14px!important;margin:0 14px max(12px,env(safe-area-inset-bottom))!important;
  border-radius:16px!important;overflow:hidden!important;
}
.reader-dock-num{display:flex!important;align-items:baseline!important;gap:5px!important;min-width:62px!important;white-space:nowrap!important;font-family:var(--tm-ui)!important;}
.reader-dock-num strong{font:750 15px/1 var(--tm-ui)!important;color:var(--tinta)!important;white-space:nowrap!important;}
.reader-dock-num span{font:600 11px/1 var(--tm-ui)!important;color:var(--suave)!important;white-space:nowrap!important;}
.reader-dock-progress{position:relative!important;width:100%!important;min-width:0!important;height:16px!important;display:flex!important;align-items:center!important;overflow:hidden!important;}
.reader-dock-progress .canto{position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;height:4px!important;margin:0!important;border-radius:99px!important;overflow:hidden!important;background:color-mix(in srgb,var(--tm-line) 72%,transparent)!important;}
.reader-dock-progress .canto .h{min-width:2px!important;height:100%!important;}
.reader-dock-progress>i{position:absolute!important;left:0!important;top:6px!important;height:4px!important;border-radius:99px!important;background:var(--marca)!important;z-index:2!important;pointer-events:none!important;}
.reader-next{width:44px!important;min-width:44px!important;height:40px!important;min-height:40px!important;padding:0!important;border-radius:12px!important;display:grid!important;place-items:center!important;white-space:nowrap!important;}
.reader-next span{font:700 20px/1 var(--tm-ui)!important;white-space:nowrap!important;}
.reader-next[data-final="si"]{background:color-mix(in srgb,var(--marca) 82%,#fff)!important;}
#t[data-tema="noche"] .reader-dock{background:rgba(36,37,34,.97)!important;border-color:rgba(163,178,151,.20)!important;}

/* En lectura sólo sobreviven las herramientas relacionadas con leer. */
#t[data-vista="lector"] .der>#lupa,#t[data-vista="leyendo"] .der>#lupa,#t[data-vista="webtoon"] .der>#lupa,#t[data-vista="lector"] .der>#camp,#t[data-vista="leyendo"] .der>#camp,#t[data-vista="webtoon"] .der>#camp,#t[data-vista="lector"] .der>#msj-btn,#t[data-vista="leyendo"] .der>#msj-btn,#t[data-vista="webtoon"] .der>#msj-btn,#t[data-vista="lector"] .der>#chip,#t[data-vista="leyendo"] .der>#chip,#t[data-vista="webtoon"] .der>#chip,#t[data-vista="lector"] .der>.cuenta,#t[data-vista="leyendo"] .der>.cuenta,#t[data-vista="webtoon"] .der>.cuenta{display:none!important;}

/* Accesos personales históricos:
   tarjetas gigantes ni segunda portada de la obra actual. */

/* Explorar: filtros semánticos y alineados; desaparece la nube de chips. */
.explorar-filtros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;margin:0 0 20px;padding:0 0 14px;border-bottom:1px solid var(--tm-line);}
.explorar-filtro label{display:block;margin:0 0 6px;color:var(--suave);font:750 8px/1 var(--tm-ui);letter-spacing:.11em;text-transform:uppercase;}
.explorar-filtro select{box-sizing:border-box;width:100%;padding:0 34px 0 12px;border:1px solid var(--tm-line);background:var(--tm-surface);color:var(--tinta);outline:none;}
.explorar-filtro select:focus{border-color:var(--marca);box-shadow:0 0 0 2px color-mix(in srgb,var(--marca) 14%,transparent);}
.explorar-limpiar{padding:0 13px;border:0;background:transparent;color:var(--marca);cursor:pointer;white-space:nowrap;}
#t[data-tema="noche"] .explorar-filtro select{background:#292a27;color:#f8fafd;border-color:rgba(163,178,151,.22);}

/* Hilo: compositor real dentro del feed y cabeceras que no se montan. */




.hpost-cab{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;column-gap:9px!important;row-gap:1px!important;align-items:center!important;min-width:0!important;}
.hpost-cab .hpost-avatar{grid-column:1!important;grid-row:1/3!important;margin:0!important;}.hpost-cab>b{grid-column:2!important;grid-row:1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}.hpost-cab>.h{grid-column:2!important;grid-row:2!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}.hpost-cab>.f{grid-column:3!important;grid-row:1/3!important;margin:0!important;white-space:nowrap!important;align-self:center!important;}

/* Desafíos: una sola familia visual. La personalidad vive en el contenido,
   no en cuatro estructuras diferentes. */








@media(max-width:767px){
  /* Cabecera del lector: título + cuatro controles, sin logo/buscador/campana
     compitiendo por los mismos píxeles. */
  #t[data-vista="lector"] .top,#t[data-vista="leyendo"] .top,#t[data-vista="webtoon"] .top{gap:6px!important;}
  #t[data-vista="lector"] .home,#t[data-vista="leyendo"] .home,#t[data-vista="webtoon"] .home{display:none!important;}
  #t[data-vista="lector"] .reader-head-meta,#t[data-vista="leyendo"] .reader-head-meta,#t[data-vista="webtoon"] .reader-head-meta{grid-area:reader!important;min-width:0!important;width:100%!important;}
  .reader-head-meta strong{max-width:100%!important;}.reader-head-meta span{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:8px!important;}
  
  
  
  
  
  
  .lector,.texto,.toon-reader{height:calc(100dvh - 56px)!important;}
  .reader-dock{grid-template-columns:auto minmax(54px,1fr) 42px!important;gap:8px!important;min-height:54px!important;margin:0 8px max(8px,env(safe-area-inset-bottom))!important;padding:7px 8px 7px 12px!important;border-radius:15px!important;}
  .reader-dock-num{min-width:56px!important;gap:4px!important;}.reader-dock-num strong{font-size:14px!important;}.reader-dock-num span{font-size:10px!important;}.reader-next{width:42px!important;min-width:42px!important;height:40px!important;}


  .explorar-filtros{margin:2px 0 14px!important;padding-bottom:12px!important;}.explorar-limpiar{align-self:end!important;text-align:right!important;padding-right:2px!important;}

  
  .hpost-cab{grid-template-columns:36px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;}.hpost-cab .hpost-avatar{grid-row:1/3!important;}.hpost-cab>.f{grid-column:2!important;grid-row:3!important;font-size:9px!important;margin-top:2px!important;}

  /* Carrusel táctil: una tarjeta casi completa y una parte de la siguiente. */
  
  
  
}

@media(max-width:359px){
  .reader-head-meta span{display:none!important;}.reader-head-meta strong{font-size:10.5px!important;}
  #t[data-vista="lector"] .der,#t[data-vista="leyendo"] .der,#t[data-vista="webtoon"] .der{gap:2px!important;}
  
}

/* ========================================================================== */
/* TOMO v1238.32 · refinamiento visual público sin tocar contratos            */
/* Hilo, Mis tomos, Desafíos, Explorar, lector y carriles editoriales         */
/* ========================================================================== */

/* HILO · compositor premium, más claro y más elegante */



.hilo-view-tabs button{font-size:10.2px!important;letter-spacing:.01em!important;}
























/* DESAFÍOS · identidad más trabajada en tarjetas, paneles y menú */





























/* MIS TOMOS · filtros más TOMO, menos utilitarios */

.mios-resumen{border:1px solid color-mix(in srgb,var(--tm-brand) 18%,var(--tm-line))!important;border-left:0!important;border-right:0!important;}


/* LOS MÁS VOTADOS · más editorial y menos plano */


.mas-votados-head em{white-space:nowrap!important;}

.mas-votados-item{gap:7px!important;}
.mas-votados-rank{top:9px!important;left:9px!important;}
.mas-votados-votos{padding-left:4px!important;font-size:9.5px!important;}

/* EXPLORAR · en móvil, los 3 filtros en la misma línea */
@media(max-width:767px){
  .explorar-filtros{align-items:end!important;}
  
  .explorar-limpiar{height:28px!important;padding:0!important;margin-top:3px!important;font-size:9px!important;}

  
  
  
  
  
  

  
  
  
  
  
  
  
  


  .mas-votados-home{border-radius:18px!important;}
  .mas-votados-head{align-items:flex-start!important;gap:10px!important;}
  .mas-votados-head em{font-size:8px!important;}

  
  
  
  
  .reader-head-meta strong{font-size:11px!important;}
}

/* LECTOR · controles mejor alineados y pintura más ligera */
#t[data-vista="lector"] .pdf-page-slot,#t[data-vista="lector"] .pli canvas{contain:layout paint style!important;}



/* ========================================================================== */
/* TOMO v1238.34 · correcciones finas tras revisión en producción             */
/* Consolida hero, Más votados, Explorar y simetrías sin perder funciones     */
/* ========================================================================== */

/* LOS MÁS VOTADOS: integrarlo al sitio, misma simetría, sin efecto de caja montada */
.mas-votados-home{position:relative!important;margin:22px 0 0!important;padding:18px 0 6px!important;border:0!important;border-top:1px solid color-mix(in srgb,var(--marca) 22%,var(--linea))!important;}
.mas-votados-home::before{display:none!important;}
.mas-votados-head{padding:0 0 2px!important;margin-bottom:8px!important;}
.mas-votados-head em{padding:6px 11px!important;border-radius:999px!important;background:var(--tm-surface)!important;border:1px solid color-mix(in srgb,var(--tm-brand) 18%,var(--tm-line))!important;box-shadow:none!important;}
.mas-votados-carril{padding:2px 0 6px!important;}
@media(max-width:767px){
  .mas-votados-home{margin:18px 0 0!important;padding:16px 0 6px!important;}
  .mas-votados-head{padding:0 12px 2px!important;}
  .mas-votados-carril{padding:2px 12px 6px!important;}
}

/* EXPLORAR: tres filtros en una sola línea, botón limpiar debajo si aparece */
@media(max-width:900px){
  .explorar-filtros{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;align-items:end!important;margin:0 0 14px!important;padding:0 0 12px!important;}
  .explorar-filtro{grid-column:auto!important;min-width:0!important;}
  .explorar-filtro label{margin-bottom:5px!important;font-size:7px!important;}
  .explorar-filtro select{height:40px!important;padding:0 24px 0 10px!important;font-size:10px!important;}
  .explorar-limpiar{grid-column:1 / -1!important;justify-self:flex-end!important;align-self:start!important;height:26px!important;padding:0!important;margin-top:2px!important;font-size:9px!important;line-height:1!important;}
}

/* Más votados: respiración del carril */
@media(max-width:767px){
  .mios-home-resumen,.mios-home-biblioteca,.mios-home-comunidad,.mios-home-desafios{border-radius:16px!important;}
}

/* ========================================================================== */
/* TOMO v1238.36 · desplazamiento horizontal seguro                          */
/* Evita trampas de gesto en carruseles, tabs y menús sin tocar su lógica.   */
/* ========================================================================== */

/* El documento puede contener carruseles propios: no bloquear la cadena
   horizontal a nivel raíz. Conservamos el control vertical y del lector. */
html,body{overscroll-behavior-x:auto!important;}

/* Contenedores horizontales generales: gesto libre, inercia nativa y sin
   captura al llegar al primer/último elemento. */
.carril,.ed-tabs,.ins-carril,.hilo-view-tabs,.perfil-atajos,.detective-nav,.detective-scene-tabs,.detective-piece-palette,.detective-lines,.detective-dossier-nav,.ds-dossier-tabs,.ds-character-grid,.detective-characters{
  
  
  overscroll-behavior-inline:auto!important;
  touch-action:pan-x pan-y!important;
  scrollbar-width:none!important;
}
.carril::-webkit-scrollbar,.ed-tabs::-webkit-scrollbar,.ins-carril::-webkit-scrollbar,.hilo-view-tabs::-webkit-scrollbar,.perfil-atajos::-webkit-scrollbar,.detective-nav::-webkit-scrollbar,.detective-scene-tabs::-webkit-scrollbar,.detective-piece-palette::-webkit-scrollbar,.detective-lines::-webkit-scrollbar,.detective-dossier-nav::-webkit-scrollbar,.ds-dossier-tabs::-webkit-scrollbar,.ds-character-grid::-webkit-scrollbar,.detective-characters::-webkit-scrollbar{display:none!important;}

/* Los carruseles deben acompañar el gesto, no obligarlo. */

.carril>*,.ins-carril>*,.detective-scene-tabs>*,.detective-characters>*,.ds-character-grid>*{scroll-snap-stop:normal!important;}

/* Menús y tabs no necesitan snap: el usuario debe poder detenerlos donde quiera. */


/* Hilo: el padre no debe recortar el gesto del selector interno. */
@media(max-width:760px){
  
  

  /* Desafíos conservaba márgenes negativos de una versión anterior. Eso podía
     recortar el primer/último snap dentro del stage. */
  
  
  

  /* Menús horizontales: no cortarlos dentro de la página. */
  .perfil-atajos,.hilo-view-tabs{
    max-width:100%!important;
    min-width:0!important;
  }
}

/* Detective social y filtros residuales con desplazamiento horizontal */
@media(max-width:767px){
  .ds-location-tabs,.ds-seat-grid,.ds-character-grid{
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:auto!important;
    overscroll-behavior-inline:auto!important;
    touch-action:pan-x pan-y!important;
    scrollbar-width:none!important;
  }
  .ds-location-tabs::-webkit-scrollbar,.ds-seat-grid::-webkit-scrollbar,.ds-character-grid::-webkit-scrollbar{display:none!important;}
  .ds-location-tabs{scroll-snap-type:none!important;}
  .ds-seat-grid,.ds-character-grid{scroll-snap-type:x proximity!important;}
}


/* v1238.36 · alias de compatibilidad para componentes heredados */
#t{
  --papel:var(--tm-surface,var(--hoja));
  --linea:var(--tm-line,var(--borde));
  --superficie:var(--tm-surface,var(--hoja));
  --superficie-2:var(--tm-bg,var(--lienzo));
  --texto2:var(--suave);
  --texto3:color-mix(in srgb,var(--suave) 78%,transparent);
}

/* v1238.36 · la visibilidad funcional siempre manda sobre el layout */
#r-volver.off,#r-indice.off,#r-ver.off,#r-aa.off,#t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) #r-volver,#t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) #r-indice,#t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) #r-ver,#t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) #r-aa{
  display:none!important;
}


/* ========================================================================== */
/* TOMO v1238.39 · lector PDF: estabilidad de pintura y Safari/iOS            */
/* ========================================================================== */
#t[data-vista="lector"] .pdf-page-slot{
  content-visibility:visible!important;
  contain-intrinsic-size:auto!important;
  contain:layout paint style!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  will-change:auto!important;
  transition:none!important;
}
#t[data-vista="lector"] .pdf-page-slot canvas,#t[data-vista="lector"] .pli canvas{
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  will-change:auto!important;
  transform:none!important;
  transition:none!important;
}
#t[data-vista="lector"] .esc[data-pdf-mode="continuo"]{
  overflow-anchor:none!important;
  scroll-behavior:auto!important;
}
@media(max-width:767px){
  #t[data-vista="lector"] .pdf-page-slot{box-shadow:0 6px 18px rgba(29,29,27,.10)!important;}
}

/* ========================================================================== */
/* TOMO v1238.42 · BASE ESTABLE · GOBERNANZA VISUAL CANÓNICA                                */
/* Una sola geometría para controles, navegación, Portada, Perfil, Hilo,      */
/* Mis tomos, Desafíos y Lector. No modifica contratos JS/API.               */
/* ========================================================================== */

:root{
  --tm-control-h:40px;
  --tm-control-mini:32px;
  --tm-control-r:11px;
  --tm-control-r-mini:9px;
  --tm-control-font:10.5px;
  --tm-control-gap:8px;
  --tm-control-border:color-mix(in srgb,var(--tm-brand) 28%,var(--tm-line));
  --tm-control-bg:var(--tm-surface);
  --tm-control-text:var(--tinta);
  --tm-control-primary:var(--tm-brand);
  --tm-control-primary-text:#f8fafd;
  --tm-segment-bg:color-mix(in srgb,var(--tm-brand) 4%,var(--tm-surface));
  --tm-segment-active:var(--tm-surface);
  --tm-label-font:8px;
  --tm-meta-font:9px;
  --tm-body-font:12px;
}

/* Visibilidad funcional: ninguna geometría visual puede revivir un .off. */
#t .off,.off{display:none!important;}
[hidden]{display:none!important;}

/* Bloqueo modal real. La lógica JS conserva/restaura el scroll. */
html.tomo-modal-open,body.tomo-modal-open{overflow:hidden!important;overscroll-behavior:none!important;}
body.tomo-modal-open{position:fixed!important;left:0!important;right:0!important;width:100%!important;}

button{-webkit-tap-highlight-color:transparent;}

/* -------------------------------------------------------------------------- */
/* CONTROLES · sistema TOMO 1.0 · única autoridad visual                     */
/* -------------------------------------------------------------------------- */
.b,.btn-glass,.btn-icono,.btn-reportar,.cuenta,.tokchip,.mlink{
  box-sizing:border-box!important;text-shadow:none!important;box-shadow:none!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease!important;
}
.b::before,.b::after,.cuenta::before,.cuenta::after,.tokchip::before,.tokchip::after,.top .b::before,.top .b::after{content:none!important;display:none!important;}
.b:not(.b-mini),.btn-glass{
  min-height:var(--tm-control-h)!important;height:var(--tm-control-h)!important;
  padding:0 14px!important;border:1px solid var(--tm-control-border)!important;
  border-radius:var(--tm-control-r)!important;background:var(--tm-control-bg)!important;
  color:var(--tm-control-text)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  font:650 var(--tm-control-font)/1 var(--tm-ui)!important;text-align:center!important;white-space:nowrap!important;
}
.b-mini{min-height:var(--tm-control-mini)!important;height:var(--tm-control-mini)!important;padding:0 10px!important;border:1px solid var(--tm-control-border)!important;border-radius:var(--tm-control-r-mini)!important;background:var(--tm-control-bg)!important;color:var(--tm-control-text)!important;font:650 9.5px/1 var(--tm-ui)!important;}
.bf,.btn-suscribir,.rail-editorial .primary,#muro-mercado-btn{
  background:var(--tm-control-primary)!important;color:var(--tm-control-primary-text)!important;border-color:var(--tm-control-primary)!important;
}
.b:hover:not(:disabled),.btn-glass:hover,.btn-icono:hover,.btn-reportar:hover,.b-mini:hover:not(:disabled){background:color-mix(in srgb,var(--tm-brand) 8%,var(--tm-surface))!important;transform:none!important;}
.bf:hover:not(:disabled),.btn-suscribir:hover,#muro-mercado-btn:hover{background:color-mix(in srgb,var(--tm-brand) 86%,var(--tm-sage))!important;color:#fff!important;}
.b:disabled,.btn-glass:disabled,.btn-icono:disabled{opacity:.42!important;cursor:default!important;}
.btn-icono,.btn-reportar{
  width:var(--tm-control-h)!important;min-width:var(--tm-control-h)!important;max-width:var(--tm-control-h)!important;
  height:var(--tm-control-h)!important;min-height:var(--tm-control-h)!important;padding:0!important;
  border:1px solid var(--tm-control-border)!important;border-radius:var(--tm-control-r)!important;
  background:var(--tm-control-bg)!important;color:var(--tm-control-text)!important;display:grid!important;place-items:center!important;
}
.btn-icono svg,.btn-reportar svg,.b-ico svg{display:block!important;margin:auto!important;}
.modal .x,.lb-close{
  width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
  display:grid!important;place-items:center!important;padding:0!important;border:1px solid var(--tm-control-border)!important;
  border-radius:11px!important;background:var(--tm-control-bg)!important;color:var(--tm-control-text)!important;line-height:1!important;
}
.c input,.c select,.c textarea,.muro-comp input,.muro-comp select,.muro-comp textarea{box-sizing:border-box!important;}
.c input:not([type="checkbox"]):not([type="radio"]),.c select,.noti-inline input{min-height:42px!important;}
#t[data-tema="noche"] .b,#t[data-tema="noche"] .b-mini,#t[data-tema="noche"] .btn-glass,#t[data-tema="noche"] .btn-icono,#t[data-tema="noche"] .btn-reportar{background:#2a2b27!important;color:#eef0eb!important;border-color:rgba(163,178,151,.34)!important;}
#t[data-tema="noche"] .bf,#t[data-tema="noche"] .btn-suscribir,#t[data-tema="noche"] #muro-mercado-btn{background:var(--tm-sage)!important;color:#1d1d1b!important;border-color:var(--tm-sage)!important;}

/* -------------------------------------------------------------------------- */
/* SEGMENTOS · Hilo, Mis tomos, Perfil y Desafíos                             */
/* -------------------------------------------------------------------------- */
.hilo-view-tabs,.mios-view-tabs{
  box-sizing:border-box!important;display:grid!important;align-items:stretch!important;
  gap:4px!important;padding:4px!important;border:1px solid var(--tm-line)!important;
  border-radius:14px!important;background:var(--tm-segment-bg)!important;
  overflow:visible!important;scroll-snap-type:none!important;
}
.hilo-view-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.mios-view-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;}


.hilo-view-tabs button,.mios-view-tabs button{
  width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;
  margin:0!important;padding:0 8px!important;border:0!important;border-radius:10px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:transparent!important;color:var(--suave)!important;box-shadow:none!important;
  font:650 10.5px/1 var(--tm-ui)!important;text-align:center!important;white-space:nowrap!important;
}
.hilo-view-tabs button.on,.hilo-view-tabs button[aria-selected="true"],.mios-view-tabs button.on,.mios-view-tabs button[aria-selected="true"]{
  background:var(--tm-surface)!important;color:var(--tinta)!important;
  box-shadow:0 2px 8px rgba(29,29,27,.06)!important;
}

/* -------------------------------------------------------------------------- */
/* CABECERA PÚBLICA                                                            */
/* -------------------------------------------------------------------------- */
.home{min-width:0!important;max-width:none!important;overflow:visible!important;}
.tomo-logo-oficial{display:block!important;width:100px!important;height:25px!important;max-width:100%!important;object-fit:contain!important;object-position:left center!important;}
.top .der{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:nowrap!important;}
.top .der>*{align-self:center!important;}
.top .der .b,.top .der .cuenta,.top .der .tokchip{
  height:40px!important;min-height:40px!important;margin:0!important;border-radius:12px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;
  border:1px solid color-mix(in srgb,var(--tm-brand) 16%,var(--tm-line))!important;
  background:color-mix(in srgb,var(--tm-surface) 96%,transparent)!important;
  box-shadow:0 3px 12px rgba(29,29,27,.045)!important;
}
.top .der .b.b-ico{width:40px!important;min-width:40px!important;max-width:40px!important;padding:0!important;flex:0 0 40px!important;}
.top .der .b.b-ico>.top-icon,.top .der .b.b-ico>span:not(.camp-badge){width:100%!important;height:100%!important;display:grid!important;place-items:center!important;margin:0!important;}
.top .der .b.b-ico svg{width:18px!important;height:18px!important;margin:auto!important;}
.top .der .cuenta{padding:0 12px!important;}
.top .der .tokchip{padding:0 11px!important;gap:6px!important;}

/* -------------------------------------------------------------------------- */
/* PORTADA · Selección TOMO sin gap ni borde entre imagen y texto             */
/* -------------------------------------------------------------------------- */





/* Los más votados pertenece al flujo de la portada, no a una caja externa. */
.mas-votados-home{border-left:0!important;border-right:0!important;border-bottom:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}

/* -------------------------------------------------------------------------- */
/* EXPLORAR                                                                    */
/* -------------------------------------------------------------------------- */
.explorar-filtros{align-items:end!important;}
.explorar-filtro{min-width:0!important;}
.explorar-filtro select{min-height:40px!important;height:40px!important;border-radius:11px!important;font:600 10.5px/1 var(--tm-ui)!important;}
.explorar-limpiar{min-height:32px!important;height:32px!important;font:650 10px/1 var(--tm-ui)!important;}

/* -------------------------------------------------------------------------- */
/* HILO                                                                        */
/* -------------------------------------------------------------------------- */

.hpost-accbtn{min-height:36px!important;box-sizing:border-box!important;}


/* -------------------------------------------------------------------------- */
/* MIS TOMOS                                                                   */
/* -------------------------------------------------------------------------- */
.mios-resumen{align-items:stretch!important;}

/* -------------------------------------------------------------------------- */
/* PERFIL / MURO                                                               */
/* -------------------------------------------------------------------------- */




#muro-mercado-btn{height:40px!important;min-height:40px!important;padding:0 13px!important;border-radius:12px!important;font:650 10.5px/1 var(--tm-ui)!important;}


/* -------------------------------------------------------------------------- */
/* MESA EDITORIAL / ACCIONES COMPACTAS                                        */
/* -------------------------------------------------------------------------- */
.cap-fila-acciones button,.toon-media-acciones button,.op-b .b-ico{
  width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
  display:grid!important;place-items:center!important;border-radius:10px!important;
}
.mesa-obra-acciones .b{min-height:36px!important;}

/* -------------------------------------------------------------------------- */
/* DESAFÍOS · tarjetas estables, estado en una fila real                       */
/* -------------------------------------------------------------------------- */












/* -------------------------------------------------------------------------- */
/* DETECTIVE / JUEGOS · targets utilizables sin agrandar la interfaz          */
/* -------------------------------------------------------------------------- */
.detective-scene-tabs button,.detective-dossier-nav button,.ds-location-tabs button,.ds-dossier-tabs button,.ds-players-button,.ds-role-card>button{min-height:36px!important;}
.detective-time-move button{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;}
.detective-piece-filters button,.ds-player-row-actions .b{min-height:34px!important;}

/* -------------------------------------------------------------------------- */
/* LECTOR · cabecera propia, sin solapes                                       */
/* -------------------------------------------------------------------------- */
#t[data-vista="lector"] .top .der,#t[data-vista="leyendo"] .top .der,#t[data-vista="webtoon"] .top .der{
  gap:7px!important;align-items:center!important;justify-content:flex-end!important;margin-left:auto!important;
}
#t[data-vista="lector"] #r-indice,#t[data-vista="lector"] #r-ver,#t[data-vista="lector"] #r-aa,#t[data-vista="lector"] #noche,#t[data-vista="lector"] #r-volver,#t[data-vista="leyendo"] #r-indice,#t[data-vista="leyendo"] #r-ver,#t[data-vista="leyendo"] #r-aa,#t[data-vista="leyendo"] #noche,#t[data-vista="leyendo"] #r-volver,#t[data-vista="webtoon"] #r-indice,#t[data-vista="webtoon"] #r-ver,#t[data-vista="webtoon"] #r-aa,#t[data-vista="webtoon"] #noche,#t[data-vista="webtoon"] #r-volver{
  width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;
  padding:0!important;border-radius:11px!important;display:grid!important;place-items:center!important;box-sizing:border-box!important;
  border:1px solid color-mix(in srgb,var(--tm-brand) 16%,var(--tm-line))!important;
  background:var(--tm-surface)!important;color:var(--tinta)!important;box-shadow:0 2px 8px rgba(29,29,27,.035)!important;
}
#t[data-vista="lector"] #r-volver,#t[data-vista="leyendo"] #r-volver,#t[data-vista="webtoon"] #r-volver{
  border-radius:50%!important;background:var(--tm-soft)!important;
}
#t[data-vista="lector"] #r-indice:hover,#t[data-vista="lector"] #r-ver:hover,#t[data-vista="lector"] #r-aa:hover,#t[data-vista="lector"] #noche:hover,#t[data-vista="lector"] #r-volver:hover,#t[data-vista="leyendo"] #r-indice:hover,#t[data-vista="leyendo"] #r-ver:hover,#t[data-vista="leyendo"] #r-aa:hover,#t[data-vista="leyendo"] #noche:hover,#t[data-vista="leyendo"] #r-volver:hover,#t[data-vista="webtoon"] #r-indice:hover,#t[data-vista="webtoon"] #r-ver:hover,#t[data-vista="webtoon"] #r-aa:hover,#t[data-vista="webtoon"] #noche:hover,#t[data-vista="webtoon"] #r-volver:hover{
  border-color:color-mix(in srgb,var(--tm-brand) 36%,var(--tm-line))!important;background:color-mix(in srgb,var(--tm-brand) 5%,var(--tm-surface))!important;
}
#r-indice .top-icon,#r-ver .top-icon,#r-volver .top-icon,#noche .top-icon{display:grid!important;place-items:center!important;width:18px!important;height:18px!important;}
#r-indice svg,#r-ver svg,#noche svg{width:18px!important;height:18px!important;stroke-width:1.75!important;}
#r-volver svg{display:block!important;width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;}

/* LECTOR · índice canónico responsive */
.reader-index[hidden]{display:none!important;}
.reader-index{
  position:fixed!important;
  z-index:74!important;
  top:calc(var(--tm-header,68px) + 10px)!important;
  right:max(16px,var(--tm-gutter,18px))!important;
  width:min(360px,calc(100vw - 32px))!important;
  max-height:min(68dvh,620px)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  background:color-mix(in srgb,var(--tm-surface,#fff) 96%,transparent)!important;
  border:1px solid var(--tm-line)!important;
  border-radius:18px!important;
  box-shadow:0 18px 48px rgba(29,29,27,.16)!important;
  backdrop-filter:blur(18px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
  color:var(--tinta)!important;
}
.reader-panel-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:12px!important;padding:14px 14px 12px!important;border-bottom:1px solid var(--tm-line)!important;
  flex:0 0 auto!important;
}
.reader-panel-head>div{display:grid!important;gap:3px!important;min-width:0!important;}
.reader-panel-head span{font:700 9px/1 var(--tm-ui)!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--tm-muted)!important;}
.reader-panel-head strong{font:700 16px/1.15 var(--tm-reading)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.reader-index-body{overflow:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;padding:8px!important;display:grid!important;gap:4px!important;}
.reader-index-row{
  width:100%!important;min-height:46px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;gap:10px!important;padding:7px 10px!important;border:0!important;border-radius:11px!important;
  background:transparent!important;color:var(--tinta)!important;text-align:left!important;font-family:var(--tm-ui)!important;cursor:pointer!important;
}
.reader-index-row:hover,.reader-index-row:focus-visible{background:var(--tm-soft)!important;outline:none!important;}
.reader-index-row.on{background:color-mix(in srgb,var(--tm-brand) 13%,var(--tm-surface))!important;}
.reader-index-num{font:700 10px/1 var(--tm-ui)!important;color:var(--tm-brand)!important;text-align:center!important;font-variant-numeric:tabular-nums!important;}
.reader-index-copy{display:grid!important;gap:2px!important;min-width:0!important;}
.reader-index-copy strong{font:650 12px/1.25 var(--tm-ui)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.reader-index-copy small{font:500 9.5px/1.2 var(--tm-ui)!important;color:var(--tm-muted)!important;}
@media(max-width:1024px){
  .reader-index{top:calc(var(--tm-header,56px) + 8px)!important;right:12px!important;width:min(340px,calc(100vw - 24px))!important;max-height:min(64dvh,520px)!important;border-radius:16px!important;}
}
@media(max-width:480px){
  .reader-index{left:12px!important;right:12px!important;width:auto!important;top:calc(var(--tm-header,56px) + 8px)!important;max-height:58dvh!important;}
  .reader-panel-head{padding:12px!important;}
  .reader-index-row{min-height:44px!important;}
}

#reader-index-close .top-icon,#reader-settings-close .top-icon{display:grid!important;place-items:center!important;width:16px!important;height:16px!important;}
#reader-index-close svg,#reader-settings-close svg{display:block!important;width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
#r-aa,#r-aa span{font:700 11px/1 var(--tm-ui)!important;letter-spacing:-.02em!important;}
#t[data-tema="noche"][data-vista="lector"] #r-indice,#t[data-tema="noche"][data-vista="lector"] #r-ver,#t[data-tema="noche"][data-vista="lector"] #r-aa,#t[data-tema="noche"][data-vista="lector"] #noche,#t[data-tema="noche"][data-vista="lector"] #r-volver,#t[data-tema="noche"][data-vista="leyendo"] #r-indice,#t[data-tema="noche"][data-vista="leyendo"] #r-ver,#t[data-tema="noche"][data-vista="leyendo"] #r-aa,#t[data-tema="noche"][data-vista="leyendo"] #noche,#t[data-tema="noche"][data-vista="leyendo"] #r-volver,#t[data-tema="noche"][data-vista="webtoon"] #r-indice,#t[data-tema="noche"][data-vista="webtoon"] #r-ver,#t[data-tema="noche"][data-vista="webtoon"] #r-aa,#t[data-tema="noche"][data-vista="webtoon"] #noche,#t[data-tema="noche"][data-vista="webtoon"] #r-volver{
  background:#292a27!important;border-color:rgba(163,178,151,.22)!important;color:#f8fafd!important;
}
.op,.indice-panel{border-radius:14px!important;}


#t[data-vista="lector"] .esc[data-preparando="si"]::before{content:"Preparando lectura…";position:absolute;z-index:12;inset:0;display:grid;place-items:center;background:#f2f4f5;color:var(--suave);font:650 10px/1 var(--tm-ui);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;}
#t[data-tema="noche"][data-vista="lector"] .esc[data-preparando="si"]::before{background:#1d1d1b;color:#ccc3ba;}
#t[data-vista="lector"] .esc[data-pincha="si"] :is(.pli,.pdf-continuo){transition:none!important;}
/* -------------------------------------------------------------------------- */
/* HORIZONTAL · gesto natural, sin snap obligatorio                           */
/* -------------------------------------------------------------------------- */
.carril,.ins-carril,.detective-scene-tabs,.detective-characters,.ds-character-grid{
  scroll-snap-type:x proximity!important;scroll-snap-stop:normal!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:auto!important;
}
.ed-tabs,.hilo-view-tabs,.perfil-atajos,.detective-nav,.detective-piece-palette,.detective-lines,.detective-dossier-nav,.ds-dossier-tabs{
  scroll-snap-type:none!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:auto!important;
}



/* TOMO v1238.42 · precio por capítulo · regla canónica */
.cap-fila-ed{flex-wrap:wrap;}
.cap-gratis,.cap-tok{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--suave,#706f6f);white-space:nowrap;}
.cap-gratis input{accent-color:var(--marca,#839295);cursor:pointer;}
.cap-tok input{border:1px solid var(--borde,#ddd);border-radius:6px;padding:2px 4px;font-size:11.5px;text-align:center;}
.cap-precio{margin-left:auto;font-size:11px;padding:2px 8px;border-radius:20px;background:var(--arena,#706f6f);color:#fff;white-space:nowrap;}
.cap-gratis-tag{background:var(--marca,#839295);}
.cap-tok-chips{display:flex;gap:3px;}
.cap-tok-chips button{border:1px solid var(--borde,#ddd);background:#fff;border-radius:6px;min-width:22px;padding:2px 5px;font-size:11px;cursor:pointer;font-family:inherit;color:var(--suave,#706f6f);}
.cap-tok-chips button[aria-pressed="true"]{background:var(--marca,#839295);color:#1d1d1b;border-color:var(--marca,#839295);}
.cap-tok-otro{border:1px solid var(--borde,#ddd);border-radius:6px;padding:2px 4px;font-size:11.5px;text-align:center;}

/* ========================================================================== */
/* TOMO v1238.46 · DESAFÍOS · SISTEMA VISUAL CANÓNICO                         */
/* Sustituye v1238.45. Hub, tarjetas y controles compartidos sin capas extra. */
/* ========================================================================== */
.desafios-shell{display:grid;gap:16px;padding-bottom:34px;}
.desafios-hub{position:relative;isolation:isolate;}
.desafios-head{display:block;margin:0;padding:5px 2px 1px;}
.desafios-head h1{margin:0 0 7px;font:650 clamp(31px,4.1vw,46px)/.98 var(--tm-reading);letter-spacing:-.035em;color:var(--tinta);}
.desafios-head>div>p:last-child{max-width:650px;margin:0;color:var(--suave);font:450 12px/1.55 var(--tm-ui);}

/* Ranking / Mis logros / Configuración: control segmentado TOMO, compacto. */
.desafios-menu{width:min(100%,520px);margin:4px auto 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:0;border-radius:0;background:transparent;box-shadow:none;}
.desafios-menu button{width:100%;height:38px;min-height:38px;padding:0 10px;border:1px solid var(--tm-line);border-radius:11px;background:var(--tm-surface);color:var(--tinta);font:650 10.8px/1 var(--tm-ui);letter-spacing:0;text-align:center;white-space:nowrap;cursor:pointer;box-shadow:0 3px 10px rgba(29,29,27,.025);transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease;}
.desafios-menu button:hover{background:color-mix(in srgb,var(--tm-brand) 6%,var(--tm-surface));border-color:color-mix(in srgb,var(--tm-brand) 30%,var(--tm-line));color:var(--tinta);}
.desafios-menu button[aria-expanded="true"]{background:var(--tm-brand);border-color:var(--tm-brand);color:var(--tm-paper);box-shadow:none;}
.desafios-menu-contenido{display:grid;gap:0;}
.desafios-menu-panel{display:none;margin-top:2px;padding:16px;border:1px solid var(--tm-line);border-radius:17px;background:var(--tm-surface);box-shadow:0 9px 26px rgba(29,29,27,.04);}
.desafios-menu-panel[data-abierto="si"]{display:block;}
.desafios-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px;}
.desafios-panel-head .eyebrow{margin:0 0 4px;font:750 7.7px/1 var(--tm-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--tm-brand);}
.desafios-panel-head h2{margin:0;font:650 22px/1.04 var(--tm-reading);letter-spacing:-.025em;color:var(--tinta);}
.desafios-panel-head>span{max-width:310px;text-align:right;color:var(--suave);font:500 9px/1.45 var(--tm-ui);}
.desafios-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
#desafios-panel-ranking .desafios-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.desafios-ranking-card,.desafios-logros-card{min-width:0;padding:14px;border:1px solid var(--tm-line);border-radius:14px;background:color-mix(in srgb,var(--tm-brand) 2%,var(--tm-surface));box-shadow:none;}
.desafio-seccion-brand{display:flex;align-items:center;gap:7px;min-height:20px;margin:0 0 4px;}
.desafio-seccion-brand img{display:block;width:56px;height:auto;max-height:17px;object-fit:contain;object-position:left center;}
.desafio-seccion-brand b{font:650 14px/1 var(--tm-reading);letter-spacing:-.015em;color:var(--tinta);}
.desafios-ranking-temporada{display:block;margin:4px 0 8px;color:var(--marca);font:700 7.4px/1 var(--tm-ui);letter-spacing:.1em;text-transform:uppercase;}
.desafios-ranking-lista{display:grid;gap:4px;margin-top:9px;}
.desafios-ranking-fila{display:grid;grid-template-columns:22px 28px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:37px;padding:4px 5px;border-radius:9px;}
.desafios-ranking-fila:nth-child(-n/**/+3){background:color-mix(in srgb,var(--tm-brand) 7%,transparent);}
.desafios-ranking-pos{font:750 8.5px/1 var(--tm-ui);color:var(--marca);text-align:center;}
.desafios-ranking-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--tm-soft);color:var(--suave);font:700 9px/1 var(--tm-ui);}
.desafios-ranking-avatar img{display:block;width:100%;height:100%;object-fit:cover;}
.desafios-ranking-nombre{min-width:0;}.desafios-ranking-nombre b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:650 9.5px/1.2 var(--tm-ui);color:var(--tinta);}
.desafios-ranking-nombre small{display:block;margin-top:2px;font:500 7.8px/1.2 var(--tm-ui);color:var(--suave);}
.desafios-ranking-marca{font:730 8.5px/1 var(--tm-ui);color:var(--tinta);white-space:nowrap;}
.desafios-ranking-abrir-duelo,.desafios-ranking-abrir-detective{display:inline-flex;margin-top:10px;color:var(--marca);font:700 8.5px/1 var(--tm-ui);}
.desafios-logros-card>strong{display:block;margin:10px 0 7px;font:650 17px/1.12 var(--tm-reading);color:var(--tinta);}
.desafios-logros-insignias{display:flex;gap:7px;overflow-x:auto;padding:4px 0 2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;}.desafios-logros-insignias::-webkit-scrollbar{display:none;}
.desafios-logros-insignias img{width:48px;height:48px;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(29,29,27,.07));}
.desafios-logros-datos{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;}.desafios-logros-datos span{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid var(--tm-line);border-radius:999px;background:var(--tm-surface);color:var(--suave);font:650 8px/1 var(--tm-ui);}
.desafios-config-lista{display:grid;gap:8px;}.desafios-config-fila{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:60px;padding:11px 13px;border:1px solid var(--tm-line);border-radius:13px;background:var(--tm-surface);cursor:pointer;}
.desafios-config-fila>span:first-child b{display:block;color:var(--tinta);font:650 10.2px/1.25 var(--tm-ui);}.desafios-config-fila>span:first-child small{display:block;max-width:58ch;margin-top:3px;color:var(--suave);font:450 8.4px/1.42 var(--tm-ui);}
.desafios-config-fila.peligro>span:first-child b{color:#706f6f;}.desafios-config-fila.peligro .ios-switch input:checked+i{background:#706f6f;}

/* Tarjetas: arte de sistema reemplazable + jerarquía Tipo > logo > nombre. */
.desafios-juegos-stage{position:relative;margin:0 0 22px;padding:15px;border:1px solid color-mix(in srgb,var(--tm-brand) 14%,var(--tm-line));border-radius:21px;background:color-mix(in srgb,var(--tm-brand) 2%,var(--tm-surface));overflow:hidden;}
.desafios-juegos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch;}
.desafio-juego-card{--juego-acento:#839295;--desafio-banner:none;position:relative;min-width:0;min-height:292px;padding:0;border:1px solid color-mix(in srgb,var(--juego-acento) 22%,var(--tm-line));border-radius:18px;background:var(--tm-surface);color:var(--tinta);text-align:left;overflow:hidden;cursor:pointer;box-shadow:0 8px 24px rgba(29,29,27,.04);transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease;}
.desafio-juego-card.quest{--juego-acento:#a3b297;--desafio-banner:url("assets/desafios/quest-banner.svg");}
.desafio-juego-card.trivia{--juego-acento:#ccc3ba;--desafio-banner:url("assets/desafios/trivia-banner.svg");}
.desafio-juego-card.duelo{--juego-acento:#706f6f;--desafio-banner:url("assets/desafios/duelo-banner.svg");}
.desafio-juego-card.detective{--juego-acento:#839295;--desafio-banner:url("assets/desafios/detective-banner.svg");}
.desafio-juego-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--juego-acento) 48%,var(--tm-line));box-shadow:0 12px 28px rgba(29,29,27,.07);}
.desafio-juego-banner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:148px;padding:19px 44px 16px;background:#f8fafd;overflow:hidden;text-align:center;isolation:isolate;}
.desafio-juego-banner::before{content:"";position:absolute;z-index:-2;inset:0;background-image:var(--desafio-banner);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.96;}
.desafio-juego-banner::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(248,250,253,.22),rgba(248,250,253,.62));pointer-events:none;}
.desafio-juego-kicker{position:relative;color:color-mix(in srgb,var(--tinta) 66%,transparent);font:800 7.8px/1 var(--tm-ui);letter-spacing:.15em;text-transform:uppercase;}
.desafio-juego-num{position:absolute;z-index:2;top:12px;right:12px;display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(29,29,27,.16);border-radius:50%;background:rgba(248,250,253,.78);color:#1d1d1b;font:750 8.5px/1 var(--tm-ui);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.desafio-juego-brand{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;}
.desafio-juego-brand::before,.desafio-juego-brand::after{content:none!important;display:none!important;}
.desafio-juego-brand img{display:block;width:61px;height:17px;object-fit:contain;object-position:center;flex:0 0 auto;}
.desafio-juego-brand strong{display:block;font:650 29px/.98 var(--tm-reading);letter-spacing:-.03em;color:var(--tinta);}
.desafio-juego-body{display:grid;grid-template-rows:minmax(64px,1fr) auto;gap:11px;min-height:126px;padding:15px 17px 16px;background:var(--tm-surface);}
.desafio-juego-copy{display:block;max-width:46ch;color:color-mix(in srgb,var(--tinta) 72%,transparent);font:450 11.6px/1.48 var(--tm-ui);}
.desafio-juego-estado{justify-self:start;display:inline-flex;align-items:center;max-width:100%;min-height:28px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--juego-acento) 29%,var(--tm-line));border-radius:999px;background:color-mix(in srgb,var(--juego-acento) 7%,var(--tm-surface));color:var(--tinta);font:680 8.2px/1.2 var(--tm-ui);white-space:normal;text-wrap:balance;}
.desafio-juego-card.off{display:none!important;}.desafio-juego-card.quest.abierto{border-color:color-mix(in srgb,#839295 58%,var(--tm-line));box-shadow:0 11px 26px rgba(29,29,27,.07);}
.desafio-juego-card.quest.abierto .desafio-juego-estado{background:#839295;border-color:#839295;color:#f8fafd;}
.desafio-juego-seccion-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:8px 0 11px;padding:0 2px;}.desafio-juego-seccion-head h2{margin:2px 0 0;font:650 27px/1.05 var(--tm-reading);letter-spacing:-.02em;color:var(--tinta);}.desafio-juego-seccion-head>span{max-width:330px;text-align:right;color:var(--suave);font:500 9px/1.45 var(--tm-ui);}
.desafio-quest-wrap{scroll-margin-top:88px;}.desafio-mes-acciones{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.desafio-mes-acciones .b{width:100%;min-width:0;}

/* Shell compartido de Quest / Trivia / Duelo: una sola geometría de cabecera y controles. */
#desafio-test-modal .juego-card-modal,#trivia-modal .juego-card-modal,#duelo-modal .juego-card-modal{position:relative;}
.juego-modal-actions{position:absolute;z-index:20;top:15px;right:15px;display:flex;align-items:center;justify-content:flex-end;gap:7px;}
.juego-modal-control{appearance:none;width:38px;height:38px;min-width:38px;min-height:38px;padding:0;border:1px solid var(--tm-control-border);border-radius:11px;background:var(--tm-control-bg);color:var(--tm-control-text);display:grid;place-items:center;box-shadow:none;cursor:pointer;}
.juego-modal-control:hover{border-color:color-mix(in srgb,var(--tm-brand) 48%,var(--tm-line));background:color-mix(in srgb,var(--tm-brand) 6%,var(--tm-surface));}.juego-modal-control:focus-visible{outline:2px solid var(--tm-brand);outline-offset:2px;}.juego-modal-control svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;}.juego-modal-control.muted{opacity:.48;}.juego-modal-control.muted::after{content:"";position:absolute;width:17px;height:1.5px;border-radius:2px;background:currentColor;transform:rotate(-45deg);}
:is(#desafio-test-modal,#trivia-modal,#duelo-modal) .juego-topline{min-height:38px;padding-right:92px;margin-bottom:12px;}
:is(#desafio-test-modal,#trivia-modal,#duelo-modal) .juego-brandline{display:flex;align-items:center;gap:8px;min-width:0;}
:is(#desafio-test-modal,#trivia-modal,#duelo-modal) .juego-brandline img{display:block;width:62px;height:auto;max-height:18px;object-fit:contain;object-position:left center;}
:is(#desafio-test-modal,#trivia-modal,#duelo-modal) .juego-brandline b{font:650 15px/1 var(--tm-reading);letter-spacing:-.015em;white-space:nowrap;}
:is(#desafio-test-modal,#trivia-modal,#duelo-modal) .juego-progreso-meta{gap:10px;font-size:9.4px;line-height:1.25;}
#desafio-test-modal .juego-pregunta-card{padding:18px 18px 16px!important;border-radius:18px!important;background:var(--tm-surface)!important;box-shadow:0 8px 24px rgba(29,29,27,.045)!important;}
#desafio-test-modal .juego-pregunta-card>p{font-size:20px!important;line-height:1.28!important;margin:0 0 16px!important;text-wrap:balance;}
#desafio-test-modal .juego-opcion{min-height:54px!important;padding:11px 13px!important;font-size:12.5px!important;line-height:1.35!important;border-radius:13px!important;}
#desafio-test-modal .juego-opcion .juego-opcion-letra{width:30px!important;height:30px!important;flex-basis:30px!important;}
#desafio-test-modal .juego-acciones{display:flex;justify-content:flex-end;margin-top:12px!important;}
#desafio-test-modal .juego-acciones .b{min-width:142px;}
@media(max-width:767px){
  
  
  :is(#desafio-test-modal,#trivia-modal,#duelo-modal) .juego-topline{min-height:36px;padding-right:84px!important;margin-bottom:10px!important;}
  :is(#desafio-test-modal,#trivia-modal,#duelo-modal) .juego-brandline img{width:58px!important;max-height:17px!important;}
  :is(#desafio-test-modal,#trivia-modal,#duelo-modal) .juego-brandline b{font-size:14px!important;}
  :is(#desafio-test-modal,#trivia-modal,#duelo-modal) .juego-progreso-meta{font-size:8.8px!important;}
  #desafio-test-modal .juego-pregunta-card{padding:15px 13px 13px!important;border-radius:16px!important;}
  #desafio-test-modal .juego-pregunta-card>p{font-size:18px!important;line-height:1.25!important;margin-bottom:14px!important;}
  #desafio-test-modal .juego-opcion{min-height:50px!important;padding:9px 11px!important;font-size:11.6px!important;}
  #desafio-test-modal .juego-opcion .juego-opcion-letra{width:28px!important;height:28px!important;flex-basis:28px!important;}
  #desafio-test-modal .juego-acciones .b{width:100%;min-width:0;}
}
@media(max-width:380px){:is(#desafio-test-modal,#trivia-modal,#duelo-modal) .juego-progreso-meta span:last-child{display:none;}}

html[data-tomo-tema="noche"] .desafios-menu,html[data-tomo-tema="noche"] .desafios-menu-panel,html[data-tomo-tema="noche"] .desafios-ranking-card,html[data-tomo-tema="noche"] .desafios-logros-card,html[data-tomo-tema="noche"] .desafios-config-fila,html[data-tomo-tema="noche"] .desafio-juego-card,html[data-tomo-tema="noche"] .desafio-juego-body,html[data-tomo-tema="noche"] .juego-modal-control{background:#252622;color:#f8fafd;border-color:rgba(163,178,151,.20);}
html[data-tomo-tema="noche"] .desafio-juego-banner::after{background:linear-gradient(180deg,rgba(37,38,34,.18),rgba(37,38,34,.72));}html[data-tomo-tema="noche"] .desafio-juego-brand strong,html[data-tomo-tema="noche"] .desafio-juego-kicker{color:#f8fafd;}html[data-tomo-tema="noche"] .desafio-juego-num{background:rgba(37,38,34,.82);color:#f8fafd;border-color:rgba(248,250,253,.16);}html[data-tomo-tema="noche"] .desafio-juego-estado{color:#f8fafd;}html[data-tomo-tema="noche"] .desafios-menu button{background:#252622;color:#f8fafd;border-color:rgba(163,178,151,.20);}html[data-tomo-tema="noche"] .desafios-menu button[aria-expanded="true"]{background:#839295;color:#f8fafd;border-color:#839295;box-shadow:none;}

@media(max-width:1024px){
  .desafios-juegos-grid{grid-template-columns:1fr;gap:12px;}.desafios-panel-grid,#desafios-panel-ranking .desafios-panel-grid{grid-template-columns:1fr;}.juego-modal-actions{top:13px;right:13px;}
  .desafios-juegos-stage{padding:12px;border-radius:18px;}.desafio-juego-card{min-height:0!important;}.desafio-juego-banner{min-height:148px!important;}.desafio-juego-body{min-height:0!important;}
}
@media(max-width:767px){
  .desafios-shell{gap:14px;padding-bottom:28px;}.desafios-head{padding-top:2px;}.desafios-head h1{font-size:33px;}.desafios-head>div>p:last-child{font-size:11.2px;}
  .desafios-menu{width:100%;padding:0;gap:7px;border-radius:0;}.desafios-menu button{height:38px;min-height:38px;padding:0 5px;font-size:10.2px;border-radius:10px;}
  .desafios-menu-panel{padding:13px 12px;border-radius:15px;}.desafios-panel-head{align-items:flex-start;flex-direction:column;gap:4px;}.desafios-panel-head>span{max-width:none;text-align:left;}
  .desafios-juegos-stage{margin:0;padding:10px;border-radius:17px;overflow:visible;}.desafios-juegos-grid{display:grid;grid-template-columns:1fr;gap:10px;overflow:visible;padding:0;}.desafios-juegos-grid>.desafio-juego-card{width:100%;min-height:0;}
  .desafio-juego-banner{min-height:139px;padding:17px 38px 14px;}.desafio-juego-brand img{width:58px;height:16px;}.desafio-juego-brand strong{font-size:27px;}.desafio-juego-body{min-height:122px;padding:14px 15px 15px;gap:9px;}.desafio-juego-copy{font-size:11.1px;line-height:1.45;}.desafio-juego-estado{min-height:27px;padding:5px 8px;font-size:8px;}
  .desafio-juego-seccion-head{align-items:flex-start;flex-direction:column;gap:5px;}.desafio-juego-seccion-head>span{max-width:none;text-align:left;}.desafio-mes-acciones{grid-template-columns:repeat(2,minmax(0,1fr));}
  .juego-modal-actions{top:11px;right:11px;gap:6px;}.juego-modal-control{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:10px;}#desafio-test-modal .juego-topline{padding-right:84px!important;min-height:36px!important;}
}
@media(max-width:390px){.desafios-menu button{font-size:9.7px;}.desafio-juego-brand strong{font-size:25px;}.desafio-juego-copy{font-size:10.7px;}}

/* ===== TOMO Detective · Entrenamiento consolidado v1238.53 =====
   Bloque canónico: sustituye íntegramente la capa v1238.52. ===== */
#detective-social-modal .ds-training-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:9px;padding-top:11px;border-top:1px solid var(--ds-line);}
#detective-social-modal .ds-training-step{display:grid;grid-template-columns:25px minmax(0,1fr);gap:8px;align-items:start;padding:8px;border:1px solid rgba(101,122,126,.14);border-radius:10px;background:#fff;opacity:.58;}
#detective-social-modal .ds-training-step>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eef1ed;color:var(--ds-muted);font:800 9px/1 var(--tm-ui);}
#detective-social-modal .ds-training-step>div{display:grid;gap:3px;}.ds-training-step strong{font:750 9px/1.15 var(--tm-ui);color:var(--ds-ink);}
#detective-social-modal .ds-training-step.active{opacity:1;border-color:rgba(88,113,118,.38);box-shadow:0 7px 18px rgba(29,29,27,.05);}
#detective-social-modal .ds-training-step.active>span{background:var(--ds-brand-dark);color:#fff;}
#detective-social-modal .ds-training-step.done{opacity:1;background:rgba(163,178,151,.10);border-color:rgba(128,146,119,.28);}
#detective-social-modal .ds-training-step.done>span{background:#82917a;color:#fff;}

#detective-social-modal .ds-training-feedback{display:grid;gap:4px;margin:0 0 10px;padding:10px 12px;border:1px solid rgba(101,122,126,.2);border-radius:11px;background:#f8faf9;box-shadow:0 7px 20px rgba(29,29,27,.04);}
#detective-social-modal .ds-training-feedback.off{display:none!important;}
#detective-social-modal .ds-training-feedback>span{font:850 7px/1 var(--tm-ui);letter-spacing:.14em;color:#60777a;}
#detective-social-modal .ds-training-feedback>strong{font:750 12px/1.16 var(--tm-reading);color:var(--ds-ink);}
#detective-social-modal .ds-training-feedback>p{margin:0;font:550 9px/1.45 var(--tm-ui);color:var(--ds-muted);}
#detective-social-modal .ds-training-feedback.ok{background:rgba(163,178,151,.12);border-color:rgba(128,146,119,.30);}
#detective-social-modal .ds-training-feedback.ok>span{color:#64745e;}
#detective-social-modal .ds-training-feedback.warn{background:rgba(204,195,186,.14);border-color:rgba(154,137,119,.26);}
#detective-social-modal .ds-training-feedback.warn>span{color:#876f5d;}
#detective-social-modal .ds-training-feedback.hint{background:linear-gradient(135deg,#f8faf9,#eef3f1);border-color:rgba(64,87,90,.28);}
#detective-social-modal .ds-training-feedback.hint>span{color:#40575a;}
#detective-social-modal .ds-training-feedback.busy{opacity:.82;}

/* Escena de entrenamiento: el contenedor no cambia de altura durante una respuesta del servidor. */
#detective-social-modal .ds-match.training .ds-scene-head{align-items:flex-start;gap:14px;}
#detective-social-modal .ds-scene-tools{display:flex;flex:0 0 auto;gap:7px;align-items:center;}
#detective-social-modal .ds-scene-zoom,#detective-social-modal .ds-match.training .ds-scene-hint{
  min-height:38px;padding:0 13px;border:1px solid rgba(64,87,90,.32);border-radius:999px;background:#fff;color:#40575a;
  box-shadow:0 4px 13px rgba(29,29,27,.04);font:750 9px/1 var(--tm-ui);cursor:pointer;transition:background .16s ease,transform .16s ease,border-color .16s ease;
}
#detective-social-modal .ds-scene-zoom:hover:not(:disabled),#detective-social-modal .ds-match.training .ds-scene-hint:hover:not(:disabled){background:#eef3f1;transform:translateY(-1px);border-color:rgba(64,87,90,.5);}
#detective-social-modal .ds-scene-zoom:disabled,#detective-social-modal .ds-match.training .ds-scene-hint:disabled{opacity:.45;cursor:default;transform:none;}
#detective-social-modal .ds-match.training .ds-scene-hint:not(:disabled):before{content:"?";display:inline-grid;place-items:center;width:17px;height:17px;margin-right:6px;border:1px solid currentColor;border-radius:50%;font:850 8px/1 var(--tm-ui);}
#detective-social-modal .ds-scene.training-scene{position:relative;overflow:hidden;cursor:crosshair;min-height:0;background:#27302e;contain:layout paint;}
#detective-social-modal .ds-scene.training-scene.checking{cursor:progress;}
#detective-social-modal .ds-scene.training-scene>.ds-scene-image{display:block;width:100%!important;height:100%!important;object-fit:contain!important;background:#27302e!important;transform:translateZ(0);backface-visibility:hidden;}
#detective-social-modal .ds-scene-callout{position:absolute;left:12px;top:12px;z-index:6;display:grid;gap:2px;max-width:min(330px,calc(100% - 24px));padding:8px 10px;border:1px solid rgba(255,255,255,.28);border-radius:9px;background:rgba(21,28,27,.76);box-shadow:0 8px 24px rgba(0,0,0,.18);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);pointer-events:none;}
#detective-social-modal .ds-scene-callout strong{font:800 8px/1.1 var(--tm-ui);color:#fff;}
#detective-social-modal .ds-scene-callout span{font:520 7px/1.35 var(--tm-ui);color:rgba(255,255,255,.8);}
#detective-social-modal .ds-observe-ripple{position:absolute;z-index:8;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid rgba(255,255,255,.92);border-radius:50%;background:rgba(131,146,149,.25);box-shadow:0 0 0 0 rgba(131,146,149,.42);pointer-events:none;opacity:.9;transform:scale(.55);}
#detective-social-modal .ds-observe-ripple.run{animation:dsObservePulse .82s ease-out forwards;}
#detective-social-modal .ds-observe-ripple.ok{border-color:#dce8d5;background:rgba(163,178,151,.45);}
@keyframes dsObservePulse{0%{opacity:1;transform:scale(.45);box-shadow:0 0 0 0 rgba(255,255,255,.35)}70%{opacity:.95;transform:scale(1.25);box-shadow:0 0 0 17px rgba(255,255,255,0)}100%{opacity:0;transform:scale(1.45)}}
#detective-social-modal .ds-training-hint-region{position:absolute;z-index:7;border:2px solid rgba(238,221,166,.95);border-radius:18px;background:rgba(238,221,166,.10);box-shadow:0 0 0 999px rgba(18,24,23,.12),0 0 0 7px rgba(238,221,166,.08);pointer-events:none;animation:dsHintBreathe 1.5s ease-in-out infinite;}
@keyframes dsHintBreathe{50%{border-color:#fff3c7;background:rgba(238,221,166,.18);transform:scale(1.025)}}
#detective-social-modal .ds-primary-nav button.locked{opacity:.58;}
#detective-social-modal .ds-primary-nav button.locked small{color:#8f7462!important;}

/* Visor propio de escena. No hereda .lb-close ni .ds-sheet. */
html.ds-viewer-open,html.ds-viewer-open body{overflow:hidden!important;overscroll-behavior:none;}
#detective-social-modal .ds-scene-viewer{position:fixed;inset:0;z-index:4900;display:grid;grid-template-rows:minmax(0,1fr) auto;background:rgba(13,17,16,.97);color:#fff;isolation:isolate;}
#detective-social-modal .ds-scene-viewer.off{display:none!important;}
#detective-social-modal .ds-scene-viewer-stage{position:relative;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;padding:max(62px,calc(env(safe-area-inset-top) + 50px)) 22px 22px;touch-action:none;cursor:zoom-in;user-select:none;-webkit-user-select:none;}
#detective-social-modal .ds-scene-viewer-stage.zoomed{cursor:grab;}
#detective-social-modal .ds-scene-viewer-stage.zoomed:active{cursor:grabbing;}
#detective-social-modal .ds-scene-viewer-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:50% 50%;will-change:transform;box-shadow:0 24px 80px rgba(0,0,0,.35);border-radius:10px;-webkit-user-drag:none;pointer-events:none;}
#detective-social-modal .ds-scene-viewer-close{position:fixed!important;z-index:4903!important;top:max(14px,env(safe-area-inset-top))!important;right:max(14px,env(safe-area-inset-right))!important;left:auto!important;bottom:auto!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:50%!important;background:rgba(15,20,19,.82)!important;color:#fff!important;font:300 30px/1 var(--tm-ui)!important;line-height:1!important;box-shadow:0 10px 30px rgba(0,0,0,.25)!important;backdrop-filter:blur(10px);cursor:pointer;transform:none!important;}
#detective-social-modal .ds-scene-viewer-close:hover,#detective-social-modal .ds-scene-viewer-close:focus-visible{background:#fff!important;color:#1d1d1b!important;outline:2px solid rgba(255,255,255,.5);outline-offset:3px;}
#detective-social-modal .ds-scene-viewer-controls{z-index:4902;justify-self:center;display:flex;align-items:center;gap:7px;margin:0 12px max(14px,env(safe-area-inset-bottom));padding:7px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(15,20,19,.78);box-shadow:0 9px 30px rgba(0,0,0,.22);backdrop-filter:blur(10px);}
#detective-social-modal .ds-scene-viewer-controls button,#detective-social-modal .ds-scene-viewer-controls span{height:38px;min-width:38px;border:0;border-radius:999px;background:transparent;color:#fff;font:750 10px/1 var(--tm-ui);display:grid;place-items:center;}
#detective-social-modal .ds-scene-viewer-controls button{cursor:pointer;padding:0 12px;}.ds-scene-viewer-controls button:hover{background:rgba(255,255,255,.12);}
#detective-social-modal .ds-scene-viewer-controls span{min-width:64px;color:rgba(255,255,255,.82);}
#detective-social-modal .ds-scene-viewer-controls #ds-scene-viewer-reset{min-width:92px;}

@media(max-width:700px){
  #detective-social-modal .ds-training-steps{grid-template-columns:1fr 1fr;}
  #detective-social-modal .ds-scene-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important;}
  #detective-social-modal .ds-scene-tools{width:100%;display:grid;grid-template-columns:1fr 1fr;}
  #detective-social-modal .ds-scene-zoom,#detective-social-modal .ds-match.training .ds-scene-hint{width:100%;min-width:0;padding-inline:8px;}
  #detective-social-modal .ds-scene-callout{left:8px;top:8px;max-width:calc(100% - 16px);padding:7px 8px;}
  #detective-social-modal .ds-scene-callout span{font-size:6.5px;}
  #detective-social-modal .ds-training-feedback{padding:9px 10px;}
  #detective-social-modal .ds-scene-viewer-stage{padding:max(58px,calc(env(safe-area-inset-top) + 48px)) 8px 10px;}
  #detective-social-modal .ds-scene-viewer-close{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;font-size:28px!important;}
  #detective-social-modal .ds-scene-viewer-controls{max-width:calc(100vw - 18px);margin-inline:9px;}
  #detective-social-modal .ds-scene-viewer-controls button{padding-inline:10px;}
}
@media(max-height:520px) and (orientation:landscape){
  #detective-social-modal .ds-training-steps{display:none;}
  #detective-social-modal .ds-training-feedback{padding:6px 8px;margin-bottom:5px;}
  #detective-social-modal .ds-training-feedback>strong{font-size:9px;}
  #detective-social-modal .ds-training-feedback>p{font-size:7px;}
  #detective-social-modal .ds-scene-callout{display:none;}
  #detective-social-modal .ds-scene-viewer-stage{padding:8px 62px 8px 8px;}
  #detective-social-modal .ds-scene-viewer-controls{position:fixed;right:max(10px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));margin:0;}
}
@media(prefers-reduced-motion:reduce){#detective-social-modal .ds-observe-ripple.run,#detective-social-modal .ds-training-hint-region{animation:none!important;}}

/* Referencia previa del ejercicio: parte del flujo, no un parche visual. */
#detective-social-modal .ds-training-reference{grid-column:1/-1;display:grid;gap:3px;width:100%;margin-top:8px;padding:10px 12px;text-align:left;border:1px solid rgba(131,146,149,.26);border-radius:11px;background:#fff;color:var(--ds-ink);cursor:pointer;box-shadow:0 6px 18px rgba(29,29,27,.035);}
#detective-social-modal .ds-training-reference:hover{border-color:rgba(64,87,90,.46);background:#f7faf8;}
#detective-social-modal .ds-training-reference>span{font:850 6.8px/1 var(--tm-ui);letter-spacing:.13em;color:var(--ds-brand-dark);}
#detective-social-modal .ds-training-reference>strong{font:700 10px/1.2 var(--tm-ui);color:var(--ds-ink);}
#detective-social-modal .ds-training-reference>small{font:520 7.6px/1.4 var(--tm-ui);color:var(--ds-muted);}

/* ================================================================
   TOMO 1239.5 · BASE UX / SOCIAL CANÓNICA
   Shell + Inicio + Hilo + Perfil. Una sola implementación por componente.
   ================================================================ */

/* SHELL / HEADER */
.top .der{position:relative}
.top .der .b.b-ico{width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border:1px solid var(--tm-line)!important;border-radius:50%!important;background:var(--tm-surface)!important;color:var(--tinta)!important;box-shadow:none!important;display:grid!important;place-items:center!important}
.top .der .b.b-ico:hover{background:var(--tm-soft)!important;transform:none!important}.top .der .b.b-ico>.top-icon,.top .der .b.b-ico>span:not(.camp-badge){width:100%!important;height:100%!important;display:grid!important;place-items:center!important;margin:0!important}.top .der .b.b-ico svg{width:18px!important;height:18px!important}
.top .cuenta[data-in="si"]{width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}.top .cuenta[data-in="si"] .pin{width:38px!important;height:38px!important;border-radius:50%!important;overflow:hidden!important;border:1px solid var(--tm-line)!important;box-shadow:none!important}.top .cuenta[data-in="si"] .pin img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.top .cuenta[data-in="si"] .cuenta-txt{display:none!important}
.cuenta-menu{position:absolute;z-index:240;right:0;top:calc(100% + 9px);width:210px;padding:6px;border:1px solid var(--tm-line);border-radius:14px;background:var(--tm-surface);box-shadow:0 18px 44px rgba(29,29,27,.16)}.cuenta-menu.off{display:none}.cuenta-menu button{display:flex;width:100%;min-height:39px;align-items:center;padding:0 11px;border:0;border-radius:9px;background:transparent;color:var(--tinta);font:600 10.5px/1 var(--tm-ui);text-align:left;cursor:pointer}.cuenta-menu button:hover{background:var(--tm-soft)}.cuenta-menu .cuenta-menu-salir{margin-top:4px;border-top:1px solid var(--tm-line);border-radius:0 0 9px 9px;color:#8a4d48}
#t[data-tema="noche"] .top .der .b.b-ico{background:#2a2b27!important;color:#f8fafd!important;border-color:rgba(163,178,151,.20)!important}#t[data-tema="noche"] .cuenta-menu{background:#282925}

/* INICIO · carrusel editorial conectado a los 5 slots de Consola */
#cuerpo>.hero{position:relative;height:468px;min-height:468px;margin:0 0 24px;border:1px solid rgba(17,22,22,.08);border-radius:26px;overflow:hidden;background:#1d1d1b;isolation:isolate;box-shadow:0 18px 42px rgba(29,29,27,.10)}
#cuerpo>.hero .hero-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(264px,28vw,332px);align-items:center;gap:58px;padding:46px 56px 58px;opacity:0;pointer-events:none;transition:opacity .52s ease;color:#fff;background:var(--hero-fallback,#1d1d1b);overflow:hidden}
#cuerpo>.hero .hero-slide::before{content:"";position:absolute;inset:-2%;z-index:0;background-image:linear-gradient(90deg,rgba(11,15,16,.90) 0%,rgba(11,15,16,.74) 40%,rgba(11,15,16,.30) 70%,rgba(11,15,16,.46) 100%),radial-gradient(circle at 82% 50%,rgba(255,255,255,.08),transparent 38%),var(--hero-bg-image,none);background-size:cover,auto,cover;background-position:center center,center,center 30%;filter:saturate(.84) brightness(.78);transform:scale(1.06)}
#cuerpo>.hero .hero-slide::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.18));pointer-events:none}
#cuerpo>.hero .hero-slide.on{opacity:1;pointer-events:auto}
#cuerpo>.hero .hero-capa{position:relative;z-index:2;display:flex;flex-direction:column;align-self:center;max-width:610px;min-width:0;color:#fff}
#cuerpo>.hero .hero-genero{margin:0 0 12px;font:750 9px/1.2 var(--tm-ui);letter-spacing:.18em;text-transform:uppercase;color:rgba(248,250,253,.74)}
#cuerpo>.hero .hero-tit{margin:0 0 10px;font:600 clamp(36px,4.25vw,58px)/.96 var(--tm-reading);letter-spacing:-.048em;color:#fff;text-wrap:balance}
#cuerpo>.hero .hero-aut{margin:0 0 16px;font:560 12.5px/1.4 var(--tm-ui);color:rgba(248,250,253,.84)}
#cuerpo>.hero .hero-sin{max-width:50ch;margin:0 0 18px;font:430 13px/1.62 var(--tm-ui);color:rgba(248,250,253,.90);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty}
#cuerpo>.hero .hero-portada-obra{position:relative;z-index:3;justify-self:end;width:100%;max-width:316px;aspect-ratio:2/3;min-width:0;filter:drop-shadow(0 26px 36px rgba(0,0,0,.30))}
#cuerpo>.hero .hero-portada-obra::after{content:"";position:absolute;inset:-10px -10px auto auto;width:82%;height:82%;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 42%);pointer-events:none}
#cuerpo>.hero .hero-portada-obra .marco{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.34);border-radius:16px;background:#e7e5e1;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
#cuerpo>.hero .hero-portada-obra img{display:block;width:100%;height:100%;object-fit:cover;background:#e7e5e1}
#cuerpo>.hero .hero-acc{position:relative;z-index:4;display:flex;align-items:center;gap:10px;width:max-content}
#cuerpo>.hero .hero-acc .b{height:42px!important;min-height:42px!important;padding:0 18px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:13px!important;background:rgba(229,235,232,.95)!important;color:#18211f!important;box-shadow:0 10px 22px rgba(0,0,0,.16)!important;font:720 11px/1 var(--tm-ui)!important}
#cuerpo>.hero .hero-acc .b span{color:#18211f!important}
#cuerpo>.hero .hero-nav{position:absolute;inset:0;z-index:6;pointer-events:none}
#cuerpo>.hero .hero-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(17,22,22,.34);backdrop-filter:blur(10px);color:#fff;display:grid;place-items:center;cursor:pointer;pointer-events:auto;opacity:0;transition:opacity .18s ease,transform .18s ease,background .18s ease}
#cuerpo>.hero:hover .hero-nav-btn,#cuerpo>.hero:focus-within .hero-nav-btn{opacity:1}
#cuerpo>.hero .hero-nav-btn:hover{background:rgba(17,22,22,.48)}
#cuerpo>.hero .hero-nav-btn.prev{left:18px}#cuerpo>.hero .hero-nav-btn.next{right:18px}
#cuerpo>.hero .hero-nav-btn span{display:block;font:500 24px/1 Georgia,serif;transform:translateY(-1px)}
#cuerpo>.hero .hero-puntos{position:absolute;z-index:5;left:56px;bottom:24px;display:flex;gap:9px;align-items:center}
#cuerpo>.hero .hero-puntos span{width:8px;height:8px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:transparent;cursor:pointer;transition:width .18s ease,background .18s ease,opacity .18s ease;opacity:.88}
#cuerpo>.hero .hero-puntos span.on{width:26px;border-radius:999px;background:#fff;opacity:1}

/* HILO · compositor real, sin capa decorativa paralela */
.hilo-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 16px;padding:0 2px}.hilo-page-head h1{margin:3px 0 2px;font:600 34px/1 var(--tm-reading);letter-spacing:-.04em;color:var(--tinta)}.hilo-page-head .eyebrow{margin:0;color:var(--marca);font:750 8px/1 var(--tm-ui);letter-spacing:.14em;text-transform:uppercase}.hilo-page-copy{margin:0;font:450 11px/1.45 var(--tm-ui);color:var(--suave)}
.hilo-composer-host{display:grid;grid-template-columns:46px minmax(0,1fr);gap:11px;align-items:start;margin:0 0 16px;padding:14px 15px 10px;border:1px solid var(--tm-line);border-radius:18px;background:var(--tm-surface);box-shadow:none;overflow:visible}.hilo-composer-host.off{display:none}.hilo-composer-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,var(--marca),#536568);color:#fff;font:700 15px/1 var(--tm-reading)}.hilo-composer-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.hilo-composer-body{min-width:0;overflow:visible}.hilo-composer-host .muro-comp{display:grid;gap:9px;padding:0;margin:0;border:0;background:transparent;box-shadow:none;overflow:visible}.hilo-composer-host .muro-comp>.c:first-child{margin:0}.hilo-composer-host .muro-comp>.c:first-child label{display:none}.hilo-composer-host #muro-txt{width:100%;min-height:58px;max-height:180px;padding:7px 2px;border:0;background:transparent;box-shadow:none;resize:none;font:450 14px/1.5 var(--tm-ui);color:var(--tinta)}.hilo-composer-host #muro-txt:focus{outline:0;box-shadow:none}.hilo-composer-host #muro-txt::placeholder{color:#8c9293}.hilo-composer-host #muro-img-prev{display:flex;align-items:flex-start;gap:10px;margin:0;padding:9px;border:1px solid var(--tm-line);border-radius:14px;background:var(--tm-soft)}.hilo-composer-host #muro-img-prev.off{display:none}.hilo-composer-host #muro-img-prev img{display:block;max-width:150px;max-height:150px;border-radius:12px;object-fit:cover}.hilo-composer-host .muro-encuesta-editor{margin:0;padding:12px;border:1px solid var(--tm-line);border-radius:14px;background:var(--tm-soft)}.muro-composer-state{display:none!important}.hilo-composer-host .muro-comp-fila{display:flex!important;align-items:center!important;gap:8px!important;padding-top:8px!important;border-top:1px solid var(--tm-line)!important;flex-wrap:nowrap!important;overflow:visible!important}.muro-tool-wrap{position:relative;flex:0 0 auto}.muro-tool-btn{width:38px;height:38px;min-width:38px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--marca);display:grid;place-items:center;cursor:pointer;transition:background .15s ease,transform .15s ease}.muro-tool-btn:hover{background:var(--tm-soft);transform:translateY(-1px)}.muro-tool-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.muro-publicar-btn{margin-left:auto;background:var(--marca);color:#fff}.muro-publicar-btn:hover{background:color-mix(in srgb,var(--marca) 88%,#1d1d1b);color:#fff}.muro-tool-menu{position:absolute;z-index:190;left:0;bottom:calc(100% + 7px);min-width:190px;max-width:min(290px,78vw);max-height:280px;overflow:auto;padding:6px;border:1px solid var(--tm-line);border-radius:13px;background:var(--tm-surface);box-shadow:0 14px 34px rgba(29,29,27,.16)}.muro-tool-menu.off{display:none}.muro-tool-menu button{display:flex;width:100%;min-height:38px;align-items:center;padding:7px 10px;border:0;border-radius:9px;background:transparent;color:var(--tinta);font:600 10px/1.25 var(--tm-ui);text-align:left;cursor:pointer}.muro-tool-menu button:hover,.muro-tool-menu button.on{background:var(--tm-soft)}

/* PERFIL PÚBLICO */
#muro>.lim{width:100%;max-width:960px;margin:0 auto}.perfil-portada{position:relative;height:242px;border-radius:26px 26px 0 0;overflow:visible;background:linear-gradient(135deg,#7793a0,#9eaea0);background-size:cover;background-position:center}.perfil-portada>.rotulo{position:absolute;left:20px;bottom:15px;color:rgba(255,255,255,.72);font:500 14px/1 var(--tm-reading);letter-spacing:.04em}.perfil-tarjeta{position:relative;margin:0;padding:96px 30px 26px;border:1px solid var(--tm-line);border-top:0;border-radius:0 0 26px 26px;background:var(--tm-surface);box-shadow:none;overflow:visible}.perfil-fila-avatar{position:absolute;z-index:4;left:50%;top:-84px;width:168px;height:168px;transform:translateX(-50%);display:grid;place-items:center}.perfil-avatar{width:168px;height:168px;border:5px solid var(--tm-surface);border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--marca);color:#fff;font:600 38px/1 var(--tm-reading);box-shadow:0 10px 28px rgba(29,29,27,.15)}.perfil-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.perfil-acciones-superiores{position:absolute;z-index:6;top:14px;right:14px;display:flex;align-items:center;gap:7px}.perfil-acciones-superiores .btn-icono{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border:1px solid rgba(255,255,255,.58)!important;border-radius:50%!important;background:rgba(248,250,253,.92)!important;color:var(--tinta)!important;display:grid!important;place-items:center!important;box-shadow:0 4px 12px rgba(29,29,27,.08)!important;backdrop-filter:blur(9px)}.perfil-acciones-superiores .btn-icono svg{width:17px;height:17px}.perfil-ajustes-wrap{position:relative}.perfil-ajustes-menu{position:absolute;z-index:20;right:0;top:calc(100% + 7px);min-width:184px;padding:5px;border:1px solid var(--tm-line);border-radius:12px;background:var(--tm-surface);box-shadow:0 14px 34px rgba(29,29,27,.15)}.perfil-ajustes-menu.off{display:none}.perfil-ajustes-menu button{display:block;width:100%;min-height:36px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--tinta);font:600 10px/1 var(--tm-ui);text-align:left;cursor:pointer}.perfil-ajustes-menu button:hover{background:var(--tm-soft)}
.perfil-identidad{display:flex;align-items:baseline;justify-content:center;gap:8px;min-width:0;margin:0 auto 7px;padding-top:2px;flex-wrap:wrap}.perfil-nombre{margin:0;font:650 30px/1.05 var(--tm-reading);letter-spacing:-.035em;color:var(--tinta)}.perfil-handle{margin:0;font:550 13px/1.2 var(--tm-ui);color:var(--suave)}.perfil-bio{max-width:620px;margin:9px auto 0;font:430 13px/1.55 var(--tm-ui);color:#555d5e;text-align:center}.muro-stats{display:flex;align-items:center;justify-content:center;gap:0;margin:14px auto 0;padding:0;color:var(--suave);overflow-x:auto;scrollbar-width:none}.muro-stats::-webkit-scrollbar{display:none}.muro-stat{min-width:105px;padding:0 18px;border-left:1px solid var(--tm-line);text-align:center;white-space:nowrap}.muro-stat:first-child{border-left:0}.muro-stat b{display:inline;font:650 13px/1.2 var(--tm-ui);color:var(--tinta)}.muro-stat span{display:inline;margin-left:5px;font:500 10px/1.2 var(--tm-ui);color:var(--suave)}.muro-stat-nuevo{min-width:auto}.muro-stat-nuevo b{font-weight:600;color:var(--suave)}.perfil-social-acciones{display:flex;align-items:center;justify-content:center;gap:8px;margin:15px auto 0;flex-wrap:wrap}.perfil-social-acciones .btn-icono,.perfil-social-acciones .btn-reportar{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;border:1px solid var(--tm-line)!important;border-radius:50%!important;background:var(--tm-surface)!important;color:var(--marca)!important;display:grid!important;place-items:center!important}.perfil-social-acciones .btn-reportar svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.perfil-badges-card{margin:17px auto 0;padding:13px 0 2px;border:0;border-top:1px solid var(--tm-line);border-radius:0;background:transparent;box-shadow:none;overflow:hidden;text-align:center}.ins-titulo-fila{display:flex;align-items:center;justify-content:center;gap:0;margin:0 0 9px;padding:0 2px}.ins-titulo-fila .eyebrow{margin:0;padding:0 13px 0 0;font:650 10px/1 var(--tm-ui);letter-spacing:0;text-transform:none;color:var(--tinta)}.ins-titulo-fila #muro-mercado-btn{height:auto!important;min-height:0!important;padding:0 0 0 13px!important;border:0!important;border-left:1px solid var(--tm-line)!important;border-radius:0!important;background:transparent!important;color:var(--marca)!important;font:650 10px/1 var(--tm-ui)!important}.perfil-badges-card .carril-wrap{position:relative;overflow:hidden}#muro .ins-carril{display:flex;gap:10px;width:100%;overflow-x:auto;overflow-y:hidden;padding:3px 2px 7px;scroll-snap-type:x proximity;scrollbar-width:none;justify-content:flex-start}#muro .ins-carril::-webkit-scrollbar{display:none}#muro .ins-carril .trofeo{flex:0 0 66px;width:66px;min-width:66px;text-align:center;scroll-snap-align:start}#muro .ins-carril .trofeo img{display:block;width:56px;height:56px;margin:0 auto 4px;object-fit:contain}#muro .ins-carril .trofeo b,#muro .ins-carril .trofeo span{font:500 8.5px/1.2 var(--tm-ui)}.ins-hint{margin:5px 2px 0;font:450 8.5px/1.3 var(--tm-ui);color:var(--suave)}
.perfil-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:4px;width:min(100%,640px);margin:20px auto 18px;padding:4px;border:0;border-radius:14px;background:var(--tm-soft)}.muro-tab{height:40px;min-width:0;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--suave);font:650 10px/1 var(--tm-ui);cursor:pointer;white-space:nowrap}.muro-tab.on{background:var(--tm-surface);color:var(--tinta);box-shadow:0 3px 10px rgba(29,29,27,.06)}.muro-tab.on::after{display:none}.perfil-obras-carril,.perfil-biblioteca-carril,.perfil-megusta-carril{display:flex!important;gap:13px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:3px 2px 9px!important;scroll-snap-type:x proximity;scrollbar-width:none}.perfil-obras-carril::-webkit-scrollbar,.perfil-biblioteca-carril::-webkit-scrollbar,.perfil-megusta-carril::-webkit-scrollbar{display:none}.perfil-obras-carril>.card,.perfil-biblioteca-carril>.card,.perfil-megusta-carril>.card{flex:0 0 155px!important;min-width:155px!important;max-width:155px!important;scroll-snap-align:start}.muro-panel{min-width:0}.muro-panel>.prosa.muro-vacio{text-align:center;margin:28px auto;color:var(--suave)}

/* PERFIL PRIVADO / CONFIGURACIÓN · landing indexada */
.pag[data-p="perfil"]>.perfil-config-head{width:100%;max-width:920px;margin:0 auto 15px;padding:0 2px}.perfil-config-head .eyebrow{margin:0 0 5px;color:var(--marca);font:750 8px/1 var(--tm-ui);letter-spacing:.14em;text-transform:uppercase}.perfil-config-head h1{margin:0;font:600 34px/1.04 var(--tm-reading);letter-spacing:-.035em;color:var(--tinta)}.perfil-config-head>p:last-child{margin:7px 0 0;color:var(--suave);font:450 11.5px/1.5 var(--tm-ui)}.pag[data-p="perfil"]>.perf{width:100%!important;max-width:920px!important;margin:0 auto!important}.perf-cab{display:grid!important;grid-template-columns:108px minmax(0,1fr)!important;gap:20px!important;align-items:start!important;padding:22px!important;border:1px solid var(--tm-line)!important;border-radius:20px!important;background:var(--tm-surface)!important;box-shadow:none!important}.avatar-wrap{width:108px!important}.perf-cab .avatar{width:104px!important;height:104px!important;border-radius:50%!important}.avatar-editar{width:32px!important;height:32px!important;border-radius:50%!important;background:var(--marca)!important;color:#fff!important;border:3px solid var(--tm-surface)!important;display:grid!important;place-items:center!important}.perf-nom{font-size:29px!important;line-height:1.04!important;margin:2px 0 3px!important}.perf-mail{font-size:11.5px!important}.perfil-atajos{position:sticky;z-index:35;top:calc(var(--tm-header,64px) + 8px);display:flex;gap:7px;margin:14px 0;padding:7px;border:1px solid var(--tm-line);border-radius:16px;background:color-mix(in srgb,var(--tm-surface) 94%,transparent);backdrop-filter:blur(14px);overflow-x:auto;scrollbar-width:none}.perfil-atajos::-webkit-scrollbar{display:none}.perfil-atajos button{height:38px;padding:0 14px;flex:0 0 auto;border:0;border-radius:10px;background:transparent;color:var(--suave);font:650 9.5px/1 var(--tm-ui);cursor:pointer;white-space:nowrap}.perfil-atajos button:hover,.perfil-atajos button.on{background:var(--tm-soft);color:var(--tinta)}.perfil-tema-switch{padding:11px 13px!important;border:1px solid var(--tm-line);border-radius:12px;background:var(--tm-surface)}.perf .plg{scroll-margin-top:calc(var(--tm-header,64px) + 72px);border:1px solid var(--tm-line)!important;border-radius:15px!important;background:var(--tm-surface)!important;overflow:hidden!important;box-shadow:none!important}.perf .plg>summary{padding:14px 16px!important;font-size:12px!important;font-weight:650!important;transition:background .15s ease}.perf .plg>summary:hover{background:color-mix(in srgb,var(--tm-sage) 8%,transparent)}.plg-cuerpo{padding:0 16px 16px!important}.duo{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-top:14px!important}.c label{font-size:10px!important;color:var(--suave)!important}.c input,.c select,.c textarea{border:1px solid var(--tm-line)!important;background:var(--tm-surface)!important;color:var(--tinta)!important;border-radius:10px!important;box-shadow:none!important}

#t[data-tema="noche"] .hilo-composer-host,#t[data-tema="noche"] .perfil-tarjeta,#t[data-tema="noche"] .perf-cab{background:#20211f}#t[data-tema="noche"] .perfil-avatar{border-color:#20211f}#t[data-tema="noche"] .perfil-ajustes-menu,#t[data-tema="noche"] .muro-tool-menu,#t[data-tema="noche"] .cuenta-menu{background:#2a2b27;color:#f8fafd}



/* ==========================================================================
   TOMO v1241.1 · FRONT PÚBLICO CANÓNICO
   Shell estable + segmentado oficial + Hilo/Perfil + interacción táctil.
   Duelo permanece como referencia visual y no se altera su lógica.
   ========================================================================== */

/* HEADER · una sola identidad TOMO. Sin avatar/cuenta duplicada arriba. */
.top{
  overflow:visible!important;isolation:isolate!important;z-index:1200!important;
  background:color-mix(in srgb,var(--tm-surface) 92%,transparent)!important;
  border-bottom:1px solid color-mix(in srgb,var(--tm-brand) 14%,var(--tm-line))!important;
  box-shadow:0 5px 22px rgba(29,29,27,.035)!important;
  backdrop-filter:blur(20px) saturate(145%)!important;-webkit-backdrop-filter:blur(20px) saturate(145%)!important;
}
.top .der{position:relative!important;overflow:visible!important;z-index:4!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;}
.top .nav,.top .home,.top .busca-wrap{overflow:visible!important;}
.top .der .b.b-ico{
  width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;
  border-radius:50%!important;background:color-mix(in srgb,var(--tm-surface) 95%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--tm-brand) 18%,var(--tm-line))!important;color:var(--tinta)!important;
  box-shadow:none!important;display:grid!important;place-items:center!important;appearance:none!important;-webkit-appearance:none!important;
  touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;
}
.top .der .b.b-ico:hover{background:var(--tm-soft)!important;transform:none!important;}
.top .der .b.b-ico:active{background:color-mix(in srgb,var(--marca) 11%,var(--tm-surface))!important;}
.top .der .b.b-ico>.top-icon,.top .der .b.b-ico>span:not(.camp-badge){width:100%!important;height:100%!important;display:grid!important;place-items:center!important;margin:0!important;}
.top .der .b.b-ico svg{width:18px!important;height:18px!important;margin:auto!important;}

#t[data-tema="noche"] .top{background:rgba(29,29,27,.93)!important;}
#t[data-tema="noche"] .top .der .b.b-ico{background:#2a2b27!important;color:#f8fafd!important;border-color:rgba(163,178,151,.20)!important;}
@media(min-width:1280px){
  /* v1241.1 · cabecera determinista. El centro usa un carril propio y los
     laterales son simétricos: cambiar de sección, etiqueta o utilidades no
     desplaza la navegación. */
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .top{
    grid-template-columns:minmax(220px,1fr) 440px minmax(220px,1fr)!important;
    grid-template-areas:"home nav actions"!important;column-gap:12px!important;
  }
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .home{
    justify-self:start!important;width:190px!important;min-width:190px!important;max-width:190px!important;
  }
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .home i{
    display:block!important;width:72px!important;min-width:72px!important;max-width:72px!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  }
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .top .nav{
    justify-self:center!important;width:440px!important;min-width:440px!important;max-width:440px!important;
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;
  }
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .top .nav button{
    width:100%!important;min-width:0!important;max-width:none!important;padding:0 8px!important;text-align:center!important;
  }
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .top .der{justify-self:end!important;}
}

/* PERFIL EN NAVEGACIÓN · foto real abajo/lateral; icono genérico sin sesión. */
.mobilebar-avatar{
  width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;border-radius:50%!important;overflow:hidden!important;margin:auto!important;
  border:1px solid color-mix(in srgb,var(--tm-brand) 28%,var(--tm-line))!important;background:color-mix(in srgb,var(--tm-brand) 9%,var(--tm-surface))!important;
  color:var(--marca)!important;font:750 10px/1 var(--tm-ui)!important;display:grid!important;place-items:center!important;
}
.mobilebar-avatar img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;}
.mobilebar-avatar svg{width:17px!important;height:17px!important;}
.tomo-mobilebar button.on .mobilebar-avatar{border-color:var(--marca)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--marca) 15%,transparent)!important;}
.rail-avatar svg{width:22px!important;height:22px!important;}

/* MENÚ SEGMENTADO TOMO · misma receta gráfica de TOMO Duelo. */
:is(.hilo-view-tabs,.perfil-tabs,.mios-view-tabs,.mios-filtros,.right-rail-tabs){
  box-sizing:border-box!important;display:grid!important;align-items:stretch!important;gap:7px!important;padding:5px!important;
  border:1px solid color-mix(in srgb,var(--tm-line,var(--borde)) 78%,transparent)!important;border-radius:999px!important;
  background:color-mix(in srgb,var(--marca) 5%,var(--tm-surface,#fff))!important;overflow:visible!important;box-shadow:none!important;
}
.hilo-view-tabs,.perfil-tabs,.mios-filtros{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.mios-view-tabs,.right-rail-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
:is(.hilo-view-tabs,.perfil-tabs,.mios-view-tabs,.mios-filtros,.right-rail-tabs)>button{
  box-sizing:border-box!important;width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0 10px!important;
  border:0!important;border-radius:999px!important;background:transparent!important;color:var(--suave)!important;box-shadow:none!important;
  cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;
  font:650 10px/1 var(--tm-ui,var(--ui))!important;letter-spacing:0!important;text-align:center!important;white-space:nowrap!important;
  appearance:none!important;-webkit-appearance:none!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease!important;
}
:is(.hilo-view-tabs,.perfil-tabs,.mios-view-tabs,.mios-filtros,.right-rail-tabs)>button:hover{
  color:var(--tinta)!important;background:color-mix(in srgb,var(--tm-surface,#fff) 78%,transparent)!important;
}
:is(.hilo-view-tabs,.perfil-tabs,.mios-view-tabs,.mios-filtros,.right-rail-tabs)>button:is(.on,.activo,[aria-selected="true"],[aria-pressed="true"]){
  color:#f8fafd!important;background:var(--marca)!important;box-shadow:0 7px 18px color-mix(in srgb,var(--marca) 24%,transparent)!important;
}
:is(.hilo-view-tabs,.perfil-tabs,.mios-view-tabs,.mios-filtros,.right-rail-tabs)>button.off{display:none!important;}

/* Hilo: el segmentado es una pieza centrada, no un accesorio pegado al título. */
.hilo-page-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;align-items:start!important;margin-bottom:16px!important;}
.hilo-page-head>div:first-child{width:100%!important;}
.hilo-head-actions{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;}
.hilo-view-tabs{width:min(100%,760px)!important;margin:0 auto!important;}
.perfil-tabs{width:min(100%,680px)!important;margin:20px auto 18px!important;}
.mios-view-tabs{width:min(100%,330px)!important;}
.mios-filtros{width:min(100%,650px)!important;margin:0 auto 16px!important;}
.right-rail-tabs{width:100%!important;margin:10px 0 8px!important;gap:4px!important;padding:4px!important;}
.right-rail-tabs>button{height:34px!important;min-height:34px!important;font-size:9px!important;}


/* Mesa Editorial mantiene su navegación interna de edición: cinco etapas
   de una misma obra. La navegación de Cuenta se define una sola vez en v1241.0. */
.ed-tabs{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;padding:5px!important;
  border:1px solid color-mix(in srgb,var(--tm-line,var(--borde)) 78%,transparent)!important;border-radius:999px!important;
  background:color-mix(in srgb,var(--marca) 5%,var(--tm-surface,#fff))!important;box-shadow:none!important;
}
.ed-tab{
  height:38px!important;min-height:38px!important;min-width:0!important;padding:0 7px!important;border:0!important;border-radius:999px!important;background:transparent!important;
  color:var(--suave)!important;font:650 9.5px/1 var(--tm-ui)!important;white-space:nowrap!important;appearance:none!important;-webkit-appearance:none!important;
  touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;box-shadow:none!important;
}
.ed-tab:is(.on,:hover){background:var(--marca)!important;color:#f8fafd!important;box-shadow:0 7px 18px color-mix(in srgb,var(--marca) 20%,transparent)!important;}
#t[data-tema="noche"] .ed-tabs{background:rgba(163,178,151,.08)!important;border-color:rgba(163,178,151,.20)!important;}

/* Hilo dentro de Perfil y en Hilo usan el mismo compositor y la misma iconografía. */
#muro-panel-hilo #muro-comp{
  box-sizing:border-box!important;display:grid!important;gap:9px!important;width:calc(100% - 24px)!important;margin:12px auto 14px!important;padding:13px 14px 10px!important;
  border:1px solid var(--tm-line)!important;border-radius:17px!important;background:var(--tm-surface)!important;box-shadow:none!important;overflow:visible!important;
}
#muro-panel-hilo #muro-comp.off{display:none!important;}
#muro-panel-hilo #muro-comp>.c:first-child{margin:0!important;width:100%!important;}
#muro-panel-hilo #muro-txt{box-sizing:border-box!important;width:100%!important;min-height:62px!important;max-height:180px!important;padding:7px 2px!important;border:0!important;background:transparent!important;box-shadow:none!important;resize:none!important;font:450 14px/1.5 var(--tm-ui)!important;color:var(--tinta)!important;}
#muro-panel-hilo #muro-txt:focus{outline:0!important;box-shadow:none!important;}
#muro-panel-hilo .muro-comp-fila{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:7px!important;width:100%!important;min-width:0!important;padding-top:8px!important;border-top:1px solid var(--tm-line)!important;overflow:visible!important;}
#muro-panel-hilo .muro-tool-wrap{position:relative!important;display:block!important;flex:0 0 auto!important;width:auto!important;}
#muro-panel-hilo .muro-publicar-btn{margin-left:auto!important;}
.muro-tool-btn{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;appearance:none!important;-webkit-appearance:none!important;}
.muro-tool-btn svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.muro-tool-menu button:disabled{opacity:.48!important;cursor:default!important;background:transparent!important;color:var(--suave)!important;}

@media(prefers-reduced-motion:reduce){
  :is(.hilo-view-tabs,.perfil-tabs,.mios-view-tabs,.mios-filtros,.right-rail-tabs)>button{transition:none!important;}
}

/* v1239.7 · buscador por lupa en todos los tamaños.
   El header conserva sólo utilidades; el campo se abre como capa independiente. */
/* v1241.1 · mientras el buscador vive dentro del header debe salir por completo
   del layout. Al abrirlo, JS lo porta directamente a #t como .busca-portal.
   Esto neutraliza la vieja regla desktop que mantenía .plegada en display:block
   y generaba columnas implícitas que desplazaban el menú entre secciones. */
#t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .top>#busca-wrap{display:none!important;grid-area:auto!important;}
#lupa{display:grid!important;touch-action:manipulation!important;pointer-events:auto!important;}
#busca-wrap[data-open="no"],#busca-wrap.plegada{display:none!important;pointer-events:none!important;}
#t>#busca-wrap.busca-portal[data-open="si"]{
  position:fixed!important;display:block!important;visibility:visible!important;opacity:1!important;
  left:50%!important;right:auto!important;top:calc(var(--tm-header) + 10px)!important;
  width:min(680px,calc(100vw - 48px))!important;max-width:680px!important;
  transform:translateX(-50%)!important;z-index:1500!important;overflow:visible!important;
  pointer-events:auto!important;isolation:isolate!important;
}
#t>#busca-wrap.busca-portal[data-open="si"] .busca{
  display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  width:100%!important;height:44px!important;background:var(--tm-surface)!important;
  border:1px solid color-mix(in srgb,var(--tm-brand) 22%,var(--tm-line))!important;
  border-radius:14px!important;box-shadow:0 18px 46px rgba(29,29,27,.14)!important;
}
#t>#busca-wrap.busca-portal .busca-usuarios{z-index:2!important;}
@media(max-width:1024px){
  #t>#busca-wrap.busca-portal[data-open="si"]{top:68px!important;width:calc(100vw - 32px)!important;max-width:680px!important;}
}
@media(max-width:767px){#t>#busca-wrap.busca-portal[data-open="si"]{top:62px!important;width:calc(100vw - 24px)!important;max-width:none!important;}}


/* ========================================================================== */
/* TOMO v1241.0 · ARQUITECTURA PÚBLICA CONSOLIDADA                           */
/* Cuenta y Mesa Editorial son contextos distintos. Sin capas decorativas.    */
/* ========================================================================== */

:root{--tm-bg:#f6f7f5;}
#t{background:var(--tm-bg)!important;}
#t[data-tema="noche"]{--tm-bg:#1d1d1b;background:var(--tm-bg)!important;}

/* La Mesa es una vista de autor propia, no una sección del engranaje de cuenta. */
#t[data-vista="mesa"] .pag[data-p="mesa"]{display:block!important;}
#t[data-vista="mesa"] .tomo-left-rail,#t[data-vista="mesa"] .tomo-right-rail{display:none!important;}
.pag[data-p="mesa"]{padding-left:24px!important;padding-right:24px!important;}
.pag[data-p="mesa"]>.lim{width:100%!important;max-width:1020px!important;margin:0 auto!important;padding:0!important;}
.mesa-shell{min-width:0;}
.mesa-page-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;margin:0 0 15px;padding:0 2px;}
.mesa-page-head .eyebrow{margin:0 0 5px;color:var(--marca);font:750 8px/1 var(--tm-ui);letter-spacing:.14em;text-transform:uppercase;}
.mesa-page-head h1{margin:0;font:600 34px/1.04 var(--tm-reading);letter-spacing:-.035em;color:var(--tinta);}
.mesa-page-head p:last-child{margin:7px 0 0;color:var(--suave);font:450 11.5px/1.5 var(--tm-ui);}
.mesa-ver-perfil{height:38px!important;border-radius:999px!important;padding:0 16px!important;white-space:nowrap!important;}
.mesa-perf{width:100%!important;max-width:1020px!important;margin:0 auto!important;}
.mesa-perf>.plg{scroll-margin-top:calc(var(--tm-header,68px) + 72px);}

/* Menús hermanos comparten una sola receta TOMO. */
.perfil-atajos,.mesa-atajos{
  position:sticky!important;z-index:35!important;top:calc(var(--tm-header,68px) + 8px)!important;
  width:100%!important;display:grid!important;gap:7px!important;margin:14px 0!important;padding:5px!important;
  border:1px solid color-mix(in srgb,var(--tm-line) 78%,transparent)!important;border-radius:999px!important;
  background:color-mix(in srgb,var(--tm-surface) 95%,transparent)!important;box-shadow:none!important;backdrop-filter:blur(12px)!important;
  overflow:visible!important;
}
.perfil-atajos{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
.mesa-atajos{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.perfil-atajos button,.mesa-atajos button{
  box-sizing:border-box!important;width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0 10px!important;
  border:0!important;border-radius:999px!important;background:transparent!important;color:var(--suave)!important;box-shadow:none!important;
  cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;
  font:650 10px/1 var(--tm-ui)!important;white-space:nowrap!important;touch-action:manipulation!important;
}
.perfil-atajos button:is(.on,:hover),.mesa-atajos button:is(.on,:hover){background:var(--marca)!important;color:#f8fafd!important;box-shadow:0 7px 18px color-mix(in srgb,var(--marca) 20%,transparent)!important;}
#t[data-tema="noche"] :is(.perfil-atajos,.mesa-atajos){background:rgba(163,178,151,.08)!important;border-color:rgba(163,178,151,.20)!important;}

/* El CTA de autor en el perfil propio es una acción independiente del engranaje. */
.perfil-mesa-btn{min-height:38px!important;border-radius:999px!important;padding:0 14px!important;font-size:10px!important;}

/* Mis Tomos: el selector principal permanece centrado de forma inequívoca. */
.mios-cab{grid-template-columns:minmax(0,1fr)!important;text-align:left!important;}
.mios-cab .mios-view-tabs{justify-self:center!important;margin:14px auto 0!important;}

/* Menús Hilo/Perfil: sólo el segmentado visible; no existen selectores espejo. */
.hilo-head-actions,.perfil-tabs{isolation:isolate;}

/* En superficies pequeñas no comprimimos Cuenta/Mesa como escritorio: se desplazan horizontalmente. */
@media(max-width:767px){
  .pag[data-p="mesa"]{padding:14px 12px calc(82px + env(safe-area-inset-bottom))!important;}
  .mesa-page-head{grid-template-columns:1fr;gap:10px;padding:0 2px;}
  .mesa-page-head h1{font-size:29px;}
  .mesa-ver-perfil{justify-self:start;}
  .perfil-atajos,.mesa-atajos{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;top:56px!important;border-radius:16px!important;}
  .perfil-atajos::-webkit-scrollbar,.mesa-atajos::-webkit-scrollbar{display:none!important;}
  .perfil-atajos button,.mesa-atajos button{width:auto!important;min-width:max-content!important;padding-inline:14px!important;}
  .perfil-mesa-btn{width:auto!important;}
}

@media(min-width:768px) and (max-width:1199px){
  .pag[data-p="mesa"]>.lim{max-width:900px!important;}
  .mesa-page-head{padding-inline:4px;}
}


/* TOMO v1241.2 · insignias de perfil sin tarjeta/fondo en escritorio.
   El arte conserva su transparencia original; ningún contenedor añade cuadro, relleno o sombra. */
@media (min-width: 901px){
  #muro .perfil-badges-card,
  #muro .perfil-badges-card .carril-wrap,
  #muro .ins-carril,
  #muro .ins-carril .trofeo,
  #muro .ins-carril .trofeo-seriado,
  #muro .ins-carril .ins-serie-arte{
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
  }
  #muro .ins-carril .trofeo,
  #muro .ins-carril .trofeo-seriado{padding:0!important;}
  #muro .ins-carril .trofeo>img,
  #muro .ins-carril .trofeo-seriado .ins-serie-arte>img{
    background:transparent!important;
    box-shadow:none!important;
    filter:none!important;
  }
}

/* ========================================================================== */
/* TOMO v1241.3 · ESTABILIDAD TÁCTIL / IOS / CARGA                           */
/* Corrige: índice de capítulos móvil, auto-zoom de formularios en iOS y      */
/* micro-saltos de composición mientras llegan catálogo, imágenes y archivos. */
/* ========================================================================== */

/* El placeholder de arranque reserva altura, pero no debe parecer una capa
   distinta que desaparece de golpe al entrar el contenido real. */
#cuerpo.arrancando{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
#cuerpo.arrancando::before{display:none!important;}

/* Los elementos que se reconstruyen con datos no vuelven a entrar animados.
   La transición de una portada o un feed debe sentirse estable, no rebotar. */
.card{animation:none!important;}
.pdf-page-slot{transition:none!important;}

@media(max-width:767px){
  /* iOS amplía automáticamente la página cuando un campo enfocado usa menos
     de 16 px. Se respeta el zoom del usuario; simplemente evitamos ese zoom
     involuntario del navegador en Hilo, búsqueda y formularios. */
  #t input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  #t select,
  #t textarea{
    font-size:16px!important;
  }
  .hilo-composer-host #muro-txt,
  #muro-panel-hilo #muro-txt{
    font-size:16px!important;
    line-height:1.45!important;
  }

  /* Ficha de obra: Safari recalcula 100dvh mientras aparece/desaparece su barra
     y eso movía la sinopsis bajo el dedo. La ficha usa un viewport estable y
     un único scroll vertical hasta el último botón/capítulo. */
  #modal{
    width:100vw!important;height:100svh!important;min-height:100svh!important;
    padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))!important;
    align-items:stretch!important;justify-items:stretch!important;overflow:hidden!important;
  }
  #modal .box-ficha{
    box-sizing:border-box!important;width:100%!important;max-width:none!important;height:100%!important;max-height:100%!important;
    margin:0!important;padding:18px 18px max(24px,env(safe-area-inset-bottom))!important;border-radius:20px!important;
    overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;scroll-behavior:auto!important;scrollbar-gutter:stable both-edges;
  }
  #modal .box-ficha>.info{width:100%!important;min-width:0!important;overflow:visible!important;}
  #modal #m-sin{width:100%!important;max-width:none!important;margin:0!important;transform:none!important;transition:none!important;overflow:visible!important;overflow-wrap:anywhere!important;word-break:normal!important;}
  #modal #m-acc{box-sizing:border-box!important;width:100%!important;display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;gap:8px!important;overflow:visible!important;}
  #modal #m-acc>.b{flex:1 1 140px!important;min-width:0!important;max-width:100%!important;transform:none!important;}

  /* La ficha ya tiene un único scroll: el de .box. El listado de capítulos no
     debe crear un segundo scroll táctil dentro del modal, porque en iPhone ese
     scroll anidado hace que las filas "se escapen" bajo el dedo. */
  .box-ficha #m-caps-caja{
    margin-top:14px!important;
    padding-top:14px!important;
    padding-bottom:max(8px,env(safe-area-inset-bottom))!important;
    border-top:1px solid var(--tm-line,var(--borde))!important;
  }
  .box-ficha #m-caps{
    max-height:none!important;
    overflow:visible!important;
    overscroll-behavior:auto!important;
    -webkit-overflow-scrolling:auto!important;
    touch-action:pan-y!important;
    gap:9px!important;
    padding:2px 1px 8px!important;
  }
  .box-ficha #m-caps .cap-fila{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    transform:none!important;
    transition:background .12s ease,border-color .12s ease!important;
    touch-action:manipulation!important;
  }

  /* content-visibility con alturas intrínsecas aproximadas provocaba cambios
     de geometría al materializar tarjetas/posts en Safari móvil. En pantallas
     pequeñas priorizamos estabilidad visual; la virtualización pesada del PDF
     conserva su propio mecanismo independiente. */
  .card,.hpost,.mpost,.mesa-obra,.noti-it,.msj-fila-wrap{
    content-visibility:visible!important;
    contain-intrinsic-size:auto!important;
  }

  /* Evita capas GPU inestables en piezas fijas/sticky durante teclado, scroll y
     carga de imágenes. Se mantienen superficies opacas de la identidad TOMO. */
  .top,.tomo-mobilebar,.perfil-atajos,.mesa-atajos{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}

/* En dispositivos táctiles no existe hover real. Las traslaciones heredadas
   no deben activarse tras un toque y hacer vibrar botones o capítulos. */
@media(hover:none),(pointer:coarse){
  .cap-fila:hover,.mini:hover,.chip:hover,.flecha:hover,.cuenta:hover,.muro-tool-btn:hover{
    transform:none!important;
  }
}

/* ========================================================================== */
/* TOMO v1241.4 · ESTABILIDAD INTEGRAL                                       */
/* Una sola capa canónica para composición, foco, overlays y carga coherente. */
/* No altera contratos API, economía, pagos, lector ni lógica de Desafíos.    */
/* ========================================================================== */

/* La sesión se resuelve antes de revelar utilidades que dependen de ella.
   visibility conserva exactamente la geometría del header y evita apariciones
   parciales de mensajes/campana durante el primer pintado. */
#t[data-session="loading"] .top .der{visibility:hidden!important;}

/* Interacción táctil: en una pantalla sin hover, ningún feedback histórico de
   escritorio debe desplazar físicamente tarjetas o controles tras un toque. */
@media(hover:none),(pointer:coarse){
  .card:hover .cov,.pap:hover,.tokchip:hover,.paq:hover,.hpost:hover,.mpost:hover,
  .noti-it:hover,.hpost-obra:hover,.top .der .b-ico:hover,.top .der .cuenta:hover,
  .top .der .tokchip:hover,.muro-tool-btn:hover{
    transform:none!important;
  }
}

@media(max-width:1024px){
  /* El blur sobre capas fixed obliga a Safari a recomponer grandes superficies
     durante teclado/scroll. En móvil usamos fondos sólidos equivalentes. */
  .modal,.lb{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
  .modal{background:rgba(23,25,25,.54)!important;}
  #t[data-tema="noche"] .modal{background:rgba(10,13,19,.68)!important;}
  .modal .box,.box{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
  .lb{background:rgba(20,22,22,.62)!important;}

  /* Una modal se desplaza como una sola superficie vertical; no transmite el
     gesto a la página situada detrás. */
  .modal .box{overscroll-behavior:contain!important;touch-action:pan-y!important;}
}

@media(prefers-reduced-motion:reduce){
  .modal,.modal .box,.lb-card,.hero-slide,.hero-puntos span{
    animation:none!important;transition:none!important;
  }
  html{scroll-behavior:auto!important;}
}


/* Utilidades del header: ancho reservado por estado final de sesión. Así la
   llegada de Mensajes/Notificaciones cambia contenido, nunca geometría. */
#t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .top .der{
  width:181px!important;min-width:181px!important;max-width:181px!important;
}
@media(max-width:767px){
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .top .der{
    width:156px!important;min-width:156px!important;max-width:156px!important;
  }
}

/* Rail contextual de escritorio: altura determinista. El feed absorbe su propia
   variación y "En movimiento" permanece anclado; cargar Hilo ya no recoloca
   bloques mientras el usuario está leyendo la portada. */
@media(min-width:1280px){
  .tomo-right-rail{
    height:calc(100dvh - var(--tm-header) - 36px)!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .right-hilo-feed{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-width:thin;
  }
  .right-mov-card{flex:0 0 auto!important;}
}
@media(min-width:1280px){
  .right-movimiento{height:154px!important;overflow:hidden!important;}
}


/* ========================================================================== */
/* TOMO v1241.6 · HILO MÓVIL COMPACTO Y ESTABLE                               */
/* Hoja inferior: el feed no se reordena, el teclado no deforma la página y   */
/* todas las acciones —incluido Publicar— permanecen en una sola barra.        */
/* ========================================================================== */
.hilo-composer-mobile-launch,.hilo-mobile-composer{display:none;}

@media(max-width:767px){
  .hilo-composer-host{
    grid-template-columns:38px minmax(0,1fr)!important;
    align-items:center!important;
    min-height:66px!important;
    padding:10px 12px!important;
    overflow:hidden!important;
  }
  .hilo-composer-host #hilo-composer-body{display:none!important;}
  .hilo-composer-mobile-launch{
    display:flex!important;grid-column:2;align-items:center;width:100%;min-width:0;min-height:44px;padding:10px 12px;
    border:1px solid var(--tm-line);border-radius:14px;background:var(--tm-surface);color:#818789;
    font:450 16px/1.35 var(--tm-ui);text-align:left;appearance:none;-webkit-appearance:none;touch-action:manipulation;
  }
  .hilo-composer-mobile-launch span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

  body.hmc-open{overflow:hidden!important;overscroll-behavior:none!important;}
  .hilo-mobile-composer:not(.off){
    display:flex!important;position:fixed;z-index:5000;left:0;right:0;top:var(--hmc-top,0px);height:var(--hmc-vh,100dvh);
    align-items:flex-end;justify-content:center;padding:0;background:rgba(24,27,27,.18);color:var(--tinta);
    overflow:hidden;overscroll-behavior:none;touch-action:none;
  }
  .hmc-shell{
    position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:auto;min-height:272px;
    max-height:min(68dvh,560px,calc(var(--hmc-vh,100dvh) - 8px));background:var(--tm-surface,#fff);overflow:hidden;
    border:1px solid color-mix(in srgb,var(--tm-line) 78%,transparent);border-bottom:0;border-radius:22px 22px 0 0;
    box-shadow:0 -14px 36px rgba(29,29,27,.14);touch-action:auto;
  }
  .hmc-head{
    display:grid;grid-template-columns:minmax(76px,1fr) auto minmax(76px,1fr);align-items:center;gap:8px;
    min-height:48px;padding:4px 12px;border-bottom:1px solid var(--tm-line);background:var(--tm-surface,#fff);
  }
  .hmc-head strong{font:650 13px/1 var(--tm-reading);text-align:center;white-space:nowrap;}
  .hmc-head-spacer{display:block;min-width:76px;}
  .hmc-cancel{justify-self:start;min-height:40px;padding:0 8px;border:0;border-radius:10px;background:transparent;color:var(--tinta);font:650 13px/1 var(--tm-ui);appearance:none;-webkit-appearance:none;touch-action:manipulation;}
  .hmc-main{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px 15px 10px;touch-action:pan-y;}
  .hmc-author{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;margin-bottom:6px;}
  .hmc-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--marca);color:#fff;font:700 13px/1 var(--tm-reading);}
  .hmc-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
  .hmc-author-copy{min-width:0;display:grid;gap:2px;}.hmc-author-copy b{font:650 12px/1.2 var(--tm-ui);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.hmc-author-copy span{font:450 10px/1.2 var(--tm-ui);color:var(--suave);}
  #hmc-txt{display:block;width:100%;height:104px;min-height:104px;max-height:210px;padding:7px 0 10px;border:0!important;border-radius:0!important;background:transparent!important;color:var(--tinta);box-shadow:none!important;resize:none;overflow-y:auto;font:450 17px/1.48 var(--tm-reading)!important;outline:0!important;}
  #hmc-txt::placeholder{color:#959a9a;opacity:1;}
  .hmc-image{position:relative;width:min(100%,420px);margin:8px 0 10px;border:1px solid var(--tm-line);border-radius:15px;overflow:hidden;background:var(--tm-soft);}
  .hmc-image.off{display:none!important;}.hmc-image img{display:block;width:100%;max-height:30dvh;object-fit:cover;}.hmc-image button{position:absolute;top:8px;right:8px;width:34px;height:34px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(29,29,27,.72);color:#fff;font:500 22px/1 var(--tm-ui);}
  .hmc-poll{display:grid;gap:8px;margin:8px 0 4px;padding:12px;border:1px solid var(--tm-line);border-radius:15px;background:var(--tm-soft);}.hmc-poll.off{display:none!important;}.hmc-poll-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}.hmc-poll-head strong{font:650 13px/1.2 var(--tm-reading);}.hmc-poll-head button{border:0;background:transparent;color:var(--marca);font:650 11px/1 var(--tm-ui);}.hmc-poll input,.hmc-poll select{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--tm-line);border-radius:11px;background:var(--tm-surface);color:var(--tinta);font:450 16px/1.35 var(--tm-ui)!important;}.hmc-poll label{display:grid;gap:5px;color:var(--suave);font:550 10px/1.2 var(--tm-ui);}
  .hmc-error{margin:8px 0 0;padding:9px 11px;border-radius:11px;background:color-mix(in srgb,#b64b43 9%,var(--tm-surface));color:#9a3e38;font:600 11px/1.4 var(--tm-ui);}.hmc-error.off{display:none!important;}
  .hmc-toolbar{display:flex;align-items:center;gap:2px;min-height:64px;padding:6px 9px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--tm-line);background:var(--tm-surface,#fff);touch-action:manipulation;}
  .hmc-tool{width:50px;height:50px;min-width:50px;padding:4px 2px;border:0;border-radius:12px;background:transparent;color:var(--marca);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;appearance:none;-webkit-appearance:none;touch-action:manipulation;}
  .hmc-tool:active{background:var(--tm-soft);}.hmc-tool svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;}.hmc-tool>span{display:block;max-width:47px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 9px/1 var(--tm-ui);color:var(--suave);}.hmc-tool[data-selected="true"]{background:var(--tm-soft);}.hmc-tool[data-selected="true"]>span{color:var(--marca);}.hmc-tool.off,.hmc-tool[hidden]{display:none!important;}
  .hmc-publish{margin-left:auto;min-width:82px;min-height:44px;padding:0 13px;border:0;border-radius:14px;background:var(--marca);color:#fff;font:700 12px/1 var(--tm-ui);appearance:none;-webkit-appearance:none;touch-action:manipulation;}
  .hmc-publish:disabled{opacity:.42;}
  .hmc-menu{position:absolute;z-index:4;left:10px;right:10px;bottom:calc(66px + env(safe-area-inset-bottom));max-height:min(42dvh,320px,calc(var(--hmc-vh,100dvh) - 150px));overflow:auto;padding:6px;border:1px solid var(--tm-line);border-radius:15px;background:var(--tm-surface);box-shadow:0 14px 34px rgba(29,29,27,.16);overscroll-behavior:contain;touch-action:pan-y;}
  .hmc-menu.off{display:none!important;}.hmc-menu button{display:flex;width:100%;min-height:46px;align-items:center;padding:8px 11px;border:0;border-radius:11px;background:transparent;color:var(--tinta);font:600 12px/1.25 var(--tm-ui);text-align:left;}.hmc-menu button.on{background:var(--tm-soft);color:var(--marca);}.hmc-menu button:disabled{opacity:.44;}
  #t[data-tema="noche"] .hilo-mobile-composer:not(.off){background:rgba(0,0,0,.34);}#t[data-tema="noche"] .hilo-mobile-composer .hmc-shell{background:#20211f;color:#f8fafd;}
}



@media(max-width:374px){.hmc-tool{width:45px;min-width:45px}.hmc-publish{min-width:76px;padding-inline:10px}.hmc-toolbar{padding-inline:6px}}
@media(min-width:768px){.hilo-composer-mobile-launch,.hilo-mobile-composer{display:none!important;}}
@media(prefers-reduced-motion:reduce){.hilo-mobile-composer *{scroll-behavior:auto!important;transition:none!important;animation:none!important;}}


/* ========================================================================== */
/* TOMO v1241.9 · PORTADA PRIORITARIA                                         */
/* Skeleton con la misma geometría del hero real. Existe sólo hasta que       */
/* catálogo + sesión están resueltos; nunca representa una obra ficticia.     */
/* ========================================================================== */
#cuerpo.arrancando{min-height:0!important;margin-top:0!important;border:0!important;border-radius:0!important;overflow:visible!important;}
.inicio-skeleton{display:grid;gap:24px;width:100%;padding-top:0;}
.inicio-skeleton-hero{height:468px;min-height:468px;border-radius:22px;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:38px;align-items:center;padding:38px 42px;box-sizing:border-box;background:linear-gradient(135deg,var(--tm-soft),color-mix(in srgb,var(--marca) 8%,var(--tm-surface)));overflow:hidden;position:relative;}
.inicio-skeleton-hero::after,.inicio-skeleton-cover::after,.inicio-skeleton-copy>*::after,.inicio-skeleton-row i::after,.inicio-skeleton-row span::after{content:"";position:absolute;inset:0;transform:translateX(-105%);background:linear-gradient(100deg,transparent,rgba(255,255,255,.44),transparent);animation:tomo-skeleton 1.35s ease-in-out infinite;}
.inicio-skeleton-copy{display:grid;gap:13px;align-content:center;max-width:560px;}
.inicio-skeleton-copy>*{display:block;position:relative;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--marca2) 18%,var(--tm-surface));}
.inicio-skeleton-copy i{width:118px;height:9px;}
.inicio-skeleton-copy b{height:38px;border-radius:12px;}.inicio-skeleton-copy b:nth-of-type(1){width:min(92%,520px)}.inicio-skeleton-copy b:nth-of-type(2){width:min(68%,390px)}
.inicio-skeleton-copy span{height:12px;}.inicio-skeleton-copy span:nth-of-type(1){width:min(82%,460px);margin-top:4px}.inicio-skeleton-copy span:nth-of-type(2){width:min(58%,320px)}
.inicio-skeleton-cover{position:relative;justify-self:end;width:220px;aspect-ratio:2/3;border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--marca2) 22%,var(--tm-surface));box-shadow:0 18px 38px rgba(29,29,27,.08);}
.inicio-skeleton-row{display:grid;gap:12px}.inicio-skeleton-row>i{display:block;position:relative;overflow:hidden;width:150px;height:13px;border-radius:999px;background:color-mix(in srgb,var(--marca2) 18%,var(--tm-surface));}.inicio-skeleton-row>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;overflow:hidden}.inicio-skeleton-row span{display:block;position:relative;overflow:hidden;aspect-ratio:2/3;border-radius:12px;background:color-mix(in srgb,var(--marca2) 14%,var(--tm-surface));}
@keyframes tomo-skeleton{55%,100%{transform:translateX(105%)}}
@media(prefers-reduced-motion:reduce){.inicio-skeleton *::after{animation:none!important;display:none!important}}

/* ================================================================
   TOMO v1241.9 · maduración UX + adquisición comercial
   ================================================================ */
.cap-cargando{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:center;padding:14px 4px;color:var(--suave);font:500 11px/1.45 var(--ui)}
.cap-cargando>span{grid-row:1 / span 2;width:16px;height:16px;border:2px solid color-mix(in srgb,var(--marca) 20%,transparent);border-top-color:var(--marca);border-radius:50%;animation:tomo-cap-spin .8s linear infinite}
.cap-cargando>b{color:var(--tinta);font-size:11px}.cap-cargando>i{font-style:normal;font-weight:400}.cap-cargando.cap-error{grid-template-columns:1fr}.cap-cargando.cap-error>span{display:none}.cap-cargando.cap-error .b{justify-self:start;margin-top:7px}
@keyframes tomo-cap-spin{to{transform:rotate(360deg)}}

.tomo-comercial{margin:24px 0 30px;padding:28px 30px;border:1px solid var(--tm-line,var(--borde));border-radius:18px;background:var(--hoja);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end;box-shadow:0 14px 38px rgba(29,29,27,.035)}
.tomo-comercial-copy{min-width:0;max-width:820px}.tomo-comercial-copy h2,.tomo-comercial-copy h3{margin:5px 0 8px;font-family:var(--lee);font-weight:620;line-height:1.04;letter-spacing:-.03em;color:var(--tinta)}
.tomo-comercial-copy h2{font-size:clamp(27px,3vw,40px)}.tomo-comercial-copy h3{font-size:23px}.tomo-comercial-copy>p:not(.tomo-comercial-nota){margin:0;max-width:760px;color:var(--suave);font:400 12.5px/1.7 var(--ui)}
.tomo-comercial-nota{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--tm-line,var(--borde));color:var(--suave);font:550 9.5px/1.5 var(--ui);letter-spacing:.015em}
.tomo-comercial-acc{display:flex;gap:8px;align-items:center;justify-content:flex-end;min-width:260px}.tomo-comercial-acc .b{text-decoration:none;white-space:nowrap}
.tomo-comercial.compacto{padding:21px 24px;margin:20px 0 24px;align-items:center}.tomo-comercial.compacto .tomo-comercial-copy h3{font-size:21px}.tomo-comercial.compacto .tomo-comercial-nota{display:none}
.tomo-house{border-style:solid!important;background:var(--hoja)!important}.tomo-house-link{display:flex!important;min-height:98px!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;text-decoration:none!important;padding:19px 21px!important}.tomo-house-link span{font-family:var(--lee)!important;font-size:18px!important;font-weight:620!important;letter-spacing:-.02em!important;color:var(--tinta)!important}.tomo-house-link em{margin-top:5px!important;font:500 9.5px/1.45 var(--ui)!important;font-style:normal!important;color:var(--suave)!important;letter-spacing:.01em!important}
@media(max-width:820px){.tomo-comercial,.tomo-comercial.compacto{grid-template-columns:1fr;gap:17px;padding:22px}.tomo-comercial-acc{min-width:0;justify-content:flex-start;flex-wrap:wrap}.tomo-comercial-copy h2{font-size:30px}}
@media(max-width:520px){.tomo-comercial,.tomo-comercial.compacto{margin:18px 0 22px;padding:18px;border-radius:16px}.tomo-comercial-acc{display:grid;grid-template-columns:1fr 1fr;width:100%}.tomo-comercial-acc .b{min-width:0;padding-inline:10px}.tomo-comercial-copy h2{font-size:27px}.tomo-comercial-copy h3,.tomo-comercial.compacto .tomo-comercial-copy h3{font-size:21px}.tomo-house-link{min-height:88px!important;padding:16px!important}.tomo-house-link span{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){#t *,#t *::before,#t *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.tomo-pie-publico{margin:30px 0 6px;padding:18px 2px 8px;border-top:1px solid var(--tm-line,var(--borde));display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}.tomo-pie-publico :is(a,button){border:0;background:none;padding:4px;color:var(--suave);font:600 9px/1.2 var(--ui);text-decoration:none;cursor:pointer}.tomo-pie-publico :is(a,button):hover{color:var(--tinta)}
.reg-intereses{border:1px solid var(--borde);border-radius:12px;padding:0 12px;background:color-mix(in srgb,var(--hoja) 94%,var(--marca) 6%)}.reg-intereses summary{padding:11px 0;cursor:pointer;font:650 10px/1.3 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta)}.reg-intereses summary span{margin-left:4px;color:var(--suave);font-weight:500;text-transform:none;letter-spacing:0}.reg-intereses[open]{padding-bottom:12px}.reg-gustos{display:flex;flex-wrap:wrap;gap:8px}.reg-intereses p{margin:8px 0 0;font:400 11px/1.45 var(--ui);color:var(--suave)}

/* ========================================================================== 
   TOMO v1242.2 · EXPERIENCIA TÁCTIL EDITORIAL · AUTORIDAD RESPONSIVE FINAL
   Móvil y tablet no reducen escritorio: tienen ritmo, navegación y composición.
   ========================================================================== */

/* TABLET / iPAD · 768–1279 -------------------------------------------------- */
@media (max-width:1279px){
  :root{--tm-gutter:28px;--tm-header:70px;}
  html,body,#t{max-width:100vw!important;overflow-x:clip!important;}
  #t{min-height:100svh;background:var(--tm-bg,#f6f7f5)!important;}
  .tomo-left-rail,.tomo-right-rail{display:none!important;}

  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .top{
    height:70px!important;min-height:70px!important;padding:0 28px!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-areas:"home spacer actions"!important;gap:16px!important;
    background:var(--tm-surface,#f8fafd)!important;border-bottom:1px solid color-mix(in srgb,var(--tm-brand) 12%,var(--tm-line))!important;
    box-shadow:0 3px 18px rgba(29,29,27,.025)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .home{grid-area:home!important;width:112px!important;min-width:112px!important;max-width:112px!important;justify-self:start!important;margin:0!important;}
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .home i{display:none!important;}
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .tomo-logo-oficial{display:block!important;width:108px!important;height:auto!important;}
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .nav{display:none!important;}
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .der{grid-area:actions!important;justify-self:end!important;display:flex!important;align-items:center!important;gap:8px!important;width:auto!important;}
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .top .der .b.b-ico{width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;border-radius:50%!important;padding:0!important;background:transparent!important;border-color:transparent!important;}
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .top .der .b.b-ico:hover{background:var(--tm-soft)!important;}
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) #noche,
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .top .cuenta,
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .top .tokchip{display:none!important;}
  #t>#busca-wrap.busca-portal[data-open="si"]{top:78px!important;width:min(680px,calc(100vw - 56px))!important;max-width:680px!important;}

  .pag{padding:32px 28px calc(112px + env(safe-area-inset-bottom))!important;width:100%!important;max-width:100vw!important;min-height:calc(100svh - 70px)!important;background:transparent!important;overflow-x:clip!important;}
  .pag>.lim{width:100%!important;max-width:960px!important;margin:0 auto!important;padding:0!important;min-width:0!important;}
  .pag[data-p="hilo"]>.lim{max-width:760px!important;}
  .pag[data-p="perfil"]>.perf,.pag[data-p="perfil"]>.perfil-config-head{max-width:860px!important;margin-inline:auto!important;}

  .tomo-mobilebar{
    position:fixed!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;
    left:50%!important;right:auto!important;bottom:18px!important;transform:translateX(-50%)!important;width:min(576px,calc(100vw - 44px))!important;height:74px!important;
    padding:6px!important;z-index:180!important;border:1px solid color-mix(in srgb,var(--tm-brand) 14%,var(--tm-line))!important;border-radius:999px!important;
    background:var(--tm-surface,#f8fafd)!important;box-shadow:0 14px 40px rgba(29,29,27,.11)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  #t.mobile-nav-hidden .tomo-mobilebar,.tomo-mobilebar.oculta{transform:translate(-50%,calc(100% + 32px))!important;}
  .tomo-mobilebar button{display:grid!important;grid-template-rows:28px 13px!important;align-content:center!important;justify-items:center!important;gap:2px!important;width:100%!important;min-width:0!important;height:62px!important;padding:5px 5px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#7d8384!important;font:620 9px/12px var(--tm-ui)!important;transition:background .14s ease,color .14s ease,transform .14s ease!important;}
  .tomo-mobilebar button.on{background:color-mix(in srgb,var(--marca) 10%,var(--tm-surface))!important;color:var(--marca)!important;box-shadow:none!important;}
  .tomo-mobilebar button:is(:active,.tap-feedback){background:color-mix(in srgb,var(--marca) 14%,var(--tm-surface))!important;color:var(--marca)!important;}
  .tomo-mobilebar .mobilebar-ico{height:28px!important;display:grid!important;place-items:center!important;}
  .tomo-mobilebar .mobilebar-ico svg{width:20px!important;height:20px!important;}
  .tomo-mobilebar .mobilebar-home img{display:block!important;width:25px!important;height:25px!important;border-radius:50%!important;}
  .tomo-mobilebar .mobilebar-label{font-size:9px!important;line-height:12px!important;white-space:nowrap!important;}
  .tomo-mobilebar .mobilebar-hilo{color:#5a6564!important;}
  .tomo-mobilebar .mobilebar-hilo .mobilebar-ico{width:34px!important;height:34px!important;border-radius:999px!important;background:color-mix(in srgb,var(--marca) 10%,var(--tm-surface))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--marca) 14%,transparent)!important;}
  .tomo-mobilebar .mobilebar-hilo .mobilebar-ico svg{width:18px!important;height:18px!important;}
  .tomo-mobilebar .mobilebar-hilo.on{background:color-mix(in srgb,var(--marca) 12%,var(--tm-surface))!important;color:var(--marca)!important;}
  .tomo-mobilebar .mobilebar-hilo.on .mobilebar-ico{background:color-mix(in srgb,var(--marca) 18%,var(--tm-surface))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--marca) 22%,transparent)!important;}

  #cuerpo>.hero{height:472px!important;min-height:472px!important;margin:0 0 32px!important;border-radius:26px!important;}
  #cuerpo>.hero .hero-slide{grid-template-columns:minmax(0,1fr) 238px!important;gap:48px!important;padding:42px 46px 58px!important;}
  #cuerpo>.hero .hero-capa{max-width:570px!important;}
  #cuerpo>.hero .hero-tit{font-size:clamp(39px,5.2vw,50px)!important;line-height:.98!important;}
  #cuerpo>.hero .hero-sin{max-width:48ch!important;font-size:12.5px!important;line-height:1.6!important;-webkit-line-clamp:3!important;}
  #cuerpo>.hero .hero-portada-obra{max-width:238px!important;}
  #cuerpo>.hero .hero-puntos{left:46px!important;bottom:24px!important;}
  #cuerpo>.hero .hero-nav-btn{opacity:1!important;width:40px!important;height:40px!important;}

  :is(.hilo-view-tabs,.perfil-tabs,.mios-view-tabs,.mios-filtros,#muro-tabs){max-width:100%!important;}
  .hilo-view-tabs,.perfil-tabs,.mios-filtros{gap:6px!important;padding:5px!important;}
  :is(.hilo-view-tabs,.perfil-tabs,.mios-view-tabs,.mios-filtros,#muro-tabs)>button{min-height:40px!important;font-size:10.5px!important;}
  .hilo-page-head{gap:18px!important;margin-bottom:22px!important;}
  .hilo-page-head h1{font-size:36px!important;}
  .hilo-composer-host{margin-bottom:22px!important;}
  .fila{margin-top:30px!important;}.fila-tit{margin-bottom:14px!important;}.fila-tit h3{font-size:23px!important;}.carril{gap:14px!important;}.tarjeta{min-width:154px!important;max-width:154px!important;}

  #muro>.lim{width:100%!important;max-width:900px!important;margin:0 auto!important;}
  .perfil-portada{height:220px!important;border-radius:24px 24px 0 0!important;}
  .perfil-tarjeta{padding:84px 26px 24px!important;border-radius:0 0 24px 24px!important;}
  .perfil-fila-avatar{top:-74px!important;width:148px!important;height:148px!important;}.perfil-avatar{width:148px!important;height:148px!important;}

  #t[data-vista="lector"] .home,#t[data-vista="lector"] .nav,#t[data-vista="lector"] .busca-wrap,
  #t[data-vista="leyendo"] .home,#t[data-vista="leyendo"] .nav,#t[data-vista="leyendo"] .busca-wrap,
  #t[data-vista="webtoon"] .home,#t[data-vista="webtoon"] .nav,#t[data-vista="webtoon"] .busca-wrap{display:none!important;}
  #t[data-vista="lector"] .top,#t[data-vista="leyendo"] .top,#t[data-vista="webtoon"] .top{height:64px!important;min-height:64px!important;padding:0 18px!important;grid-template-columns:1fr!important;grid-template-areas:"actions"!important;background:var(--tm-surface)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
  #t[data-vista="lector"] .reader-head-meta,#t[data-vista="leyendo"] .reader-head-meta,#t[data-vista="webtoon"] .reader-head-meta{display:none!important;}
  #t[data-vista="lector"] .der,#t[data-vista="leyendo"] .der,#t[data-vista="webtoon"] .der{grid-area:actions!important;width:100%!important;justify-self:stretch!important;justify-content:center!important;gap:10px!important;}
  #t[data-vista="lector"] .der>.b,#t[data-vista="leyendo"] .der>.b,#t[data-vista="webtoon"] .der>.b{width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;border-radius:50%!important;padding:0!important;}
  #t[data-vista="lector"] #camp,#t[data-vista="lector"] #msj-btn,#t[data-vista="lector"] .tokchip,#t[data-vista="lector"] .cuenta,
  #t[data-vista="leyendo"] #camp,#t[data-vista="leyendo"] #msj-btn,#t[data-vista="leyendo"] .tokchip,#t[data-vista="leyendo"] .cuenta,
  #t[data-vista="webtoon"] #camp,#t[data-vista="webtoon"] #msj-btn,#t[data-vista="webtoon"] .tokchip,#t[data-vista="webtoon"] .cuenta{display:none!important;}
  #t[data-vista="lector"] .lector,#t[data-vista="leyendo"] .texto,#t[data-vista="webtoon"] .toon-reader{height:calc(100svh - 64px)!important;}

  .top,.tomo-mobilebar,.perfil-atajos,.mesa-atajos,.modal,.lb{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
  .pag,.lector,.texto,.toon-reader{animation:none!important;transition:none!important;}
  .card,.hpost,.mpost,.mesa-obra,.noti-it,.msj-fila-wrap{content-visibility:visible!important;contain-intrinsic-size:auto!important;}
}

/* MÓVIL · ≤767 ------------------------------------------------------------- */
@media (max-width:767px){
  :root{--tm-gutter:18px;--tm-header:64px;--tm-control-h:42px;--tm-control-font:10.5px;}
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .top{height:64px!important;min-height:64px!important;padding:0 16px 0 18px!important;gap:10px!important;}
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .home{width:90px!important;min-width:90px!important;max-width:90px!important;}
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .tomo-logo-oficial{width:88px!important;}
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .der{gap:4px!important;}
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .top .der .b.b-ico{width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;}
  #t>#busca-wrap.busca-portal[data-open="si"]{top:72px!important;width:calc(100vw - 36px)!important;max-width:none!important;}

  .pag{padding:24px 18px calc(102px + env(safe-area-inset-bottom))!important;min-height:calc(100svh - 64px)!important;}
  .pag>.lim{max-width:none!important;}

  .tomo-mobilebar{bottom:calc(10px + env(safe-area-inset-bottom))!important;width:calc(100vw - 18px)!important;height:68px!important;padding:5px!important;border-radius:999px!important;box-shadow:0 12px 34px rgba(29,29,27,.13)!important;}
  .tomo-mobilebar button{height:58px!important;grid-template-rows:25px 12px!important;border-radius:999px!important;padding:5px 2px 4px!important;}
  .tomo-mobilebar .mobilebar-ico{height:25px!important;}.tomo-mobilebar .mobilebar-ico svg{width:19px!important;height:19px!important;}.tomo-mobilebar .mobilebar-home img{width:24px!important;height:24px!important;}.tomo-mobilebar .mobilebar-label{font-size:8.6px!important;}
  .tomo-mobilebar .mobilebar-hilo .mobilebar-ico{width:32px!important;height:32px!important;}

  #cuerpo>.hero{height:532px!important;min-height:532px!important;margin:0 0 30px!important;border-radius:24px!important;}
  #cuerpo>.hero .hero-slide{display:block!important;padding:0!important;}
  #cuerpo>.hero .hero-slide::before{background-image:linear-gradient(180deg,rgba(11,15,16,.28) 0%,rgba(11,15,16,.42) 38%,rgba(11,15,16,.90) 72%,rgba(11,15,16,.97) 100%),var(--hero-bg-image,none)!important;background-position:center 20%,center 20%!important;filter:saturate(.84) brightness(.76)!important;}
  #cuerpo>.hero .hero-portada-obra{position:absolute!important;z-index:3!important;left:50%!important;right:auto!important;top:22px!important;transform:translateX(-50%)!important;width:min(46vw,176px)!important;max-width:176px!important;}
  #cuerpo>.hero .hero-portada-obra .marco{border-radius:14px!important;}
  #cuerpo>.hero .hero-capa{position:absolute!important;z-index:4!important;left:24px!important;right:24px!important;bottom:60px!important;top:auto!important;max-width:none!important;display:block!important;text-align:left!important;}
  #cuerpo>.hero .hero-genero{font-size:7.5px!important;letter-spacing:.16em!important;margin:0 0 9px!important;}
  #cuerpo>.hero .hero-tit{font-size:clamp(29px,8.4vw,35px)!important;line-height:.98!important;margin:0 0 8px!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;}
  #cuerpo>.hero .hero-aut{font-size:10.5px!important;margin:0!important;}
  #cuerpo>.hero .hero-sin{display:none!important;}
  #cuerpo>.hero .hero-acc{position:static!important;margin-top:18px!important;}
  #cuerpo>.hero .hero-acc .b{height:40px!important;min-height:40px!important;padding:0 17px!important;font-size:10.5px!important;}
  #cuerpo>.hero .hero-nav{display:none!important;}
  #cuerpo>.hero .hero-puntos{left:50%!important;right:auto!important;bottom:22px!important;transform:translateX(-50%)!important;gap:8px!important;}
  #cuerpo>.hero .hero-puntos span{width:7px!important;height:7px!important;}#cuerpo>.hero .hero-puntos span.on{width:24px!important;}

  /* Segmentados táctiles estables: misma geometría que TOMO Duelo.
     No cambian de ancho ni se desplazan al activar una pestaña. */
  :is(.hilo-view-tabs,.perfil-tabs,.mios-view-tabs,#muro-tabs){
    display:grid!important;align-items:stretch!important;width:100%!important;max-width:100%!important;
    gap:4px!important;padding:4px!important;overflow:visible!important;scrollbar-width:auto!important;scroll-snap-type:none!important;
    border-radius:999px!important;
  }
  .hilo-view-tabs,.perfil-tabs,#muro-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .mios-view-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  :is(.hilo-view-tabs,.perfil-tabs,.mios-view-tabs,#muro-tabs)>button{
    box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;min-width:0!important;max-width:none!important;height:38px!important;min-height:38px!important;
    margin:0!important;padding:0 8px!important;border-radius:999px!important;font-size:9.4px!important;line-height:1!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;scroll-snap-align:none!important;transform:none!important;
  }
  /* Biblioteca: los cuatro filtros son navegación estable, no un carrusel.
     Mantienen la misma anchura y posición al tocar o cambiar de estado. */
  .mios-filtros{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;width:calc(100% - 24px)!important;max-width:650px!important;gap:4px!important;padding:4px!important;margin:0 auto 14px!important;overflow:visible!important;scroll-snap-type:none!important;border-radius:999px!important;touch-action:manipulation!important;}
  .mios-filtros>button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:none!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0 5px!important;font-size:clamp(8.4px,2.7vw,10px)!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;scroll-snap-align:none!important;transform:none!important;transition:background .16s ease,color .16s ease,box-shadow .16s ease!important;}

  .hilo-page-head{margin:0 0 20px!important;gap:14px!important;}.hilo-page-head h1{font-size:32px!important;}.hilo-page-copy{font-size:11px!important;}
  .hilo-head-actions{justify-content:flex-start!important;overflow:hidden!important;}
  .hilo-composer-host{grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;margin:0 0 20px!important;padding:12px 13px 10px!important;border-radius:18px!important;}
  .hilo-composer-avatar{width:36px!important;height:36px!important;font-size:13px!important;}.hilo-composer-host #muro-txt{min-height:54px!important;font-size:13px!important;padding-top:5px!important;}
  .hilo-composer-host .muro-comp-fila{gap:5px!important;}.muro-tool-btn{width:35px!important;height:35px!important;min-width:35px!important;}.muro-tool-btn svg{width:17px!important;height:17px!important;}

  .fila{margin-top:30px!important;}.fila-tit{margin-bottom:13px!important;}.fila-tit h3{font-size:22px!important;}.carril{gap:13px!important;}.tarjeta{min-width:142px!important;max-width:142px!important;}

  #muro>.lim{padding:0!important;}
  .perfil-portada{height:168px!important;border-radius:22px 22px 0 0!important;}
  .perfil-tarjeta{padding:68px 18px 22px!important;border-radius:0 0 22px 22px!important;}
  .perfil-fila-avatar{top:-58px!important;width:116px!important;height:116px!important;}.perfil-avatar{width:116px!important;height:116px!important;border-width:4px!important;font-size:29px!important;}
  .perfil-acciones-superiores{top:12px!important;right:12px!important;gap:6px!important;}.perfil-acciones-superiores .btn-icono{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;}
  .perfil-identidad{margin-bottom:7px!important;}.perfil-nombre{font-size:26px!important;}.perfil-handle{font-size:11px!important;}.perfil-bio{max-width:34ch!important;font-size:11.5px!important;line-height:1.55!important;margin-top:9px!important;}
  .muro-stats{justify-content:flex-start!important;margin-top:16px!important;overflow-x:auto!important;padding:2px 0 4px!important;}.muro-stat{min-width:max-content!important;padding:0 13px!important;}.muro-stat:first-child{padding-left:0!important;}.muro-stat b{font-size:11.5px!important;}.muro-stat span{font-size:9.5px!important;}
  .perfil-social-acciones{margin-top:14px!important;}.perfil-badges-card{margin-top:18px!important;padding-top:14px!important;}.perfil-tabs{margin:20px auto 18px!important;}

  .pag[data-p="perfil"]>.perfil-config-head{padding:0!important;margin-bottom:18px!important;}.perfil-config-head h1{font-size:30px!important;}.pag[data-p="perfil"]>.perf{padding:0!important;}.perf-cab{grid-template-columns:78px minmax(0,1fr)!important;gap:16px!important;padding:17px!important;border-radius:19px!important;}.avatar-wrap{width:78px!important;}.perf-cab .avatar{width:74px!important;height:74px!important;}.perfil-atajos{margin:16px 0!important;padding:5px!important;border-radius:15px!important;top:70px!important;overflow-x:auto!important;}.perfil-atajos button{height:38px!important;padding:0 13px!important;font-size:9.5px!important;}.duo{grid-template-columns:1fr!important;gap:11px!important;}

  .modal{padding:12px!important;align-items:flex-end!important;}.modal .box,.modal .box.box-ancho{width:100%!important;max-width:none!important;max-height:calc(100dvh - 24px)!important;border-radius:24px!important;padding:18px!important;overflow:auto!important;}
  .hoja-txt{width:100%!important;max-width:100%!important;padding:28px 20px 82px!important;font-size:17.5px!important;line-height:1.64!important;}.op,.indice-panel{max-width:calc(100vw - 28px)!important;}

  #t[data-vista="lector"] .top,#t[data-vista="leyendo"] .top,#t[data-vista="webtoon"] .top{height:60px!important;min-height:60px!important;padding:0 10px!important;}
  #t[data-vista="lector"] .der,#t[data-vista="leyendo"] .der,#t[data-vista="webtoon"] .der{gap:6px!important;justify-content:center!important;}
  #t[data-vista="lector"] .der>.b,#t[data-vista="leyendo"] .der>.b,#t[data-vista="webtoon"] .der>.b{width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;}
  #t[data-vista="lector"] .lector,#t[data-vista="leyendo"] .texto,#t[data-vista="webtoon"] .toon-reader{height:calc(100svh - 60px)!important;}
}

@media (max-width:374px){
  .pag{padding-left:14px!important;padding-right:14px!important;}
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .top{padding-left:14px!important;padding-right:12px!important;}
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .home{width:82px!important;min-width:82px!important;max-width:82px!important;}.tomo-logo-oficial{width:80px!important;}
  #t:not([data-vista="lector"]):not([data-vista="leyendo"]):not([data-vista="webtoon"]) .top .der .b.b-ico{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;}
  #cuerpo>.hero{height:510px!important;min-height:510px!important;}#cuerpo>.hero .hero-portada-obra{width:min(45vw,156px)!important;max-width:156px!important;}#cuerpo>.hero .hero-capa{left:18px!important;right:18px!important;}#cuerpo>.hero .hero-tit{font-size:28px!important;}
  .tomo-mobilebar{width:calc(100vw - 14px)!important;}
}

/* Skeleton y hero comparten dimensiones para que el catálogo no mueva la página. */
@media (max-width:1279px){
  .inicio-skeleton-hero{height:472px!important;min-height:472px!important;grid-template-columns:minmax(0,1fr) 238px!important;gap:48px!important;padding:42px 46px!important;border-radius:26px!important;}
  .inicio-skeleton-cover{width:224px!important;}
}
@media (max-width:767px){
  .inicio-skeleton{gap:24px!important;}
  .inicio-skeleton-hero{position:relative!important;height:532px!important;min-height:532px!important;display:block!important;padding:0!important;border-radius:24px!important;}
  .inicio-skeleton-cover{position:absolute!important;top:22px!important;left:50%!important;transform:translateX(-50%)!important;width:min(46vw,176px)!important;height:auto!important;aspect-ratio:2/3!important;}
  .inicio-skeleton-copy{position:absolute!important;left:24px!important;right:24px!important;bottom:60px!important;gap:10px!important;max-width:none!important;}
  .inicio-skeleton-copy b{height:28px!important;}.inicio-skeleton-copy span{height:9px!important;}
  .inicio-skeleton-row>div{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;}.inicio-skeleton-row span:nth-child(n+4){display:none!important;}
}
@media (max-width:374px){.inicio-skeleton-hero{height:510px!important;min-height:510px!important;}.inicio-skeleton-cover{width:min(45vw,156px)!important;}.inicio-skeleton-copy{left:18px!important;right:18px!important;}}

/* TOMO v1242.10 · herramientas editoriales aisladas + conexiones privadas del propietario */
.obra-herramientas-box{max-width:780px!important}.obra-herramientas-box>h2,.perfil-conexiones-box>h2{margin:0 0 8px;font:650 28px/1.08 var(--tm-reading);letter-spacing:-.025em}.fanfic-unir-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:20px 0 8px;padding-top:16px;border-top:1px solid var(--tm-line)}.fanfic-unir-head>div{display:flex;flex-direction:column;gap:2px}.fanfic-unir-head b{font:650 13px/1.25 var(--tm-ui);color:var(--tinta)}.fanfic-unir-head span,.fanfic-unir-head small{font:500 10.5px/1.4 var(--tm-ui);color:var(--suave)}.fanfic-unir-lista{display:flex;flex-direction:column;gap:7px;max-height:330px;overflow:auto;padding:2px 2px 4px}.fanfic-unir-fila{display:grid;grid-template-columns:28px 42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid var(--tm-line);border-radius:13px;background:var(--tm-surface)}.fanfic-unir-fila[data-elegida="si"]{border-color:color-mix(in srgb,var(--marca) 38%,var(--tm-line))}.fanfic-unir-check{width:19px;height:19px;margin:0;accent-color:var(--marca)}.fanfic-unir-portada{width:36px;height:50px;object-fit:cover;border-radius:6px;background:var(--tm-soft)}.fanfic-unir-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.fanfic-unir-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:650 12px/1.25 var(--tm-ui);color:var(--tinta)}.fanfic-unir-copy small{font:500 9.5px/1.3 var(--tm-ui);color:var(--suave)}.fanfic-unir-orden{display:flex;gap:4px}.fanfic-unir-orden button{width:30px;height:30px;border:1px solid var(--tm-line);border-radius:50%;background:var(--tm-surface);color:var(--tinta);display:grid;place-items:center;cursor:pointer}.fanfic-unir-orden button:disabled{opacity:.28;cursor:default}.fanfic-unir-progreso{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:12px}.fanfic-unir-progreso>span{height:5px;border-radius:999px;background:var(--tm-soft);overflow:hidden}.fanfic-unir-progreso>span::after{content:"";display:block;height:100%;width:var(--fanfic-progreso,0%);background:var(--marca);transition:width .18s ease}.fanfic-unir-progreso>i{font:600 10px/1 var(--tm-ui);font-style:normal;color:var(--suave);min-width:44px;text-align:right}.perfil-conexiones-box{max-width:560px!important}.perfil-conexiones-lista{display:flex;flex-direction:column;gap:6px;margin-top:16px}.perfil-conexion{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid var(--tm-line);border-radius:13px;background:var(--tm-surface);color:var(--tinta);text-align:left;cursor:pointer}.perfil-conexion:hover{background:var(--tm-soft)}.perfil-conexion-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--tm-soft);font:650 13px/1 var(--tm-ui)}.perfil-conexion-avatar img{width:100%;height:100%;object-fit:cover}.perfil-conexion-copy{min-width:0;display:flex;flex-direction:column;gap:1px}.perfil-conexion-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:650 12px/1.3 var(--tm-ui)}.perfil-conexion-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 10px/1.3 var(--tm-ui);color:var(--suave)}.perfil-conexion-ir{font:650 14px/1 var(--tm-ui);color:var(--suave)}button.muro-stat{appearance:none;background:transparent;color:inherit;font:inherit;cursor:pointer}button.muro-stat.muro-stat-link:hover b,button.muro-stat.muro-stat-link:focus-visible b{text-decoration:underline;text-underline-offset:3px}.muro-stat-link{border-top:0;border-right:0;border-bottom:0}.muro-stat-link:first-child{border-left:0}
@media(max-width:767px){.fanfic-unir-fila{grid-template-columns:24px 34px minmax(0,1fr);padding:8px}.fanfic-unir-portada{width:30px;height:42px}.fanfic-unir-orden{grid-column:3;justify-content:flex-end}.fanfic-unir-head{align-items:flex-start}.obra-herramientas-box>h2,.perfil-conexiones-box>h2{font-size:24px}.perfil-conexion{grid-template-columns:38px minmax(0,1fr) auto}}
@media(prefers-reduced-motion:reduce){.fanfic-unir-progreso>span::after{transition:none}}

/* v1242.14 · Detective responsive canónico: móvil / tablet / iPad */
@media (min-width:768px) and (max-width:1180px){
  #detective-social-modal .modal-contenido,#detective-social-modal .ds-shell{width:min(96vw,980px)!important;max-width:980px!important}
  #detective-social-modal .ds-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  #detective-social-modal .ds-mode-card{min-height:238px!important;padding:16px!important}
  #detective-social-modal .ds-mode-art{display:block!important;height:96px!important;flex-basis:96px!important;margin:-16px -16px 14px!important}
  #detective-social-modal .ds-mode-card h3{font-size:24px!important}
  #detective-social-modal .ds-mode-card p{font-size:12px!important;line-height:1.45!important;min-height:0!important}
  #detective-social-modal .ds-mode-card>span{font-size:9px!important}
  #detective-social-modal .ds-character-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  #detective-social-modal .ds-character-card-copy>strong{font-size:13px!important}
  #detective-social-modal .ds-character-card-copy>small{font-size:9px!important}
  #detective-social-modal .ds-character-card-copy>em{font-size:8px!important}
  #detective-social-modal .ds-character-detail{grid-template-columns:180px minmax(0,1fr)!important;min-height:250px!important}
  #detective-social-modal .ds-character-detail-portrait{min-height:250px!important}
  #detective-social-modal .ds-character-detail-copy{grid-template-columns:1fr!important;padding:18px!important}
  #detective-social-modal .ds-character-detail-id>p{display:block!important;font-size:11px!important;line-height:1.45!important}
  #detective-social-modal .ds-character-ability{padding:12px 0 0!important;border-left:0!important;border-top:1px solid var(--ds-line)!important}
  #detective-social-modal .ds-character-ability>span{font-size:10px!important}
  #detective-social-modal .ds-scene{aspect-ratio:4/3!important;min-height:300px!important}
  #detective-social-modal button,#detective-social-modal select{min-height:44px}
}
@media (max-width:767px){
  #detective-social-modal{padding:0!important;align-items:stretch!important}
  #detective-social-modal .modal-contenido,#detective-social-modal .ds-shell{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
  #detective-social-modal .ds-scroll{padding-left:12px!important;padding-right:12px!important;padding-bottom:calc(18px + env(safe-area-inset-bottom))!important}
  #detective-social-modal .ds-mode-grid{grid-template-columns:1fr!important;gap:10px!important}
  #detective-social-modal .ds-mode-card{min-height:0!important;padding:14px!important}
  #detective-social-modal .ds-mode-art{display:block!important;height:104px!important;flex-basis:104px!important;margin:-14px -14px 12px!important}
  #detective-social-modal .ds-mode-card h3{font-size:23px!important}
  #detective-social-modal .ds-mode-card p{font-size:12px!important;line-height:1.45!important;min-height:0!important}
  #detective-social-modal .ds-mode-card>span{font-size:9px!important}
  #detective-social-modal .ds-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #detective-social-modal .ds-character-card-copy>strong{font-size:12px!important}
  #detective-social-modal .ds-character-card-copy>small{font-size:9px!important}
  #detective-social-modal .ds-character-detail{grid-template-columns:112px minmax(0,1fr)!important;min-height:196px!important}
  #detective-social-modal .ds-character-detail-portrait{min-height:196px!important}
  #detective-social-modal .ds-character-detail-copy{grid-template-columns:1fr!important;padding:12px!important}
  #detective-social-modal .ds-character-detail-id>strong{font-size:19px!important}
  #detective-social-modal .ds-character-detail-id>p{display:block!important;font-size:10px!important;line-height:1.4!important}
  #detective-social-modal .ds-character-ability{padding:9px 0 0!important;border-left:0!important;border-top:1px solid var(--ds-line)!important}
  #detective-social-modal .ds-character-ability>span{font-size:9px!important}
  #detective-social-modal .ds-scene{aspect-ratio:4/3!important;min-height:220px!important}
  #detective-social-modal .ds-training-steps{grid-template-columns:1fr 1fr!important}
  #detective-social-modal button,#detective-social-modal select{min-height:44px}
}
@media (max-width:420px){
  #detective-social-modal .ds-character-grid{grid-template-columns:1fr 1fr!important}
  #detective-social-modal .ds-character-detail{grid-template-columns:96px minmax(0,1fr)!important}
  #detective-social-modal .ds-training-steps{grid-template-columns:1fr!important}
}

/* TOMO v1242.14.3 · Hilo / conversaciones ----------------------------------
   El feed sigue ligero: las respuestas se cargan sólo al abrir una conversación.
   Visualmente conserva la familia de Hilo y adopta el patrón de lectura de X:
   publicación original arriba, conversación cronológica y compositor al final. */
.hilo-thread-layer{--marca:var(--tm-brand,#839295);--tinta:var(--tm-ink,#1d1d1b);--suave:var(--tm-muted,#70777a);--ui:var(--tm-ui,Inter,system-ui,sans-serif);--lee:var(--tm-reading,Georgia,serif);position:fixed;inset:0;z-index:2800;display:grid;place-items:center;padding:24px;background:rgba(23,25,25,.48);color:var(--tinta,#1d1d1b);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hilo-thread-layer.off{display:none!important}
.hilo-thread{width:min(680px,calc(100vw - 48px));max-height:calc(100dvh - 48px);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid var(--tm-line);border-radius:20px;background:var(--tm-surface);color:var(--tinta);box-shadow:0 28px 70px rgba(0,0,0,.22)}
.hilo-thread-head{height:54px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;padding:0 10px;border-bottom:1px solid var(--tm-line);background:var(--tm-surface)}
.hilo-thread-head strong{grid-column:2;text-align:center;font:650 15px/1 var(--tm-reading)}
.hilo-thread-close{grid-column:1;width:36px;height:36px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--tinta);cursor:pointer}
.hilo-thread-close:hover{background:var(--tm-soft)}
.hilo-thread-close svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hilo-thread-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--tm-surface)}
.hilo-thread-loading,.hilo-thread-vacio{margin:0;padding:34px 24px;color:var(--suave);font:500 12px/1.55 var(--tm-ui);text-align:center}
.hilo-thread-error{display:grid;gap:8px;justify-items:start;padding:28px 24px}
.hilo-thread-error strong{font:650 17px/1.2 var(--tm-reading)}
.hilo-thread-error p{margin:0;color:var(--suave);font:500 12px/1.5 var(--tm-ui)}
.hilo-thread-error button,.hilo-thread-entrar{min-height:38px;padding:0 15px;border:1px solid var(--tm-line);border-radius:999px;background:var(--tm-surface);color:var(--tinta);font:650 11px/1 var(--tm-ui);cursor:pointer}
.hilo-thread-original{padding:18px 20px 8px;border-bottom:1px solid var(--tm-line)}
.hilo-thread-autor{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;cursor:pointer}
.hilo-thread-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--tm-soft);color:var(--tinta);font:700 12px/1 var(--tm-reading)}
.hilo-thread-avatar.principal{width:44px;height:44px;flex-basis:44px;font-size:14px}
.hilo-thread-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.hilo-thread-autor>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.hilo-thread-autor b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:650 13px/1.15 var(--tm-ui)}
.hilo-thread-autor span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--suave);font:500 10.5px/1.2 var(--tm-ui)}
.hilo-thread-original>.hpost-exclusiva{display:inline-flex;margin-top:11px}
.hilo-thread-original>.hpost-obra{margin-top:10px}
.hilo-thread-texto-principal{margin:14px 0 12px;white-space:pre-wrap;overflow-wrap:anywhere;font:450 17px/1.52 var(--tm-reading);color:var(--tinta)}
.hilo-thread-original>.mpost-img{display:block;width:100%;max-height:520px;margin:12px 0 4px;border-radius:16px;object-fit:cover}
.hilo-thread-acciones{margin-top:13px;padding:7px 0 3px;border-top:1px solid var(--tm-line)}
.hilo-thread-acciones .hpost-accbtn[data-icon="responder"] .hpost-accion-txt{display:none!important}
.hilo-thread-seccion{display:flex;align-items:center;min-height:42px;padding:0 20px;border-bottom:1px solid var(--tm-line)}
.hilo-thread-seccion strong{font:650 11px/1 var(--tm-ui);color:var(--suave)}
.hilo-thread-respuestas{display:block}
.hilo-thread-respuesta{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:14px 20px;border-bottom:1px solid var(--tm-line)}
.hilo-thread-respuesta:not(:last-child)::after{content:"";position:absolute;left:37px;top:50px;bottom:-15px;width:1px;background:var(--tm-line);pointer-events:none}
.hilo-thread-respuesta-cuerpo{min-width:0}
.hilo-thread-respuesta-head{display:flex;align-items:baseline;gap:6px;min-width:0;flex-wrap:wrap}
.hilo-thread-respuesta-head b{font:650 12px/1.2 var(--tm-ui)}
.hilo-thread-respuesta-head span{color:var(--suave);font:500 10px/1.2 var(--tm-ui)}
.hilo-thread-respuesta-head em{padding:2px 6px;border:1px solid var(--tm-line);border-radius:999px;color:var(--suave);font:650 8px/1 var(--tm-ui);font-style:normal}
.hilo-thread-respuesta-cuerpo>p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font:450 13.5px/1.5 var(--tm-reading);color:var(--tinta)}
.hilo-thread-respuesta-acciones{display:flex;gap:14px;margin-top:8px}
.hilo-thread-respuesta-acciones button{appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;min-width:0!important;max-width:max-content!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--suave)!important;font:600 9.5px/1.2 var(--ui,Inter,system-ui,sans-serif)!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;cursor:pointer!important;box-shadow:none!important}
.hilo-thread-respuesta-acciones button:hover{color:var(--tinta)}
@media (max-width:600px){.hilo-thread-respuesta-acciones button{font-size:10px!important;line-height:1.2!important}}
.hilo-thread-composer{position:sticky;bottom:0;z-index:3;display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start;padding:12px 20px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--tm-line);background:color-mix(in srgb,var(--tm-surface) 96%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hilo-thread-composer:has(.hilo-thread-entrar){display:flex;justify-content:center}
.hilo-thread-composer-campo{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;align-items:end;min-width:0}
.hilo-thread-composer-campo small{color:var(--suave);font:500 9px/1.2 var(--tm-ui)}
.hilo-thread-composer textarea{display:block;width:100%;min-width:0;min-height:42px;max-height:144px;padding:10px 12px;border:1px solid var(--tm-line);border-radius:14px;background:var(--tm-soft);color:var(--tinta);resize:none;box-sizing:border-box;font:450 13px/1.4 var(--tm-ui);outline:none}
.hilo-thread-composer textarea:focus{border-color:color-mix(in srgb,var(--marca) 38%,var(--tm-line));background:var(--tm-surface)}
.hilo-thread-composer-barra{display:flex;align-items:center;justify-content:flex-end;min-height:40px}
.hilo-thread-publicar{display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center;justify-content:center;flex:0 0 auto;min-width:88px;height:38px;padding:0 16px;border:0;border-radius:999px;background:var(--marca,#839295)!important;color:#fff!important;font:650 10.5px/1 var(--tm-ui,Inter,system-ui,sans-serif);cursor:pointer;white-space:nowrap;box-shadow:none}
.hilo-thread-publicar:hover{background:color-mix(in srgb,var(--marca) 88%,#1d1d1b);color:#fff}
.hilo-thread-publicar:disabled{opacity:.55;cursor:default}
.hpost{cursor:default}
.hpost>.hpost-txt{cursor:pointer}

@media (max-width:820px){
  .hilo-thread-layer{padding:10px}
  .hilo-thread{width:min(700px,calc(100vw - 20px));max-height:calc(100dvh - 20px);border-radius:18px}
}
@media (max-width:600px){
  .hilo-thread-layer{display:block;padding:0;background:var(--tm-surface);backdrop-filter:none;-webkit-backdrop-filter:none}
  .hilo-thread{width:100vw;max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:0;box-shadow:none}
  .hilo-thread-head{height:calc(52px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 9px 0}
  .hilo-thread-original{padding:16px 16px 7px}
  .hilo-thread-texto-principal{font-size:16px;line-height:1.5}
  .hilo-thread-seccion{padding:0 16px}
  .hilo-thread-respuesta{grid-template-columns:34px minmax(0,1fr);gap:9px;padding:13px 16px}
  .hilo-thread-avatar{width:34px;height:34px;flex-basis:34px}
  .hilo-thread-avatar.principal{width:42px;height:42px;flex-basis:42px}
  .hilo-thread-respuesta:not(:last-child)::after{left:32.5px;top:48px}
  .hilo-thread-composer{grid-template-columns:34px minmax(0,1fr);gap:8px;padding:10px 12px max(10px,env(safe-area-inset-bottom))}
  .hilo-thread-composer-campo{grid-template-columns:minmax(0,1fr)}
  .hilo-thread-composer textarea{font-size:16px}
  .hilo-thread-composer-barra{min-height:42px}
  .hilo-thread-publicar{height:40px;min-width:92px;padding:0 15px;font-size:11px}
  .hilo-thread-acciones .hpost-accion-txt{display:none}
}
@media (max-width:380px){
  .hilo-thread-original{padding-inline:13px}.hilo-thread-respuesta{padding-inline:13px}.hilo-thread-seccion{padding-inline:13px}
  .hilo-thread-composer{padding-inline:10px}.hilo-thread-composer>.hilo-thread-avatar{display:none}.hilo-thread-composer{grid-template-columns:minmax(0,1fr)}
}

/* TOMO v1242.14.8 · Hilo / barra de acciones canónica -----------------------
   Recupera la composición compacta original: cinco acciones en una línea,
   icono + contador cuando existe. Los nombres permanecen en aria-label/title
   para accesibilidad, pero no ocupan espacio visual. */
.hpost-acc .hpost-accbtn .hpost-accion-txt,
.hilo-thread-acciones .hpost-accbtn .hpost-accion-txt{
  display:none!important;
}
.hpost-acc .hpost-accbtn,
.hilo-thread-acciones .hpost-accbtn{
  min-width:0!important;
  width:100%!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 5px!important;
  gap:4px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.hpost-acc .hpost-accbtn svg,
.hilo-thread-acciones .hpost-accbtn svg{
  display:block!important;
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  flex:0 0 17px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  overflow:visible!important;
}
.hpost-acc .hpost-accbtn .hpost-accion-n,
.hilo-thread-acciones .hpost-accbtn .hpost-accion-n{
  display:inline!important;
  min-width:0!important;
  font:600 9px/1 var(--tm-ui,Inter,system-ui,sans-serif)!important;
  color:inherit!important;
  white-space:nowrap!important;
}
.hpost-acc .hpost-repost-wrap{
  min-width:0!important;
  width:100%!important;
}
.hpost-acc .hpost-repost-wrap>.hpost-accbtn{
  width:100%!important;
}
@media (max-width:600px){
  .hpost-acc{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important}
  .hpost-acc[data-acciones="3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .hpost-acc .hpost-accbtn,
  .hilo-thread-acciones .hpost-accbtn{height:36px!important;min-height:36px!important;padding:0 3px!important}
  .hpost-acc .hpost-accbtn svg,
  .hilo-thread-acciones .hpost-accbtn svg{width:17px!important;height:17px!important;min-width:17px!important;flex-basis:17px!important}
  .hpost-acc .hpost-accbtn .hpost-accion-n,
  .hilo-thread-acciones .hpost-accbtn .hpost-accion-n{font-size:8.5px!important}
}

/* ================= TOMO Club · v1242.18 ================= */
.desafio-juego-card.club{--juego-acento:#8d9b8a;--desafio-banner:url("assets/desafios/club-banner.svg");}
.desafio-juego-card.club.abierto{border-color:color-mix(in srgb,#8d9b8a 58%,var(--tm-line));box-shadow:0 11px 26px rgba(29,29,27,.07);}
.desafio-juego-card.club.abierto .desafio-juego-estado{background:#8d9b8a;border-color:#8d9b8a;color:#f8fafd;}
.club-wrap{margin-top:16px;padding:18px;border:1px solid var(--tm-line);border-radius:20px;background:var(--tm-surface);box-shadow:0 14px 34px rgba(29,29,27,.045);}
.club-wrap[data-abierto="no"]{display:none;}
.club-head,.club-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;}
.club-head{padding:2px 2px 16px;border-bottom:1px solid var(--tm-line);}
.club-head h2,.club-section-head h3{margin:5px 0 0;font-family:var(--serif);font-weight:600;letter-spacing:-.025em;color:var(--tinta);}
.club-head h2{font-size:28px;}.club-section-head h3{font-size:22px;}
.club-head>span,.club-section-head>span{max-width:380px;color:var(--gris);font-size:10px;line-height:1.45;text-align:right;}
.club-switcher{display:flex;gap:7px;overflow:auto;padding:12px 2px 2px;scrollbar-width:none;}.club-switcher::-webkit-scrollbar{display:none}.club-switcher.off{display:none;}
.club-switcher button{flex:0 0 auto;min-height:32px;padding:6px 11px;border:1px solid var(--tm-line);border-radius:999px;background:transparent;color:var(--tinta);font-size:9px;cursor:pointer;}
.club-switcher button[aria-current="true"]{background:var(--tinta);color:var(--fondo);border-color:var(--tinta);}
.club-empty{display:grid;gap:5px;place-items:center;min-height:220px;padding:28px;text-align:center;color:var(--gris);}.club-empty b{font-family:var(--serif);font-size:23px;color:var(--tinta)}.club-empty.off{display:none;}
.club-hero{display:grid;grid-template-columns:minmax(150px,210px) minmax(0,1fr);gap:28px;padding:24px 2px 22px;align-items:start;}
.club-cover{aspect-ratio:2/3;border-radius:14px;overflow:hidden;background:var(--tm-surface2);border:1px solid var(--tm-line);box-shadow:0 12px 28px rgba(29,29,27,.10)}
.club-cover img{display:block;width:100%;height:100%;object-fit:cover}.club-cover img[src$="logo-tomo.svg"]{object-fit:contain;padding:24px;}
.club-hero-copy{min-width:0;padding-top:4px}.club-hero-copy h2{margin:4px 0 7px;font:600 clamp(30px,4vw,46px)/1.02 var(--serif);letter-spacing:-.035em;color:var(--tinta)}
.club-subtitle{margin:0 0 10px;font:500 14px/1.4 var(--serif);color:var(--tinta)}.club-description{max-width:680px;margin:0;color:var(--gris);font-size:11.5px;line-height:1.65;white-space:pre-line}
.club-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.club-meta span{padding:5px 9px;border:1px solid var(--tm-line);border-radius:999px;background:var(--tm-surface2);font-size:8.5px;color:var(--gris)}
.club-progressbar{height:5px;max-width:540px;margin-top:12px;border-radius:999px;overflow:hidden;background:var(--tm-surface3)}.club-progressbar i{display:block;width:0;height:100%;border-radius:inherit;background:var(--marca);transition:width .25s ease}
.club-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:17px}.club-actions .b{min-width:120px}.club-actions .mlink{margin-left:2px}
.club-section{margin-top:10px;padding:22px 2px 4px;border-top:1px solid var(--tm-line)}
.club-route{display:grid;gap:8px;margin-top:14px}.club-route-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 13px;border:1px solid var(--tm-line);border-radius:14px;background:var(--tm-surface2)}
.club-route-no{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--tm-line);background:var(--tm-surface);font:600 12px/1 var(--serif);color:var(--tinta)}
.club-route-item.completo .club-route-no{background:var(--marca);border-color:var(--marca);color:#fff}.club-route-copy{min-width:0}.club-route-copy b{display:block;font:600 15px/1.2 var(--serif);color:var(--tinta)}.club-route-copy span,.club-route-copy small{display:block;margin-top:3px;color:var(--gris);line-height:1.4}.club-route-copy span{font-size:9.5px}.club-route-copy small{font-size:8.5px}.club-route-status{min-width:88px;text-align:right;color:var(--gris);font-size:8px}.club-route-item.completo .club-route-status{color:var(--marca);font-weight:700}
.club-prompts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.club-prompt{display:grid;gap:8px;padding:14px;border:1px solid var(--tm-line);border-radius:14px;background:var(--tm-surface2)}.club-prompt-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.club-prompt-type{font-size:7px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--marca)}.club-prompt-block{font-size:7.5px;color:var(--gris)}.club-prompt p{margin:0;font:500 13px/1.48 var(--serif);color:var(--tinta)}.club-prompt-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.club-prompt-actions button{min-height:30px}
.club-poll{display:grid;gap:6px}.club-poll button{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;min-height:36px;padding:8px 10px;border:1px solid var(--tm-line);border-radius:10px;background:var(--tm-surface);color:var(--tinta);font-size:9px;text-align:left;overflow:hidden;cursor:pointer}.club-poll button::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--club-poll-pct,0%);background:color-mix(in srgb,var(--marca) 15%,transparent);pointer-events:none}.club-poll button>*{position:relative;z-index:1}.club-poll button[aria-pressed="true"]{border-color:color-mix(in srgb,var(--marca) 65%,var(--tm-line));font-weight:700}.club-poll small{color:var(--gris)}
.club-compose{display:grid;gap:8px;margin-top:14px;padding:12px;border:1px solid var(--tm-line);border-radius:14px;background:var(--tm-surface2)}.club-compose.off{display:none}.club-compose textarea{width:100%;min-height:84px;max-height:220px;padding:11px 12px;border:1px solid var(--tm-line);border-radius:11px;background:var(--tm-surface);color:var(--tinta);font:400 12px/1.55 var(--sans);resize:vertical}.club-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.club-compose-foot>span{min-width:0;color:var(--gris);font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.club-compose .err{margin:0}.club-compose .b{min-width:100px}
.club-feed{display:grid;gap:10px;margin-top:14px}.club-post{padding:13px;border:1px solid var(--tm-line);border-radius:14px;background:var(--tm-surface)}.club-post-head,.club-reply-head{display:flex;align-items:center;gap:8px}.club-post-avatar,.club-reply-avatar{flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--tm-surface3);color:var(--tinta);font-weight:700}.club-post-avatar{width:34px;height:34px;font-size:10px}.club-reply-avatar{width:27px;height:27px;font-size:8px}.club-post-avatar img,.club-reply-avatar img{width:100%;height:100%;object-fit:cover}.club-post-ident{min-width:0;display:grid;gap:1px}.club-post-ident b{font-size:9.5px;color:var(--tinta)}.club-post-ident small{font-size:7.5px;color:var(--gris)}.club-post-prompt{display:inline-flex;margin:9px 0 0;padding:4px 7px;border-radius:999px;background:var(--tm-surface2);color:var(--gris);font-size:7.5px}.club-post-text,.club-reply-text{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--tinta)}.club-post-text{margin:9px 0 0;font-size:11px;line-height:1.55}.club-reply-text{margin:5px 0 0;font-size:10px;line-height:1.48}.club-post-actions{display:flex;align-items:center;gap:10px;margin-top:10px}.club-post-actions button{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:transparent;color:var(--gris);font-size:8px;cursor:pointer}.club-post-actions button.activo{color:var(--marca);font-weight:700}.club-post-actions .club-post-delete{margin-left:auto}.club-replies{display:grid;gap:8px;margin:10px 0 0 42px;padding-left:12px;border-left:1px solid var(--tm-line)}.club-reply{padding:8px 0}.club-reply-actions{display:flex;gap:8px;margin-top:5px}.club-reply-actions button{padding:0;border:0;background:none;color:var(--gris);font-size:7.5px;cursor:pointer}.club-reply-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin:9px 0 0 42px}.club-reply-form input{min-width:0;min-height:34px;padding:7px 10px;border:1px solid var(--tm-line);border-radius:999px;background:var(--tm-surface2);color:var(--tinta);font-size:9px}.club-reply-form button{min-height:34px;padding:7px 11px;border:1px solid var(--tm-line);border-radius:999px;background:var(--tinta);color:var(--fondo);font-size:8px;cursor:pointer}
.club-feed-empty{padding:22px;text-align:center;border:1px dashed var(--tm-line);border-radius:14px;color:var(--gris);font-size:10px}.club-close{margin-top:18px;padding:17px;border:1px solid var(--tm-line);border-radius:14px;background:var(--tm-surface2)}.club-close.off{display:none}.club-close h3{margin:4px 0 7px;font:600 22px/1.15 var(--serif)}.club-close p:last-child{margin:0;color:var(--gris);font-size:11px;line-height:1.6;white-space:pre-line}
html[data-tomo-tema="noche"] .club-wrap,html[data-tomo-tema="noche"] .club-route-item,html[data-tomo-tema="noche"] .club-prompt,html[data-tomo-tema="noche"] .club-compose,html[data-tomo-tema="noche"] .club-close{background:#252622;border-color:rgba(163,178,151,.20)}
html[data-tomo-tema="noche"] .club-post,html[data-tomo-tema="noche"] .club-poll button,html[data-tomo-tema="noche"] .club-compose textarea{background:#20211e;border-color:rgba(163,178,151,.18)}
@media(max-width:900px){.club-hero{grid-template-columns:150px minmax(0,1fr);gap:20px}.club-prompts{grid-template-columns:1fr}.club-head,.club-section-head{align-items:flex-start;flex-direction:column;gap:6px}.club-head>span,.club-section-head>span{text-align:left;max-width:none}}
@media(max-width:620px){.club-wrap{margin-top:10px;padding:13px;border-radius:16px}.club-head h2{font-size:24px}.club-hero{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:17px 0}.club-cover{border-radius:10px}.club-hero-copy h2{font-size:29px}.club-subtitle{font-size:12px}.club-description{font-size:10.5px;line-height:1.55}.club-actions{grid-column:1/-1}.club-actions .b{min-width:0;flex:1}.club-route-item{grid-template-columns:34px minmax(0,1fr);gap:9px}.club-route-no{width:32px;height:32px}.club-route-status{grid-column:2;text-align:left;min-width:0}.club-compose-foot{align-items:flex-end}.club-replies,.club-reply-form{margin-left:16px}.club-post{padding:11px}}
@media(max-width:390px){.club-hero{grid-template-columns:82px minmax(0,1fr)}.club-hero-copy h2{font-size:25px}.club-meta{gap:5px}.club-meta span{font-size:7.5px}.club-compose-foot{display:grid;grid-template-columns:1fr auto}.club-reply-form{grid-template-columns:1fr}.club-reply-form button{justify-self:end}}
/* Club · legibilidad editorial */
.club-route-copy span{font-size:11.5px}.club-route-copy small{font-size:10.5px}.club-route-status{font-size:10px}
.club-prompt-type{font-size:8.5px}.club-prompt-block{font-size:9.5px}.club-prompt p{font-size:14px}.club-poll button{font-size:11px}
.club-compose textarea{font-size:13px}.club-compose-foot>span{font-size:10px}
.club-post-ident b{font-size:11px}.club-post-ident small{font-size:9px}.club-post-prompt{font-size:9px}.club-post-text{font-size:13px}.club-reply-text{font-size:12px}.club-post-actions button{font-size:10px}.club-reply-actions button{font-size:9.5px}.club-reply-form input{font-size:11px}.club-reply-form button{font-size:10px}.club-feed-empty{font-size:11px}.club-close p:last-child{font-size:12px}
@media(max-width:620px){.club-description{font-size:12px}.club-route-copy span{font-size:11px}.club-route-copy small{font-size:10.5px}.club-post-text{font-size:13px}.club-reply-text{font-size:11.5px}}

/* ========================================================================== */
/* TOMO v1242.19 · Marcadores de lectura                                     */
/* Manuales, privados y separados de progreso/notas.                         */
/* ========================================================================== */
#col,.toon-col,.pli,.pdf-page-slot{position:relative;}
#esc canvas,#toon-scroll img{-webkit-touch-callout:none;}
.reader-marker-ribbon{
  position:absolute;top:0;right:18px;z-index:12;width:16px;height:27px;
  background:var(--marca,#1d1d1b);clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%);
  box-shadow:0 4px 12px rgba(0,0,0,.18);pointer-events:none;
}
.reader-marker-ribbon-pdf{right:14px;width:15px;height:25px;}
.tomo-epub-stage .reader-marker-ribbon{top:0;right:22px;z-index:8;}
.reader-marker-menu{
  position:fixed;z-index:1900;min-width:190px;max-width:min(280px,calc(100vw - 20px));
  padding:7px;border:1px solid rgba(29,29,27,.13);border-radius:14px;background:rgba(255,255,255,.98);
  color:#1d1d1b;box-shadow:0 18px 48px rgba(0,0,0,.18);backdrop-filter:blur(16px);
  font-family:var(--tm-ui,var(--ui,Inter,Arial,sans-serif));
}
.reader-marker-menu[data-night="si"]{background:rgba(24,24,23,.98);color:#f5f2eb;border-color:rgba(255,255,255,.12);}
.reader-marker-menu-meta{display:block;padding:6px 9px 7px;font-size:9px;line-height:1.25;color:#77736f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.reader-marker-menu[data-night="si"] .reader-marker-menu-meta{color:#aaa39a;}
.reader-marker-action{
  width:100%;min-height:38px;display:flex;align-items:center;gap:9px;padding:8px 9px;border:0;border-radius:10px;
  background:transparent;color:inherit;text-align:left;cursor:pointer;font:600 10px/1.25 var(--tm-ui,var(--ui,Inter,Arial,sans-serif));
}
.reader-marker-action:hover,.reader-marker-action:focus-visible{background:rgba(29,29,27,.06);outline:none;}
.reader-marker-menu[data-night="si"] .reader-marker-action:hover,.reader-marker-menu[data-night="si"] .reader-marker-action:focus-visible{background:rgba(255,255,255,.08);}
.reader-marker-mini{display:inline-block;flex:0 0 12px;width:12px;height:19px;background:currentColor;clip-path:polygon(0 0,100% 0,100% 100%,50% 74%,0 100%);opacity:.78;}
.reader-marker-see>span:first-child{display:grid;place-items:center;flex:0 0 12px;width:12px;font-size:15px;line-height:1;opacity:.62;}
.reader-marker-layer{position:fixed;inset:0;z-index:1950;display:grid;place-items:center;padding:18px;background:rgba(18,18,18,.24);backdrop-filter:blur(3px);}
.reader-marker-sheet{width:min(430px,100%);max-height:min(72dvh,640px);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(29,29,27,.12);border-radius:20px;background:#fff;color:#1d1d1b;box-shadow:0 28px 80px rgba(0,0,0,.24);font-family:var(--tm-ui,var(--ui,Inter,Arial,sans-serif));}
.reader-marker-layer[data-night="si"] .reader-marker-sheet{background:#181817;color:#f5f2eb;border-color:rgba(255,255,255,.12);}
.reader-marker-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px 13px;border-bottom:1px solid rgba(29,29,27,.1);}
.reader-marker-layer[data-night="si"] .reader-marker-sheet>header{border-bottom-color:rgba(255,255,255,.1);}
.reader-marker-sheet>header div{min-width:0}.reader-marker-sheet>header span{display:block;font-size:8px;letter-spacing:.12em;text-transform:uppercase;opacity:.55}.reader-marker-sheet>header strong{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:650 16px/1.2 var(--tm-reading,var(--lee,Georgia,serif));}
.reader-marker-close{width:34px;height:34px;flex:0 0 34px;border:0;border-radius:50%;background:transparent;color:inherit;font-size:22px;line-height:1;cursor:pointer;}
.reader-marker-close:hover{background:rgba(29,29,27,.06)}.reader-marker-layer[data-night="si"] .reader-marker-close:hover{background:rgba(255,255,255,.08)}
.reader-marker-list{overflow:auto;padding:8px;overscroll-behavior:contain;}
.reader-marker-row{width:100%;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;padding:11px 10px;border:0;border-radius:12px;background:transparent;color:inherit;text-align:left;cursor:pointer;}
.reader-marker-row:hover,.reader-marker-row:focus-visible{background:rgba(29,29,27,.055);outline:none}.reader-marker-layer[data-night="si"] .reader-marker-row:hover,.reader-marker-layer[data-night="si"] .reader-marker-row:focus-visible{background:rgba(255,255,255,.07)}
.reader-marker-row-copy{min-width:0}.reader-marker-row-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.3}.reader-marker-row-copy small{display:block;margin-top:2px;font-size:8px;opacity:.55;}
.reader-marker-empty{margin:0;padding:22px 16px;color:#77736f;font-size:10px;line-height:1.5;text-align:center}.reader-marker-layer[data-night="si"] .reader-marker-empty{color:#aaa39a;}
@media(max-width:620px){
  .reader-marker-menu{min-width:178px;border-radius:13px}.reader-marker-action{min-height:42px;font-size:10.5px}.reader-marker-layer{align-items:end;padding:10px}.reader-marker-sheet{width:100%;max-height:70dvh;border-radius:20px 20px 12px 12px}.reader-marker-ribbon{right:12px;width:15px;height:25px}.tomo-epub-stage .reader-marker-ribbon{right:12px}
}