/* pieza.css — la tarjeta tocaa como PIEZA: material, letra, sello, huella, escritorio y botones.
   Fuente unica de verdad: el servidor la incrusta en profile.html y arte.html (cero peticiones
   extra en la tarjeta) y el panel la enlaza desde /api/estilos/pieza.css para el configurador
   de la landing. No usa imagenes: el grano es un PNG de 96 px incrustado.

   Unidades cqw: la pieza es un contenedor (container-type) y todo su texto escala con su ancho,
   asi que el mismo HTML sirve a 250 px en un telefono, a 400 px en el editor y a 90 mm impreso.
   Cada regla con cqw lleva antes un valor en px: en un navegador viejo sin container queries la
   pieza se ve bien, solo que no escala. */

:root{--grano:url("data:image/png;base64,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")}

/* ------------------------------------------------------------------ la pieza */
.pieza{position:relative;aspect-ratio:9/5;width:100%;border-radius:14px;overflow:hidden;isolation:isolate;
  container-type:inline-size;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --ac:#1c7a4f;--ring:var(--ac);--ink2:#6b625a;color:#2a2521;background:#f6f2ea;text-align:left}
.pieza .grano{position:absolute;inset:0;background:var(--grano) 0 0/96px 96px;mix-blend-mode:overlay;opacity:.6;pointer-events:none;z-index:0}
.pieza .huella{position:absolute;right:-16cqw;bottom:-24cqw;width:56cqw;height:56cqw;opacity:.18;
  transform:rotate(var(--hr,0deg));pointer-events:none;z-index:0;fill:none;stroke:currentColor;stroke-width:.38}
.pieza .esquina{position:absolute;right:6.5cqw;top:7cqw;z-index:1;text-decoration:none;color:var(--ink2);
  font:500 9px/1 ui-monospace,Menlo,"Roboto Mono",Consolas,monospace;font-size:2.8cqw;letter-spacing:.12em;text-transform:uppercase}
.pieza .sello{position:absolute;left:6.5cqw;top:6.5cqw;width:56px;height:56px;width:17cqw;height:17cqw;border-radius:50%;
  display:grid;place-items:center;z-index:1;font-size:18px;font-size:5.4cqw;font-weight:700;letter-spacing:.03em;line-height:1}
.pieza .sello img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.pieza .sello span{display:block}
/* anillo con hueco y punto (la "o" de tocaa) */
.pieza .sello::before{content:"";position:absolute;inset:-2cqw;border-radius:50%;
  background:conic-gradient(from 0deg,var(--ring) 0 318deg,transparent 318deg 360deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.15cqw),#000 calc(100% - 1.1cqw));
  mask:radial-gradient(farthest-side,transparent calc(100% - 1.15cqw),#000 calc(100% - 1.1cqw))}
.pieza .sello::after{content:"";position:absolute;left:4.74cqw;top:-1.31cqw;width:2.5cqw;height:2.5cqw;
  margin:-1.25cqw 0 0 -1.25cqw;border-radius:50%;background:var(--ring)}
/* otras formas: anillo continuo y el punto como insignia arriba a la izquierda */
.pieza .sello.s-loseta,.pieza .sello.s-rombo,.pieza .sello.s-escudo{border:1.05cqw solid var(--ring)}
.pieza .sello.s-loseta::before,.pieza .sello.s-rombo::before,.pieza .sello.s-escudo::before{display:none}
.pieza .sello.s-loseta::after,.pieza .sello.s-rombo::after,.pieza .sello.s-escudo::after{left:1.6cqw;top:-.6cqw;box-shadow:0 0 0 .7cqw var(--card-bg,#f6f2ea)}
.pieza .sello.s-loseta{border-radius:24%}
.pieza .sello.s-rombo{border-radius:16%;transform:rotate(45deg)}
.pieza .sello.s-rombo span,.pieza .sello.s-rombo img{transform:rotate(-45deg)}
.pieza .sello.s-rombo::after{left:-.3cqw;top:-.3cqw}
.pieza .sello.s-escudo{border-radius:18% 18% 50% 50%/16% 16% 62% 62%}
.pieza .txt{position:absolute;left:6.5cqw;right:6.5cqw;bottom:6.5cqw;display:grid;gap:1.1cqw;z-index:1}
.pieza .nombre{margin:0;color:inherit;text-wrap:balance;font-size:24px;font-size:7.6cqw;font-weight:700;line-height:1;letter-spacing:-.02em;overflow-wrap:anywhere}
.pieza .giro{margin:0;color:var(--ink2);font-size:13px;font-size:4cqw;line-height:1.3;overflow-wrap:anywhere}
.pieza .linea{display:block;width:9cqw;height:.5cqw;border-radius:1cqw;background:var(--ac);margin:1.2cqw 0 .8cqw}
.pieza .org{margin:0;color:var(--ink2);font:500 9px/1.35 ui-monospace,Menlo,"Roboto Mono",Consolas,monospace;font-size:2.85cqw;letter-spacing:.12em;text-transform:uppercase;overflow-wrap:anywhere}

/* ------------------------------------------------------------------ letras */
.l-editorial .nombre{font-family:"Fraunces",Georgia,"Times New Roman",serif;font-weight:600;font-size:26px;font-size:8.2cqw;letter-spacing:-.005em}
.l-editorial .giro{font-family:"Fraunces",Georgia,serif;font-style:italic;font-weight:400;font-size:14px;font-size:4.4cqw;line-height:1.25}
.l-editorial .sello{font-family:"Fraunces",Georgia,serif;font-weight:600}
.l-grotesca .nombre{font-family:"Archivo",system-ui,-apple-system,sans-serif;font-weight:700;font-size:24px;font-size:7.6cqw;letter-spacing:-.03em}
.l-grotesca .giro{font-family:"Archivo",system-ui,-apple-system,sans-serif;font-weight:400;font-size:13px;font-size:4cqw}
.l-grotesca .sello{font-family:"Archivo",system-ui,sans-serif;letter-spacing:-.02em}
.l-condensada .nombre{font-family:"Barlow Condensed",Impact,"Arial Narrow",sans-serif;font-weight:700;font-size:34px;font-size:10.6cqw;line-height:.9;text-transform:uppercase;letter-spacing:.005em}
.l-condensada .giro{font-family:"Barlow Condensed",sans-serif;font-weight:500;font-size:12px;font-size:3.9cqw;text-transform:uppercase;letter-spacing:.12em}
.l-condensada .sello{font-family:"Barlow Condensed",sans-serif;font-size:22px;font-size:6.6cqw;font-weight:700}

/* ------------------------------------------------------------------ materiales */
.m-algodon{--card-bg:#f6f2ea;background:#f6f2ea;color:#2a2521;--ink2:#7a7067;box-shadow:0 24px 40px -22px rgba(50,35,20,.5),0 0 0 1px rgba(60,40,20,.08),inset 0 1px 0 #fff}
.m-algodon .grano{opacity:.55}
.m-algodon .nombre,.m-algodon .giro{text-shadow:0 1px 0 rgba(255,255,255,.8)}
.m-algodon .sello{background:#ebe5da;color:#4a403a;box-shadow:inset 0 .5cqw 1cqw rgba(60,40,20,.22),0 1px 0 #fff}

.m-kraft{--card-bg:#bd8a5c;background:linear-gradient(160deg,#c99c6d,#ae7b4d);color:#2b1d12;--ink2:#5a4634;--ring:#2b1d12;box-shadow:0 24px 40px -22px rgba(40,25,10,.6),inset 0 0 0 1px rgba(255,255,255,.18)}
.m-kraft .grano{opacity:.8}
.m-kraft .sello{border:.7cqw solid #2b1d12;color:#2b1d12;transform:rotate(-8deg);opacity:.88}
.m-kraft .sello.s-rombo{transform:rotate(45deg)}
.m-kraft .linea{background:#2b1d12}

.m-lino{--card-bg:#5f6b5c;background:repeating-linear-gradient(0deg,rgba(255,255,255,.09) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 1px,transparent 1px 3px),var(--lino,#4f6b5a);
  color:#f7f4ee;--ink2:rgba(247,244,238,.78);--ring:#fff;box-shadow:0 24px 40px -22px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.12)}
.m-lino .grano{opacity:.35}
.m-lino .sello{background:rgba(255,255,255,.12);color:#fff}
.m-lino .linea{background:#fff}

.m-acero{--card-bg:#c9ced4;background:linear-gradient(112deg,transparent 30%,rgba(255,255,255,.6) 45%,transparent 58%),repeating-linear-gradient(0deg,rgba(255,255,255,.16) 0 1px,rgba(0,0,0,.05) 1px 2px,transparent 2px 3px),linear-gradient(180deg,#dfe3e8,#b7bdc5 55%,#d2d7dc);
  color:#23282e;--ink2:#565d66;box-shadow:0 26px 44px -22px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.6),inset 0 -1px 0 rgba(0,0,0,.28)}
.m-acero .grano{opacity:.25}
.m-acero .nombre,.m-acero .giro,.m-acero .org,.m-acero .esquina{text-shadow:0 1px 0 rgba(255,255,255,.7)}
.m-acero .sello{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(255,255,255,.28));color:#2a2f35;box-shadow:inset 0 .4cqw .9cqw rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.75)}

.m-noche{--card-bg:#131517;background:radial-gradient(120% 90% at 18% 0%,#282c31,#131517 58%,#0c0e10);color:#f1ede6;--ink2:#a39d94;box-shadow:0 26px 44px -22px rgba(0,0,0,.9),inset 0 0 0 1px rgba(255,255,255,.09)}
.m-noche .grano{opacity:.3}
.m-noche .sello{background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);color:#fff}

.m-cristal{--card-bg:rgba(255,255,255,.2);background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.10));
  -webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);
  border:1px solid rgba(255,255,255,.55);color:#fff;--ink2:rgba(255,255,255,.82);--ring:#fff;box-shadow:0 26px 44px -22px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.75)}
.m-cristal .grano{opacity:.2}
.m-cristal .sello{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.6);color:#fff}
.m-cristal .linea{background:#fff}
@supports not (backdrop-filter:blur(1px)){.m-cristal{background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,.22))}}

/* ------------------------------------------------------------------ reverso (arte de la tarjeta NFC) */
.pieza.reverso{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6cqw;padding:5cqw}
.pieza.reverso .qr{width:42cqw;background:#fff;border-radius:2.5cqw;padding:1.6cqw;color:#14161a;position:relative;z-index:1}
.pieza.reverso .qr svg{display:block;width:100%;height:auto}
.pieza.reverso .rev{margin:0;position:relative;z-index:1;text-align:center;color:var(--ink2);
  font:500 9px/1.4 ui-monospace,Menlo,"Roboto Mono",monospace;font-size:2.9cqw;letter-spacing:.14em;text-transform:uppercase}
.pieza.reverso .rev b{display:block;color:inherit;font-weight:500;letter-spacing:.06em;text-transform:none;font-size:3.3cqw}

/* ------------------------------------------------------------------ escritorios: el fondo de la tarjeta abierta */
.d-algodon{--desk:#e7e2d9;--barra:#e7e2d9;--sup:#fbf9f5;--txt:#2a2521;--sub:#6b625a;--dlg-bg:#fff;--dlg-fg:#2a2521;--dlg-line:#e6e1d8;--dlg-field:#f6f2ea}
.d-kraft{--desk:#efe5d4;--barra:#efe5d4;--sup:#fff9ef;--txt:#2b1d12;--sub:#6e5a49;--dlg-bg:#fff;--dlg-fg:#2b1d12;--dlg-line:#eadfcf;--dlg-field:#f9f3e9}
.d-lino{--desk:var(--lino-desk,#e6e9e4);--barra:var(--lino-desk,#e6e9e4);--sup:#ffffff;--txt:#1f2422;--sub:#5f6b66;--dlg-bg:#fff;--dlg-fg:#1f2422;--dlg-line:#e3e6e1;--dlg-field:#f4f5f2}
.d-acero{--desk:#22262b;--barra:#22262b;--sup:rgba(255,255,255,.07);--txt:#eef1f4;--sub:#a4abb3;--dlg-bg:#1b1f24;--dlg-fg:#eef1f4;--dlg-line:#343a41;--dlg-field:#14171b}
.d-noche{--desk:#0c0e10;--barra:#0c0e10;--sup:rgba(255,255,255,.06);--txt:#f1ede6;--sub:#9a958d;--dlg-bg:#17191c;--dlg-fg:#f1ede6;--dlg-line:#2a2e33;--dlg-field:#0f1113}
.d-cristal{--desk:var(--cristal-desk,#1f1a2e);--barra:#161a1f;--sup:rgba(255,255,255,.14);--txt:#fff;--sub:rgba(255,255,255,.75);--dlg-bg:#1b1e26;--dlg-fg:#fff;--dlg-line:#363b47;--dlg-field:#13161c}

/* ------------------------------------------------------------------ la tarjeta abierta (pagina publica y vista previa) */
.tarjeta{background:var(--desk);color:var(--txt);min-height:100dvh;font-size:14px;line-height:1.4}
.tarjeta .wrap{max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}
.tarjeta .cuerpo{flex:1 0 auto}
.tarjeta .escritorio{padding:18px 16px 4px}
.tarjeta .escritorio.con-foto{padding:120px 16px 4px;background:linear-gradient(to bottom,rgba(0,0,0,.05),rgba(0,0,0,.55) 70%,var(--desk) 100%),var(--foto) center/cover no-repeat}
.tarjeta .bio{margin:14px 22px 0;color:var(--sub);font-size:14.5px;line-height:1.5;white-space:pre-line}
.tarjeta .acciones{display:grid;gap:8px;padding:14px 16px 4px;list-style:none;margin:0}
.tarjeta .acciones.losetas{grid-template-columns:repeat(3,1fr)}
.tarjeta .acciones.celdas{grid-template-columns:1fr 1fr}
.tarjeta .accion{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:14px;background:var(--sup);color:var(--txt);
  font-weight:600;font-size:14px;line-height:1.2;min-width:0;text-decoration:none;transition:transform .12s ease}
.tarjeta .accion:active{transform:scale(.98)}
.tarjeta .accion .ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--ico-bg);color:var(--ico);flex:none}
.tarjeta .accion svg{width:21px;height:21px;fill:currentColor}
.tarjeta .accion .txt{min-width:0;overflow-wrap:anywhere}
.tarjeta .accion small{display:block;font-weight:400;font-size:11.5px;color:var(--sub);margin-top:2px}
.tarjeta .losetas .accion{flex-direction:column;justify-content:center;text-align:center;gap:8px;padding:13px 4px 11px;font-size:11.5px}
.tarjeta .losetas .accion small{display:none}
.tarjeta .celdas .accion{padding:10px 11px;font-size:12.5px;gap:9px}
.tarjeta .celdas .accion .ico{width:32px;height:32px;border-radius:9px}
.tarjeta .celdas .accion svg{width:18px;height:18px}
/* colores de marca de cada red: solo cuando la tarjeta los prende */
.tarjeta .marca .k-whatsapp .ico{background:#25D366;color:#fff}
.tarjeta .marca .k-facebook .ico{background:#1877F2;color:#fff}
.tarjeta .marca .k-linkedin .ico{background:#0A66C2;color:#fff}
.tarjeta .marca .k-youtube .ico{background:#FF0000;color:#fff}
.tarjeta .marca .k-x .ico{background:#000;color:#fff}
.tarjeta .marca .k-tiktok .ico{background:#111;color:#fff}
.tarjeta .marca .k-instagram .ico{background:linear-gradient(45deg,#f9ce34,#ee2a7b 55%,#6228d7);color:#fff}
.tarjeta .marca .k-maps .ico{background:#34A853;color:#fff}
.tarjeta .extras{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 22px;padding:12px 16px 0;font-size:13px}
.tarjeta .extras a,.tarjeta .extras button{background:none;border:0;padding:4px 0;color:var(--sub);font:inherit;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.tarjeta .barra{position:sticky;bottom:0;display:flex;gap:8px;padding:12px 16px 14px;margin-top:auto;
  background:linear-gradient(to top,var(--barra) 72%,transparent)}
.tarjeta .btn-p{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:999px;background:var(--ac);color:var(--ac-ink);
  font-weight:700;font-size:15px;min-width:0;text-decoration:none;border:0;font-family:inherit;cursor:pointer}
.tarjeta .btn-p svg{width:19px;height:19px;fill:currentColor;flex:none}
.tarjeta .btn-s{width:48px;height:48px;border-radius:999px;display:grid;place-items:center;background:var(--sup);border:1.5px solid var(--txt);color:var(--txt);flex:none;cursor:pointer;text-decoration:none}
.tarjeta .btn-s svg{width:19px;height:19px;fill:currentColor}
.tarjeta .btn-p:active,.tarjeta .btn-s:active{transform:scale(.97)}
/* una entrada, y ya */
@media (prefers-reduced-motion:no-preference){
  .tarjeta .pieza{animation:pieza-llega .42s cubic-bezier(.2,.7,.2,1) both}
  .tarjeta .acciones>*{animation:accion-sube .36s ease both;animation-delay:calc(.12s + .04s * var(--i,0))}
  @keyframes pieza-llega{from{opacity:0;transform:translateY(14px) perspective(700px) rotateX(9deg)}to{opacity:1;transform:none}}
  @keyframes accion-sube{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}