/* Temas 1 a 11 */
/* 1 Minimalismo */
.site[data-s="minimalismo"]{--bg:#f7f6f2;--fg:#141414;--mu:#6b6b66;--ac:#141414;--on-ac:#f7f6f2;--line:rgba(20,20,20,.14);--fh:"Inter",system-ui,sans-serif;--fb:"Inter",system-ui,sans-serif;--hw:300;--hs:-.04em;--rad:0;--rcard:0;--mkr:0;--h1m:.9}
.site[data-s="minimalismo"] .logo{font-weight:400;letter-spacing:.2em;text-transform:uppercase;font-size:calc(var(--u)*1.4)}
.site[data-s="minimalismo"] .mk{width:calc(var(--u)*1.6);height:calc(var(--u)*1.6);font-size:0;background:none;border:1px solid var(--fg)}
.site[data-s="minimalismo"] .btn{font-weight:400;letter-spacing:.06em}
.site[data-s="minimalismo"] .eyebrow{color:var(--mu);font-weight:400}
.site[data-s="minimalismo"] .hero{padding-top:calc(var(--u)*8);padding-bottom:calc(var(--u)*10)}
.site[data-s="minimalismo"] .card h3{font-weight:400}
.site[data-s="minimalismo"] .band{background:none;color:var(--fg);border-block:1px solid var(--fg);border-radius:0;padding-inline:0;margin-inline:calc(var(--u)*5)}
.site[data-s="minimalismo"] .band .btn{background:var(--fg);color:var(--bg)}

/* 2 Maximalismo */
.site[data-s="maximalismo"]{--bg:#fff3d6;--fg:#1b1033;--mu:#4a3a6a;--ac:#ff3d8b;--on-ac:#fff;--line:#1b1033;--fh:"Chango",Georgia,serif;--fb:"Nunito",sans-serif;--hw:400;--hs:-.01em;--rad:99px;--rcard:28px;--bw:3px;--bc:#1b1033;--sh:6px 6px 0 #1b1033;--h1m:1.02;
  background-image:radial-gradient(#ffcf5a 22%,transparent 24%);background-size:calc(var(--u)*2.4) calc(var(--u)*2.4)}
.site[data-s="maximalismo"] h1{text-shadow:3px 3px 0 #ffd23f}
.site[data-s="maximalismo"] .eyebrow{background:#1b1033;color:#ffd23f;display:inline-block;padding:.3em .9em;border-radius:99px;transform:rotate(-2deg)}
.site[data-s="maximalismo"] .strip{background:#1b1033;color:#ffd23f;border:0;transform:rotate(-1deg);margin:0 -2%;padding-inline:7%}
.site[data-s="maximalismo"] .card:nth-child(1){background:#ffd23f}
.site[data-s="maximalismo"] .card:nth-child(2){background:#7fe3d6}
.site[data-s="maximalismo"] .card:nth-child(3){background:#ff9ec4}
.site[data-s="maximalismo"] .card{color:#1b1033}.site[data-s="maximalismo"] .card p{color:#3a2a5a}
.site[data-s="maximalismo"] .card .ico{color:#1b1033}
.site[data-s="maximalismo"] .band{background:#00b5a5;color:#1b1033}.site[data-s="maximalismo"] .band .btn{background:#1b1033;color:#ffd23f}

/* 3 Futurista */
.site[data-s="futurista"]{--bg:#050b1a;--fg:#e8f4ff;--mu:#7f98b5;--ac:#19e3ff;--on-ac:#04121c;--line:rgba(25,227,255,.25);--card:rgba(25,227,255,.05);--fh:"Rajdhani",sans-serif;--fb:"Rajdhani",sans-serif;--hw:600;--hs:.04em;--hl:1.08;--rad:2px;--rcard:2px;--bw:1px;--bc:rgba(25,227,255,.35);--h1m:.88;--artop:.9}
.site[data-s="futurista"]::before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(25,227,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(25,227,255,.07) 1px,transparent 1px);background-size:calc(var(--u)*4) calc(var(--u)*4);-webkit-mask-image:radial-gradient(70% 60% at 70% 30%,#000,transparent);mask-image:radial-gradient(70% 60% at 70% 30%,#000,transparent)}
.site[data-s="futurista"] h1,.site[data-s="futurista"] .logo{text-transform:uppercase}
.site[data-s="futurista"] .btn{box-shadow:0 0 calc(var(--u)*2.4) rgba(25,227,255,.45);text-transform:uppercase;letter-spacing:.12em;font-size:calc(var(--u)*1.3)}
.site[data-s="futurista"] .card{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}
.site[data-s="futurista"] .mk{border-radius:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.site[data-s="futurista"] .band{background:linear-gradient(90deg,rgba(25,227,255,.18),rgba(25,227,255,.04));color:var(--fg);border:1px solid var(--ac)}
.site[data-s="futurista"] .band .btn{background:var(--ac);color:var(--on-ac)}

/* 4 Vectorial */
.site[data-s="vectorial"]{--bg:#e9f6ef;--fg:#0f3b2e;--mu:#4c7a69;--ac:#1fa971;--on-ac:#fff;--line:rgba(15,59,46,.15);--fh:"Nunito",sans-serif;--fb:"Nunito",sans-serif;--hw:800;--hs:-.04em;--rad:14px;--rcard:22px;--h1m:.95}
.site[data-s="vectorial"] .card:nth-child(1){background:#d3efe0}
.site[data-s="vectorial"] .card:nth-child(2){background:#fff0c2}
.site[data-s="vectorial"] .card:nth-child(3){background:#d6e9fb}
.site[data-s="vectorial"] .card .ico{width:calc(var(--u)*4);height:calc(var(--u)*4);display:grid;place-items:center;background:var(--ac);color:#fff;border-radius:50%;letter-spacing:0}
.site[data-s="vectorial"] .btn{box-shadow:0 calc(var(--u)*.5) 0 #0f3b2e}
.site[data-s="vectorial"] .band{background:#0f3b2e;color:#e9f6ef}.site[data-s="vectorial"] .band .btn{background:#ffb703;color:#0f3b2e;box-shadow:none}

/* 5 Collage */
.site[data-s="collage"]{--bg:#e8dfd0;--fg:#111;--mu:#3d3a35;--ac:#e63b2e;--on-ac:#fff;--line:#111;--card:#f6efe0;--fh:"Alfa Slab One",Georgia,serif;--fb:"Rokkitt",Georgia,serif;--hw:400;--hs:-.02em;--rad:0;--rcard:0;--bw:3px;--bc:#111;--sh:5px 5px 0 #111;--h1m:.85;
  background-image:radial-gradient(rgba(0,0,0,.08) 1px,transparent 1px);background-size:6px 6px}
.site[data-s="collage"] h1{background:#111;color:#f2e9d8;display:inline-block;padding:.12em .3em;transform:rotate(-1.6deg);text-transform:uppercase}
.site[data-s="collage"] .lead{background:#f6c945;display:inline-block;padding:.5em .9em;color:#111;transform:rotate(.8deg);border:3px solid #111}
.site[data-s="collage"] .card:nth-child(1){transform:rotate(-1.2deg);background:#f6c945}
.site[data-s="collage"] .card:nth-child(2){transform:rotate(1deg)}
.site[data-s="collage"] .card:nth-child(3){transform:rotate(-.6deg);background:#9ec9e2}
.site[data-s="collage"] .card{color:#111;position:relative}.site[data-s="collage"] .card p{color:#222}
.site[data-s="collage"] .card::before{content:"";position:absolute;top:-12px;left:50%;width:34%;height:20px;background:rgba(246,239,224,.85);border:1px solid rgba(0,0,0,.2);transform:translateX(-50%) rotate(-3deg)}
.site[data-s="collage"] .strip{background:#111;color:#f2e9d8;border:0;transform:rotate(-1deg);margin-inline:-2%;padding-inline:7%}
.site[data-s="collage"] .band{background:#e63b2e;transform:rotate(.6deg)}

/* 6 Retro */
.site[data-s="retro"]{--bg:#f4e3c1;--fg:#4a2511;--mu:#7a4a2a;--ac:#e2662b;--on-ac:#fff4e0;--line:rgba(74,37,17,.25);--card:#fff4e0;--fh:"Fraunces",Georgia,serif;--fb:"Nunito",sans-serif;--hw:800;--hs:-.01em;--rad:99px;--rcard:28px;--bw:3px;--bc:#4a2511;--h1m:.98}
.site[data-s="retro"] .hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--u)*1.8);background:linear-gradient(#e2662b 0 33%,#f2b134 33% 66%,#4a2511 66%)}
.site[data-s="retro"] .strip{background:#4a2511;color:#f2b134;border:0}
.site[data-s="retro"] .card:nth-child(2){background:#f9d98f}
.site[data-s="retro"] .band{background:#4a2511;color:#f4e3c1}.site[data-s="retro"] .band .btn{background:#f2b134;color:#4a2511;border-color:#f2b134}

/* 7 Cyberpunk */
.site[data-s="cyberpunk"]{--bg:#0b0713;--fg:#f4eaff;--mu:#9a86b8;--ac:#ff2bd6;--on-ac:#0b0713;--ac2:#f5ff3d;--line:rgba(255,43,214,.3);--card:rgba(255,43,214,.06);--fh:"Anton",Impact,sans-serif;--fb:"Share Tech Mono",monospace;--hw:400;--hs:.01em;--hl:1;--rad:0;--rcard:0;--bw:1px;--bc:rgba(255,43,214,.5);--h1m:.95}
.site[data-s="cyberpunk"]::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 1px,transparent 1px 3px)}
.site[data-s="cyberpunk"] h1{text-transform:uppercase;text-shadow:2px 0 #ff2bd6,-2px 0 #22d3ee}
.site[data-s="cyberpunk"] .logo,.site[data-s="cyberpunk"] .eyebrow{text-transform:uppercase}
.site[data-s="cyberpunk"] .eyebrow{color:#f5ff3d}
.site[data-s="cyberpunk"] .btn{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));text-transform:uppercase;letter-spacing:.1em}
.site[data-s="cyberpunk"] .btn.ghost{border:1px solid #22d3ee;color:#22d3ee}
.site[data-s="cyberpunk"] .card{border-left:4px solid #f5ff3d}
.site[data-s="cyberpunk"] .card .ico{color:#f5ff3d}
.site[data-s="cyberpunk"] .mk{border-radius:0;clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%)}
.site[data-s="cyberpunk"] .band{background:#f5ff3d;color:#0b0713;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.site[data-s="cyberpunk"] .band .btn{background:#0b0713;color:#f5ff3d}

/* 8 Pop art */
.site[data-s="popart"]{--bg:#ffe94a;--fg:#111;--mu:#2a2a2a;--ac:#e8242b;--on-ac:#fff;--ac2:#1b5ed7;--line:#111;--card:#fff;--fh:"Bangers",Impact,sans-serif;--fb:"Nunito",sans-serif;--hw:400;--hs:0;--hl:1;--rad:0;--rcard:0;--bw:3px;--bc:#111;--sh:6px 6px 0 #111;--h1m:.88;
  background-image:radial-gradient(rgba(232,36,43,.28) 20%,transparent 22%);background-size:calc(var(--u)*1.6) calc(var(--u)*1.6)}
.site[data-s="popart"] h1{text-transform:uppercase;color:#e8242b;-webkit-text-stroke:calc(var(--u)*.3) #111;paint-order:stroke fill;text-shadow:4px 4px 0 #fff}
.site[data-s="popart"] .eyebrow{background:#111;color:#ffe94a;display:inline-block;padding:.3em .9em}
.site[data-s="popart"] .card:nth-child(2){background:#7fd1ff}.site[data-s="popart"] .card:nth-child(3){background:#ff9ec4}
.site[data-s="popart"] .card .ico{color:#111}
.site[data-s="popart"] .strip{background:#111;color:#ffe94a;border:0}
.site[data-s="popart"] .band{background:#1b5ed7}.site[data-s="popart"] .band .btn{background:#ffe94a;color:#111;border-color:#111}

/* 9 Glassmorphism */
.site[data-s="glass"]{--bg:#0c1030;--fg:#f5f7ff;--mu:#b9c0e8;--ac:#fff;--on-ac:#2a1c6b;--line:rgba(255,255,255,.25);--card:rgba(255,255,255,.12);--fh:"Outfit",system-ui,sans-serif;--fb:"Outfit",system-ui,sans-serif;--hw:600;--hs:-.045em;--rad:99px;--rcard:26px;--bw:1px;--bc:rgba(255,255,255,.32);--h1m:.95;
  background:radial-gradient(60% 70% at 15% 20%,#7b5cff 0,transparent 60%),radial-gradient(55% 60% at 90% 30%,#12d1c0 0,transparent 60%),radial-gradient(60% 70% at 60% 105%,#ff5fa2 0,transparent 60%),#0c1030}
.site[data-s="glass"] .card,.site[data-s="glass"] .snav,.site[data-s="glass"] .band{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.site[data-s="glass"] .snav{margin:calc(var(--u)*2) calc(var(--u)*3);padding:calc(var(--u)*1.4) calc(var(--u)*2.4);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);border-radius:99px}
.site[data-s="glass"] .mk{background:linear-gradient(135deg,#fff,#b9a8ff)}
.site[data-s="glass"] .card .ico{color:#fff;opacity:.8}
.site[data-s="glass"] .band{background:rgba(255,255,255,.16);color:#fff}.site[data-s="glass"] .band .btn{background:#fff;color:#2a1c6b}

/* 10 Clay */
.site[data-s="clay"]{--bg:#f6e7dc;--fg:#4a2f2a;--mu:#8b6a60;--ac:#ff9bb3;--on-ac:#4a2f2a;--line:rgba(74,47,42,.12);--card:#f9eee6;--fh:"Baloo 2","Nunito",sans-serif;--fb:"Nunito",sans-serif;--hw:800;--hs:-.045em;--rad:99px;--rcard:34px;--h1m:.95;
  --clay:inset .8cqw .8cqw 1.6cqw rgba(255,255,255,.85),inset -.8cqw -1cqw 1.8cqw rgba(120,60,40,.14),1.2cqw 1.8cqw 3.4cqw rgba(140,80,50,.22);--sh:var(--clay)}
.site[data-s="clay"] .btn{box-shadow:var(--clay)}
.site[data-s="clay"] .mk{box-shadow:var(--clay)}
.site[data-s="clay"] .card .ico{width:calc(var(--u)*4.4);height:calc(var(--u)*4.4);display:grid;place-items:center;border-radius:50%;background:#a8e0d0;box-shadow:var(--clay);color:#4a2f2a;letter-spacing:0}
.site[data-s="clay"] .card:nth-child(2) .ico{background:#ffd27a}.site[data-s="clay"] .card:nth-child(3) .ico{background:#ffb3c6}
.site[data-s="clay"] .band{background:#ffb3c6;box-shadow:var(--clay)}.site[data-s="clay"] .band .btn{background:#f9eee6;color:#4a2f2a}

/* 11 Pixel art */
.site[data-s="pixelart"]{--bg:#1a1033;--fg:#fdf6e3;--mu:#b8a9e0;--ac:#39ff88;--on-ac:#1a1033;--ac2:#ff3d9a;--line:rgba(57,255,136,.35);--card:#2a1a52;--fh:"Press Start 2P",monospace;--fb:"VT323",monospace;--hw:400;--hs:0;--hl:1.12;--rad:0;--rcard:0;--bw:3px;--bc:#39ff88;--sh:calc(var(--u)*.6) calc(var(--u)*.6) 0 #ff3d9a;--h1m:.5}
.site[data-s="pixelart"]::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.2) 0 1px,transparent 1px 3px)}
.site[data-s="pixelart"] h1,.site[data-s="pixelart"] .logo,.site[data-s="pixelart"] .eyebrow{text-transform:uppercase}
.site[data-s="pixelart"] h1{text-shadow:3px 3px 0 #ff3d9a}
.site[data-s="pixelart"] .eyebrow{color:#ff3d9a}
.site[data-s="pixelart"] .mk{border-radius:0;background:#ff3d9a;color:#fff}
.site[data-s="pixelart"] .btn{border-color:#fdf6e3}
.site[data-s="pixelart"] .btn.ghost{border:3px solid #39ff88;color:#39ff88;box-shadow:none}
.site[data-s="pixelart"] .card{border:0;border-bottom:3px dashed rgba(57,255,136,.5);box-shadow:none}
.site[data-s="pixelart"] .card .ico{color:#ff3d9a}
.site[data-s="pixelart"] .card h3::before{content:"> "}
.site[data-s="pixelart"] .band{background:#39ff88;color:#1a1033}.site[data-s="pixelart"] .band .btn{background:#1a1033;color:#39ff88;border-color:#1a1033}