@font-face {
  font-family: "Perfumesia Editorial";
  src: url("/star/fonts/perfumesia/display.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

@font-face {
  font-family: "Perfumesia UI";
  src: url("/star/fonts/perfumesia/ui.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

body:has(.pf-luxury-catalog) {
  --pf-noir: #0b0908;
  --pf-espresso: #17120e;
  --pf-coffee: #56371f;
  --pf-hazelnut: #8b5c30;
  --pf-gold: #c99a5c;
  --pf-gold-light: #e1bb7a;
  --pf-ivory: #f5eee5;
  --pf-ui: "Perfumesia UI", "Helvetica Neue", Arial, sans-serif;
  --pf-editorial: "Perfumesia Editorial", Georgia, serif;

  background: var(--pf-noir);
  color: var(--pf-ivory);
}

/* Tipografía general de la página */
body:has(.pf-luxury-catalog) :is(
  p, a, button, input, textarea, select,
  label, span, small, strong, li, div
) {
  font-family: var(--pf-ui);
}

.pf-luxury-catalog :is(h1, h2, h3) {
  font-family: var(--pf-editorial);
  font-weight: 500;
  letter-spacing: .015em;
  line-height: 1.12;
  color: var(--pf-ivory);
}

/* Catálogo y titulares */
.pf-luxury-catalog > .card {
  background: linear-gradient(145deg, #17120e, #0d0b09);
  border: 1px solid rgba(201,154,92,.23);
}

.pf-luxury-catalog > .card h2 {
  font-size: clamp(2.5rem, 4vw, 4.2rem);
  font-weight: 400;
}

.pf-luxury-catalog .perfume-card {
  background: linear-gradient(155deg, #211912, #100d0b);
  border: 1px solid rgba(201,154,92,.25);
  box-shadow: 0 16px 42px rgba(0,0,0,.32);
}

.pf-luxury-catalog .perfume-card h3 {
  font-family: var(--pf-editorial);
  font-size: clamp(1.65rem, 2vw, 2rem);
  font-weight: 500;
}

.pf-luxury-catalog .perfume-card .info small {
  color: #c8b39a;
  letter-spacing: .06em;
}

.pf-luxury-catalog .desc {
  color: #d9cfc3;
  line-height: 1.7;
}

/* Ficha de lujo */
.pf-luxury-catalog .detail-hero {
  background: linear-gradient(135deg, #19130e, #0d0b09);
  border-color: rgba(201,154,92,.28);
}

.pf-luxury-catalog .detail-summary h1 {
  font-family: var(--pf-editorial);
  font-size: clamp(3rem, 5vw, 5rem);
  font-weight: 500;
  letter-spacing: -.012em;
}

.pf-luxury-catalog .detail-brand {
  color: #cbb79e;
  letter-spacing: .045em;
}

.pf-luxury-catalog .detail-eyebrow {
  color: var(--pf-gold);
  letter-spacing: .19em;
  font-weight: 700;
}

.pf-luxury-catalog :is(.price, .detail-price) {
  color: var(--pf-gold-light);
  font-family: var(--pf-ui);
  letter-spacing: .015em;
  font-weight: 650;
}

.pf-luxury-catalog .detail-desc {
  color: #dfd3c4;
  line-height: 1.75;
}

/* Botones principales — oro y avellana */
.pf-luxury-catalog .actions button,
.pf-luxury-catalog #detailAddCartBtn {
  background: linear-gradient(
    115deg,
    #8b5c30 0%,
    #e1bb7a 55%,
    #b47b3b 100%
  );

  color: #201409;
  border: 1px solid #d5a45d;
  border-radius: 999px;

  font-family: var(--pf-ui);
  font-weight: 800;
  font-size: .79rem;
  letter-spacing: .12em;
  text-transform: uppercase;

  padding: 14px 25px;
  min-height: 48px;

  box-shadow: 0 10px 25px rgba(104,65,26,.23);
  transition: transform .2s ease, filter .2s ease,
              box-shadow .2s ease;
}

.pf-luxury-catalog .actions button:hover,
.pf-luxury-catalog #detailAddCartBtn:hover {
  transform: translateY(-2px);
  filter: brightness(1.09);
  box-shadow: 0 14px 29px rgba(166,109,43,.30);
}

/* Botón secundario — espresso */
.pf-luxury-catalog #backBtn {
  background: rgba(23,18,14,.92);
  color: #ead4b5;
  border: 1px solid rgba(201,154,92,.65);
  border-radius: 999px;
  min-height: 48px;
  padding: 14px 25px;

  font-family: var(--pf-ui);
  font-size: .79rem;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.pf-luxury-catalog #backBtn:hover {
  background: #302217;
  border-color: #e1bb7a;
  color: #fff4e6;
}

/* Arquitectura aromática: titulares, no círculos */
.pf-luxury-catalog .olfactory-heading h2 {
  font-family: var(--pf-editorial);
  font-weight: 500;
  font-size: clamp(2.1rem, 3.5vw, 3.5rem);
}

.pf-luxury-catalog .olfactory-palette-card strong,
.pf-luxury-catalog .scent-layer h4 {
  color: #f2e2cb;
}

/* Navegación corporativa en la página de perfumes */
body:has(.pf-luxury-catalog) .pf-navbar__link--active {
  background: rgba(201,154,92,.13);
  color: #eac58c;
}

body:has(.pf-luxury-catalog)
.pf-navbar__link--active::after {
  background: #c99a5c;
}

body:has(.pf-luxury-catalog) .pf-navbar__link:hover {
  color: #eac58c;
  background: rgba(201,154,92,.09);
}

/* Accesibilidad */
.pf-luxury-catalog button:focus-visible,
body:has(.pf-luxury-catalog) .pf-navbar a:focus-visible {
  outline: 2px solid #e1bb7a;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .pf-luxury-catalog button {
    transition: none;
  }
  .pf-luxury-catalog button:hover {
    transform: none;
  }
}

/* =====================================================
   PERFUMESIA BRAND HOVER V1
   Luxury Noir / Gold / Champagne
===================================================== */

body:has(.pf-luxury-catalog)
.pf-navbar a[href="/"],
body:has(.pf-luxury-catalog)
.pf-navbar a[href="/"] * {
    color: #f5eee5 !important;

    transition:
        color .22s ease,
        text-shadow .22s ease;
}

/* Hover corporativo dorado */
body:has(.pf-luxury-catalog)
.pf-navbar a[href="/"]:hover,
body:has(.pf-luxury-catalog)
.pf-navbar a[href="/"]:hover * {
    color: #e1bb7a !important;

    text-shadow:
        0 0 12px rgba(201,154,92,.22);
}

/* Navegacion por teclado */
body:has(.pf-luxury-catalog)
.pf-navbar a[href="/"]:focus-visible {
    color: #e1bb7a !important;
    outline: 2px solid #e1bb7a !important;
    outline-offset: 4px;
}

body:has(.pf-luxury-catalog)
.pf-navbar a[href="/"]:focus-visible * {
    color: #e1bb7a !important;
}

@media (prefers-reduced-motion: reduce) {
    body:has(.pf-luxury-catalog)
    .pf-navbar a[href="/"],
    body:has(.pf-luxury-catalog)
    .pf-navbar a[href="/"] * {
        transition: none;
    }
}

/* =====================================================
   PERFUMESIA CARD ALIGNMENT V1
   Luxury Commerce
===================================================== */

.pf-luxury-catalog #perfumeList .perfume-card {
    display: flex;
    flex-direction: column;
}

.pf-luxury-catalog #perfumeList .perfume-card > .info {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.pf-luxury-catalog #perfumeList .perfume-card .price {
    margin-top: auto;
}



/* PERFUMESIA_EDITORIAL_DETAIL_V1 */
.pf-editorial-reading {
  margin: 38px auto;
  padding: clamp(25px, 5vw, 55px);
  background: linear-gradient(135deg, #211811, #110d0b);
  border: 1px solid #735034;
  border-radius: 18px;
  color: #f5eee5;
}

.pf-editorial-eyebrow {
  font-size: 11px;
  letter-spacing: .2em;
  color: #c99a5c;
}

.pf-editorial-reading h2 {
  font-family: "Perfumesia Editorial", Georgia, serif;
  font-size: clamp(35px, 4vw, 57px);
  font-weight: 400;
  color: #f5eee5;
  margin: 16px 0 24px;
}

.pf-editorial-description {
  max-width: 850px;
  font-size: 16px;
  line-height: 1.95;
  color: #dfd1c1;
}

.pf-editorial-family {
  margin-top: 22px;
  color: #e1bb7a;
  font-size: 13px;
  letter-spacing: .06em;
}

.pf-editorial-accords {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 22px 0;
}

.pf-editorial-accords span {
  padding: 8px 14px;
  border: 1px solid #806044;
  border-radius: 30px;
  color: #e5d3bc;
  font-size: 12px;
}

.pf-editorial-palette {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin: 30px 0;
}

.pf-editorial-color {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  font-size: 11px;
  color: #cfc0ae;
}

.pf-editorial-swatch {
  display: block;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid #ffffff36;
}

.pf-editorial-phases {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 25px;
  margin-top: 35px;
}

.pf-editorial-phase {
  margin-top: 15px;
}

.pf-editorial-phase h3 {
  color: #e1bb7a;
  font-family: "Perfumesia Editorial", Georgia, serif;
  font-size: 25px;
  font-weight: 400;
}

.pf-editorial-phase p {
  color: #d0c1b0;
  line-height: 1.8;
  font-size: 13px;
}

@media (max-width: 750px) {
  .pf-editorial-phases {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}


/* PERFUMESIA_CATALOG_IMAGE_FIT_V1 */

/*
 * Mantener el frasco completo dentro de la tarjeta.
 * No recortar fotografías de producto.
 */
.perfume-card .perfume-img {
  width: 100%;
  height: 255px;
  object-fit: contain;
  object-position: center;
  padding: 18px 22px;
  box-sizing: border-box;
  background: #fff;
}

/* Pantallas grandes */
@media (min-width: 1200px) {
  .perfume-card .perfume-img {
    height: 270px;
    padding: 20px 26px;
  }
}

/* Tablet */
@media (max-width: 900px) {
  .perfume-card .perfume-img {
    height: 245px;
    padding: 16px 20px;
  }
}

/* Móvil */
@media (max-width: 560px) {
  .perfume-card .perfume-img {
    height: 230px;
    padding: 15px 18px;
  }
}