/* Temas 12 a 21 */
/* 12 Editorial */
.site[data-s="editorial"]{--bg:#fbf8f1;--fg:#1a1a1a;--mu:#55554f;--ac:#b3261e;--on-ac:#fbf8f1;--line:rgba(26,26,26,.2);--fh:"Playfair Display",Georgia,serif;--fb:"Lora",Georgia,serif;--hw:700;--hs:-.025em;--hl:1.04;--rad:0;--rcard:0;--mkr:0;--rule:3px;--h1m:.86}
.site[data-s="editorial"] .snav{justify-content:center;flex-direction:column;gap:calc(var(--u)*1);padding-bottom:calc(var(--u)*1.6);border-bottom:3px double var(--fg)}
.site[data-s="editorial"] .logo{font-size:calc(var(--u)*3.6);font-style:italic;font-weight:700}
.site[data-s="editorial"] .mk{display:none}
.site[data-s="editorial"] .snav .btn{display:none}
.site[data-s="editorial"] .snav nav{gap:calc(var(--u)*3);font-size:calc(var(--u)*1.2);letter-spacing:.14em;text-transform:uppercase}
.site[data-s="editorial"] .eyebrow{font-style:italic;text-transform:none;letter-spacing:.04em;font-size:calc(var(--u)*1.5)}
.site[data-s="editorial"] .lead::first-letter{float:left;font-size:calc(var(--u)*6);line-height:.8;padding:.06em .1em 0 0;font-weight:700;color:var(--ac)}
.site[data-s="editorial"] .btn{font-style:italic}
.site[data-s="editorial"] .items{border-top:1px solid var(--fg);margin-top:0}
.site[data-s="editorial"] .card h3{font-size:calc(var(--u)*2.4)}
.site[data-s="editorial"] .band{background:var(--fg);color:var(--bg)}.site[data-s="editorial"] .band .btn{background:var(--bg);color:var(--fg);border-color:var(--bg)}

/* 13 Y2K */
.site[data-s="y2k"]{--bg:#e9d8ff;--fg:#2b1a6b;--mu:#5d4aa3;--ac:#ff5fc8;--on-ac:#fff;--line:rgba(255,255,255,.7);--card:rgba(255,255,255,.55);--fh:"Fredoka",sans-serif;--fb:"Fredoka",sans-serif;--hw:700;--hs:-.03em;--rad:99px;--rcard:30px;--bw:2px;--bc:#fff;--sh:0 calc(var(--u)*1) calc(var(--u)*2.4) rgba(120,80,255,.28),inset 0 2px 0 #fff;--h1m:.95;
  background:linear-gradient(160deg,#f3dcff 0%,#cfe3ff 55%,#c6f4ff 100%)}
.site[data-s="y2k"] h1{background:linear-gradient(180deg,#fff 0%,#9a86ff 48%,#ff6fd8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:calc(var(--u)*.14) #6a4cff;filter:drop-shadow(0 calc(var(--u)*.4) 0 rgba(106,76,255,.25))}
.site[data-s="y2k"] .btn{background:linear-gradient(180deg,#ff9be0,#ff4fc0);box-shadow:inset 0 calc(var(--u)*.35) 0 rgba(255,255,255,.8),0 calc(var(--u)*.8) calc(var(--u)*2) rgba(255,79,192,.4)}
.site[data-s="y2k"] .btn.ghost{background:rgba(255,255,255,.6);color:#2b1a6b;box-shadow:inset 0 2px 0 #fff}
.site[data-s="y2k"] .mk{background:linear-gradient(180deg,#ffa8e6,#ff4fc0);border:2px solid #fff}
.site[data-s="y2k"] .strip{background:linear-gradient(90deg,#ff9be0,#9ad8ff,#ff9be0);color:#2b1a6b;border:0;font-weight:700}
.site[data-s="y2k"] .card{backdrop-filter:blur(8px)}
.site[data-s="y2k"] .card .ico{color:#ff4fc0}
.site[data-s="y2k"] .band{background:linear-gradient(135deg,#8f7bff,#ff5fc8);color:#fff}.site[data-s="y2k"] .band .btn{background:#fff;color:#8f3bff;box-shadow:none}

/* 14 Diseño suizo */
.site[data-s="suizo"]{--bg:#f2f2ee;--fg:#111;--mu:#555;--ac:#e5231b;--on-ac:#fff;--line:rgba(0,0,0,.2);--fh:"Inter",Arial,sans-serif;--fb:"Inter",Arial,sans-serif;--hw:700;--hs:-.06em;--hl:.96;--rad:0;--rcard:0;--mkr:0;--rule:5px;--h1m:1.12}
.site[data-s="suizo"] .snav{border-bottom:5px solid #111}
.site[data-s="suizo"] .logo{text-transform:none}
.site[data-s="suizo"] .eyebrow{font-weight:700;letter-spacing:.06em}
.site[data-s="suizo"] .card h3{font-size:calc(var(--u)*2.6)}
.site[data-s="suizo"] .strip{border:0;border-bottom:1px solid #111;color:#111;font-weight:700}
.site[data-s="suizo"] .band{background:#111;color:#f2f2ee}.site[data-s="suizo"] .band .btn{background:#e5231b;color:#fff;border-color:#e5231b}

/* 15 Bohemio */
.site[data-s="bohemio"]{--bg:#f3e6d3;--fg:#4a3326;--mu:#7d6552;--ac:#b95c3c;--on-ac:#fff4e6;--ac2:#7a8f63;--line:rgba(74,51,38,.2);--card:rgba(185,92,60,.1);--fh:"Cormorant Garamond",Georgia,serif;--fb:"Cormorant Garamond",Georgia,serif;--hw:600;--hs:0;--hl:1;--rad:99px;--rcard:99px 99px 18px 18px;--h1m:1.15}
.site[data-s="bohemio"]{font-size:calc(var(--u)*1.75)}
.site[data-s="bohemio"] .logo{font-size:calc(var(--u)*2.6)}
.site[data-s="bohemio"] .eyebrow{font-style:italic;text-transform:none;letter-spacing:.04em;font-size:calc(var(--u)*1.6)}
.site[data-s="bohemio"] .card{text-align:center;padding:calc(var(--u)*5) calc(var(--u)*3) calc(var(--u)*3)}
.site[data-s="bohemio"] .card:nth-child(2){background:rgba(122,143,99,.18)}
.site[data-s="bohemio"] .card h3{font-size:calc(var(--u)*2.8)}
.site[data-s="bohemio"] .strip{border:0;color:#7a8f63;font-style:italic;text-transform:none;letter-spacing:.04em;font-size:calc(var(--u)*1.8)}
.site[data-s="bohemio"] .band{background:#7a8f63;border-radius:calc(var(--u)*12) calc(var(--u)*12) 18px 18px;text-align:center;flex-direction:column}.site[data-s="bohemio"] .band h2{max-width:none}

/* 16 Victoriano */
.site[data-s="victoriano"]{--bg:#2a0f1a;--fg:#f1e3c0;--mu:#c9b48a;--ac:#c9a24d;--on-ac:#2a0f1a;--line:rgba(201,162,77,.45);--card:rgba(201,162,77,.06);--fh:"Bodoni Moda",Georgia,serif;--fb:"Cormorant Garamond",Georgia,serif;--hw:400;--hs:0;--hl:1.05;--rad:0;--rcard:0;--bw:3px;--bc:rgba(201,162,77,.7);--h1m:.88}
.site[data-s="victoriano"]{font-size:calc(var(--u)*1.7);background-image:radial-gradient(80% 60% at 50% 0%,rgba(201,162,77,.12),transparent 70%)}
.site[data-s="victoriano"] .logo{font-family:"Old English Text MT","Bodoni MT",serif;font-size:calc(var(--u)*2.6);font-weight:400}
.site[data-s="victoriano"] .mk{border-radius:50%;border:2px double var(--on-ac)}
.site[data-s="victoriano"] .eyebrow{font-style:italic;text-transform:none;letter-spacing:.06em;font-size:calc(var(--u)*1.5);color:#c9a24d}
.site[data-s="victoriano"] .eyebrow::before,.site[data-s="victoriano"] .eyebrow::after{content:" ✦ "}
.site[data-s="victoriano"] h1{font-style:italic}
.site[data-s="victoriano"] .btn{border:1px solid #c9a24d;letter-spacing:.14em;text-transform:uppercase;font-size:calc(var(--u)*1.2)}
.site[data-s="victoriano"] .btn.ghost{color:#c9a24d}
.site[data-s="victoriano"] .strip{color:#c9a24d;font-style:italic;text-transform:none;letter-spacing:.14em;font-size:calc(var(--u)*1.6);justify-content:center;gap:calc(var(--u)*4)}
.site[data-s="victoriano"] .card{border:3px double rgba(201,162,77,.7);text-align:center;padding:calc(var(--u)*3.6)}
.site[data-s="victoriano"] .band{background:none;color:var(--fg);border:3px double #c9a24d;flex-direction:column;text-align:center}.site[data-s="victoriano"] .band h2{max-width:none}.site[data-s="victoriano"] .band .btn{background:#c9a24d;color:#2a0f1a}

/* 17 Graffiti */
.site[data-s="graffiti"]{--bg:#1d1d1f;--fg:#f5f5f0;--mu:#b5b5ae;--ac:#ffe600;--on-ac:#111;--ac2:#ff3d6e;--line:rgba(245,245,240,.25);--card:#2a2a2d;--fh:"Anton",Impact,sans-serif;--fb:"Nunito",sans-serif;--hw:400;--hs:.01em;--hl:.98;--rad:0;--rcard:6px;--h1m:1.05;--artop:.95;
  background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:100% calc(var(--u)*2.4),5px 5px}
.site[data-s="graffiti"] h1{text-transform:uppercase;transform:rotate(-2deg);transform-origin:left;text-shadow:5px 5px 0 #ff3d6e}
.site[data-s="graffiti"] .eyebrow{font-family:"Stencil","Impact",sans-serif;color:#ffe600;letter-spacing:.2em}
.site[data-s="graffiti"] .btn{transform:rotate(-1.5deg);font-family:"Impact",sans-serif;font-weight:400;letter-spacing:.06em;text-transform:uppercase}
.site[data-s="graffiti"] .mk{border-radius:0;transform:rotate(-8deg)}
.site[data-s="graffiti"] .card:nth-child(1){background:#ff3d6e;color:#fff}.site[data-s="graffiti"] .card:nth-child(1) p,.site[data-s="graffiti"] .card:nth-child(1) .ico{color:#fff}
.site[data-s="graffiti"] .card:nth-child(2){background:#2ee6a6;color:#111}.site[data-s="graffiti"] .card:nth-child(2) p,.site[data-s="graffiti"] .card:nth-child(2) .ico{color:#111}
.site[data-s="graffiti"] .card:nth-child(3){transform:rotate(1deg)}
.site[data-s="graffiti"] .card h3{text-transform:uppercase}
.site[data-s="graffiti"] .strip{background:#ffe600;color:#111;border:0;font-weight:700;transform:rotate(-1deg);margin-inline:-2%;padding-inline:7%}
.site[data-s="graffiti"] .band{background:#ffe600;transform:rotate(.5deg)}

/* 18 Aurora */
.site[data-s="aurora"]{--bg:#070b1c;--fg:#eef6ff;--mu:#a7b6d6;--ac:#7cf2d4;--on-ac:#04201a;--ac2:#9b8cff;--line:rgba(255,255,255,.14);--card:rgba(255,255,255,.05);--fh:"Outfit",system-ui,sans-serif;--fb:"Outfit",system-ui,sans-serif;--hw:300;--hs:-.035em;--hl:1.08;--rad:99px;--rcard:24px;--bw:1px;--bc:rgba(255,255,255,.12);--h1m:.92;
  background:radial-gradient(70% 50% at 20% 0%,rgba(124,242,212,.28),transparent 70%),radial-gradient(60% 50% at 85% 10%,rgba(155,140,255,.3),transparent 70%),#070b1c}
.site[data-s="aurora"] .eyebrow{color:#7cf2d4}
.site[data-s="aurora"] .btn{background:linear-gradient(135deg,#7cf2d4,#9b8cff);color:#04201a;box-shadow:0 0 calc(var(--u)*3) rgba(124,242,212,.35)}
.site[data-s="aurora"] .btn.ghost{background:transparent;color:#eef6ff;box-shadow:none}
.site[data-s="aurora"] .mk{background:linear-gradient(135deg,#7cf2d4,#9b8cff)}
.site[data-s="aurora"] .card .ico{color:#7cf2d4}
.site[data-s="aurora"] .card{backdrop-filter:blur(10px)}
.site[data-s="aurora"] .band{background:linear-gradient(120deg,rgba(124,242,212,.25),rgba(155,140,255,.3));color:#fff;border:1px solid rgba(255,255,255,.15)}.site[data-s="aurora"] .band .btn{background:#fff;color:#1a1a40;box-shadow:none}

/* 19 Escrito a mano */
.site[data-s="manuscrito"]{--bg:#fff8e8;--fg:#3a2a1c;--mu:#7a6550;--ac:#e07a3f;--on-ac:#fffaf0;--line:rgba(58,42,28,.25);--card:#fffdf6;--fh:"Caveat",cursive;--fb:"Patrick Hand",cursive;--hw:700;--hs:0;--hl:1.15;--rad:255px 18px 225px 18px/18px 225px 18px 255px;--rcard:18px 255px 18px 225px/225px 18px 255px 18px;--bw:2px;--bc:#3a2a1c;--h1m:1.1;
  background-image:linear-gradient(transparent calc(var(--u)*3 - 1px),rgba(122,175,220,.35) calc(var(--u)*3 - 1px) calc(var(--u)*3));background-size:100% calc(var(--u)*3)}
.site[data-s="manuscrito"] .eyebrow{text-transform:none;letter-spacing:.02em;font-size:calc(var(--u)*1.6);color:#e07a3f}
.site[data-s="manuscrito"] h1{background:linear-gradient(transparent 82%,rgba(224,122,63,.45) 82% 94%,transparent 94%)}
.site[data-s="manuscrito"] .btn{border:2px solid #3a2a1c;transform:rotate(-1deg)}
.site[data-s="manuscrito"] .btn.ghost{border:2px dashed #3a2a1c}
.site[data-s="manuscrito"] .card{border:2px dashed #3a2a1c;transform:rotate(-.8deg)}.site[data-s="manuscrito"] .card:nth-child(2){transform:rotate(.9deg);background:#fff1c9}
.site[data-s="manuscrito"] .strip{border:0;border-block:2px dashed var(--line);text-transform:none;letter-spacing:.04em;font-size:calc(var(--u)*1.6)}
.site[data-s="manuscrito"] .band{background:#fff1c9;color:#3a2a1c;border:2px dashed #3a2a1c}.site[data-s="manuscrito"] .band .btn{background:#e07a3f;color:#fff;border-color:#3a2a1c}

/* 20 Surrealista */
.site[data-s="surrealista"]{--bg:#f1d3a5;--fg:#2b1b4a;--mu:#5a4672;--ac:#e8553d;--on-ac:#fff6e6;--line:rgba(43,27,74,.25);--fh:"Playfair Display",Georgia,serif;--fb:"Lora",Georgia,serif;--hw:400;--hs:-.03em;--hl:1.02;--rad:99px;--rcard:0;--rule:1px;--h1m:.92;--artop:1}
.site[data-s="surrealista"] .hero{background:linear-gradient(180deg,#5b46b8 0%,#a56ac2 45%,#ff9f7a 85%,#ffd9a8 100%);color:#fff6e6}
.site[data-s="surrealista"] .hero .lead{color:rgba(255,246,230,.85)}
.site[data-s="surrealista"] .hero .eyebrow{color:#ffd9a8}
.site[data-s="surrealista"] .hero .btn.ghost{color:#fff6e6;border-color:rgba(255,246,230,.5)}
.site[data-s="surrealista"] .snav{position:absolute;top:0;left:0;right:0;z-index:4;color:#fff6e6}
.site[data-s="surrealista"] .snav nav{color:rgba(255,246,230,.8)}
.site[data-s="surrealista"] .hero{padding-top:calc(var(--u)*10)}
.site[data-s="surrealista"] h1{font-style:italic}
.site[data-s="surrealista"] .card .ico{font-style:italic}
.site[data-s="surrealista"] .strip{color:#5a4672;font-style:italic;text-transform:none;letter-spacing:.06em;border-color:rgba(43,27,74,.25)}
.site[data-s="surrealista"] .band{background:#2b1b4a;color:#ffd9a8}.site[data-s="surrealista"] .band .btn{background:#e8553d;color:#fff6e6;border-color:#e8553d}

/* 21 GOAT */
.site[data-s="goat"]{--bg:#04010c;--fg:#f3eeff;--mu:#a99bd0;--ac:#b46bff;--on-ac:#fff;--ac2:#3be6ff;--line:rgba(180,107,255,.28);--card:rgba(180,107,255,.07);--fh:"Outfit",system-ui,sans-serif;--fb:"Outfit",system-ui,sans-serif;--hw:700;--hs:-.04em;--hl:.98;--rad:99px;--rcard:20px;--bw:1px;--bc:rgba(180,107,255,.3);--h1m:1.08;--artop:1;
  background:radial-gradient(50% 40% at 80% 20%,rgba(180,107,255,.25),transparent 70%),#04010c}
.site[data-s="goat"] h1{text-transform:uppercase;background:linear-gradient(180deg,#fff 20%,#c9a6ff 70%,#6ae3ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.site[data-s="goat"] .eyebrow{color:#3be6ff}
.site[data-s="goat"] .btn{background:linear-gradient(135deg,#b46bff,#3be6ff);color:#04010c;box-shadow:0 0 calc(var(--u)*4) rgba(180,107,255,.5)}
.site[data-s="goat"] .btn.ghost{background:transparent;color:#f3eeff;box-shadow:none}
.site[data-s="goat"] .mk{background:linear-gradient(135deg,#b46bff,#3be6ff);color:#04010c}
.site[data-s="goat"] .card .ico{color:#3be6ff}
.site[data-s="goat"] .card{backdrop-filter:blur(8px)}
.site[data-s="goat"] .strip{font-weight:700;letter-spacing:.2em}
.site[data-s="goat"] .band{background:linear-gradient(120deg,rgba(180,107,255,.35),rgba(59,230,255,.25));border:1px solid rgba(180,107,255,.4);color:#fff}.site[data-s="goat"] .band .btn{background:#fff;color:#04010c;box-shadow:none}
