/* =====================================================================
   Estilos alternativos. Cada uno redefine variables y, cuando hace falta,
   algunos detalles de componentes. Modo claro y oscuro propios.
   ===================================================================== */

/* ---------------- Extendido: el aspecto clásico con navegación de secciones en pestañas grandes ---------------- */
[data-style="extendido"] .vtab{border:0;border-radius:var(--r-sm);margin:8px 0;padding:8px 12px}
[data-style="extendido"] .vtab[aria-selected="true"]{background:var(--acc-soft);color:var(--acc)}
[data-style="extendido"] .viewbar{background:var(--panel)}

/* ---------------- Neobrutalismo soft ---------------- */
[data-style="neo"]{
  --font:"Space Grotesk",system-ui,sans-serif; --fw-d:700; --ls-d:-.02em;
  --bg:#EFEAFE; --panel:#FFFDF8; --panel2:#F6F1FF; --ink:#1D1B2E; --ink2:#34314D; --mute:#5D5878; --line:#1D1B2E; --line2:#DCD4F2;
  --acc:#6D4AFF; --acc-ink:#FFFFFF; --acc-soft:#E6DEFF; --acc-hover:#5A37F0;
  --sel:#FF9DC4; --sel-soft:#FFE1EE; --sel-ink:#1D1B2E; --hl:#FFE08A;
  --bar:#8F74FF; --track:#EEE8FF; --seq-lo:#F3EEFF; --seq-hi:#4B2BD6; --pos:#1E8E5A; --neg:#D2456B;
  --mast:#C9F2DC; --mast-ink:#1D1B2E; --mast-mute:#3D5A4B; --mast-seg:#FFFDF8; --mast-seg-h:#FFF0B8; --mast-line:#1D1B2E;
  --r:14px; --r-sm:10px; --r-lg:18px; --bw:2px; --card-b:#1D1B2E; --sh:4px 4px 0 #1D1B2E; --sh-h:6px 6px 0 #1D1B2E;
  --btn-b:#1D1B2E; --btn-sh:3px 3px 0 #1D1B2E; --press:translate(2px,2px); --chip-r:10px; --tag-r:6px;
  --c1:#6D4AFF; --c2:#FF8FB8; --c3:#2FAE7E; --c4:#E8A92E; --c5:#3D9AD6; --c6:#EC6F4F;
  --map-sea:#DCEBFF; --map-empty:#FFFDF8; --map-line:#1D1B2E; --map-prov:#1D1B2E; --map-com:rgba(29,27,46,.4); --map-bub:#FF8FB8; --map-bub-line:#1D1B2E; --map-label:#1D1B2E;
}
[data-style="neo"][data-mode="dark"]{
  --bg:#17142A; --panel:#221E3A; --panel2:#2A2547; --ink:#F2EEFF; --ink2:#D6D0F2; --mute:#A79FCB; --line:#EDE7FF; --line2:#3A345C;
  --acc:#A893FF; --acc-ink:#120F22; --acc-soft:#2E2858; --acc-hover:#BBA9FF; --sel:#FF9DC4; --sel-soft:#4A2438; --sel-ink:#1D1B2E; --hl:#6B5418;
  --bar:#A893FF; --track:#2E2850; --seq-lo:#24203F; --seq-hi:#C7B8FF; --seq-ink-hi:#120F22; --pos:#7EE0B0; --neg:#FF8FAE;
  --mast:#1F3B30; --mast-ink:#E8FFF2; --mast-mute:#A9D8BF; --mast-seg:#221E3A; --mast-seg-h:#2E2858; --mast-line:#EDE7FF;
  --card-b:#EDE7FF; --sh:4px 4px 0 #000; --sh-h:6px 6px 0 #000; --btn-b:#EDE7FF; --btn-sh:3px 3px 0 #000;
  --map-sea:#120F22; --map-empty:#2A2547; --map-line:#17142A; --map-prov:#EDE7FF; --map-com:rgba(237,231,255,.3); --map-bub:#FF9DC4; --map-bub-line:#17142A; --map-label:#F2EEFF;
}
[data-style="neo"] .mast{border-bottom:2px solid var(--card-b)}
[data-style="neo"] .hbtn{background:var(--mast-seg);border:2px solid var(--mast-line);box-shadow:3px 3px 0 var(--mast-line);color:var(--mast-ink)}
[data-style="neo"] .hbtn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--mast-line)}
[data-style="neo"] .ribbon{gap:8px}
[data-style="neo"] .seg{border:2px solid var(--mast-line);border-radius:12px;box-shadow:3px 3px 0 var(--mast-line);color:var(--mast-ink)}
[data-style="neo"] .seg[aria-pressed="true"]{background:var(--sel);color:var(--sel-ink)}
[data-style="neo"] .viewbar{border-bottom:2px solid var(--card-b)}
[data-style="neo"] .vtab{border:2px solid transparent;border-radius:10px;margin:7px 0;padding:7px 12px}
[data-style="neo"] .vtab[aria-selected="true"]{border-color:var(--card-b);background:#FFF0B8;color:#1D1B2E;box-shadow:3px 3px 0 var(--card-b)}
[data-style="neo"] .search input{border-width:2px;border-color:var(--card-b);border-radius:12px}
[data-style="neo"] .chip{border:2px solid var(--card-b)}
[data-style="neo"] .card:nth-child(3n+1) .ch h3,[data-style="neo"] .tile .tl{display:inline-block}
[data-style="neo"] .rt th{background:#FFF0B8;color:#1D1B2E;border-bottom:2px solid var(--card-b)}
[data-style="neo"][data-mode="dark"] .rt th{background:#3A3158;color:var(--ink)}
[data-style="neo"] .br .fl,[data-style="neo"] .hb i,[data-style="neo"] .cols .col i{border:1.5px solid var(--card-b)}
[data-style="neo"] .tile:nth-child(4n+2){background:#FFE1EE}[data-style="neo"] .tile:nth-child(4n+3){background:#DDF7E8}[data-style="neo"] .tile:nth-child(4n){background:#FFF3C9}
[data-style="neo"][data-mode="dark"] .tile:nth-child(4n+2){background:#3A2240}[data-style="neo"][data-mode="dark"] .tile:nth-child(4n+3){background:#1E3A30}[data-style="neo"][data-mode="dark"] .tile:nth-child(4n){background:#3B3420}
[data-style="neo"] .mapbox{border:2px solid var(--card-b)}

/* ---------------- Gumroad ---------------- */
[data-style="gumroad"]{
  --font:"DM Sans",system-ui,sans-serif; --fw-d:700; --ls-d:-.025em;
  --bg:#F4F4F0; --panel:#FFFFFF; --panel2:#F4F4F0; --ink:#000000; --ink2:#222222; --mute:#5C5C5C; --line:#000000; --line2:#E3E3DD;
  --acc:#FF90E8; --acc-ink:#000000; --acc-soft:#FFE3F8; --acc-hover:#FF74E0;
  --sel:#FFC900; --sel-soft:#FFF3C4; --sel-ink:#000000; --hl:#FFE47A;
  --bar:#000000; --track:#EDEDE7; --seq-lo:#FFEAF9; --seq-hi:#B3128F; --pos:#23A094; --neg:#E5484D;
  --mast:#FF90E8; --mast-ink:#000000; --mast-mute:#2B2B2B; --mast-seg:#FFFFFF; --mast-seg-h:#FFF3C4; --mast-line:#000000;
  --r:4px; --r-sm:4px; --r-lg:8px; --bw:1px; --card-b:#000000; --sh:none; --sh-h:4px 4px 0 #000;
  --btn-b:#000000; --chip-r:4px; --tag-r:3px;
  --c1:#FF90E8; --c2:#FFC900; --c3:#23A094; --c4:#90A8ED; --c5:#F1333F; --c6:#000000;
  --map-sea:#F4F4F0; --map-empty:#FFFFFF; --map-line:#000000; --map-prov:#000000; --map-com:rgba(0,0,0,.35); --map-bub:#FFC900; --map-bub-line:#000; --map-label:#000;
}
[data-style="gumroad"][data-mode="dark"]{
  --bg:#000000; --panel:#141414; --panel2:#1E1E1E; --ink:#FFFFFF; --ink2:#E6E6E6; --mute:#A3A3A3; --line:#FFFFFF; --line2:#2E2E2E;
  --acc-soft:#3A1533; --sel-soft:#3A3000; --hl:#5C4A00; --bar:#FF90E8; --track:#262626; --seq-lo:#2A0F25; --seq-hi:#FF90E8; --seq-ink-hi:#000;
  --mast:#141414; --mast-ink:#FFFFFF; --mast-mute:#BBBBBB; --mast-seg:#000000; --mast-seg-h:#262626; --mast-line:#FFFFFF;
  --card-b:#FFFFFF; --btn-b:#FFFFFF; --sh-h:4px 4px 0 #FF90E8;
  --map-sea:#000; --map-empty:#1E1E1E; --map-line:#000; --map-prov:#fff; --map-com:rgba(255,255,255,.3); --map-bub:#FFC900; --map-bub-line:#000; --map-label:#fff;
}
[data-style="gumroad"] .mast{border-bottom:1px solid #000}
[data-style="gumroad"] .mast h1{font-size:30px;letter-spacing:-.035em}
[data-style="gumroad"] .hbtn{background:var(--mast-seg);border:1px solid var(--mast-line);color:var(--mast-ink);border-radius:4px;transition:transform .12s,box-shadow .12s}
[data-style="gumroad"] .hbtn:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--mast-line);background:var(--mast-seg)}
[data-style="gumroad"] .seg{border:1px solid var(--mast-line);color:var(--mast-ink);border-radius:4px}
[data-style="gumroad"] .seg[aria-pressed="true"]{background:#000;color:#fff}
[data-style="gumroad"][data-mode="dark"] .seg[aria-pressed="true"]{background:#FF90E8;color:#000}
[data-style="gumroad"] .card,[data-style="gumroad"] .tile,[data-style="gumroad"] .panel{transition:transform .12s,box-shadow .12s}
[data-style="gumroad"] .card:hover,[data-style="gumroad"] .tile:hover{transform:translate(-4px,-4px);box-shadow:var(--sh-h)}
[data-style="gumroad"] .tablecard:hover,[data-style="gumroad"] .mapcard:hover{transform:none;box-shadow:none}
[data-style="gumroad"] .btn{transition:transform .12s,box-shadow .12s}
[data-style="gumroad"] .btn:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--btn-b);background:var(--panel)}
[data-style="gumroad"] .btn.pri:hover{background:var(--acc)}
[data-style="gumroad"] .vtab[aria-selected="true"]{border-bottom-color:#000;border-bottom-width:3px}
[data-style="gumroad"][data-mode="dark"] .vtab[aria-selected="true"]{border-bottom-color:#FF90E8}
[data-style="gumroad"] .br .fl{border-radius:0}
[data-style="gumroad"] .br.on .fl{background:#FF90E8}
[data-style="gumroad"] .hb:hover i{background:#FF90E8}
[data-style="gumroad"] .t-hero{background:#FFC900;color:#000;border-color:#000}
[data-style="gumroad"] .t-hero .tl,[data-style="gumroad"] .t-hero p{color:#222}

/* ---------------- Bento Grid ---------------- */
[data-style="bento"]{
  --font:"Manrope",system-ui,sans-serif; --fw-d:800; --ls-d:-.03em;
  --bg:#E9ECF1; --panel:#FFFFFF; --panel2:#F4F6F9; --ink:#0F172A; --ink2:#334155; --mute:#64748B; --line:#E2E8F0; --line2:#EEF1F5;
  --acc:#2F4BFF; --acc-ink:#FFFFFF; --acc-soft:#E5E9FF; --acc-hover:#2238E0;
  --sel:#FF6B3D; --sel-soft:#FFE9E0; --sel-ink:#FFFFFF; --hl:#FFE4A8;
  --bar:#2F4BFF; --track:#EEF1F7; --seq-lo:#E8ECFF; --seq-hi:#1E2FB8; --pos:#0F9D6B; --neg:#E5484D;
  --mast:#0F172A; --mast-ink:#FFFFFF; --mast-mute:#94A3B8; --mast-seg:rgba(255,255,255,.06); --mast-seg-h:rgba(255,255,255,.12); --mast-line:rgba(255,255,255,.16);
  --r:18px; --r-sm:10px; --r-lg:24px; --bw:0px; --card-b:transparent; --sh:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.06); --sh-h:0 2px 4px rgba(15,23,42,.06),0 16px 36px rgba(15,23,42,.10);
  --btn-b:#E2E8F0; --chip-r:999px;
  --c1:#2F4BFF; --c2:#FF6B3D; --c3:#14B8A6; --c4:#A855F7; --c5:#F59E0B; --c6:#0F172A;
  --map-sea:#F4F6F9; --map-empty:#FFFFFF; --map-line:#FFFFFF; --map-prov:#0F172A; --map-com:rgba(15,23,42,.25); --map-bub:#FF6B3D; --map-bub-line:#fff; --map-label:#0F172A;
}
[data-style="bento"][data-mode="dark"]{
  --bg:#0B0F17; --panel:#141A26; --panel2:#1A2231; --ink:#E5E9F2; --ink2:#C3CAD8; --mute:#8A94A8; --line:#263042; --line2:#1E2737;
  --acc:#6C82FF; --acc-ink:#0B0F17; --acc-soft:#1C2550; --acc-hover:#8597FF; --sel:#FF8A63; --sel-soft:#3A2016; --sel-ink:#0B0F17; --hl:#5A4418;
  --bar:#6C82FF; --track:#1E2737; --seq-lo:#1A2140; --seq-hi:#AFBBFF; --seq-ink-hi:#0B0F17;
  --mast:#05080F; --sh:none; --sh-h:0 0 0 1px #33405A; --btn-b:#263042;
  --map-sea:#0B0F17; --map-empty:#1A2231; --map-line:#0B0F17; --map-prov:#E5E9F2; --map-com:rgba(229,233,242,.25); --map-bub:#FF8A63; --map-bub-line:#0B0F17; --map-label:#E5E9F2;
}
[data-style="bento"] .mast-in{padding-bottom:20px}
[data-style="bento"] .ribbon{gap:8px}
[data-style="bento"] .seg{border-radius:14px;padding:10px 12px}
[data-style="bento"] .viewbar{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:0}
[data-style="bento"] .vtab{border:0;border-radius:999px;margin:8px 0;padding:8px 14px}
[data-style="bento"] .vtab[aria-selected="true"]{background:var(--ink);color:var(--panel)}
[data-style="bento"] .side,[data-style="bento"] .panel,[data-style="bento"] .card{border:0}
[data-style="bento"] .stats{border-top:0;gap:10px;padding:0 12px 12px}
[data-style="bento"] .stat{background:var(--panel2);border:0!important;border-radius:14px}
[data-style="bento"] .t-hist .hist{height:150px}
[data-style="bento"] .t-cons{background:var(--acc-soft)}
[data-style="bento"] .t-ext{background:var(--sel);color:var(--sel-ink)}
[data-style="bento"] .t-ext .tl,[data-style="bento"] .t-ext p{color:color-mix(in srgb,var(--sel-ink) 80%,transparent)}
[data-style="bento"] .mapbox{border:0;border-radius:20px}

/* ---------------- Bruddle UI (neobrutalismo intenso) ---------------- */
[data-style="bruddle"]{
  --font:"Archivo",system-ui,sans-serif; --fw-d:900; --ls-d:-.02em;
  --bg:#FFFDF5; --bg-img:radial-gradient(#E3DBC2 1.1px,transparent 1.2px); --panel:#FFFFFF; --panel2:#FFF8E1; --ink:#000000; --ink2:#1F1F1F; --mute:#4A4A4A; --line:#000000; --line2:#EDE6CF;
  --acc:#8B5CF6; --acc-ink:#FFFFFF; --acc-soft:#EDE6FF; --acc-hover:#7646EE;
  --sel:#FFD43B; --sel-soft:#FFF1B8; --sel-ink:#000000; --hl:#FFE066;
  --bar:#8B5CF6; --track:#F3EFFF; --seq-lo:#FFF6CC; --seq-hi:#6D28D9; --pos:#0E9F6E; --neg:#E11D48;
  --mast:#FFD43B; --mast-ink:#000000; --mast-mute:#2A2A2A; --mast-seg:#FFFFFF; --mast-seg-h:#FFF8E1; --mast-line:#000000;
  --r:8px; --r-sm:6px; --r-lg:10px; --bw:3px; --card-b:#000000; --sh:5px 5px 0 #000; --sh-h:7px 7px 0 #000;
  --btn-b:#000000; --btn-sh:3px 3px 0 #000; --press:translate(3px,3px); --chip-r:6px; --tag-r:4px;
  --c1:#8B5CF6; --c2:#FFD43B; --c3:#2DD4BF; --c4:#FB7185; --c5:#60A5FA; --c6:#000000;
  --map-sea:#BFEFFF; --map-empty:#FFFFFF; --map-line:#000; --map-prov:#000; --map-com:rgba(0,0,0,.4); --map-bub:#FB7185; --map-bub-line:#000; --map-label:#000;
}
[data-style="bruddle"][data-mode="dark"]{
  --bg:#121212; --bg-img:radial-gradient(#2A2A2A 1.1px,transparent 1.2px); --panel:#1C1C1C; --panel2:#262626; --ink:#FFFFFF; --ink2:#E5E5E5; --mute:#A3A3A3; --line:#FFFFFF; --line2:#333333;
  --acc:#A78BFA; --acc-ink:#000; --acc-soft:#2E2350; --sel-soft:#3D3200; --hl:#665000; --bar:#A78BFA; --track:#2A2A2A; --seq-lo:#2A2140; --seq-hi:#D8C8FF; --seq-ink-hi:#000;
  --mast:#1C1C1C; --mast-ink:#FFD43B; --mast-mute:#E5E5E5; --mast-seg:#121212; --mast-seg-h:#262626; --mast-line:#FFFFFF;
  --card-b:#FFFFFF; --sh:5px 5px 0 #8B5CF6; --sh-h:7px 7px 0 #8B5CF6; --btn-b:#FFFFFF; --btn-sh:3px 3px 0 #8B5CF6;
  --map-sea:#0A2530; --map-empty:#262626; --map-line:#121212; --map-prov:#fff; --map-com:rgba(255,255,255,.35); --map-bub:#FB7185; --map-bub-line:#000; --map-label:#fff;
}
[data-style="bruddle"] body{background-size:16px 16px}
[data-style="bruddle"] .mast{border-bottom:3px solid #000}
[data-style="bruddle"][data-mode="dark"] .mast{border-bottom-color:#fff}
[data-style="bruddle"] .mast h1{font-size:30px}
[data-style="bruddle"] .hbtn{background:var(--mast-seg);border:3px solid var(--mast-line);box-shadow:3px 3px 0 var(--mast-line);font-weight:800;color:var(--ink)}
[data-style="bruddle"] .hbtn:active{transform:translate(3px,3px);box-shadow:none}
[data-style="bruddle"] .ribbon{gap:10px}
[data-style="bruddle"] .seg{border:3px solid var(--mast-line);border-radius:8px;box-shadow:4px 4px 0 var(--mast-line);background:var(--mast-seg);color:var(--ink)}
[data-style="bruddle"] .seg:nth-child(4n+1){background:#C4B5FD}[data-style="bruddle"] .seg:nth-child(4n+2){background:#99F6E4}[data-style="bruddle"] .seg:nth-child(4n+3){background:#FECDD3}[data-style="bruddle"] .seg:nth-child(4n){background:#BFDBFE}
[data-style="bruddle"] .seg[aria-pressed="true"]{background:#000;color:#FFD43B}
[data-style="bruddle"][data-mode="dark"] .seg{color:#000}
[data-style="bruddle"][data-mode="dark"] .seg[aria-pressed="true"]{background:#FFD43B;color:#000}
[data-style="bruddle"] .viewbar{border-bottom:3px solid var(--card-b)}
[data-style="bruddle"] .vtab{font-weight:800;border:3px solid transparent;border-radius:8px;margin:6px 0;padding:6px 12px}
[data-style="bruddle"] .vtab[aria-selected="true"]{background:#FFD43B;color:#000;border-color:var(--card-b);box-shadow:3px 3px 0 var(--card-b)}
[data-style="bruddle"] .card h3,[data-style="bruddle"] .vh h2{font-weight:900}
[data-style="bruddle"] .search input{border:3px solid var(--card-b);border-radius:8px}
[data-style="bruddle"] .chip{border:2px solid var(--card-b);background:#FFD43B;color:#000}
[data-style="bruddle"] .chip em{color:#333}
[data-style="bruddle"] .rt th{background:#C4B5FD;color:#000;border-bottom:3px solid var(--card-b)}
[data-style="bruddle"] .br .fl,[data-style="bruddle"] .hb i,[data-style="bruddle"] .cols .col i{border:2px solid var(--card-b)}
[data-style="bruddle"] .tile:nth-child(5n+2){background:#99F6E4;color:#000}[data-style="bruddle"] .tile:nth-child(5n+3){background:#FECDD3;color:#000}[data-style="bruddle"] .tile:nth-child(5n+4){background:#BFDBFE;color:#000}
[data-style="bruddle"] .tile:nth-child(5n+2) .tl,[data-style="bruddle"] .tile:nth-child(5n+3) .tl,[data-style="bruddle"] .tile:nth-child(5n+4) .tl,[data-style="bruddle"] .tile:nth-child(5n+2) p,[data-style="bruddle"] .tile:nth-child(5n+3) p,[data-style="bruddle"] .tile:nth-child(5n+4) p{color:#222}
[data-style="bruddle"] .mapbox{border:3px solid var(--card-b)}

/* ---------------- Filtros dinámicos (barra lateral e insignias) ---------------- */
[data-style="filtros"]{
  --font:"Plus Jakarta Sans",system-ui,sans-serif; --fw-d:800; --ls-d:-.02em;
  --bg:#F6F7FB; --panel:#FFFFFF; --panel2:#F8FAFC; --ink:#0F172A; --ink2:#334155; --mute:#64748B; --line:#E2E5EE; --line2:#EEF0F6;
  --acc:#4F46E5; --acc-ink:#FFFFFF; --acc-soft:#EEF2FF; --acc-hover:#4338CA;
  --sel:#DB2777; --sel-soft:#FCE7F3; --sel-ink:#FFFFFF; --hl:#FDE68A;
  --bar:#6366F1; --track:#EEF0F8; --seq-lo:#EEF0FF; --seq-hi:#3730A3; --pos:#059669; --neg:#DC2626;
  --mast:#FFFFFF; --mast-ink:#0F172A; --mast-mute:#64748B; --mast-seg:#F1F5F9; --mast-seg-h:#E2E8F0; --mast-line:#E2E5EE;
  --r:12px; --r-sm:8px; --r-lg:16px; --chip-r:999px; --tag-r:999px;
  --c1:#4F46E5; --c2:#DB2777; --c3:#0EA5E9; --c4:#F59E0B; --c5:#10B981; --c6:#64748B;
  --map-sea:#EEF2FF; --map-empty:#FFFFFF; --map-line:#FFFFFF; --map-prov:#312E81; --map-com:rgba(49,46,129,.3); --map-bub:#DB2777; --map-bub-line:#fff; --map-label:#1E1B4B;
}
[data-style="filtros"][data-mode="dark"]{
  --bg:#0B1020; --panel:#111827; --panel2:#162033; --ink:#E5E7EB; --ink2:#CBD5E1; --mute:#94A3B8; --line:#243047; --line2:#1B2539;
  --acc:#818CF8; --acc-ink:#0B1020; --acc-soft:#1E2550; --acc-hover:#A5B4FC; --sel:#F472B6; --sel-soft:#3B1730; --sel-ink:#0B1020; --hl:#5B4A12;
  --bar:#818CF8; --track:#1B2539; --seq-lo:#1A1F45; --seq-hi:#C7D2FE; --seq-ink-hi:#0B1020;
  --mast:#111827; --mast-ink:#E5E7EB; --mast-mute:#94A3B8; --mast-seg:#162033; --mast-seg-h:#1E2A42; --mast-line:#243047;
  --map-sea:#0B1020; --map-empty:#162033; --map-line:#0B1020; --map-prov:#C7D2FE; --map-com:rgba(199,210,254,.25); --map-bub:#F472B6; --map-bub-line:#0B1020; --map-label:#E5E7EB;
}
[data-style="filtros"] .mast{border-bottom:1px solid var(--line)}
[data-style="filtros"] .hbtn{border-color:var(--line);background:var(--panel)}
[data-style="filtros"] .seg{border-radius:999px;padding:6px 8px 6px 14px;flex-direction:row;align-items:center;gap:8px;justify-content:space-between;flex:0 0 auto!important;min-width:0}
[data-style="filtros"] .ribbon{flex-wrap:wrap}
[data-style="filtros"] .seg b{overflow:visible}
[data-style="filtros"] .ribbon{min-height:0;gap:6px}
[data-style="filtros"] .seg span{font-size:12px;background:var(--panel);padding:0 8px;border-radius:999px;line-height:20px}
[data-style="filtros"] .seg[aria-pressed="true"] span{background:color-mix(in srgb,var(--sel-ink) 25%,transparent)}
[data-style="filtros"] .app{grid-template-columns:340px minmax(0,1fr)}
[data-style="filtros"] .quick{display:block;border-bottom:1px solid var(--line2)}
[data-style="filtros"] .fac>summary .cnt{background:var(--acc);color:var(--acc-ink)}
[data-style="filtros"] .chip{background:hsl(var(--h) 85% 96%);border:1px solid hsl(var(--h) 55% 70%);color:hsl(var(--h) 50% 22%)}
[data-style="filtros"] .chip em{color:hsl(var(--h) 35% 38%);font-weight:600}
[data-style="filtros"][data-mode="dark"] .chip{background:hsl(var(--h) 40% 16%);border-color:hsl(var(--h) 45% 40%);color:hsl(var(--h) 70% 88%)}
[data-style="filtros"][data-mode="dark"] .chip em{color:hsl(var(--h) 45% 72%)}
[data-style="filtros"] .vtab[aria-selected="true"]{color:var(--acc)}
[data-style="filtros"] .rt .tag{border-radius:999px;padding:0 8px}
@media (max-width:980px){[data-style="filtros"] .app{grid-template-columns:minmax(0,1fr)}}

/* ---------------- Mapa (cartográfico) ---------------- */
[data-style="mapa"]{
  --font:"Figtree",system-ui,sans-serif; --fw-d:800; --ls-d:-.02em;
  --bg:#EEF3F5; --panel:#FFFFFF; --panel2:#F4F8F9; --ink:#10242E; --ink2:#2D4652; --mute:#5B7280; --line:#D5E1E6; --line2:#E6EEF1;
  --acc:#0E7490; --acc-ink:#FFFFFF; --acc-soft:#E0F2F6; --acc-hover:#0B5F76;
  --sel:#F59E0B; --sel-soft:#FEF3C7; --sel-ink:#1A1203; --hl:#FDE68A;
  --bar:#0E7490; --track:#E3EEF1; --seq-lo:#E6F4F1; --seq-hi:#0F5E6E; --pos:#047857; --neg:#C2410C;
  --mast:#0E3446; --mast-ink:#E8F4F8; --mast-mute:#9CC3D0; --mast-seg:rgba(255,255,255,.07); --mast-seg-h:rgba(255,255,255,.14); --mast-line:rgba(255,255,255,.2);
  --r:10px; --r-lg:14px;
  --c1:#0E7490; --c2:#F59E0B; --c3:#65A30D; --c4:#BE185D; --c5:#7C3AED; --c6:#475569;
  --map-sea:#CFE3EA; --map-empty:#F7FAF9; --map-line:#FFFFFF; --map-prov:#0E3446; --map-com:rgba(14,52,70,.35); --map-bub:#F59E0B; --map-bub-line:#7C2D12; --map-label:#0E3446;
}
[data-style="mapa"][data-mode="dark"]{
  --bg:#071A22; --panel:#0D2530; --panel2:#11303D; --ink:#E3F1F5; --ink2:#C2D8E0; --mute:#86A6B3; --line:#1D3E4B; --line2:#163441;
  --acc:#38BDD8; --acc-ink:#04141A; --acc-soft:#0F3A47; --acc-hover:#67D2E8; --sel:#FBBF24; --sel-soft:#3A2A06; --sel-ink:#1A1203; --hl:#5C4410;
  --bar:#38BDD8; --track:#163441; --seq-lo:#0F2E36; --seq-hi:#9DE7D8; --seq-ink-hi:#04141A;
  --mast:#04131A; --map-sea:#04131A; --map-empty:#11303D; --map-line:#071A22; --map-prov:#BFE6F2; --map-com:rgba(191,230,242,.3); --map-bub:#FBBF24; --map-bub-line:#04131A; --map-label:#E3F1F5;
}
[data-style="mapa"] .mast{background:radial-gradient(1200px 260px at 80% -40%,rgba(56,189,216,.25),transparent),var(--mast)}
[data-style="mapa"] .ribbon,[data-style="mapa"] .ribbon-cap{display:none}
[data-style="mapa"] .mast-in{padding-bottom:18px}
[data-style="mapa"][data-view="mapa"] .mapbox{box-shadow:inset 0 0 0 1px var(--line2)}
[data-style="mapa"][data-view="mapa"] svg.map{min-height:420px}

[data-style="gumroad"] .lnkbtn,[data-style="gumroad"] .morebtn,[data-style="gumroad"] .rt td.id,[data-style="gumroad"] .card .ch .lnkbtn{color:var(--ink);text-decoration:underline;text-decoration-color:currentColor}
[data-style="gumroad"] .insights li i{background:#FF90E8;color:#000;border:1px solid #000}
[data-style="gumroad"] .vtab[aria-selected="true"]{color:var(--ink)}
[data-style="gumroad"] .search input:focus{box-shadow:0 0 0 3px #FF90E8;border-color:#000}