/* =====================================================================
   Estilos del álbum (página del invitado, slideshow y plantilla QR).
   Cada uno está inspirado en una plantilla de Amo Invitar. El fondo
   decorativo es un recorte de la imagen de esa plantilla.
   Variables:
     --t-bg / --t-bg2      colores de fondo
     --t-surface           tarjetas (puede ser translúcida)
     --t-ink / --t-muted   textos
     --t-accent            botones y detalles  (--t-accent-ink: texto sobre el botón)
     --t-name              tipografía de los nombres  (--t-name-case / --t-name-weight / --t-name-size)
     --t-body              tipografía de los textos
     --t-img / --t-img-r   fondo decorativo (y su versión espejada)
   ===================================================================== */
/* Tipografías propias de las invitaciones de Amo Invitar! (no están en Google Fonts) */
@font-face { font-family: 'Amsterdam'; src: url(/fonts/amsterdam-four.woff2) format('woff2'), url(/fonts/amsterdam-four.woff) format('woff'); font-display: swap; }
@font-face { font-family: 'Dantina'; src: url(/fonts/dantina-webfont.woff2) format('woff2'), url(/fonts/dantina-webfont.woff) format('woff'); font-display: swap; }

[data-theme]:where(:not(html)) {
  --t-bg: #f5f5f3; --t-bg2: #ebeae6; --t-surface: rgba(255,255,255,.94); --t-ink: #1c1c1c; --t-muted: #6f6a60;
  --t-accent: #b86856; --t-accent-ink: #fff; --t-line: rgba(0,0,0,.1);
  --t-name: 'Cormorant Garamond', Georgia, serif; --t-name-style: italic; --t-name-weight: 500; --t-name-case: none; --t-name-spacing: 0; --t-name-size: 1; --t-name-lh: 1.05;
  --t-body: 'Jost', system-ui, sans-serif; --t-kicker: var(--t-body);
  --t-img: none; --t-img-r: none; --t-radius: 22px; --t-glow: none;
  --t-glass: 58%;  /* opacidad de las tarjetas (con desenfoque): más alta en fondos muy cargados */
}
/* Genérico (plan gratis): limpio y neutro */
[data-theme="generico"] { --t-bg: #f4f3ef; --t-bg2: #e9e7e0; }

[data-theme="aquarella"] { --t-bg: #cfe4df; --t-bg2: #e6f1ee; --t-ink: #2d4a45; --t-muted: #6b8680; --t-accent: #b0914f;
  --t-name: 'Montez', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.1;
  --t-img: url(/themes/aquarella.webp); --t-img-r: url(/themes/aquarella.webp); }

[data-theme="armonia"] { --t-bg: #f3efe6; --t-bg2: #e9e2d2; --t-ink: #2d4f4b; --t-muted: #7a8581; --t-accent: #2d4f4b;
  --t-name: 'Montserrat', sans-serif; --t-name-style: normal; --t-name-weight: 800; --t-name-case: uppercase; --t-name-size: .72;
  --t-body: 'Montserrat', sans-serif; --t-img: url(/themes/armonia.webp); --t-img-r: url(/themes/armonia.webp); }

[data-theme="beach"] { --t-bg: #f2cdb5; --t-bg2: #d9ece9; --t-ink: #22403f; --t-muted: #587270; --t-accent: #2f7f7a;
  --t-name: 'Josefin Sans', sans-serif; --t-name-style: normal; --t-name-weight: 300; --t-name-case: uppercase; --t-name-spacing: .18em; --t-name-size: .7;
  --t-body: 'Josefin Sans', sans-serif; --t-img: url(/themes/beach.webp); --t-img-r: url(/themes/beach.webp); }

[data-theme="black"] { --t-bg: #141414; --t-bg2: #232323; --t-surface: rgba(24,24,24,.9); --t-ink: #f0ece6; --t-muted: #a9a39a; --t-accent: #e6e1d8; --t-accent-ink: #141414; --t-line: rgba(255,255,255,.14);
  --t-name: 'Dantina', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: .46; --t-name-lh: 1.9;
  --t-img: url(/themes/black.webp); --t-img-r: url(/themes/black.webp); }

[data-theme="byn"] { --t-bg: #232323; --t-bg2: #333; --t-surface: rgba(34,34,34,.92); --t-ink: #ffffff; --t-muted: #b5b5b5; --t-accent: #c9a86a; --t-accent-ink: #1c1c1c; --t-line: rgba(255,255,255,.15);
  --t-name: 'Montserrat', sans-serif; --t-name-style: normal; --t-name-weight: 800; --t-name-case: uppercase; --t-name-size: .72; --t-body: 'Montserrat', sans-serif;
  --t-img: url(/themes/byn.webp); --t-img-r: url(/themes/byn.webp); }

[data-theme="cinema"] { --t-bg: #fbf6f4; --t-bg2: #f3e6e3; --t-ink: #5a2029; --t-muted: #8f6a6f; --t-accent: #8e2f35;
  --t-name: 'Amsterdam', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: .62; --t-name-lh: 1.65;
  --t-img: url(/themes/cinema.webp); --t-img-r: url(/themes/cinema.webp); }

[data-theme="ceremonia"] { --t-bg: #fbf8ee; --t-bg2: #f1ecdc; --t-ink: #3d3527; --t-muted: #857a66; --t-accent: #a8904f;
  --t-name: 'Great Vibes', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.05;
  --t-img: url(/themes/ceremonia.webp); --t-img-r: url(/themes/ceremonia.webp); }

[data-theme="compromiso"] { --t-bg: #e9eef2; --t-bg2: #dde5ec; --t-ink: #33404c; --t-muted: #6f7c88; --t-accent: #a88f55;
  --t-name: 'Passions Conflict', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.35;
  --t-img: url(/themes/compromiso.webp); --t-img-r: url(/themes/compromiso.webp); }

[data-theme="disco"] { --t-bg: #120a2b; --t-bg2: #1e1245; --t-surface: rgba(26,15,60,.86); --t-ink: #f3ecff; --t-muted: #b9a8e0; --t-accent: #b98cff; --t-accent-ink: #120a2b; --t-line: rgba(185,140,255,.25);
  --t-name: 'Monoton', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-case: uppercase; --t-name-size: 0.6;
  --t-glow: 0 0 6px #fff, 0 0 18px #b98cff, 0 0 32px #8b5cf6;
  --t-img: url(/themes/disco.webp); --t-img-r: url(/themes/disco.webp); }

[data-theme="elegance"] { --t-bg: #a89583; --t-bg2: #c3b3a3; --t-ink: #3b2f27; --t-muted: #7b6a5d; --t-accent: #8b6b52;
  --t-name: 'Abril Fatface', serif; --t-name-style: normal; --t-name-weight: 400; --t-name-size: .8;
  --t-img: url(/themes/elegance.webp); --t-img-r: url(/themes/elegance.webp); }

[data-theme="euforia"] { --t-bg: #c6a0a2; --t-bg2: #d9b9ba; --t-surface: rgba(255,250,250,.9); --t-ink: #4a2f33; --t-muted: #8a6a6e; --t-accent: #9b5f66;
  --t-name: 'Great Vibes', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.05;
  --t-img: url(/themes/euforia.webp); --t-img-r: url(/themes/euforia.webp); }

[data-theme="floral"] { --t-glass: 78%; --t-bg: #bfe1ec; --t-bg2: #dcf0f5; --t-ink: #2b2b2b; --t-muted: #5f6b6f; --t-accent: #3c3c3c;
  --t-name: 'Molle', cursive; --t-name-style: italic; --t-name-weight: 400; --t-name-size: 0.9;
  --t-img: url(/themes/floral.webp); --t-img-r: url(/themes/floral.webp); }

[data-theme="garden"] { --t-bg: #e7efec; --t-bg2: #e0e5e1; --t-ink: #3a3a36; --t-muted: #7d7b74; --t-accent: #9c7a5d;
  --t-name: 'Great Vibes', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.05;
  --t-img: url(/themes/garden.webp); --t-img-r: url(/themes/garden.webp); }

[data-theme="graffiti"] { --t-glass: 78%; --t-bg: #3a2e2c; --t-bg2: #4a3a37; --t-surface: rgba(30,24,23,.88); --t-ink: #ffffff; --t-muted: #d6c9c4; --t-accent: #ff4f9a; --t-line: rgba(255,255,255,.18);
  --t-name: 'Sedgwick Ave Display', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-case: uppercase; --t-name-size: 0.85;
  --t-img: url(/themes/graffiti.webp); --t-img-r: url(/themes/graffiti.webp); }

[data-theme="hojas"] { --t-bg: #fbf6f1; --t-bg2: #f0e4d8; --t-ink: #6b4b36; --t-muted: #9a8170; --t-accent: #a57a5c;
  --t-name: 'Fleur De Leah', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.2;
  --t-img: url(/themes/hojas.webp); --t-img-r: url(/themes/hojas.webp); }

[data-theme="lila"] { --t-bg: #e6def0; --t-bg2: #f1ecf7; --t-ink: #3d3350; --t-muted: #7a7090; --t-accent: #7c5ca8;
  --t-name: 'Passions Conflict', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.35;
  --t-img: url(/themes/lila.webp); --t-img-r: url(/themes/lila.webp); }

[data-theme="lovestory"] { --t-bg: #fbf9f4; --t-bg2: #f1ebdd; --t-ink: #5a4a2c; --t-muted: #8f8167; --t-accent: #9e906b;
  --t-name: 'Dantina', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: .46; --t-name-lh: 1.9;
  --t-img: url(/themes/lovestory.webp); --t-img-r: url(/themes/lovestory.webp); }

[data-theme="minimal"] { --t-bg: #fbfaf7; --t-bg2: #efece4; --t-ink: #4a4436; --t-muted: #8a8370; --t-accent: #8b7b5a;
  --t-name: 'Great Vibes', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.05;
  --t-img: url(/themes/minimal.webp); --t-img-r: url(/themes/minimal.webp); }

[data-theme="natural"] { --t-bg: #f0f2ef; --t-bg2: #e3e9e3; --t-ink: #3b3b33; --t-muted: #7a7c70; --t-accent: #b1935d;
  --t-name: 'Passions Conflict', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.35;
  --t-img: url(/themes/natural.webp); --t-img-r: url(/themes/natural.webp); }

[data-theme="passion"] { --t-bg: #cbc8c0; --t-bg2: #dedbd4; --t-ink: #4a463d; --t-muted: #7e796d; --t-accent: #a28c5b;
  --t-name: 'Dantina', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: .46; --t-name-lh: 1.9;
  --t-img: url(/themes/passion.webp); --t-img-r: url(/themes/passion.webp); }

[data-theme="ramo"] { --t-bg: #faf7f7; --t-bg2: #f1e9ec; --t-ink: #3a2330; --t-muted: #7f6873; --t-accent: #6d2945;
  --t-name: 'Montez', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.1;
  --t-img: url(/themes/ramo.webp); --t-img-r: url(/themes/ramo.webp); }

[data-theme="rockabilly"] { --t-glass: 78%; --t-bg: #2b2b2b; --t-bg2: #4bb1aa; --t-surface: rgba(255,255,255,.94); --t-ink: #1c1c1c; --t-muted: #5d5d5d; --t-accent: #c8322b;
  --t-name: 'Shrikhand', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 0.8;
  --t-img: url(/themes/rockabilly.webp); --t-img-r: url(/themes/rockabilly.webp); }

[data-theme="romantic"] { --t-bg: #f6f6f4; --t-bg2: #e4e4e1; --t-ink: #555555; --t-muted: #8a8a86; --t-accent: #6b6b6b;
  --t-name: 'Cinzel Decorative', serif; --t-name-style: normal; --t-name-weight: 400; --t-name-case: uppercase; --t-name-spacing: .04em; --t-name-size: 0.7;
  --t-img: url(/themes/romantic.webp); --t-img-r: url(/themes/romantic.webp); }

[data-theme="rouge"] { --t-bg: #8f8b8b; --t-bg2: #b4afaf; --t-ink: #3a1c22; --t-muted: #7f6368; --t-accent: #b3123d;
  --t-name: 'Dantina', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: .46; --t-name-lh: 1.9;
  --t-img: url(/themes/rouge.webp); --t-img-r: url(/themes/rouge.webp); }

[data-theme="soft"] { --t-bg: #cde4e1; --t-bg2: #e1efed; --t-ink: #33423f; --t-muted: #6b7f7b; --t-accent: #a58a55;
  --t-name: 'Pinyon Script', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: .95;
  --t-img: url(/themes/soft.webp); --t-img-r: url(/themes/soft.webp); }

[data-theme="savethedate"] { --t-bg: #fbfaf8; --t-bg2: #f1ece6; --t-ink: #1c1c1c; --t-muted: #7b7068; --t-accent: #b98a6c;
  --t-name: 'Playfair Display', serif; --t-name-style: normal; --t-name-weight: 900; --t-name-size: .8;
  --t-img: url(/themes/savethedate.webp); --t-img-r: url(/themes/savethedate.webp); }

[data-theme="sky"] { --t-bg: #6d8fae; --t-bg2: #a9c1d6; --t-ink: #243b53; --t-muted: #5f7489; --t-accent: #3b6c97;
  --t-name: 'Amsterdam', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: .62; --t-name-lh: 1.65;
  --t-img: url(/themes/sky.webp); --t-img-r: url(/themes/sky.webp); }

[data-theme="sweet"] { --t-glass: 78%; --t-bg: #8fd3c8; --t-bg2: #f4bccb; --t-ink: #444444; --t-muted: #7d6f74; --t-accent: #d81b73;
  --t-name: 'Molle', cursive; --t-name-style: italic; --t-name-weight: 400; --t-name-size: 0.9;
  --t-img: url(/themes/sweet.webp); --t-img-r: url(/themes/sweet.webp); }

[data-theme="travel"] { --t-glass: 78%; --t-bg: #e4dfd9; --t-bg2: #0f4c75; --t-ink: #1f3b57; --t-muted: #5d6f80; --t-accent: #1f4e79;
  --t-name: 'Amsterdam', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: .62; --t-name-lh: 1.65;
  --t-img: url(/themes/travel.webp); --t-img-r: url(/themes/travel.webp); }

[data-theme="vintage"] { --t-glass: 78%; --t-bg: #efe4d3; --t-bg2: #e5d6bf; --t-surface: rgba(252,247,238,.94); --t-ink: #3e342a; --t-muted: #7d6e5d; --t-accent: #d9795a;
  --t-name: 'Oswald', sans-serif; --t-name-style: normal; --t-name-weight: 600; --t-name-case: uppercase; --t-name-size: .8;
  --t-img: url(/themes/vintage.webp); --t-img-r: url(/themes/vintage.webp); }

[data-theme="white"] { --t-bg: #f7f6f4; --t-bg2: #e3dfda; --t-ink: #6e655c; --t-muted: #9a9087; --t-accent: #8c8178;
  --t-name: 'Dantina', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: .46; --t-name-lh: 1.9;
  --t-img: url(/themes/white.webp); --t-img-r: url(/themes/white.webp); }

/* ---------- Miniatura del estilo (selector) ---------- */

[data-theme="oliva"] { --t-bg: #f1f4ee; --t-bg2: #e2e9dc; --t-ink: #3e4a33; --t-muted: #7a8570; --t-accent: #a8904f;
  --t-name: 'Passions Conflict', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.35;
  --t-img: url(/themes/oliva.webp); --t-img-r: url(/themes/oliva.webp); }

/* ---------- Nuevos Platinum ---------- */
[data-theme="carbonilla"] { --t-bg: #f2f2f2; --t-bg2: #e4e4e4; --t-ink: #333333; --t-muted: #7a7a7a; --t-accent: #4a4a4a;
  --t-name: 'Great Vibes', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.05;
  --t-img: url(/themes/carbonilla.webp); --t-img-r: url(/themes/carbonilla.webp); }

[data-theme="celeste"] { --t-bg: #eaf2f6; --t-bg2: #dce9f0; --t-ink: #2c4a5c; --t-muted: #6d8796; --t-accent: #5d8fb0;
  --t-name: 'Parisienne', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.08;
  --t-img: url(/themes/celeste.webp); --t-img-r: url(/themes/celeste.webp); }

[data-theme="ceniza"] { --t-bg: #3f3d3c; --t-bg2: #4d4a48; --t-surface: rgba(38,36,35,.9); --t-ink: #f2f0ee; --t-muted: #bdb8b3; --t-accent: #e8e4e0; --t-accent-ink: #2f2d2c; --t-line: rgba(255,255,255,.15);
  --t-name: 'Allura', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.12; --t-glass: 72%;
  --t-img: url(/themes/ceniza.webp); --t-img-r: url(/themes/ceniza.webp); }

[data-theme="flores"] { --t-bg: #efe4da; --t-bg2: #e6d6c8; --t-ink: #4a3426; --t-muted: #8a6f5e; --t-accent: #c8612c;
  --t-name: 'Satisfy', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1; --t-glass: 76%;
  --t-img: url(/themes/flores.webp); --t-img-r: url(/themes/flores.webp); }

[data-theme="fresco"] { --t-bg: #c9cec6; --t-bg2: #d8dcd5; --t-ink: #3d4a3f; --t-muted: #6e7a70; --t-accent: #c27b82;
  --t-name: 'Great Vibes', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.05;
  --t-img: url(/themes/fresco.webp); --t-img-r: url(/themes/fresco.webp); }

[data-theme="naranjo"] { --t-glass: 78%; --t-bg: #e8ddd9; --t-bg2: #dccdc6; --t-ink: #4b3226; --t-muted: #8a6e60; --t-accent: #c46a2c;
  --t-name: 'Alex Brush', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.1;
  --t-img: url(/themes/naranjo.webp); --t-img-r: url(/themes/naranjo.webp); }

[data-theme="navidad"] { --t-bg: #a3a5a1; --t-bg2: #b8bab6; --t-ink: #2f3a30; --t-muted: #6c746c; --t-accent: #a52a2a;
  --t-name: 'Pinyon Script', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1;
  --t-img: url(/themes/navidad.webp); --t-img-r: url(/themes/navidad.webp); }

[data-theme="noche-verde"] { --t-bg: #0f2426; --t-bg2: #17363a; --t-surface: rgba(10,30,32,.88); --t-ink: #eaf6f4; --t-muted: #9fc3bf; --t-accent: #e8a48c; --t-accent-ink: #0f2426; --t-line: rgba(255,255,255,.14);
  --t-name: 'Allura', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.12;
  --t-img: url(/themes/noche-verde.webp); --t-img-r: url(/themes/noche-verde.webp); }

[data-theme="noche"] { --t-bg: #1a1b12; --t-bg2: #26281a; --t-surface: rgba(22,23,16,.9); --t-ink: #f3ecd9; --t-muted: #b9ae8f; --t-accent: #c9a45c; --t-accent-ink: #1a1b12; --t-line: rgba(255,255,255,.14);
  --t-name: 'Great Vibes', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.05;
  --t-img: url(/themes/noche.webp); --t-img-r: url(/themes/noche.webp); }

[data-theme="papel"] { --t-bg: #b3aaa6; --t-bg2: #c4bcb8; --t-ink: #3e302b; --t-muted: #7a6a64; --t-accent: #7d4f45;
  --t-name: 'Parisienne', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.08;
  --t-img: url(/themes/papel.webp); --t-img-r: url(/themes/papel.webp); }

[data-theme="regalos"] { --t-bg: #e7c9c6; --t-bg2: #efd9d6; --t-ink: #4a1f22; --t-muted: #8c5a5c; --t-accent: #b3162c;
  --t-name: 'Dancing Script', cursive; --t-name-style: normal; --t-name-weight: 700; --t-name-size: 1; --t-glass: 76%;
  --t-img: url(/themes/regalos.webp); --t-img-r: url(/themes/regalos.webp); }

[data-theme="rosas"] { --t-bg: #a07a76; --t-bg2: #b99a96; --t-surface: rgba(255,250,250,.94); --t-ink: #5a2530; --t-muted: #8f6a6e; --t-accent: #a8324a;
  --t-name: 'Pinyon Script', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1; --t-glass: 82%;
  --t-img: url(/themes/rosas.webp); --t-img-r: url(/themes/rosas.webp); }

[data-theme="te"] { --t-bg: #968b84; --t-bg2: #aaa099; --t-ink: #4a3a36; --t-muted: #86746d; --t-accent: #b0707a;
  --t-name: 'Alex Brush', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.1; --t-glass: 82%;
  --t-img: url(/themes/te.webp); --t-img-r: url(/themes/te.webp); }

/* ---------- Diseños Classic (fondos generados, más simples) ---------- */
[data-theme="arena"] { --t-bg: #efe5d8; --t-bg2: #e5d8c6; --t-ink: #5a4632; --t-muted: #8d7a66; --t-accent: #b0845f;
  --t-name: 'Cormorant Garamond', Georgia, serif; --t-name-style: italic; --t-name-weight: 500; --t-name-size: 1.05;
  --t-img: url(/themes/arena.webp); --t-img-r: url(/themes/arena.webp); }
[data-theme="salvia"] { --t-bg: #eef1ea; --t-bg2: #dfe6da; --t-ink: #3f5240; --t-muted: #7b8a7a; --t-accent: #6f8c68;
  --t-name: 'Great Vibes', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.05;
  --t-img: url(/themes/salvia.webp); --t-img-r: url(/themes/salvia.webp); }
[data-theme="terracota"] { --t-bg: #f5ebe1; --t-bg2: #ecd9c7; --t-ink: #5b3527; --t-muted: #93705f; --t-accent: #c8704f;
  --t-name: 'Playfair Display', Georgia, serif; --t-name-style: italic; --t-name-weight: 700; --t-name-size: .9;
  --t-img: url(/themes/terracota.webp); --t-img-r: url(/themes/terracota.webp); }
[data-theme="medianoche"] { --t-bg: #111b33; --t-bg2: #1b2a4a; --t-surface: rgba(17,27,51,.9); --t-ink: #f3ecdc; --t-muted: #b9b2a0; --t-accent: #e0bf74; --t-accent-ink: #111b33; --t-line: rgba(255,255,255,.14);
  --t-name: 'Cinzel', Georgia, serif; --t-name-style: normal; --t-name-weight: 600; --t-name-size: .78; --t-name-spacing: .04em;
  --t-img: url(/themes/medianoche.webp); --t-img-r: url(/themes/medianoche.webp); }
[data-theme="marfil"] { --t-bg: #fbf8f1; --t-bg2: #f1eadb; --t-ink: #4a3d28; --t-muted: #8c7d64; --t-accent: #b8975a;
  --t-name: 'Pinyon Script', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.05;
  --t-img: url(/themes/marfil.webp); --t-img-r: url(/themes/marfil.webp); }
[data-theme="rubor"] { --t-bg: #f8e6e2; --t-bg2: #f1d4cf; --t-ink: #5b3440; --t-muted: #947079; --t-accent: #d97a8a;
  --t-name: 'Parisienne', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.1;
  --t-img: url(/themes/rubor.webp); --t-img-r: url(/themes/rubor.webp); }
[data-theme="oceano"] { --t-bg: #e3f1f6; --t-bg2: #c9e3ec; --t-ink: #1f4a5c; --t-muted: #5f8594; --t-accent: #2f86a8;
  --t-name: 'Satisfy', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.05;
  --t-img: url(/themes/oceano.webp); --t-img-r: url(/themes/oceano.webp); }
[data-theme="lavanda"] { --t-bg: #f3eff9; --t-bg2: #e6ddf3; --t-ink: #43365e; --t-muted: #7d7295; --t-accent: #7a5cb5;
  --t-name: 'Great Vibes', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.05;
  --t-img: url(/themes/lavanda.webp); --t-img-r: url(/themes/lavanda.webp); }
[data-theme="confeti"] { --t-bg: #fffdf9; --t-bg2: #f5efe6; --t-ink: #2e2a3a; --t-muted: #77708a; --t-accent: #ff5f84;
  --t-name: 'Pacifico', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: .9;
  --t-img: url(/themes/confeti.webp); --t-img-r: url(/themes/confeti.webp); }
[data-theme="geometrico"] { --t-bg: #111111; --t-bg2: #1d1d1d; --t-surface: rgba(20,20,20,.9); --t-ink: #f2ede2; --t-muted: #aaa293; --t-accent: #c9a45c; --t-accent-ink: #111111; --t-line: rgba(255,255,255,.14);
  --t-name: 'Cinzel', Georgia, serif; --t-name-style: normal; --t-name-weight: 600; --t-name-size: .78; --t-name-spacing: .04em;
  --t-img: url(/themes/geometrico.webp); --t-img-r: url(/themes/geometrico.webp); }
[data-theme="vino"] { --t-bg: #4f1320; --t-bg2: #6a1b2a; --t-surface: rgba(255,250,246,.95); --t-ink: #3b1119; --t-muted: #7d5a60; --t-accent: #8e2238;
  --t-name: 'Pinyon Script', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.05;
  --t-img: url(/themes/vino.webp); --t-img-r: url(/themes/vino.webp); }
[data-theme="citrico"] { --t-bg: #fff7e6; --t-bg2: #fdebc4; --t-ink: #3f4a1f; --t-muted: #7c7d5a; --t-accent: #e89a1c; --t-accent-ink: #2b2b1a;
  --t-name: 'Pacifico', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: .9;
  --t-img: url(/themes/citrico.webp); --t-img-r: url(/themes/citrico.webp); }
[data-theme="nube"] { --t-bg: #e9f0ff; --t-bg2: #fbe7ef; --t-ink: #3b4a6b; --t-muted: #7c86a0; --t-accent: #6f9ae0;
  --t-name: 'Dancing Script', cursive; --t-name-style: normal; --t-name-weight: 700; --t-name-size: 1;
  --t-img: url(/themes/nube.webp); --t-img-r: url(/themes/nube.webp); }
[data-theme="bosque"] { --t-bg: #1c3a31; --t-bg2: #25493e; --t-surface: rgba(250,247,238,.95); --t-ink: #1f3a30; --t-muted: #5f7568; --t-accent: #b8975a;
  --t-name: 'Cormorant Garamond', Georgia, serif; --t-name-style: italic; --t-name-weight: 500; --t-name-size: 1.05;
  --t-img: url(/themes/bosque.webp); --t-img-r: url(/themes/bosque.webp); }
[data-theme="boho"] { --t-bg: #efe0d8; --t-bg2: #e4cfc4; --t-ink: #5a3d34; --t-muted: #8f7068; --t-accent: #b77f68;
  --t-name: 'Alex Brush', cursive; --t-name-style: normal; --t-name-weight: 400; --t-name-size: 1.1;
  --t-img: url(/themes/boho.webp); --t-img-r: url(/themes/boho.webp); }

.theme-prev { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; height: 100%; padding: 12px;
  background: var(--t-img) center / cover no-repeat, var(--t-bg); color: var(--t-ink); font-family: var(--t-body); overflow: hidden; }
.theme-prev .tp-card { position: relative; width: 78%; background: color-mix(in srgb, var(--t-surface) var(--t-glass, 58%), transparent); backdrop-filter: blur(6px); border-radius: 10px; padding: 12px 8px; display: flex; flex-direction: column; align-items: center; gap: 4px; box-shadow: 0 4px 14px rgba(0,0,0,.12); }
.theme-prev .tp-k { font-size: 7px; letter-spacing: .22em; text-transform: uppercase; color: var(--t-muted); }
.theme-prev .tp-t { font-family: var(--t-name); font-style: var(--t-name-style); font-weight: var(--t-name-weight); text-transform: var(--t-name-case); letter-spacing: var(--t-name-spacing);
  font-size: calc(21px * var(--t-name-size)); line-height: 1.05; text-align: center; color: var(--t-ink); text-shadow: var(--t-glow); }
.theme-prev .tp-b { background: var(--t-accent); color: var(--t-accent-ink); font-size: 8px; padding: 4px 10px; border-radius: 999px; margin-top: 3px; }
.theme-prev .tp-g { display: grid; grid-template-columns: repeat(3, 12px); gap: 3px; margin-top: 4px; }
.theme-prev .tp-g i { width: 12px; height: 12px; border-radius: 3px; background: var(--t-bg2); }