/* SCENTIVOIRE · Porcelana 0.4.8 · Búsqueda (.pc-page--sx) y 404 (.pc-page--nf). Todo acotado a esas dos páginas. */
.pc-page--sx, .pc-page--nf { --sx-gold: #B08D57; --sx-goldl: #D8C39A; --sx-line: rgba(244,243,240,.14); }

/* --- Cabecera oscura de búsqueda --- */
.pc-page--sx .pc-sx-hero { background: var(--pc-noche, #1F2226); color: var(--pc-porcelana, #F4F3F0); padding: clamp(56px, 7vw, 112px) 0 0; }
.pc-sx-hero__label, .pc-nf-hero__label { display: flex; align-items: center; gap: 12px; margin: 0; color: var(--sx-goldl); }
.pc-sx-hero__rule, .pc-nf-hero__rule { display: inline-block; width: 36px; height: 1px; background: var(--sx-gold); }
.pc-sx-hero__title { margin: 22px 0 0; font-size: clamp(2.6rem, 1rem + 6vw, 7.5rem); font-weight: 200; line-height: .95; letter-spacing: -.02em; color: inherit; overflow-wrap: anywhere; }
.pc-sx-hero__q { font-style: italic; color: var(--sx-goldl); }
.pc-sx-hero__form, .pc-nf-hero__form { max-width: 760px; margin-top: clamp(32px, 4vw, 48px); }
.pc-page--sx .pc-sx-hero .pc-searchform__label, .pc-page--nf .pc-searchform__label { color: var(--pc-niebla, #A9ADB3); }
.pc-page--sx .pc-sx-hero .pc-searchform__input, .pc-page--nf .pc-searchform__input { color: var(--pc-porcelana, #F4F3F0); border-bottom-color: var(--sx-gold); font-size: clamp(1.15rem, 1rem + .5vw, 1.4rem); font-weight: 300; }
.pc-page--sx .pc-sx-hero .pc-searchform__input::placeholder, .pc-page--nf .pc-searchform__input::placeholder { color: var(--pc-niebla, #A9ADB3); }
.pc-page--sx .pc-sx-hero .pc-searchform__input:focus, .pc-page--nf .pc-searchform__input:focus { border-bottom-color: var(--sx-goldl); }
.pc-page--sx .pc-sx-hero .pc-searchform__input:focus-visible, .pc-page--nf .pc-searchform__input:focus-visible { outline-color: var(--sx-goldl); }
.pc-page--sx .pc-sx-hero .pc-searchform__submit, .pc-page--nf .pc-searchform__submit { color: var(--sx-goldl); }
.pc-sx-tabs { display: flex; flex-wrap: wrap; gap: 0 clamp(24px, 4vw, 44px); margin-top: clamp(40px, 5vw, 64px); border-top: 1px solid var(--sx-line); }
.pc-sx-tabs__link { padding: 20px 0; color: var(--pc-niebla, #A9ADB3); font-size: .66rem; font-weight: 500; letter-spacing: .24em; text-transform: uppercase; text-decoration: none; }
.pc-sx-tabs__link:hover, .pc-sx-tabs__link.is-active { color: var(--pc-porcelana, #F4F3F0); }
.pc-sx-tabs__link.is-active { box-shadow: inset 0 2px 0 var(--sx-gold); }
.pc-sx-tabs__link sup { margin-left: 6px; color: var(--sx-goldl); letter-spacing: .05em; }

/* --- Resultados --- */
.pc-page--sx .pc-sx { padding-top: clamp(56px, 7vw, 104px); }
.pc-sx__group + .pc-sx__group { margin-top: clamp(64px, 7vw, 104px); }
.pc-sx__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; margin-bottom: 32px; padding-bottom: 18px; border-bottom: 1px solid var(--pc-grafito, #1D1E20); }
.pc-sx__heading { margin: 0; font-size: clamp(1.7rem, 1.2rem + 1.6vw, 2.8rem); font-weight: 300; line-height: 1.1; }
.pc-sx__count { margin: 0; color: var(--pc-filete-activo, #83858A); white-space: nowrap; }
.pc-sx__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.pc-sx__grid > .pc-card { min-width: 0; }
.pc-sx-finder { grid-column: span 2; display: flex; flex-direction: column; justify-content: flex-end; gap: 18px; min-height: 320px; padding: clamp(28px, 3vw, 40px); background: var(--pc-grafito, #1D1E20); color: var(--pc-porcelana, #F4F3F0); text-decoration: none; transition: background .3s; }
.pc-sx-finder:hover { background: var(--pc-noche, #1F2226); }
.pc-sx-finder__kicker { color: var(--sx-goldl); }
.pc-sx-finder__title { font-size: clamp(1.6rem, 1.1rem + 1.4vw, 2.4rem); font-weight: 200; line-height: 1.15; max-width: 22ch; }
.pc-sx-finder__cta { color: var(--pc-porcelana, #F4F3F0); }
.pc-sx__list > .pc-story--row { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 32px; padding: 28px 0; border-bottom: 1px solid var(--pc-filete, #D4D2CD); align-items: start; }
.pc-sx__list > .pc-story--row:first-child { border-top: 0; }
.pc-sx__list .pc-story__meta { display: flex; flex-direction: column; gap: 6px; margin: 0; }
.pc-sx__list .pc-story__label { font-size: .6rem; font-weight: 500; letter-spacing: .24em; text-transform: uppercase; color: var(--pc-grafito, #1D1E20); }
.pc-sx__list .pc-story__meta time { font-size: .82rem; color: var(--pc-filete-activo, #83858A); }
.pc-sx__list .pc-story__title { margin: 0; font-size: clamp(1.25rem, 1rem + .6vw, 1.5rem); font-weight: 300; line-height: 1.25; }
.pc-sx__list .pc-story__title a { text-decoration: none; }
.pc-sx__list .pc-story__title a:hover { text-decoration: underline; text-underline-offset: 4px; }
.pc-sx__list .pc-story__excerpt { margin: 8px 0 0; max-width: 64ch; color: var(--pc-pizarra, #5A5D62); font-size: .95rem; }
.pc-page--sx .pc-salons { margin-top: clamp(64px, 7vw, 104px); }
.pc-sx__empty { max-width: 640px; }

/* --- 404 --- */
.pc-nf-hero { position: relative; overflow: hidden; background: var(--pc-noche, #1F2226); color: var(--pc-porcelana, #F4F3F0); }
.pc-nf-hero__inner { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: center; min-height: 680px; padding-block: clamp(56px, 6vw, 80px); }
.pc-nf-hero__big { margin: 0; font-size: clamp(6rem, 2rem + 14vw, 16rem); font-weight: 200; line-height: .8; letter-spacing: -.05em; color: transparent; -webkit-text-stroke: 1px var(--sx-goldl); }
.pc-nf-hero__label { margin-top: 28px; }
.pc-nf-hero__title { margin: 22px 0 16px; font-size: clamp(2.1rem, 1.4rem + 2.6vw, 4rem); font-weight: 200; line-height: 1.05; color: inherit; }
.pc-nf-hero__lead { margin: 0; max-width: 46ch; color: var(--pc-niebla, #A9ADB3); font-size: 1.08rem; line-height: 1.6; }
.pc-nf-hero__form { max-width: 520px; }
.pc-nf-hero__stage { position: relative; height: 520px; }
.pc-nf-hero__stage::before { content: ""; position: absolute; inset: 6% 8% 0; border: 1px solid var(--sx-line); border-bottom: 0; border-radius: 50% 50% 0 0 / 36% 36% 0 0; background: radial-gradient(ellipse at 50% 30%, #3A3D42, #25282C 70%); }
.pc-nf-hero__stage img { position: absolute; bottom: 0; left: 18%; width: 64%; height: auto; transform: rotate(-8deg); transform-origin: bottom center; filter: drop-shadow(0 30px 40px rgba(0,0,0,.5)); }
.pc-page--nf .pc-nf { padding-block: clamp(56px, 7vw, 104px); }
.pc-nf-paths__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--pc-grafito, #1D1E20); }
.pc-nf-paths__item + .pc-nf-paths__item { border-left: 1px solid var(--pc-filete, #D4D2CD); }
.pc-nf-paths__link { display: flex; flex-direction: column; gap: 10px; height: 100%; padding: 32px 28px; text-decoration: none; color: var(--pc-grafito, #1D1E20); transition: background .3s; }
.pc-nf-paths__item:first-child .pc-nf-paths__link { padding-left: 0; }
.pc-nf-paths__link:hover { background: var(--pc-yeso, #E8E6E1); }
.pc-nf-paths__n { color: var(--sx-gold); font-size: 2.6rem; font-weight: 200; line-height: 1; }
.pc-nf-paths__title { margin-top: 6px; font-size: 1.4rem; font-weight: 400; }
.pc-nf-paths__text { color: var(--pc-pizarra, #5A5D62); font-size: .92rem; }
.pc-page--nf .pc-quicklinks { margin-top: clamp(40px, 5vw, 64px); }

@media (max-width: 900px) {
  .pc-sx__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .pc-sx-finder { min-height: 220px; }
  .pc-sx__list > .pc-story--row { grid-template-columns: 1fr; gap: 8px; }
  .pc-nf-hero__inner { grid-template-columns: 1fr; min-height: 0; }
  .pc-nf-hero__stage { height: 320px; }
  .pc-nf-hero__stage img { left: 25%; width: 50%; }
  .pc-nf-paths__list { grid-template-columns: 1fr 1fr; }
  .pc-nf-paths__item { border-bottom: 1px solid var(--pc-filete, #D4D2CD); }
  .pc-nf-paths__item:nth-child(odd) { border-left: 0; }
  .pc-nf-paths__item:nth-child(odd) .pc-nf-paths__link { padding-left: 0; }
  .pc-nf-paths__item:nth-child(even) .pc-nf-paths__link { padding-left: 20px; padding-right: 0; }
}