/*
 * Tema "Parfumia" — basado en el manual de marca.
 * Sobrio, con aire, ritmo pausado; sin brillos, 3D ni sombras marcadas.
 * Se carga después de los estilos del layout y todo va bajo .tema-parfumia.
 */

.tema-parfumia {
    --tema-textura-header: repeating-linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.035) 0 2px,
        transparent 2px 7px
    );
    --tema-radio: 4px;
    --tema-linea: rgba(0, 0, 0, 0.07);
    --tema-linea-hover: rgba(0, 0, 0, 0.16);
    --tema-fondo-imagen: #f7f6f3;
    --tema-transicion: 0.6s ease;
}

/* ---------- Header: franjas oblicuas sutiles (como la wiki) ---------- */
.tema-parfumia .nav-categories,
.tema-parfumia .announcement-bar {
    background-image: var(--tema-textura-header);
}

.tema-parfumia .mobile-header {
    background-image: var(--tema-textura-header) !important;
}

.tema-parfumia .nav-categories.compact {
    box-shadow: none;
}

.tema-parfumia .nav-categories .nav-link {
    letter-spacing: 0.16em;
}

/* ---------- Hero ---------- */
.tema-parfumia .hero-section::before {
    animation: none;
    background: radial-gradient(ellipse at 30% 50%, rgba(255, 255, 255, 0.05) 0%, transparent 60%);
}

.tema-parfumia .hero-glass {
    background: rgba(17, 17, 17, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: var(--tema-radio);
    padding: 2.25rem 2.75rem;
    box-shadow: none;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.tema-parfumia .hero-glass:hover {
    transform: none;
    box-shadow: none;
}

.tema-parfumia .hero-title {
    font-weight: 300;
    letter-spacing: 0.08em;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.35);
    -webkit-text-stroke: 0;
    filter: none;
    animation: none;
}

.tema-parfumia .hero-subtitle {
    font-weight: 300;
    letter-spacing: 0.06em;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.35);
    filter: none;
}

/* ---------- Botones ---------- */
.tema-parfumia .btn-primary {
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 2px;
    font-weight: 400;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    box-shadow: none;
    transition: background-color var(--tema-transicion), color var(--tema-transicion), border-color var(--tema-transicion);
}

.tema-parfumia .btn-primary::before {
    display: none;
}

.tema-parfumia .btn-primary:hover,
.tema-parfumia .btn-primary:focus-visible,
.tema-parfumia .btn-primary:active {
    background: transparent;
    color: var(--primary-color) !important;
    border-color: var(--primary-color);
    transform: none;
    box-shadow: none;
}

.tema-parfumia .hero-section .btn-primary:hover,
.tema-parfumia .hero-section .btn-primary:focus-visible {
    color: #fff !important;
    border-color: #fff;
}

/* ---------- Tarjetas ---------- */
.tema-parfumia .card {
    border-radius: 6px;
    border: 1px solid var(--tema-linea);
    box-shadow: none;
    transition: border-color var(--tema-transicion);
}

.tema-parfumia .card:hover {
    box-shadow: none;
    border-color: var(--tema-linea-hover);
}

.tema-parfumia .product-card {
    border-radius: var(--tema-radio);
    background: #fff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    transform-style: flat;
    will-change: auto;
}

.tema-parfumia .product-card::before,
.tema-parfumia .product-card::after,
.tema-parfumia .product-card-image-wrapper::after {
    display: none;
}

.tema-parfumia .product-card:hover {
    transform: none;
    box-shadow: none;
    border-color: var(--tema-linea-hover);
}

.tema-parfumia .product-card-image-wrapper {
    background: var(--tema-fondo-imagen);
    border-radius: 0;
}

.tema-parfumia .product-image {
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
    filter: none;
}

.tema-parfumia .product-card:hover .product-image {
    transform: scale(1.03);
    filter: none;
}

.tema-parfumia .product-card-pres-chip {
    border: 1px solid #111;
    border-radius: 4px;
    background: #fff;
    color: #111;
    box-shadow: none;
}

.tema-parfumia .product-card-pres-chip.is-active {
    background: #111;
    border-color: #111;
    color: #f7f6f3;
}

/* ---------- Títulos de sección: mayúsculas espaciadas ---------- */
.tema-parfumia .section-title,
.tema-parfumia .pm-section-title {
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.28em;
    font-size: clamp(1.05rem, 2.2vw, 1.6rem);
    text-shadow: none;
}

.tema-parfumia .section-title::after {
    display: none;
}

@media (max-width: 575.98px) {
    .tema-parfumia .section-title,
    .tema-parfumia .pm-section-title {
        letter-spacing: 0.18em;
    }
}

/* ---------- Ritmo: más aire entre secciones ---------- */
.tema-parfumia .pm-section {
    padding: clamp(3rem, 7vw, 5.5rem) 0;
}

@media (prefers-reduced-motion: reduce) {
    .tema-parfumia *,
    .tema-parfumia *::before,
    .tema-parfumia *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* ---------- Preguntas frecuentes ---------- */
.tema-parfumia .pf-faq {
    padding: 0 0 clamp(3rem, 7vw, 5rem);
    color: #111;
}
.tema-parfumia .pf-faq__header {
    max-width: 40rem;
    margin: 0 auto 1.75rem;
    text-align: center;
}
.tema-parfumia .pf-faq__kicker {
    margin: 0 0 .4rem;
    font-size: .75rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #6b6560;
}
.tema-parfumia .pf-faq h1 {
    margin: 0;
    font-family: "Playfair Display", Georgia, serif;
    font-weight: 400;
    font-size: clamp(2rem, 4vw, 2.75rem);
}
.tema-parfumia .pf-faq__lead,
.tema-parfumia .pf-faq__more,
.tema-parfumia .pf-faq__empty {
    color: #4a453f;
}
.tema-parfumia .pf-faq__lead {
    margin: .75rem 0 0;
}
.tema-parfumia .pf-faq__list {
    max-width: 46rem;
    margin: 0 auto;
    border-top: 1px solid rgba(17, 17, 17, .12);
}
.tema-parfumia .pf-faq__item {
    border-bottom: 1px solid rgba(17, 17, 17, .12);
}
.tema-parfumia .pf-faq__heading {
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
}
.tema-parfumia .pf-faq__trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    margin: 0;
    padding: 1.05rem 0;
    border: 0;
    background: transparent;
    color: #111;
    font: inherit;
    text-align: left;
    cursor: pointer;
    border-radius: 4px;
}
.tema-parfumia .pf-faq__trigger:hover {
    color: #111;
}
.tema-parfumia .pf-faq__trigger:focus-visible {
    outline: 2px solid #d4af37;
    outline-offset: 2px;
}
.tema-parfumia .pf-faq__chevron {
    flex: 0 0 auto;
    width: .55rem;
    height: .55rem;
    border-right: 1.5px solid #111;
    border-bottom: 1.5px solid #111;
    transform: rotate(45deg);
    transition: transform .2s ease;
}
.tema-parfumia .pf-faq__trigger[aria-expanded="true"] .pf-faq__chevron {
    transform: rotate(225deg);
}
.tema-parfumia .pf-faq__panel {
    padding: 0 0 1.15rem;
}
.tema-parfumia .pf-faq__answer {
    max-width: 40rem;
    color: #3c3834;
    line-height: 1.6;
}
.tema-parfumia .pf-faq__more,
.tema-parfumia .pf-faq__empty {
    max-width: 46rem;
    margin: 1.5rem auto 0;
    text-align: center;
}
.tema-parfumia .pf-faq a {
    color: #111;
    text-decoration: underline;
    text-underline-offset: .15em;
}
@media (prefers-reduced-motion: reduce) {
    .tema-parfumia .pf-faq__chevron {
        transition: none;
    }
}