/* ===== Diseños elegibles desde el administrador. Todos con colores claros.
   «actual» no necesita reglas: es el diseño base de app.css (con modo oscuro). ===== */

/* ---------- 1. POSITS Y CELO ---------- */
[data-theme=posits]{
  --bg:#efe4cc;--surface:#fff6a8;--ink:#2b2418;--ink2:#443a28;--muted:#6b5d43;--line:rgba(90,70,30,.22);--soft:rgba(255,255,255,.55);
  --radius:3px;--shadow:2px 7px 14px rgba(90,65,20,.22),0 1px 2px rgba(90,65,20,.2);
  --font:"Segoe UI",ui-sans-serif,system-ui,-apple-system,Roboto,Arial,sans-serif;
  --serif:"Segoe Print","Bradley Hand","Chalkboard SE","Marker Felt","Comic Neue","Comic Sans MS",cursive;
  --note1:#fff6a8;--note2:#ffcfdc;--note3:#cde7ff;--note4:#d3f4c4;--note5:#ffd9ae;--note6:#e3d6ff;
}
[data-theme=posits] body{background-color:#efe4cc;background-image:radial-gradient(rgba(120,90,40,.16) 1.2px,transparent 1.4px);background-size:22px 22px}
[data-theme=posits] .topbar{background:#e3d2ab;color:#4b3d22}[data-theme=posits] .topbar-link{color:#4b3d22}
[data-theme=posits] .header,[data-theme=posits] .svcnav{background:#fffdf3;border-color:rgba(90,70,30,.25);border-bottom-style:dashed}
[data-theme=posits] .svcnav a{background:#fff;border:1px dashed rgba(90,70,30,.35);border-radius:4px;font-family:var(--font)}
[data-theme=posits] .svcnav a[aria-current]{background:#ffe27a;color:#2b2418;border-color:#2b2418;border-style:solid}
[data-theme=posits] .svcnav a[aria-current] .ic{color:#2b2418}
[data-theme=posits] .hero{background:none}
[data-theme=posits] .hero h1,[data-theme=posits] .phead h1{font-weight:700;letter-spacing:0}
[data-theme=posits] .hero h1::after{height:10px;width:130px;border-radius:3px;background:repeating-linear-gradient(135deg,#ffe27a 0 8px,#ffd24d 8px 16px);transform:rotate(-1.5deg)}
[data-theme=posits] .eyebrow,[data-theme=posits] .hero .eyebrow{background:#fff;border:1px dashed rgba(90,70,30,.4);border-radius:3px}
[data-theme=posits] .pill{border-radius:3px;border:1px solid rgba(90,70,30,.25);box-shadow:1px 3px 5px rgba(90,65,20,.15);transform:rotate(-.8deg)}
[data-theme=posits] .pill:nth-child(even){transform:rotate(.9deg)}
/* notas */
[data-theme=posits] .card,[data-theme=posits] .panel,[data-theme=posits] .tile{position:relative;border:0;border-radius:2px 2px 14px 2px;box-shadow:var(--shadow)}
[data-theme=posits] .card::before,[data-theme=posits] .panel::before,[data-theme=posits] .tile::before{
  content:"";position:absolute;top:-13px;left:50%;width:92px;height:26px;margin-left:-46px;transform:rotate(-2.5deg);z-index:2;pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 6px,rgba(255,255,255,.35) 6px 12px),rgba(236,224,190,.7);
  box-shadow:0 1px 2px rgba(60,45,10,.22);clip-path:polygon(2% 0,98% 0,100% 12%,97% 28%,100% 45%,97% 62%,100% 80%,98% 100%,2% 100%,0 85%,3% 68%,0 50%,3% 32%,0 14%)}
[data-theme=posits] .tile::before{width:58px;height:18px;margin-left:-29px;top:-9px}
[data-theme=posits] .blk:nth-child(6n+1)>.card,[data-theme=posits] .panel:nth-of-type(6n+1){background:var(--note1)}
[data-theme=posits] .blk:nth-child(6n+2)>.card,[data-theme=posits] .panel:nth-of-type(6n+2){background:var(--note2)}
[data-theme=posits] .blk:nth-child(6n+3)>.card,[data-theme=posits] .panel:nth-of-type(6n+3){background:var(--note3)}
[data-theme=posits] .blk:nth-child(6n+4)>.card,[data-theme=posits] .panel:nth-of-type(6n+4){background:var(--note4)}
[data-theme=posits] .blk:nth-child(6n+5)>.card,[data-theme=posits] .panel:nth-of-type(6n+5){background:var(--note5)}
[data-theme=posits] .blk:nth-child(6n)>.card,[data-theme=posits] .panel:nth-of-type(6n){background:var(--note6)}
[data-theme=posits] .tile{background:var(--note1)}[data-theme=posits] .tile:nth-child(2n){background:var(--note3)}[data-theme=posits] .tile:nth-child(3n){background:var(--note2)}[data-theme=posits] .tile:nth-child(5n){background:var(--note4)}
[data-theme=posits] .blk:nth-child(odd)>.card,[data-theme=posits] .panel:nth-of-type(odd){transform:rotate(-.5deg)}
[data-theme=posits] .blk:nth-child(even)>.card,[data-theme=posits] .panel:nth-of-type(even){transform:rotate(.4deg)}
[data-theme=posits] .tile:nth-child(odd){transform:rotate(-1deg)}[data-theme=posits] .tile:nth-child(even){transform:rotate(.8deg)}
[data-theme=posits] .tile:hover{transform:rotate(0) translateY(-3px)}
[data-theme=posits] .blk>.card:hover,[data-theme=posits] .panel:hover{transform:rotate(0)}
[data-theme=posits] .card,[data-theme=posits] .panel{transition:transform .2s}
[data-theme=posits] .panel .panel,[data-theme=posits] .card .panel{transform:none;box-shadow:none}
[data-theme=posits] .panel .panel::before,[data-theme=posits] .card .card::before{display:none}
[data-theme=posits] .badge{background:rgba(255,255,255,.7);border-radius:50%}
[data-theme=posits] .tabs .tab,[data-theme=posits] .tablist button{border-radius:3px}
[data-theme=posits] .btn{border-radius:3px;box-shadow:1px 3px 0 rgba(0,0,0,.25)}
[data-theme=posits] table{background:transparent}[data-theme=posits] .tbl th,[data-theme=posits] .tbl td{border-color:rgba(90,70,30,.2)}
[data-theme=posits] input,[data-theme=posits] select{background:#fffef6;border-radius:3px}
[data-theme=posits] .footer{background:#e3d2ab;color:#4b3d22;border-top:2px dashed rgba(75,61,34,.4)}
[data-theme=posits] .footer a,[data-theme=posits] .footer h3,[data-theme=posits] .foot-logo{color:#2b2418}.footer .foot-logo b{color:var(--accent)}
[data-theme=posits] .foot-bottom{border-color:rgba(75,61,34,.3)}
[data-theme=posits] .demobar,[data-theme=posits] .alertbar{border-radius:0}

/* ---------- 2. EDITORIAL (periódico) ---------- */
[data-theme=editorial]{
  --bg:#f8f5ee;--surface:#fffdf8;--ink:#15130f;--ink2:#34302a;--muted:#6a6355;--line:#d8d0bd;--soft:#efe9da;
  --radius:0px;--shadow:none;
  --font:"Source Serif 4","Iowan Old Style","Palatino Linotype",Georgia,"Times New Roman",serif;
  --serif:"Playfair Display","Didot","Bodoni 72","Hoefler Text",Georgia,serif;
}
[data-theme=editorial] .topbar{background:#ece5d2;color:#3a342a;border-bottom:1px solid var(--line)}[data-theme=editorial] .topbar-link{color:#3a342a}
[data-theme=editorial] .header{border-bottom:4px double var(--ink)}
[data-theme=editorial] .svcnav{border-bottom:1px solid var(--ink)}
[data-theme=editorial] .svcnav a{border:0;border-radius:0;background:transparent;text-transform:uppercase;letter-spacing:.06em;font-size:.76rem;padding:6px 10px}
[data-theme=editorial] .svcnav a[aria-current]{background:transparent;color:var(--accent);box-shadow:inset 0 -3px 0 var(--accent)}[data-theme=editorial] .svcnav a[aria-current] .ic{color:var(--accent)}
[data-theme=editorial] .hero{background:none;border-bottom:1px solid var(--line)}
[data-theme=editorial] .hero h1{font-weight:900;letter-spacing:-.025em;max-width:22ch}[data-theme=editorial] .hero h1::after{height:3px;width:100%;max-width:220px;border-radius:0}
[data-theme=editorial] .card,[data-theme=editorial] .panel,[data-theme=editorial] .tile{background:transparent;border:0;border-top:3px solid var(--ink);border-bottom:1px solid var(--line);border-radius:0;padding-left:2px;padding-right:2px;box-shadow:none}
[data-theme=editorial] .tile{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--ink);padding:14px}
[data-theme=editorial] .tile:hover{transform:none;border-color:var(--ink)}
[data-theme=editorial] .card-h h2,[data-theme=editorial] .panel h2{font-weight:800;letter-spacing:-.01em}
[data-theme=editorial] .badge{background:transparent;border:1px solid var(--ink);border-radius:0;color:var(--ink)}
[data-theme=editorial] .pill{border-radius:0;background:transparent;border:1px solid var(--ink);color:var(--ink);text-transform:uppercase;letter-spacing:.05em;font-size:.74rem}
[data-theme=editorial] .chips li,[data-theme=editorial] .chips li a,[data-theme=editorial] .chip{border-radius:0}
[data-theme=editorial] .btn{border-radius:0;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem}
[data-theme=editorial] input,[data-theme=editorial] select{border-radius:0}
[data-theme=editorial] .cards{gap:26px}
[data-theme=editorial] .footer{background:#ece5d2;color:#34302a;border-top:4px double var(--ink)}
[data-theme=editorial] .footer a,[data-theme=editorial] .footer h3,[data-theme=editorial] .foot-logo{color:var(--ink)}.footer .foot-logo b{color:var(--accent)}
[data-theme=editorial] .foot-bottom{border-color:var(--line)}

/* ---------- 3. NÓRDICO (suave y aireado) ---------- */
[data-theme=nordico]{
  --bg:#eef3f7;--surface:#fff;--ink:#1d2b38;--ink2:#3a4a5a;--muted:#667789;--line:#dfe8ef;--soft:#f1f6fa;
  --radius:24px;--shadow:0 12px 34px rgba(54,92,128,.09);
  --font:"Inter","Helvetica Neue",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--serif:var(--font);
}
[data-theme=nordico] .topbar{background:#dde8f0;color:#35495b}[data-theme=nordico] .topbar-link{color:#35495b}
[data-theme=nordico] .header,[data-theme=nordico] .svcnav{border-color:transparent;background:rgba(255,255,255,.85)}
[data-theme=nordico] .svcnav a{border-color:transparent;background:var(--soft)}
[data-theme=nordico] .svcnav a[aria-current]{background:#1d2b38}
[data-theme=nordico] .hero{background:linear-gradient(180deg,#e2edf6,#eef3f7)}
[data-theme=nordico] .hero h1,[data-theme=nordico] .phead h1,[data-theme=nordico] .card-h h2,[data-theme=nordico] .panel h2{font-weight:650;letter-spacing:-.025em}
[data-theme=nordico] .hero h1::after{width:44px;height:5px;border-radius:5px;opacity:.9}
[data-theme=nordico] .card,[data-theme=nordico] .panel{border:0;padding:28px}[data-theme=nordico] .tile{border:0;box-shadow:var(--shadow)}
[data-theme=nordico] .cards{gap:26px}
[data-theme=nordico] .badge{border-radius:50%}[data-theme=nordico] .badge.lg{border-radius:50%}
[data-theme=nordico] .btn{border-radius:999px}[data-theme=nordico] input,[data-theme=nordico] select{border-radius:14px}
[data-theme=nordico] .footer{background:#dde8f0;color:#35495b}
[data-theme=nordico] .footer a,[data-theme=nordico] .footer h3,[data-theme=nordico] .foot-logo{color:#1d2b38}.footer .foot-logo b{color:var(--accent)}
[data-theme=nordico] .foot-bottom{border-color:#c6d5e0}

/* ---------- 4. CARAMELO (cajas de colores pastel) ---------- */
[data-theme=caramelo]{
  --bg:#fff9f1;--surface:#fff;--ink:#27201b;--ink2:#473d35;--muted:#75685c;--line:rgba(60,40,20,.14);--soft:rgba(255,255,255,.7);
  --radius:20px;--shadow:0 4px 0 rgba(60,40,20,.12);
  --font:"Nunito","Quicksand","Trebuchet MS",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--serif:"Nunito","Quicksand","Trebuchet MS",ui-sans-serif,system-ui,sans-serif;
}
[data-theme=caramelo] body{font-weight:500}
[data-theme=caramelo] .topbar{background:#ffe3b8;color:#5a3d12}[data-theme=caramelo] .topbar-link{color:#5a3d12}
[data-theme=caramelo] .header{border-bottom:3px solid #27201b}
[data-theme=caramelo] .svcnav{background:#fff2dc;border-bottom:3px solid #27201b}
[data-theme=caramelo] .svcnav a{background:var(--b-bg,#fff);border:2px solid #27201b;box-shadow:0 2px 0 #27201b}
[data-theme=caramelo] .svcnav a[aria-current]{background:#27201b;color:#fff}
[data-theme=caramelo] .hero{background:radial-gradient(600px 260px at 85% 0,#ffd9e2,transparent),radial-gradient(520px 240px at 5% 10%,#d9efff,transparent),#fff9f1}
[data-theme=caramelo] .hero h1,[data-theme=caramelo] .phead h1,[data-theme=caramelo] .card-h h2,[data-theme=caramelo] .panel h2{font-weight:900;letter-spacing:-.02em}
[data-theme=caramelo] .card,[data-theme=caramelo] .panel,[data-theme=caramelo] .tile{border:2.5px solid #27201b;box-shadow:0 5px 0 #27201b}
[data-theme=caramelo] .tile:hover,[data-theme=caramelo] .tile:focus-visible{transform:translateY(-3px);box-shadow:0 8px 0 #27201b;border-color:#27201b}
[data-theme=caramelo] .badge{border:2px solid #27201b;border-radius:14px}
[data-theme=caramelo] .pill{border:2px solid #27201b;box-shadow:0 2px 0 #27201b}
[data-theme=caramelo] .btn{border:2.5px solid #27201b;box-shadow:0 3px 0 #27201b;border-radius:14px}
[data-theme=caramelo] input,[data-theme=caramelo] select{border:2px solid #27201b;border-radius:12px}
[data-theme=caramelo] #gasolineras,[data-theme=caramelo] .tile.sec-gas{background:#ffe9b8}[data-theme=caramelo] #farmacias{background:#cdf3d9}[data-theme=caramelo] #tiempo,[data-theme=caramelo] .tile.sec-wx{background:#cfeafc}
[data-theme=caramelo] #luz,[data-theme=caramelo] .tile.sec-luz{background:#fff3a6}[data-theme=caramelo] #aire,[data-theme=caramelo] .tile.sec-air{background:#c8f4ec}[data-theme=caramelo] #solluna,[data-theme=caramelo] .tile.sec-sol{background:#ffdcc0}
[data-theme=caramelo] #empleo,[data-theme=caramelo] .tile.sec-emp{background:#dde1ff}[data-theme=caramelo] #poblacion,[data-theme=caramelo] .tile.sec-pop{background:#e9dcff}[data-theme=caramelo] #vivienda,[data-theme=caramelo] .tile.sec-viv{background:#ffd9e0}
[data-theme=caramelo] #embalses,[data-theme=caramelo] .tile.sec-emb{background:#d2e3ff}[data-theme=caramelo] #trafico,[data-theme=caramelo] .tile.sec-tra{background:#ffe0c9}
[data-theme=caramelo] .card .badge,[data-theme=caramelo] .tile .badge{background:#fff}
[data-theme=caramelo] .footer{background:#ffe3b8;color:#5a3d12;border-top:3px solid #27201b}
[data-theme=caramelo] .footer a,[data-theme=caramelo] .footer h3,[data-theme=caramelo] .foot-logo{color:#27201b}.footer .foot-logo b{color:var(--accent)}
[data-theme=caramelo] .foot-bottom{border-color:rgba(60,40,20,.25)}

/* ---------- comunes a los diseños claros ---------- */
[data-theme=posits] .footer .foot-sub,[data-theme=editorial] .footer .foot-sub,[data-theme=nordico] .footer .foot-sub,[data-theme=caramelo] .footer .foot-sub{opacity:.8}
@media (max-width:700px){[data-theme=posits] .blk>.card,[data-theme=posits] .panel{transform:none!important}}
@media (prefers-reduced-motion:reduce){[data-theme] *{transition:none!important}}