/* Duditopia · capa «acuarela + lápiz» para las páginas que no son la portada (GENERADO desde
   tools/duditopia/plantillas/sitio.css). Va DESPUÉS de cq.css / padres-a.css / contenido-a.css (o sola, en
   «En construcción» y 404) y no cambia la lógica: recolorea las variables de cq.css con la paleta de la portada y
   cambia los bordes de tinta + sombras «de bloque» por papel, aros de lápiz finos y sombras suaves.
   Fondo: banda de acuarela (pintada con las mismas primitivas que la portada, tools/duditopia/gen) + grano de papel. */
body.dt-sitio{
  --cq-bg:#f3ede0;--cq-card:#f8f4ea;--cq-line:#e4dccb;--cq-line2:#d6cbb3;
  --cq-ink:#1f2b25;--cq-ink2:#3a4a42;--cq-muted:#4f5c54;
  --cq-blue:#2f4a3a;--cq-blue-d:#2f4a3a;--cq-blue-l:#e3e9dc;
  --cq-coral:#e3866b;--cq-coral-d:#a5462f;--cq-coral-l:#f6ddd2;
  --cq-mint:#7fa070;--cq-mint-d:#3d5a3a;--cq-mint-l:#dfe8d6;
  --cq-yellow:#f2b84b;--cq-yellow-d:#6b5a2e;--cq-yellow-l:#f8ebc8;
  --cq-lila:#a58fc9;--cq-lila-l:#ebe4f3;--cq-cyan:#a9cbd6;--cq-cyan-l:#e3edf0;--cq-sky:#e3edf0;--cq-red:#c83d2a;
  --cq-r:10px;--cq-r-lg:8px;--cq-sh:0 18px 30px -24px rgba(50,40,20,.55);--cq-sh-lg:var(--cq-sh);
  --dt-aro:0 0 0 1.4px rgba(31,43,37,.55) inset;--dt-aro-s:1.5px 2px 0 -.4px rgba(31,43,37,.28);
  --dt-carta-sh:0 0 0 1px rgba(60,50,30,.10),0 18px 30px -24px rgba(50,40,20,.55);
  margin:0;color:var(--cq-ink);font:400 17px/1.55 var(--dt-letra);
  background:url(/dt/grano.webp),url(/dt/acuarela-banda.webp) center top/max(100%,1500px) auto no-repeat,#f3ede0;
  min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
html:has(body.dt-sitio){background:#f3ede0}
.dt-sitio *,.dt-sitio *::before,.dt-sitio *::after{box-sizing:border-box}
body.dt-sitio>main{flex:1 0 auto;width:100%}
@media (max-width:760px){body.dt-sitio{background:url(/dt/grano.webp),url(/dt/acuarela-banda-m.webp) center top/max(100%,760px) auto no-repeat,#f3ede0}}
body.dt-sitio a{color:var(--cq-blue-d);text-underline-offset:3px}
body.dt-sitio a:hover{color:var(--cq-ink)}
body.dt-sitio :focus-visible{outline:2px solid var(--cq-ink);outline-offset:3px;border-radius:6px}
body.dt-sitio h1,body.dt-sitio h2,body.dt-sitio h3{font-family:var(--dt-disp);font-weight:650;letter-spacing:-.02em}
.dt-sitio .cq-px svg{shape-rendering:auto}
.dt-sitio .cq-px img{display:block;max-width:none}
.dt-sitio .cq-pat,.dt-sitio .cq-art,.dt-sitio .cq-ico{background-image:none}
.dt-sitio .dt-pie{margin-top:56px;background:url(/assets/linea.webp) repeat-x left top/160px 4px;box-shadow:none}

/* ---------- piezas de cq.css ---------- */
.dt-sitio .cq-card,.dt-sitio .pa-panel,.dt-sitio .txt{background:var(--cq-card);border:0;border-radius:6px 9px 7px 10px;box-shadow:var(--dt-carta-sh)}
.dt-sitio .cq-btn{border:0;border-radius:999px;font:650 17px/1 var(--dt-disp);min-height:52px;padding:0 24px;
  background:rgba(247,242,231,.9);color:var(--cq-ink);box-shadow:var(--dt-aro),var(--dt-aro-s);transition:transform .25s ease}
.dt-sitio .cq-btn:hover{transform:translateY(-2px);box-shadow:var(--dt-aro),var(--dt-aro-s);color:var(--cq-ink)}
.dt-sitio .cq-btn:active{transform:translateY(1px);box-shadow:var(--dt-aro)}
.dt-sitio .cq-btn-primary,.dt-sitio .cq-btn-primary:hover,.dt-sitio .cq-btn-coral,.dt-sitio .cq-btn-coral:hover{background:#a5462f;color:#fff9f2;
  box-shadow:0 0 0 1.2px rgba(80,24,12,.55) inset,1.5px 2px 0 -.4px rgba(80,24,12,.3),0 10px 24px -12px rgba(120,40,20,.6)}
.dt-sitio .cq-btn-dark,.dt-sitio .cq-btn-dark:hover,.dt-sitio .cq-btn-mint,.dt-sitio .cq-btn-mint:hover{background:#2f4a3a;color:#f6f1e4;box-shadow:1.5px 2px 0 -.4px rgba(31,43,37,.35)}
.dt-sitio .cq-btn-yellow,.dt-sitio .cq-btn-yellow:hover{background:#f2b84b;color:#2b2410}
.dt-sitio .cq-btn-sm{min-height:42px;font-size:15px;padding:0 16px}
.dt-sitio .cq-tag,.dt-sitio .pa-pill{border:0;border-radius:999px;background:rgba(247,242,231,.9);color:var(--cq-ink2);box-shadow:var(--dt-aro);
  font:700 13px/1.2 var(--dt-letra);letter-spacing:.1em;text-transform:uppercase;padding:7px 13px 6px}
.dt-sitio .cq-chip{border:0;background:rgba(247,242,231,.9);box-shadow:var(--dt-aro)}
.dt-sitio .cq-chip[aria-pressed="true"],.dt-sitio .cq-chip.on{background:#2f4a3a;color:#f6f1e4;box-shadow:none}
.dt-sitio .cq-input{border:0;border-radius:10px;background:#fffdf7;font:500 17px/1.3 var(--dt-letra);padding:13px 15px;
  box-shadow:0 0 0 1.6px rgba(31,43,37,.6) inset,1.5px 2px 0 -.4px rgba(31,43,37,.2)}
.dt-sitio .cq-input:focus{outline:none;box-shadow:0 0 0 2.4px #2f4a3a inset,0 0 0 4px rgba(242,184,75,.45)}
.dt-sitio .cq-input::placeholder{color:#6d746c}
.dt-sitio .cq-note{border:0;border-radius:8px;background:#f8ebc8;color:#3d3311;box-shadow:var(--dt-aro)}
.dt-sitio code{font:700 .9em/1 ui-monospace,"SFMono-Regular",Menlo,monospace;background:#ece4d2;color:#2f4a3a;border:0;border-radius:5px;padding:3px 6px}

/* ---------- cabecera de página (zona de adultos) ---------- */
.dt-sitio .pa-page{padding-top:10px}
.dt-sitio .pa-hero{margin:8px 0 26px}
.dt-sitio .pa-hero-art{width:112px;height:112px;border:0;border-radius:50%;box-shadow:none;
  background:radial-gradient(closest-side,rgba(248,244,234,.95),rgba(248,244,234,.7) 60%,rgba(248,244,234,0))!important}
.dt-sitio .pa-hero-art .cq-px{filter:none}
.dt-sitio .pa-title{font:650 clamp(2rem,4vw,3.2rem)/1.04 var(--dt-disp);letter-spacing:-.025em}
.dt-sitio .pa-sub{color:var(--cq-ink2);font-size:18px;max-width:52ch}
.dt-sitio .pa-dot{background:#c83d2a;box-shadow:0 0 0 4px rgba(200,61,42,.18)}
.dt-sitio .pa-me{color:var(--cq-ink2)}
.dt-sitio .pa-dudi .cq-px{filter:none}
.dt-sitio .pa-iconbtn{border:0;border-radius:50%;background:rgba(247,242,231,.9);box-shadow:var(--dt-aro),var(--dt-aro-s)}

/* ---------- trivial en directo (/jugar) ---------- */
.dt-sitio .pa-quiz{--a1:#e3866b;--a2:#8fb3d1;--a3:#f2b84b;--a4:#9cbf86}
.dt-sitio .pa-quiz .bar{border:0;height:12px;background:#e6dcc6;box-shadow:0 0 0 1.4px rgba(31,43,37,.5) inset}
.dt-sitio .pa-quiz .bar i{background:#2f4a3a}
.dt-sitio .pa-quiz .bar.hurry i{background:#c83d2a}
.dt-sitio .pa-quiz .q{border:0;border-radius:6px 9px 7px 10px;background:var(--cq-card);box-shadow:var(--dt-carta-sh);font:650 clamp(22px,2.2vw + 14px,30px)/1.25 var(--dt-disp)}
.dt-sitio .pa-quiz .opt{border:0;border-radius:10px;background:var(--cq-card);font:600 18px/1.25 var(--dt-letra);box-shadow:var(--dt-aro),var(--dt-aro-s);transition:transform .2s,background .15s}
.dt-sitio .pa-quiz .opt:hover:not(:disabled){background:#fff8e6;transform:translateY(-2px);box-shadow:var(--dt-aro),var(--dt-aro-s)}
.dt-sitio .pa-quiz .opt:active:not(:disabled){transform:translateY(1px);box-shadow:var(--dt-aro)}
.dt-sitio .pa-quiz .opt .k{border:0;border-radius:50%;box-shadow:0 0 0 1.4px rgba(31,43,37,.55) inset;font:650 18px/1 var(--dt-disp);color:#1f2b25}
.dt-sitio .pa-quiz .opt.mine{box-shadow:0 0 0 2.6px #2f4a3a inset,var(--dt-aro-s)}
.dt-sitio .pa-quiz .opt.ok{background:#dfe8d6}
.dt-sitio .pa-quiz .opt.bad{background:#f6ddd2}
.dt-sitio .pa-quiz .msg.good{color:#3d5a3a}
.dt-sitio .pa-quiz .kv div{border:0;border-radius:8px;background:var(--cq-card);box-shadow:var(--dt-aro)}
.dt-sitio .pa-quiz .big,.dt-sitio .pa-quiz .kv b{font-family:var(--dt-disp);font-weight:650}
.dt-sitio #board:not(:empty){border:0;border-radius:6px 9px 7px 10px;background:var(--cq-card);box-shadow:var(--dt-carta-sh)}
.dt-sitio .offline{border:0;border-radius:8px;box-shadow:var(--dt-aro)}
.dt-sitio .foot2{color:var(--cq-ink2)}
.dt-sitio ol.pa-rank li{border-bottom:0;background:url(/assets/linea.webp) repeat-x left bottom/160px 3px}
.dt-sitio ol.pa-rank li:last-child{background:none}
.dt-sitio ol.pa-rank li::before{border:0;border-radius:50%;background:#ece4d2;box-shadow:0 0 0 1.2px rgba(31,43,37,.35) inset;font-family:var(--dt-disp)}
.dt-sitio ol.pa-rank li:nth-child(1)::before{background:#f2b84b}
.dt-sitio ol.pa-rank li:nth-child(2)::before{background:#d9dcd3}
.dt-sitio ol.pa-rank li:nth-child(3)::before{background:#e8b48f}
.dt-sitio ol.pa-rank .pts{color:#2f4a3a;font-family:var(--dt-disp)}

/* ---------- directo y rankings (/directo) ---------- */
.dt-sitio .player{border:0;border-radius:8px;background:#1f2b25;box-shadow:0 0 0 1px rgba(31,43,37,.3),0 22px 34px -22px rgba(50,40,20,.7)}
.dt-sitio .live{border:0;border-radius:8px;background:#2f4a3a;color:#e6e0d1}
.dt-sitio .live b{color:#f6d68a}
.dt-sitio .cq-card h2{font:650 24px/1.15 var(--dt-disp);padding-bottom:12px;background:url(/assets/linea.webp) repeat-x left bottom/160px 4px}
.dt-sitio .tabs button{border:0;background:rgba(247,242,231,.9);box-shadow:var(--dt-aro);font-weight:600}
.dt-sitio .tabs button:hover{background:#fff8e6}
.dt-sitio .tabs button.on{background:#2f4a3a;color:#f6f1e4;box-shadow:none}
.dt-sitio .topics span{border:0;background:#ece4d2;color:#2f4a3a;box-shadow:0 0 0 1.2px rgba(31,43,37,.3) inset}

/* ---------- páginas de texto (privacidad, condiciones, IA) ---------- */
.dt-sitio .txt-hero{padding:6px 0 0}
.dt-sitio .txt-hin{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:940px;min-height:200px}
.dt-sitio .txt-ht{max-width:600px}
.dt-sitio .txt-hero h1{font:650 clamp(2.1rem,4.6vw,3.6rem)/1.03 var(--dt-disp);letter-spacing:-.025em;margin:6px 0 14px;text-wrap:balance}
.dt-sitio .txt-migas{color:var(--cq-ink2);font-weight:600}
.dt-sitio .txt-migas a{color:var(--cq-ink2)}
.dt-sitio .txt-migas li+li::before{color:var(--cq-ink2)}
.dt-sitio .txt-art{position:relative;flex:none;width:250px;height:200px}
.dt-sitio .txt-marco{position:absolute;right:20px;top:0;width:170px;height:170px;display:grid;place-items:center;border:0;border-radius:50%;
  background:radial-gradient(closest-side,rgba(248,244,234,.95),rgba(248,244,234,.75) 55%,rgba(248,244,234,0))!important;box-shadow:none}
.dt-sitio .txt-marco .cq-px svg{width:128px;height:128px}
.dt-sitio .txt-dudi{position:absolute;left:0;bottom:-6px;width:118px}
.dt-sitio .txt-dudi img{width:118px;height:auto}
.dt-sitio .txt-main{max-width:940px;padding-top:6px}
.dt-sitio .txt{padding:34px clamp(20px,4vw,48px) 40px}
.dt-sitio .txt p,.dt-sitio .txt li{color:var(--cq-ink2);font-size:17px;line-height:1.65}
.dt-sitio .txt b{color:var(--cq-ink);font-weight:700}
.dt-sitio .txt h3{font:650 1.35rem/1.2 var(--dt-disp);border-top:0;padding-top:30px;margin-top:30px;
  background:url(/assets/linea.webp) repeat-x left top/160px 4px}
.dt-sitio .txt h3::before{content:none}
.dt-sitio .txt li::marker{color:#a5462f}
.dt-sitio .txt a{color:#2f4a3a;font-weight:600}
.dt-sitio .txt-res{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px}
.dt-sitio .txt-res li{display:flex;align-items:center;gap:8px}
.dt-sitio .txt-res .cq-px img{width:40px;height:auto}
@media (max-width:760px){
  .dt-sitio .txt-hin{flex-direction:column-reverse;align-items:flex-start;gap:0;min-height:0}
  .dt-sitio .txt-art{width:200px;height:120px;align-self:flex-end;margin:-6px 0 -20px}
  .dt-sitio .txt-marco{width:110px;height:110px;right:0}
  .dt-sitio .txt-marco .cq-px svg{width:84px;height:84px}
  .dt-sitio .txt-dudi,.dt-sitio .txt-dudi img{width:90px}
  .dt-sitio .txt-dudi{left:30px;bottom:-10px}
  .dt-sitio .txt{padding:22px 18px 26px}
  .dt-sitio .pa-hero-art{width:84px;height:84px}
}
@media (prefers-reduced-motion:reduce){.dt-sitio .cq-btn,.dt-sitio .pa-quiz .opt{transition:none}}