/* ==========================================================================
   PRESTIGE — negro y dorado
   Negro cálido, líneas finas doradas, logo y botones con el degradé dorado del logo original.
   Tipografías: Anton (titulares), Cinzel (acentos en mayúsculas romanas, en lugar de la gótica)
   y Playfair Display itálica (la palabra dorada, en lugar de la caligrafía).
   ========================================================================== */
:root {
  --bg: #080705;
  --bg-2: #0d0b08;
  --panel: #15120c;
  --panel-2: #1d1911;
  --line: rgba(227, 179, 91, .15);
  --line-2: rgba(227, 179, 91, .34);
  --ink: #f6f0e3;
  --ink-2: #b5aa95;
  --ink-3: #766d5c;
  --accent: #e3b35b;
  --accent-ink: #130e05;
  --pink: #f7d389;                       /* etiquetas secundarias: oro claro */
  --f-goth: 'Cinzel', 'Trajan Pro', 'Times New Roman', serif;
  --f-script: 'Playfair Display', 'Bodoni MT', Georgia, serif;
  --oro: linear-gradient(128deg, #f9dc9a 0%, #ebbd68 34%, #c99542 68%, #e9bb66 100%);
}

/* logo con el degradé del original */
.hdr__logo .logo, .ftr__logo .logo, .menu .logo, .intro__fill .logo, .gate .logo { background: var(--oro); }
.hdr__logo { width: 150px; }
.ftr__logo { width: 190px; }
@media (max-width: 960px) { .hdr__logo { width: 128px; } }
.intro__logo { width: min(64vw, 520px); }

/* botones dorados */
.btn:not(.btn--line):not(.btn--dark):not(:hover) { background-image: var(--oro); }
.tag--accent { background-image: var(--oro); }
.size[aria-pressed='true'] { background-image: var(--oro); }

/* Cinzel: mayúsculas romanas, más chicas y espaciadas que la gótica */
.goth { font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.hero__eyebrow b, .sec__eyebrow b { font-size: 12.5px; letter-spacing: .2em; font-weight: 700; text-transform: uppercase; }
.intro__t { font-size: 13px; letter-spacing: .24em; text-transform: uppercase; }
.band__item:nth-child(3n) { font-weight: 600; letter-spacing: .05em; text-transform: uppercase; font-size: clamp(27px, 4.4vw, 72px); }
/* monograma 3D dorado: entero dentro de la foto del hero */
.hero__3d { left: 1.5%; bottom: 2.5%; width: clamp(170px, 19vw, 300px); }
@media (max-width: 960px) { .hero__3d { left: 3%; width: 36vw; } }
.walk__in h2 em { font-weight: 600; letter-spacing: .02em; text-transform: uppercase; font-size: .8em; }
.menu__side .goth { font-size: 14px; }

/* Playfair itálica en lugar de la caligrafía */
.script { font-style: italic; font-weight: 500; letter-spacing: -.01em; }
.hero__title em { font-style: italic; font-weight: 500; font-size: .86em; line-height: .9; letter-spacing: -.025em; transform: translateY(.02em); margin-left: 0; padding-right: .06em;
  background: var(--oro); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero__title .line:nth-child(2) > span { gap: .2em; }
.drop__script { font-style: italic; font-weight: 500; font-size: clamp(64px, 10vw, 190px); line-height: .9; left: 34%; top: 34%; transform: rotate(-4deg); letter-spacing: -.02em; }
.mundo-end h2 em, .gate h1 em { font-style: italic; font-weight: 500; font-size: .92em; line-height: .9; }
.cart-empty .script { font-size: 46px; line-height: 1; }

/* detalles */
.pcard__media, .ccard, .duo__media { outline: 1px solid var(--line); outline-offset: -1px; }
.feat { border-top: 1px solid var(--line); }
.price__from { color: var(--ink-2); }
::selection { background: #e3b35b; color: #130e05; }
