/* =========================================================================
   Kori — la línea de maquillaje.
   Crema cálido, tinta oscura y un rosa empolvado; títulos en Cormorant Garamond (como el catálogo PDF).
   La barra de arriba y el pie son los de Friky. En las páginas de Kori no se carga estilo-estudio.css;
   en la portada de Friky el bloque .kori-band se protege de ese estilo.
   ========================================================================= */
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 500 600; font-display: swap;
  src: url("../fonts/cormorant-normal-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122, U+2212; }
@font-face { font-family: "Cormorant Garamond"; font-style: italic; font-weight: 500; font-display: swap;
  src: url("../fonts/cormorant-italic-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122, U+2212; }

:root {
  --k-cream: #F8F1EC;
  --k-sand: #EFE3DC;
  --k-card: #F4EAE5;
  --k-ink: #2B1E22;
  --k-muted: #7C6A6E;
  --k-rose: #9E4F5C;
  --k-rose-700: #7F3846;
  --k-blush: #E8BEBA;
  --k-line: #E6DAD6;
  --k-serif: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
}

/* ---------------------------------------------------------------- Páginas de Kori */
body.is-kori { background: var(--k-cream); color: var(--k-ink); }
.is-kori main { background: var(--k-cream); }
.is-kori .breadcrumbs, .is-kori .breadcrumbs a { color: var(--k-muted); }
.is-kori .btn { --btn-bg: #fff; --btn-fg: var(--k-ink); --btn-bd: var(--k-ink); }
.is-kori .btn-primary, .kori-band .btn-primary { --btn-bg: var(--k-ink); --btn-fg: #fff; --btn-bd: var(--k-ink); }
.is-kori .btn-primary:hover, .kori-band .btn-primary:hover { --btn-bg: var(--k-rose-700); --btn-bd: var(--k-rose-700); }
.is-kori :focus-visible { outline-color: var(--k-rose); }

.kori-brand {
  margin: 0; font-family: var(--k-serif); font-weight: 600; font-size: 15px; letter-spacing: .32em; text-transform: uppercase; color: var(--k-rose);
}
.kori-head { padding: 22px 0 22px; border-bottom: 1px solid var(--k-line); }
.kori-head-grid { display: grid; gap: 22px; align-items: end; }
@media (min-width: 900px) { .kori-head-grid { grid-template-columns: minmax(0, 1fr) auto; } }
.kori-head .breadcrumbs { margin-bottom: 14px; }
.kori-title {
  margin: 0 0 8px; font-family: var(--k-serif); font-weight: 600; letter-spacing: 0; line-height: 1.05;
  font-size: clamp(36px, 4.6vw, 52px); color: var(--k-ink);
}
.kori-intro { margin: 0; max-width: 52ch; color: var(--k-muted); font-size: 16px; line-height: 1.55; }

/* Botón del catálogo PDF: un enlace sencillo con ícono */
.kori-pdf {
  display: inline-flex; align-items: center; gap: 10px; padding: 11px 16px; border-radius: 8px; text-decoration: none;
  background: transparent; color: var(--k-ink); border: 1px solid var(--k-ink); font-size: 14px; line-height: 1.3;
}
.kori-pdf:hover { background: var(--k-ink); color: #fff; }
.kori-pdf > .icon { width: 18px; height: 18px; flex: none; }
.kori-pdf strong { font-weight: 700; }
.kori-pdf span span { color: var(--k-muted); }
.kori-pdf:hover span span { color: rgba(255, 255, 255, .75); }
@media (max-width: 899px) { .kori-pdf { justify-self: start; } }

/* Pestañas de subcategorías */
.kori-tabs { position: sticky; top: var(--header-h, 60px); z-index: 20; background: rgba(248, 241, 236, .96); border-bottom: 1px solid var(--k-line); }
.kori-tabs ul { display: flex; gap: 2px; list-style: none; margin: 0; padding: 0; overflow-x: auto; scrollbar-width: none; }
.kori-tabs ul::-webkit-scrollbar { display: none; }
.kori-tabs a {
  display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; padding: 10px 12px; border-radius: 0; text-decoration: none;
  color: var(--k-ink); font-size: 14px; font-weight: 600; border: 1px solid transparent;
}
.kori-tabs a span { font-size: 12px; font-weight: 600; color: var(--k-muted); }
.kori-tabs a:hover { color: var(--k-rose-700); }
.kori-tabs a[aria-current="page"] { background: transparent; color: var(--k-ink); border-color: transparent; box-shadow: inset 0 -2px 0 var(--k-ink); border-radius: 0; }
.kori-tabs a[aria-current="page"] span { color: var(--k-muted); }

.kori-list { padding-top: 22px; padding-bottom: 64px; }
.kori-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin-bottom: 22px; }
.kori-count { margin: 0 auto 0 0; color: var(--k-muted); font-size: 14px; }
.kori-count strong { color: var(--k-ink); }
.kori-check { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; cursor: pointer; }
.kori-check input { width: 18px; height: 18px; accent-color: var(--k-ink); }
.kori-sort .select { min-height: 40px; border-radius: 999px; border-color: var(--k-line); background-color: #fff; font-size: 14px; }
.kori-pages { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 40px; color: var(--k-muted); font-size: 14px; }
.kori-empty { text-align: center; padding: 70px 16px; display: grid; justify-items: center; gap: 10px; }
.kori-empty h2 { margin: 0; font-family: var(--k-serif); font-weight: 600; font-size: 40px; }
.kori-empty p { margin: 0; color: var(--k-muted); }

/* ---------------------------------------------------------------- Tarjetas de producto en Kori
   (en las páginas de Kori no se carga estilo-estudio.css; en el bloque de la portada sí, por eso los !important) */
.is-kori .card-media, .kori-band .card .card-media {
  background: var(--k-card) !important; border: 0 !important; border-radius: 4px; box-shadow: none !important; animation: none !important; aspect-ratio: 3 / 4 !important;
}
.is-kori .card, .kori-band .card { rotate: none !important; }
.kori-band .card-media::before, .kori-band .card-media::after { content: none !important; }
.is-kori .card-media img, .kori-band .card-media img { object-fit: cover !important; padding: 0 !important; mix-blend-mode: normal !important; width: 100%; height: 100%; }
.is-kori .card-brand, .kori-band .card-brand { color: var(--k-muted); font-size: 12px; letter-spacing: .02em; text-transform: none; }
.is-kori .card-title, .kori-band .card-title { font-family: inherit; font-weight: 600; font-size: 15px; line-height: 1.3; color: var(--k-ink); }
.is-kori .card .price-now, .kori-band .price-now { font-size: 15px; font-weight: 700; color: var(--k-ink); }
.is-kori .price-sale .price-now, .kori-band .price-sale .price-now { color: var(--k-rose); }
.is-kori .card-quick, .kori-band .card-quick { background: #fff !important; color: var(--k-ink) !important; border: 1px solid var(--k-line) !important; }
.is-kori .card-quick:hover, .kori-band .card-quick:hover { background: var(--k-ink) !important; color: #fff !important; }
.is-kori .sticker, .kori-band .sticker {
  width: auto !important; height: auto !important; clip-path: none !important; transform: none !important; animation: none !important;
  padding: 3px 7px !important; border-radius: 2px !important; border: 0 !important; font-size: 11px !important; font-weight: 700 !important;
  letter-spacing: .06em; text-transform: uppercase; background: #fff !important; color: var(--k-ink) !important;
}
.is-kori .sticker::before, .is-kori .sticker::after, .kori-band .sticker::before, .kori-band .sticker::after { content: none !important; }
.is-kori .sticker-sale, .kori-band .sticker-sale { background: var(--k-rose) !important; color: #fff !important; }
.is-kori .swatch-dot, .kori-band .swatch-dot { box-shadow: inset 0 0 0 1px rgba(43, 30, 34, .15); }

/* Ficha de producto de Kori */
.is-kori .gallery-main, .is-kori .gallery-main figure, .is-kori .gallery-thumbs button { background: var(--k-card) !important; border-color: transparent !important; box-shadow: none !important; }
.is-kori .gallery-main img, .is-kori .gallery-thumbs img { object-fit: cover !important; mix-blend-mode: normal !important; padding: 0 !important; }
.is-kori .gallery-main, .is-kori .gallery-main figure, .is-kori .gallery-thumbs button { border-radius: 4px !important; overflow: hidden; }
.is-kori .product-title, .is-kori h1 { font-family: var(--k-serif); font-weight: 600; letter-spacing: -.01em; color: var(--k-ink); }
.is-kori .product-brand { color: var(--k-rose); }

/* ---------------------------------------------------------------- Bloque de Kori en la portada de Friky */
.kori-band {
  display: grid; gap: 28px; padding: 34px 22px; border-radius: 6px; background: var(--k-cream); color: var(--k-ink); align-items: center;
}
@media (min-width: 980px) { .kori-band { grid-template-columns: minmax(260px, 340px) minmax(0, 1fr); padding: 44px; gap: 44px; } }
.kori-band h2 span { font-style: italic; font-weight: 500; color: var(--k-rose-700); }
.kori-band h2 { margin: 0 0 10px; font-family: var(--k-serif); font-weight: 600; font-size: clamp(38px, 5vw, 56px); line-height: 1; color: var(--k-ink); text-shadow: none; }
.kori-band-copy > p:not(.kori-brand) { margin: 0; color: var(--k-muted); line-height: 1.55; }
.kori-band-chips { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 18px 0 0; padding: 0; }
.kori-band-chips a { display: inline-block; padding: 5px 10px; border-radius: 4px; border: 1px solid var(--k-line); background: #fff; color: var(--k-ink); font-size: 13px; font-weight: 600; text-decoration: none; }
.kori-band-chips a:hover { border-color: var(--k-ink); }
.kori-band-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.kori-band .btn-ghost { --btn-bg: transparent; --btn-fg: var(--k-ink); --btn-bd: var(--k-line); }
.kori-band-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
@media (min-width: 700px) { .kori-band-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } }
@media (min-width: 980px) and (max-width: 1180px) { .kori-band-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .kori-band-grid > li:nth-child(n+3) { display: none; } }