/* Duditopia · Crimen a Cuadros en «acuarela + lápiz» (duditopia_src/padres/misterios/dudi.css).
   Va después de /cq.css, app.css (game/web, sin tocar) y de la capa común /dt/sitio.css. Solo presentación: papel, aros de
   lápiz finos y sombras suaves en vez de bordes de tinta y sombras de bloque; dibujos de lapiz.js. */
body.dt-sitio.cac-body{--cac-papel:#f8f4ea;--cac-papel2:#fbf8ef;--cac-tinta:#1f2b25;--cac-musgo:#2f4a3a;--cac-coral:#a5462f;--cac-miel:#f2b84b;
  --cac-aro:0 0 0 1.4px rgba(31,43,37,.5) inset;--cac-aro-s:1.5px 2px 0 -.4px rgba(31,43,37,.26);
  --cac-carta:0 0 0 1px rgba(60,50,30,.10),0 18px 30px -24px rgba(50,40,20,.55)}
.cac-body .cq-px img.cac-dudi{display:block;height:auto}
.cac-body .cq-px svg{display:block}
.cac .cara{border:0;border-radius:10px;background:color-mix(in srgb,var(--pc) 34%,#f8f4ea);box-shadow:0 0 0 1.3px rgba(31,43,37,.5) inset;place-items:end center}
.cac .cara svg{margin-bottom:0}

/* ---------- portada de la sección ---------- */
.cac-hero{background:none;border:0;overflow:visible}
.cac-hero-in{padding-top:30px;align-items:center}
.cac .titulo{font:650 clamp(42px,5.2vw,68px)/1.02 var(--dt-disp);letter-spacing:-.03em;color:var(--cac-tinta)}
.cac .cq-mk{background:linear-gradient(transparent 58%,rgba(227,134,107,.55) 58% 90%,transparent 90%);padding:0 .06em;color:inherit}
.cac .lema{color:#3a4a42;font-size:19px}
.rueda{padding-right:104px}
.rueda-muro{border:0;border-radius:10px 12px 0 0;box-shadow:none;padding:46px 18px 0 50px;
  background:url(/padres/misterios/lapiz/acu-orbita@2x.webp) center/140% 140% no-repeat,
    repeating-linear-gradient(180deg,transparent 0 31px,rgba(47,58,52,.32) 31px 32.4px),#e4e3dc}
.rueda-muro::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:8px;background:url(/assets/linea.webp) repeat-x left center/160px 4px}
.rueda-alt{color:#4f5c54;font-weight:700}
.sosp b{border:0;border-radius:8px;background:#fbf8ef;box-shadow:var(--cac-aro);font-weight:700;color:var(--cac-tinta)}
.rueda-dudi{right:-26px;bottom:-6px}
.cac-body .cq-globo{background:#fbf8ef;border:0;border-radius:14px;box-shadow:var(--cac-aro),var(--cac-aro-s);font:650 16px/1.1 var(--dt-disp);color:var(--cac-tinta);padding:10px 14px}
.rueda-globo{bottom:150px}
.cac-body .rueda-globo::before{background:#fbf8ef;border:0;box-shadow:-1.4px 1.4px 0 rgba(31,43,37,.5)}
.cac-body .cq-bob{animation:cac-flota 3.2s ease-in-out infinite}
@keyframes cac-flota{50%{transform:translateY(-6px)}}

.cac .seguir{background:var(--cac-musgo);border:0;border-radius:12px 14px 12px 16px;box-shadow:0 18px 30px -18px rgba(31,43,37,.8)}
.cac a.seguir:hover{transform:translateY(-2px);box-shadow:0 22px 30px -18px rgba(31,43,37,.85)}
.seguir .ic{background:#f8f4ea;border-radius:10px}
.seguir small{color:var(--cac-miel);font-weight:700;font-family:var(--dt-letra)}
.seguir b{font-weight:650;font-family:var(--dt-disp)}
.seguir .sub{color:#d8e0d4}
.seguir .flecha{background:var(--cac-miel);border:0;color:#2b2410}

.cac .cq-h2{font:650 clamp(28px,3vw,38px)/1.1 var(--dt-disp);letter-spacing:-.02em}
.temp{background:var(--cac-papel);border:0;border-radius:8px 10px 8px 12px;box-shadow:var(--cac-carta)}
.temp-art{border:0;background:#e9e1cf}
.temp-art::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:6px;background:url(/assets/linea.webp) repeat-x left center/160px 4px}
.temp-num{border:0;background:#fbf8ef;color:var(--cac-tinta);box-shadow:var(--cac-aro),var(--cac-aro-s);font:700 12.5px/1 var(--dt-letra);letter-spacing:.1em;border-radius:999px;padding:7px 12px}
.temp-cab h3{font:650 25px/1.12 var(--dt-disp);letter-spacing:-.02em}
.temp-cab .lug{color:#4f5c54}
.prog .b{border:0;background:#e6dcc6;box-shadow:0 0 0 1.3px rgba(31,43,37,.45) inset;height:11px}
.prog .b i{background:#7fa070}
.lista{border-top:0;background:url(/assets/linea.webp) repeat-x left top/160px 4px;padding-top:2px}
.lista li+li{border-top:1.5px dashed #d6cbb3}
.lista a:hover{background:#f6edd6}
.lista .n{border:0;border-radius:12px;background:url(/padres/misterios/lapiz/acu-oeste.webp) center/150% 150% no-repeat,#f3ead6;box-shadow:none}
.temp[style*="3debff"] .lista .n,.rap .n{background-image:url(/padres/misterios/lapiz/acu-orbita.webp)}
.rap .n{background-image:url(/padres/misterios/lapiz/acu-rapido.webp);background-color:#eef0e2}
.lista .n b{background:var(--cac-musgo);border:2px solid #f8f4ea;font-weight:700}
.lista .t{font-weight:650;font-family:var(--dt-disp)}
.niv.novato{color:#3d5a3a}.niv.detective{color:#2f4a6a}.niv.inspector{color:#7a5a12}.niv.maestro{color:#a5462f}
.est{border:0;background:#efe7d6;box-shadow:var(--cac-aro);color:#3a4a42}
.est.ok{background:#dfe8d6;color:#3d5a3a}
.est.curso{background:#f8ebc8;color:#6b5a2e}
.rap{background:var(--cac-papel);border:0;border-radius:8px 10px 8px 12px;box-shadow:var(--cac-carta)}
.rap-art{border:0;background:#e9e1cf}
.rap .lista{background:none}
.rap .lista li{border-top:1.5px dashed #d6cbb3}
.rap .lista li:nth-child(odd){border-right:1.5px dashed #d6cbb3}
.reglas summary{font:650 22px/1.2 var(--dt-disp)}
.reglas summary::after{border:0;box-shadow:var(--cac-aro);border-radius:50%;font-weight:650}
.gestos li{border:0;background:#efe7d6;box-shadow:var(--cac-aro)}
.imprimibles{display:flex;gap:18px;align-items:flex-start;margin-top:22px;padding:18px 20px}
.imprimibles .cq-h2{font-size:24px;margin:0 0 4px}
.imprimibles p{margin:0 0 8px;color:#3a4a42}
.pdfs{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;font-size:15px}
.pdfs a{display:inline-block;padding:5px 11px;border-radius:999px;background:#fbf8ef;box-shadow:var(--cac-aro);text-decoration:none;color:var(--cac-musgo);font-weight:600}
.pdfs a:hover{background:#f6edd6}
.pdf-t{font-weight:700;color:var(--cac-tinta);margin-left:4px}
.pdf-t:not(:first-child){flex-basis:100%;margin-top:6px}

/* ---------- caso ---------- */
.volver,.reloj{border:0;background:#fbf8ef;box-shadow:var(--cac-aro),var(--cac-aro-s);border-radius:50%}
.volver:hover{transform:translateY(-1px);box-shadow:var(--cac-aro),var(--cac-aro-s)}
.reloj{border-radius:999px;font-weight:700;font-family:var(--dt-disp)}
.caso-ico{border:0;background:url(/padres/misterios/lapiz/acu-oeste.webp) center/150% no-repeat,#f3ead6;border-radius:12px}
.caso-tit small{color:#4f5c54}
.caso-tit b{font-weight:650;font-family:var(--dt-disp)}
.tablero-marco{background:#f8f4ea;border:0;box-shadow:0 0 0 1px rgba(60,50,30,.12),0 24px 36px -26px rgba(50,40,20,.7)}
.tablero .hit:hover{fill:rgba(47,74,58,.10)}
.tablero svg.plano-lz{shape-rendering:auto}
.persona{border:0;border-radius:999px;background:#fbf8ef;box-shadow:var(--cac-aro),var(--cac-aro-s);font:600 15.5px/1 var(--dt-letra);color:var(--cac-tinta);padding:3px 14px 3px 3px}
.persona .cara{border:0;border-radius:50%}
.persona:hover{background:#f6edd6}
.persona:active{transform:translateY(1px);box-shadow:var(--cac-aro)}
.persona.on{background:var(--cac-musgo);color:#f6f1e4;box-shadow:0 0 0 2.5px var(--cac-miel),var(--cac-aro-s)}
.persona.on .cara{box-shadow:0 0 0 1.5px #f6f1e4 inset}
.persona.puesta{opacity:.55;box-shadow:var(--cac-aro)}
.msg{color:#3a4a42}
.msg.mal{color:#a5462f}.msg.bien{color:#3d5a3a}
.panel,.intro{background:var(--cac-papel)!important;border:0!important;border-radius:8px 10px 8px 12px;box-shadow:var(--cac-carta)!important}
.ph{font:650 20px/1.2 var(--dt-disp)}
.pistas li{border-bottom:1.5px dashed #e0d6c1}
.pistas li:hover{background:#f6edd6}
.pistas li::before{border:0;background:#e3e9dc;color:var(--cac-musgo);box-shadow:var(--cac-aro);border-radius:50%;font-weight:700}
.pistas li.tachada{color:#8a9088}
.pistas li.tachada::before{background:#dfe8d6;color:#3d5a3a}
.gente .vic,.cac .gente .vic{color:#a5462f}
.mas summary{font:650 18px/1.2 var(--dt-disp)}
.mas .chk input{accent-color:var(--cac-musgo)}
.link{color:var(--cac-musgo)}
.intro summary{color:var(--cac-musgo)}

/* barra de herramientas: papel en el móvil (fija abajo) y botones de lápiz en pantallas grandes */
.herr{background:rgba(243,237,224,.97);border-top:0;box-shadow:0 -1px 0 rgba(31,43,37,.18),0 -10px 24px -16px rgba(50,40,20,.45);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.herr button{color:var(--cac-tinta);font-family:var(--dt-letra);font-weight:600;border-radius:14px}
.herr button.on{background:var(--cac-musgo);color:#f6f1e4;box-shadow:0 0 0 2px var(--cac-miel)}
.herr button.on .i{background:#f8f4ea;border-radius:8px;padding:2px}
.herr .deshacer:not(:disabled){background:#f8ebc8;border-color:transparent;box-shadow:var(--cac-aro)}
.cac-body.en-caso .dt-pie{display:none}

/* diálogo */
.modal{background:rgba(31,43,37,.48)}
.caja{background:#f3ede0 url(/dt/grano.webp);border:0;box-shadow:0 -10px 40px -10px rgba(31,43,37,.5)}
.caja h3{font:650 26px/1.12 var(--dt-disp);letter-spacing:-.02em}
.sospechosos .persona{border-radius:14px}
.sospechosos .persona.aqui{background:#e3e9dc;color:var(--cac-tinta)}
.acusa-fallo{border:0;background:#f6ddd2;box-shadow:var(--cac-aro)}
.fin-cab{background:url(/padres/misterios/lapiz/acu-oeste@2x.webp) 70% 40%/120% auto no-repeat,#f8ebc8;border-bottom:0}
.fin-cab::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:6px;background:url(/assets/linea.webp) repeat-x left center/160px 4px}
.fin-cab small{color:#6b5a2e;font-family:var(--dt-letra);font-weight:700}
.fin-cab h3{font-weight:650}
.fin-cab .fin-dudi img{width:120px;height:120px}
.culp,.giro,.stats span{border:0;background:#fbf8ef;box-shadow:var(--cac-aro),var(--cac-aro-s)}
.giro{background:#f8ebc8}
.culp b,.stats b{font-weight:650;font-family:var(--dt-disp)}
.culp .eti{color:#a5462f}
/* sello de goma «¡CASO CERRADO!»: tinta roja con huecos (máscara de grano) y doble filete */
.sello{color:#b8322a;border:4px double #b8322a;border-radius:8px;background:rgba(251,248,239,.86);box-shadow:0 0 0 3px rgba(251,248,239,.86);
  font:800 23px/1.02 var(--dt-disp);letter-spacing:2px;padding:8px 13px;text-transform:uppercase;
  mix-blend-mode:multiply}
.confeti i{border-radius:2px 5px 3px 6px;opacity:.9;width:9px;height:12px;animation:cac-confeti-lz 2.4s cubic-bezier(.3,.6,.5,1) forwards}
.confeti i:nth-child(3n){width:7px;height:7px;border-radius:50%}
.confeti i:nth-child(4n){width:4px;height:14px}
@keyframes cac-confeti-lz{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(560px) rotate(620deg);opacity:.15}}
.aviso.con-dudi .aviso-dudi img{width:64px;height:64px}
.aviso.con-dudi .msg{border:0;background:#fbf8ef;box-shadow:var(--cac-aro),var(--cac-aro-s);border-radius:14px 16px 14px 18px;color:var(--cac-tinta)}
.aviso.con-dudi .msg::before{border:0;background:#fbf8ef;box-shadow:-1.4px 1.4px 0 rgba(31,43,37,.5)}
.aviso.con-dudi.mal .msg,.aviso.con-dudi.mal .msg::before{background:#f6ddd2}
.aviso.con-dudi.bien .msg,.aviso.con-dudi.bien .msg::before{background:#dfe8d6}
.aviso.con-dudi.mal .msg{box-shadow:var(--cac-aro),1.5px 2px 0 -.4px rgba(165,70,47,.45)}
.aviso.con-dudi.bien .msg{box-shadow:var(--cac-aro),1.5px 2px 0 -.4px rgba(61,90,58,.45)}
.pistas li.choca{background:#f6ddd2;box-shadow:inset 3px 0 0 #c83d2a}
.pistas li.choca::before{background:#c83d2a;color:#fff}
.aviso.anima.mal .msg,.acusa-fallo.anima{animation:cac-sacude .45s ease-in-out}
.aviso.anima .aviso-dudi{animation:cac-bote .5s ease-in-out}

@media (min-width:600px){
  .tablero-marco{border:0;border-radius:10px 12px 10px 14px}
  .caja{border:0;border-radius:14px 18px 14px 20px;box-shadow:0 30px 60px -20px rgba(31,43,37,.6)}
}
@media (min-width:761px){
  .herr{background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .herr button{border:0;background:#fbf8ef;box-shadow:var(--cac-aro),var(--cac-aro-s)}
  .herr button:hover:not(:disabled):not(.on){background:#f6edd6}
  .cac-body.en-caso .dt-pie{display:block}
}
@media (max-width:760px){
  .rueda{padding-right:70px}
  .rueda-dudi{right:-14px}
  .rueda-dudi img{width:92px;height:92px}
  .rueda-muro{padding:30px 8px 0 36px}
  .rueda-globo{bottom:100px}
  .tablero-marco{margin:0 -4px;border-radius:8px}
  .imprimibles{flex-direction:column;gap:6px}
}
@media (max-width:400px){
  .persona{font-size:14px;padding-right:10px}
  .aviso.con-dudi .aviso-dudi img{width:52px;height:52px}
}
@media (prefers-reduced-motion:reduce){.cac-body .cq-bob{animation:none}}
/* retoques tras la prueba */
.acciones .cq-px{flex:none}
.stats span.cq-px,.giro span.cq-px,.culp span.cq-px{border:0;box-shadow:none;background:none;padding:0;display:block}
.fin-cab .cq-chis{width:14px;height:14px;background:#f2b84b;border:0;box-shadow:none;
  clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
@media (max-width:600px){.sello{right:10px;bottom:-58px;font-size:18px;padding:5px 9px}}