/*
Theme Name: Elessi Theme Child
Theme URI: https://elessi.nasatheme.com/demo/
Description: This is a child theme for Elessi Theme
Author: NasaTheme team
Author URI: https://nasatheme.com
Template: elessi-theme
Version: 1.9
*/


/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/

/* BUILD UNIVERSO SANDRUKI · 1.9 · TIENDA ESOTÉRICA CONSOLIDADA */


/* =========================================================
   HEADER · MENÚ PRINCIPAL
   ========================================================= */

/* HEADER · Convierte el menú principal a mayúsculas */
.site-header .menu-item > a,
.header-nav .menu-item > a,
.nasa-nav-sc-menu .menu-item > a {
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
}

/* =========================================================
   HEADER · MENÚ DESPLEGABLE POR ENCIMA DEL CATÁLOGO
   SOLO ESCRITORIO
   ========================================================= */

@media (min-width: 768px) {

    .site-header,
    #header-content,
    .header-wrapper,
    .nasa-header-sticky-wrap {
        z-index: 50000 !important;
        overflow: visible !important;
    }

    .site-header .sub-menu,
    .header-nav .sub-menu,
    .nasa-nav-sc-menu .sub-menu,
    .site-header .nasa-megamenu,
    .header-wrapper .nasa-megamenu {
        z-index: 50001 !important;
    }
}

/* =========================================================
   FOOTER · AJUSTES GENERALES
   ========================================================= */

/* FOOTER · Elimina el margen superior extra de los menús */
footer .nasa-nav-sc-menu {
    margin-top: 0 !important;
}

/* FOOTER · Separa "Síguenos en redes" de los iconos */
footer .nasa-follow-title {
    margin-bottom: 12px !important;
}

/* FOOTER · Aumenta el tamaño de los iconos sociales */
footer .follow-icon svg {
    width: 20px !important;
    height: 20px !important;
}


/* =========================================================
   FOOTER · MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    /* FOOTER MÓVIL · Copyright más compacto */
    footer .nasa-footer-bottom-left p {
        line-height: 1.5 !important;
        text-align: left !important;
        margin-bottom: 0 !important;
    }
}


/* =========================================================
   HOME · HERO PRINCIPAL
   ========================================================= */

/* HOME · HERO · Altura y comportamiento del fondo */
.home-hero {
    position: relative !important;

    height: 760px !important;
    min-height: 760px !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    overflow: hidden !important;
}


/* HOME · HERO · Contenedor interior real de Elessi */
.home-hero .home-hero-inner {
    position: relative !important;
    z-index: 3 !important;

    width: 100% !important;
    height: 760px !important;
    min-height: 760px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: center !important;

    float: none !important;

    padding: 0 20px 110px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   HOME · HERO · DEGRADADO BERENJENA
   ========================================================= */

/* HOME · HERO · Degradado inferior permanente */
.home-hero::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 1;
    pointer-events: none;

    background: linear-gradient(
        to top,
        rgba(58, 23, 43, 0.86) 0%,
        rgba(58, 23, 43, 0.52) 20%,
        rgba(58, 23, 43, 0.24) 42%,
        rgba(58, 23, 43, 0.08) 60%,
        rgba(58, 23, 43, 0) 75%
    );
}


/* HOME · HERO · Capa independiente para el fade del hover */
.home-hero::after {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 2;
    pointer-events: none;

    background: rgba(35, 16, 27, 0);

    transition: background 0.35s ease;
}


/* HOME · HERO · Fade suave al pasar el ratón */
.home-hero:hover::after {
    background: rgba(35, 16, 27, 0.10);
}


/* =========================================================
   HOME · HERO · TÍTULO
   ========================================================= */

/* HOME · HERO · Posición del título */
.home-hero .home-hero-title {
    width: auto !important;

    margin: 0 0 18px 0 !important;

    text-align: center !important;
}


/* HOME · HERO · Estilo del título */
.home-hero .home-hero-title h1 {
    margin: 0 !important;
    padding: 0 !important;

    color: #fffaf3 !important;

    font-size: 46px !important;
    line-height: 1.1 !important;
    font-weight: 400 !important;

    text-align: center !important;

    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.28);
}


/* =========================================================
   HOME · HERO · BOTONES
   ========================================================= */

/* HOME · HERO · Agrupa y centra los dos botones */
.home-hero .home-hero-buttons {
    width: auto !important;

    margin: 0 !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    gap: 18px !important;
}


/* HOME · HERO · Las columnas ocupan solo el ancho necesario */
.home-hero .home-hero-buttons > .large-6 {
    width: auto !important;
    max-width: none !important;

    flex: 0 0 auto !important;

    float: none !important;

    padding: 0 !important;
}


/* HOME · HERO · Elimina márgenes propios de WPBakery */
.home-hero .home-hero-buttons .vc_btn3-container {
    margin: 0 !important;

    text-align: center !important;
}


/* HOME · HERO · Botones transparentes con contorno */
.home-hero .home-hero-buttons .vc_btn3 {
    min-width: 185px !important;

    padding: 13px 22px !important;

    background: transparent !important;
    color: #ffffff !important;

    border: 1px solid rgba(255, 255, 255, 0.92) !important;
    border-radius: 0 !important;

    font-size: 11px !important;
    font-weight: 500 !important;

    letter-spacing: 0.14em !important;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease !important;
}


/* HOME · HERO · Los botones se rellenan en hover */
.home-hero .home-hero-buttons .vc_btn3:hover {
    background: #ffffff !important;
    color: #2b211d !important;
    border-color: #ffffff !important;
}


/* HOME · HERO · Limpieza del HTML generado por Elessi/WPBakery */
.home-hero .home-hero-buttons > br,
.home-hero .home-hero-buttons > .large-6 > br,
.home-hero .home-hero-inner > p:empty {
    display: none !important;
}


/* =========================================================
   HOME · HERO · TABLET
   ========================================================= */

@media (max-width: 1024px) {

    /* HOME · HERO TABLET · Altura */
    .home-hero,
    .home-hero .home-hero-inner {
        height: 600px !important;
        min-height: 600px !important;
    }

    /* HOME · HERO TABLET · Posición vertical */
    .home-hero .home-hero-inner {
        padding-bottom: 75px !important;
    }

    /* HOME · HERO TABLET · Tamaño del título */
    .home-hero .home-hero-title h1 {
        font-size: 36px !important;
    }
}


/* =========================================================
   HOME · HERO · MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    /* HOME · HERO MÓVIL · Altura */
    .home-hero,
    .home-hero .home-hero-inner {
        height: 520px !important;
        min-height: 520px !important;
    }

    /* HOME · HERO MÓVIL · Posición del contenido */
    .home-hero .home-hero-inner {
        padding: 0 15px 30px !important;
    }

    /* HOME · HERO MÓVIL · Separación del título */
    .home-hero .home-hero-title {
        margin-bottom: 16px !important;
    }

    /* HOME · HERO MÓVIL · Tamaño del título */
    .home-hero .home-hero-title h1 {
        font-size: 28px !important;
        line-height: 1.15 !important;
    }

    /* HOME · HERO MÓVIL · Permite adaptar los botones */
    .home-hero .home-hero-buttons {
        flex-wrap: wrap !important;

        gap: 10px !important;
    }

    /* HOME · HERO MÓVIL · Botones más compactos */
    .home-hero .home-hero-buttons .vc_btn3 {
        min-width: 155px !important;

        padding: 12px 15px !important;

        font-size: 10px !important;
    }
}


/* =========================================================
   HOME · SELECTOR DE TIENDAS · TARJETAS
   ========================================================= */

/*
   HOME · TARJETAS · Estructura general.
   Fuerza título, descripción y botón hacia la zona inferior.
*/
.home-store-card {
    position: relative !important;

    min-height: 520px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: stretch !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    overflow: hidden !important;

    cursor: pointer !important;
}


/* =========================================================
   HOME · TARJETAS · DEGRADADO INFERIOR BERENJENA
   ========================================================= */

/* HOME · TARJETAS · Mejora la legibilidad del contenido inferior */
.home-store-card::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 1;
    pointer-events: none;

    background: linear-gradient(
        to top,
        rgba(58, 23, 43, 0.86) 0%,
        rgba(58, 23, 43, 0.52) 20%,
        rgba(58, 23, 43, 0.24) 42%,
        rgba(58, 23, 43, 0.08) 60%,
        rgba(58, 23, 43, 0) 75%
    );
}


/* =========================================================
   HOME · TARJETAS · HOVER
   ========================================================= */

/* HOME · TARJETAS · Capa independiente para el fade */
.home-store-card::after {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 2;
    pointer-events: none;

    background: rgba(35, 16, 27, 0);

    transition: background 0.35s ease;
}


/* HOME · TARJETAS · Fade suave */
.home-store-card:hover::after {
    background: rgba(35, 16, 27, 0.13);
}


/* =========================================================
   HOME · TARJETAS · CONTENIDO
   ========================================================= */

/* HOME · TARJETAS · Mantiene contenido por encima del degradado */
.home-store-card .home-store-card-title,
.home-store-card .home-store-card-text,
.home-store-card .home-store-card-button {
    position: relative !important;

    z-index: 3 !important;
}


/* HOME · TARJETAS · Transición del contenido */
.home-store-card .home-store-card-title,
.home-store-card .home-store-card-text,
.home-store-card .home-store-card-button {
    transition: transform 0.35s ease;
}


/* HOME · TARJETAS · Movimiento sutil al pasar el ratón */
.home-store-card:hover .home-store-card-title,
.home-store-card:hover .home-store-card-text,
.home-store-card:hover .home-store-card-button {
    transform: translateY(-4px);
}


/* =========================================================
   HOME · TARJETAS · TÍTULO
   ========================================================= */

/* HOME · TARJETAS · Caja del título sin límite de ancho */
.home-store-card .home-store-card-title {
    width: auto !important;
    max-width: none !important;

    margin: 0 0 14px 0 !important;
}


/* HOME · TARJETAS · Estilo del título */
.home-store-card .home-store-card-title h2,
.home-store-card .home-store-card-title h3,
.home-store-card .home-store-card-title h4,
.home-store-card .home-store-card-title h5 {
    margin: 0 !important;

    color: #ffffff !important;

    font-size: 38px !important;
    line-height: 1.08 !important;
    font-weight: 400 !important;
}


/* =========================================================
   HOME · TARJETAS · TEXTO
   ========================================================= */

/* HOME · TARJETAS · Texto descriptivo sin límite de ancho */
.home-store-card .home-store-card-text {
    width: auto !important;
    max-width: none !important;

    margin: 0 0 24px 0 !important;
}


/* HOME · TARJETAS · Apariencia del texto */
.home-store-card .home-store-card-text p {
    margin: 0 !important;

    color: rgba(255, 255, 255, 0.92) !important;

    font-size: 15px !important;
    line-height: 1.45 !important;
}


/* =========================================================
   HOME · TARJETAS · BOTÓN
   ========================================================= */

/* HOME · TARJETAS · Elimina margen externo */
.home-store-card .home-store-card-button {
    margin: 0 !important;
}


/* HOME · TARJETAS · Botón transparente con contorno */
.home-store-card .home-store-card-button .vc_btn3 {
    min-width: 180px !important;

    padding: 13px 22px !important;

    background: transparent !important;
    color: #ffffff !important;

    border: 1px solid rgba(255, 255, 255, 0.92) !important;
    border-radius: 0 !important;

    font-size: 11px !important;
    font-weight: 500 !important;

    letter-spacing: 0.12em !important;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease !important;
}


/* HOME · TARJETAS · El botón se rellena en hover */
.home-store-card .home-store-card-button .vc_btn3:hover {
    background: #ffffff !important;
    color: #2b211d !important;
    border-color: #ffffff !important;
}


/* =========================================================
   HOME · TARJETAS · CLASES INDIVIDUALES
   ========================================================= */

/* HOME · TARJETA REGALOS · Reservada para futuros ajustes */
.home-store-gifts {
}


/* HOME · TARJETA ARTESANÍA ESPIRITUAL · Reservada para futuros ajustes */
.home-store-mystic {
}


/* =========================================================
   HOME · TARJETAS · MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    /* HOME · TARJETAS MÓVIL · Altura */
    .home-store-card {
        min-height: 420px !important;
    }

    /* HOME · TARJETAS MÓVIL · Título */
    .home-store-card .home-store-card-title,
	.home-store-card .home-store-card-text {
    max-width: none !important;
}

    .home-store-card .home-store-card-title h2,
    .home-store-card .home-store-card-title h3,
    .home-store-card .home-store-card-title h4,
    .home-store-card .home-store-card-title h5 {
        font-size: 30px !important;
    }

    /* HOME · TARJETAS MÓVIL · Texto */
    
    .home-store-card .home-store-card-text p {
        font-size: 14px !important;
    }
}




/* =========================================================
   HOME · FRANJA DE VALORES · TEXTO
   ========================================================= */

/* HOME · FRANJA · Estilo del texto central */
.home-values-strip-text,
.home-values-strip-text p {
    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;

    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;

    letter-spacing: 0.20em !important;
    text-transform: uppercase !important;
}




/* =========================================================
   HOME · TALLER · BOTÓN
   ========================================================= */

/* HOME · TALLER · Botón editorial similar al mockup */
.btn-workshop .vc_btn3 {
    margin-top:	30px !important;
	display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 180px !important;
    min-height: 44px !important;

    padding: 0 24px !important;

    background: transparent !important;
    color: #4a4045 !important;

    border: 1px solid #6b6065 !important;
    border-radius: 0 !important;

    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1 !important;

    letter-spacing: 0.08em !important;
    text-align: center !important;
    text-transform: uppercase !important;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease !important;
}

/* HOME · TALLER · Hover */
.btn-workshop .vc_btn3:hover {
    background: #3a172b !important;
    color: #ffffff !important;
    border-color: #3a172b !important;
}

/* HOME · TALLER · Elimina márgenes raros del contenedor */
.btn-workshop.vc_btn3-container {
    margin: 0 !important;
}




/* =========================================================
   HOME · TALLER · IMAGEN COLUMNA IZQUIERDA
   ========================================================= */

/* HOME · TALLER · Hace que la foto cubra toda la columna */
.home-workshop-image-col {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* HOME · TALLER · Evita que la columna quede demasiado baja */
@media (min-width: 768px) {
    .home-workshop-image-col {
        min-height: 460px !important;
    }
}

/* HOME · TALLER · Altura adaptada en móvil */
@media (max-width: 767px) {
    .home-workshop-image-col {
        min-height: 380px !important;
        margin-bottom: 30px !important;
    }
}

/* =========================================================
   HOME · TALLER · LAYOUT 2 COLUMNAS
   ========================================================= */

/* HOME · TALLER · Fuerza disposición horizontal en escritorio */
@media (min-width: 768px) {

    .home-workshop-row {
        display: flex !important;
        align-items: stretch !important;
    }

    /* HOME · TALLER · Columna izquierda */
    .home-workshop-image-col {
        width: 50% !important;
        flex: 0 0 50% !important;

        min-height: 460px !important;

        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    /* HOME · TALLER · Columna derecha */
    .home-workshop-content-col {
        width: 50% !important;
        flex: 0 0 50% !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;

        padding-left: 46px !important;
        box-sizing: border-box !important;
    }
}


/* =========================================================
   HOME · TALLER · MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .home-workshop-row {
        display: block !important;
    }

    .home-workshop-image-col,
    .home-workshop-content-col {
        width: 100% !important;
        max-width: 100% !important;
    }

    .home-workshop-image-col {
        min-height: 380px !important;
        margin-bottom: 28px !important;
    }

    .home-workshop-content-col {
        padding-left: 0 !important;
    }
}







/* =========================================================
   HEADER · COLOR DE ICONOS
   ========================================================= */

/* HEADER · Iconos sociales de la izquierda */
.site-header .follow-icon a,
.header-wrapper .follow-icon a,
.follow-icon a {
    color: #3A172B !important;
    transition: color 0.25s ease !important;
}

/* HEADER · SVG de iconos sociales */
.site-header .follow-icon svg,
.site-header .follow-icon svg path,
.header-wrapper .follow-icon svg,
.header-wrapper .follow-icon svg path,
.follow-icon svg,
.follow-icon svg path {
    fill: currentColor !important;
    color: inherit !important;
    transition: fill 0.25s ease !important;
}

/* HEADER · Hover de iconos sociales */
.site-header .follow-icon a:hover,
.header-wrapper .follow-icon a:hover,
.follow-icon a:hover {
    color: #F27663 !important;
}


/* =========================================================
   HEADER · ICONOS DE LA DERECHA
   ========================================================= */

/* HEADER · Cuenta, carrito, favoritos y búsqueda */
.site-header .nasa-icon,
.site-header .nasa-login-register-ajax,
.site-header .mini-cart,
.site-header .nasa-wishlist,
.site-header .nasa-search-space,
.site-header .nasa-search,
.site-header .nasa-icon svg {
    color: #3A172B !important;
    transition: color 0.25s ease !important;
}

/* HEADER · Fuerza el color en trazos y rellenos SVG */
.site-header svg path,
.site-header svg circle,
.site-header svg line,
.site-header svg polyline,
.site-header svg rect {
    stroke: currentColor !important;
}

/* HEADER · Elementos SVG que usan relleno */
.site-header svg path[fill]:not([fill="none"]),
.site-header svg circle[fill]:not([fill="none"]) {
    fill: currentColor !important;
}

/* HEADER · Hover de iconos de la derecha */
.site-header .nasa-icon:hover,
.site-header .nasa-login-register-ajax:hover,
.site-header .mini-cart:hover,
.site-header .nasa-wishlist:hover,
.site-header .nasa-search-space:hover,
.site-header .nasa-search:hover {
    color: #F27663 !important;
}

/* =========================================================
   HOME · TARJETAS · BOTONES · TIPOGRAFÍA UNIFICADA
   ========================================================= */

/* HOME · TARJETAS · Evita que WPBakery aplique Arial al enlazar el botón */
.home-store-card .home-store-card-button .vc_btn3,
.home-store-card .home-store-card-button .vc_btn3 * {
    font-family: "Jost", sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1 !important;

    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;

    text-align: center !important;
}


/* =========================================================
   TIENDA ESOTÉRICA · IDENTIDAD VISUAL
   Solo afecta a la categoría padre "tienda-esoterica"
   ========================================================= */

body.us-esoterica-shop {
    --us-plum: #2f1b34;
    --us-plum-light: #3a2340;
    --us-plum-card: #39213e;

    --us-cream: #f7f2ec;
    --us-cream-soft: #e4dbe3;
    --us-cream-muted: #c7bac6;

    --us-lime: #dceb76;
    --us-coral: #f27663;
}

/* =========================================================
   TIENDA ESOTÉRICA · ELIMINA HUECO BAJO EL BREADCRUMB
   ========================================================= */

body.us-esoterica-shop
.nasa_shop_description.page-description.padding-top-20 {
    padding-top: 0 !important;
    margin-top: 0 !important;
}


/* =========================================================
   TIENDA ESOTÉRICA · CATEGORÍAS SUPERIORES
   ========================================================= */

body.us-esoterica-shop
.section-element:has(.shop-esoterica-categories) {
    background: var(--us-plum) !important;

    padding-top: 26px !important;
    padding-bottom: 24px !important;
}

body.us-esoterica-shop
.shop-esoterica-categories {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}

body.us-esoterica-shop
.shop-esoterica-categories img {
    width: 100% !important;
    height: 100px !important;

    display: block !important;
    object-fit: cover !important;

    border-radius: 3px !important;

    filter:
        brightness(0.62)
        saturate(0.82) !important;

    transition:
        transform 0.35s ease,
        filter 0.35s ease !important;
}

body.us-esoterica-shop
.shop-esoterica-categories a:hover img {
    transform: scale(1.025) !important;

    filter:
        brightness(0.82)
        saturate(0.95) !important;
}

body.us-esoterica-shop
.shop-esoterica-categories h3.header-title.text-center.nasa-cat-title {
    margin: 0 !important;
    padding: 11px 4px 0 !important;

    background: transparent !important;
    color: var(--us-cream) !important;

    font-family: "Jost", Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;

    text-align: center !important;
}

body.us-esoterica-shop
.shop-esoterica-categories a:hover h3.nasa-cat-title {
    color: var(--us-lime) !important;
}


/* =========================================================
   TIENDA ESOTÉRICA · FILA DE FILTROS · FULL WIDTH ESTABLE
   ========================================================= */

/*
   La fila ocupa todo el viewport, pero el contenido interior
   vuelve a quedar limitado y centrado al ancho normal de Elessi.
   Así desaparecen las bandas blancas sin desplazar los controles.
*/
html body.us-esoterica-shop
.ns-before-archive-products.row {
    position: relative !important;
    z-index: auto !important;

    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding-top: 16px !important;
    padding-bottom: 16px !important;

    background: #3A2340 !important;

    border: 0 !important;
    box-shadow: none !important;

    clip-path: none !important;
    overflow: visible !important;
}

/* Anula cualquier pseudo-fondo antiguo */
html body.us-esoterica-shop
.ns-before-archive-products.row::before {
    content: none !important;
    display: none !important;
}

/* El contenido vuelve al ancho normal de la web */
html body.us-esoterica-shop
.ns-before-archive-products.row
.row.filters-container.nasa-filter-wrap {
    position: relative !important;
    z-index: 1 !important;

    width: 1200px !important;
    max-width: calc(100vw - 40px) !important;

    margin: 0 auto !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;

    overflow: visible !important;
}

/* Limpieza de líneas/pseudoelementos heredados */
html body.us-esoterica-shop
.row.filters-container.nasa-filter-wrap::before,
html body.us-esoterica-shop
.row.filters-container.nasa-filter-wrap::after {
    display: none !important;
    content: none !important;

    border: 0 !important;
    box-shadow: none !important;
}


/* =========================================================
   TIENDA ESOTÉRICA · ICONOS DE CAMBIO DE VISTA
   ========================================================= */

html body.us-esoterica-shop
.ns-before-archive-products
.filter-tabs.nasa-change-view {
    color: var(--us-lime) !important;
}

html body.us-esoterica-shop
.ns-before-archive-products
.filter-tabs.nasa-change-view *,
html body.us-esoterica-shop
.ns-before-archive-products
.filter-tabs.nasa-change-view svg,
html body.us-esoterica-shop
.ns-before-archive-products
.filter-tabs.nasa-change-view svg * {
    color: inherit !important;

    fill: currentColor !important;
    stroke: none !important;
}


/* =========================================================
   TIENDA ESOTÉRICA · ORDENACIÓN · ESTILO Y CAPAS
   ========================================================= */

html body.us-esoterica-shop
.nasa-sort-bar-layout-side-sidebar,
html body.us-esoterica-shop
ul.sort-bar,
html body.us-esoterica-shop
li.nasa-filter-order,
html body.us-esoterica-shop
.woocommerce-ordering,
html body.us-esoterica-shop
.nasa-ordering {
    position: relative !important;
    overflow: visible !important;
}

/* Capas altas necesarias solo en escritorio */
@media (min-width: 768px) {

    html body.us-esoterica-shop
    .ns-before-archive-products.row {
        z-index: 10000 !important;
    }

    html body.us-esoterica-shop
    .filters-container.nasa-filter-wrap {
        z-index: 10001 !important;
    }

    html body.us-esoterica-shop
    .nasa-sort-bar-layout-side-sidebar,
    html body.us-esoterica-shop
    ul.sort-bar,
    html body.us-esoterica-shop
    li.nasa-filter-order,
    html body.us-esoterica-shop
    .woocommerce-ordering,
    html body.us-esoterica-shop
    .nasa-ordering {
        z-index: 10002 !important;
    }
}

html body.us-esoterica-shop
.woocommerce-ordering {
    border: 1px solid rgba(220, 235, 118, 0.55) !important;
    background: #3A2340 !important;
}

html body.us-esoterica-shop
.woocommerce-ordering .sort-text { color: #F7F2EC !important; }

html body.us-esoterica-shop
a.nasa-current-orderby.nasa-bold-700 {
    color: #DCEB76 !important;
    -webkit-text-fill-color: #DCEB76 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 8px 10px !important;
}

html body.us-esoterica-shop
a.nasa-current-orderby.nasa-bold-700:hover {
    color: #DCEB76 !important;
    -webkit-text-fill-color: #DCEB76 !important;
    background: rgba(220, 235, 118, 0.08) !important;
}

html body.us-esoterica-shop
.nasa-ordering .sub-ordering {
    position: absolute !important;
    z-index: 9999999 !important;
    background: #3A2340 !important;
    border: 1px solid rgba(247, 242, 236, 0.35) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.28) !important;
    overflow: visible !important;
}

html body.us-esoterica-shop
.nasa-ordering .sub-ordering a {
    color: #F7F2EC !important;
    -webkit-text-fill-color: #F7F2EC !important;
}

html body.us-esoterica-shop
.nasa-ordering .sub-ordering a:hover {
    color: #2F1B34 !important;
    -webkit-text-fill-color: #2F1B34 !important;
    background: #DCEB76 !important;
}

html body.us-esoterica-shop
.nasa-archive-product-content-bg {
    position: relative !important;
    z-index: 1 !important;
}


/* =========================================================
   TIENDA ESOTÉRICA · CATÁLOGO COMPLETO
   ========================================================= */

body.us-esoterica-shop
.nasa-archive-product-content-bg {
    position: relative !important;
    z-index: 1 !important;

    background: var(--us-plum) !important;
    color: var(--us-cream) !important;
}

body.us-esoterica-shop
.nasa-content-page-products {
    background: transparent !important;
}


/* =========================================================
   TIENDA ESOTÉRICA · PRODUCTOS
   ========================================================= */

body.us-esoterica-shop
.product-warp-item,
body.us-esoterica-shop
.product-warp-item .product,
body.us-esoterica-shop
.product-info-wrap,
body.us-esoterica-shop
.product-info {
    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
}

/* Nombre del producto */
body.us-esoterica-shop
a.name.nasa-bold.woocommerce-loop-product__title {
    color: var(--us-cream) !important;

    font-family: "Jost", Arial, Helvetica, sans-serif !important;
    font-weight: 500 !important;

    transition: color 0.2s ease !important;
}

/* Hover del producto */
body.us-esoterica-shop
a.name.nasa-bold.woocommerce-loop-product__title:hover {
    color: var(--us-lime) !important;
}

/* Precio completo */
body.us-esoterica-shop
span.price,
body.us-esoterica-shop
span.price *,
body.us-esoterica-shop
bdi,
body.us-esoterica-shop
span.from,
body.us-esoterica-shop
.amount {
    color: var(--us-coral) !important;
}

/* =========================================================
   TIENDA ESOTÉRICA · SIDEBAR · SEPARACIÓN SUPERIOR
   ========================================================= */

/* Separa el bloque lateral de categorías de la barra de filtros */
body.us-esoterica-shop
.col-sidebar.ns-sticky-scroll-sidebar {
    padding-top: 18px !important;
}

/* =========================================================
   TIENDA ESOTÉRICA · SIDEBAR · CATEGORÍAS
   ========================================================= */

body.us-esoterica-shop
.widget-title,
body.us-esoterica-shop
.widget-title span {
    color: var(--us-cream) !important;
}

/* Categorías */
body.us-esoterica-shop
a.nasa-filter-item.nasa-filter-by-tax.nasa-filter-by-cat {
    color: var(--us-cream-muted) !important;

    transition: color 0.2s ease !important;
}

/* Hover */
body.us-esoterica-shop
a.nasa-filter-item.nasa-filter-by-tax.nasa-filter-by-cat:hover {
    color: var(--us-lime) !important;
}

/* Categoría activa */
body.us-esoterica-shop
a.nasa-filter-item.nasa-filter-by-tax.nasa-filter-by-cat.nasa-active,
body.us-esoterica-shop
a.nasa-filter-item.nasa-filter-by-tax.nasa-filter-by-cat.active {
    color: var(--us-lime) !important;
}

/* Signos + / - de las categorías */
html body.us-esoterica-shop
.widget_product_categories
a.accordion::before,
html body.us-esoterica-shop
.widget_product_categories
a.accordion::after {
    background-color: var(--us-coral) !important;
    border-color: var(--us-coral) !important;
}

/* Hover de + / - */
html body.us-esoterica-shop
.widget_product_categories
li:hover > a.accordion::before,
html body.us-esoterica-shop
.widget_product_categories
li:hover > a.accordion::after {
    background-color: var(--us-lime) !important;
    border-color: var(--us-lime) !important;
}

/* =========================================================
   TIENDA ESOTÉRICA · SIDEBAR · SOLO SUBCATEGORÍAS ESOTÉRICAS
   ========================================================= */

/* Oculta por completo la categoría principal "Tienda de regalos" */
body.us-esoterica-shop
.widget_product_categories .cat-item-198 {
    display: none !important;
}


/* Oculta únicamente el nombre "Tienda esotérica",
   pero conserva visibles sus categorías hijas */
body.us-esoterica-shop
.widget_product_categories .cat-item-199 > a.nasa-filter-item,
body.us-esoterica-shop
.widget_product_categories .cat-item-199 > a.accordion {
    display: none !important;
}


/* Elimina la sangría heredada de las subcategorías */
body.us-esoterica-shop
.widget_product_categories .cat-item-199 > ul.children {
    margin-top: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* =========================================================
   TIENDA ESOTÉRICA · SIDEBAR · STOCK
   ========================================================= */

body.us-esoterica-shop
a.nasa-filter-status {
    color: var(--us-cream-muted) !important;
}

body.us-esoterica-shop
a.nasa-filter-status:hover {
    color: var(--us-lime) !important;
}


/* =========================================================
   TIENDA ESOTÉRICA · SIDEBAR · PRECIO
   ========================================================= */

body.us-esoterica-shop
.widget_price_filter,
body.us-esoterica-shop
.widget_price_filter *,
body.us-esoterica-shop
.price_slider_amount,
body.us-esoterica-shop
.price_slider_amount * {
    color: var(--us-cream-muted) !important;
}

body.us-esoterica-shop
.price_slider_wrapper .ui-widget-content {
    background: rgba(247, 242, 236, 0.28) !important;
}

body.us-esoterica-shop
.price_slider_wrapper .ui-slider-range {
    background: var(--us-lime) !important;
}

body.us-esoterica-shop
.price_slider_wrapper .ui-slider-handle {
    background: var(--us-lime) !important;
    border-color: var(--us-lime) !important;
}


/* =========================================================
   TIENDA ESOTÉRICA · MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    body.us-esoterica-shop
    .section-element:has(.shop-esoterica-categories) {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    body.us-esoterica-shop
    .shop-esoterica-categories img {
        height: 90px !important;
    }

    body.us-esoterica-shop
    .shop-esoterica-categories h3.nasa-cat-title {
        font-size: 13px !important;
    }

    body.us-esoterica-shop
    .ns-before-archive-products.row {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
}

/* =========================================================
   TIENDA ESOTÉRICA · SIDEBAR · VER TODOS LOS PRODUCTOS
   ========================================================= */

/*
   El enlace lo crea functions.php y permanece siempre visible.
   No depende del estado AJAX de las categorías.
*/
body.us-esoterica-shop
.widget_product_categories
.us-back-esoterica {
    display: block !important;

    margin: 4px 0 16px 0 !important;
    padding: 0 !important;

    color: var(--us-lime) !important;

    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;

    text-decoration: none !important;

    transition:
        color 0.2s ease,
        transform 0.2s ease !important;
}

/* Hover del enlace fijo */
body.us-esoterica-shop
.widget_product_categories
.us-back-esoterica:hover {
    color: var(--us-coral) !important;
    transform: translateX(-2px) !important;
}


/* =========================================================
   TIENDA ESOTÉRICA · WIDGETS / FILTROS ACTIVOS
   ========================================================= */

/* Signos +/- de apertura de los widgets laterales */
body.us-esoterica-shop
.col-sidebar .nasa-toggle-widget::before,
body.us-esoterica-shop
.col-sidebar .nasa-toggle-widget::after,
body.us-esoterica-shop
.nasa-side-sidebar .nasa-toggle-widget::before,
body.us-esoterica-shop
.nasa-side-sidebar .nasa-toggle-widget::after {
    border-top-color: var(--us-coral) !important;
}

/* Elimina líneas superior/inferior del bloque de filtros activos */
body.us-esoterica-shop
.nasa-actived-filter {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

/* Fondo lima del bloque de filtros activos en escritorio */
@media only screen and (min-width: 768px) {
    body.us-esoterica-shop
    .ns-shop-width-background
    .nasa-archive-product-content-bg
    .nasa-archive-product-content
    .nasa-actived-filter {
        background-color: var(--us-lime) !important;
    }
}

/* Botón para resetear filtros activos */
body.us-esoterica-shop
.nasa-reset-filters-top {
    color: var(--us-plum) !important;
    border-color: var(--us-plum) !important;
}

/* Icono/pseudoelemento del reset de filtros */
body.us-esoterica-shop
.nasa-reset-filters-top::before,
body.us-esoterica-shop
.nasa-ignore-price-item::before,
body.us-esoterica-shop
.nasa-ignore-price-item-list::before {
    border-color: var(--us-plum) !important;
}


/* =========================================================
   TIENDA ESOTÉRICA · BOTÓN "FILTROS"
   ========================================================= */

/*
   IMPORTANTE:
   El estilo de .nasa-toogle-sidebar-classic se mantiene en
   Apariencia > Personalizar > CSS adicional.

   Elessi carga style-archive-products.css después del child theme,
   por lo que esa regla concreta solo ha resultado estable desde
   CSS adicional. El resto de ajustes ya están consolidados aquí.
*/


/* =========================================================
   TIENDA ESOTÉRICA · ENLACE FIJO "VER TODOS LOS PRODUCTOS"
   ========================================================= */

body.us-esoterica-shop
.us-back-esoterica-static {
    display: block !important;

    margin: 0 0 0px 0 !important;
    padding: 0 !important;

    color: var(--us-lime) !important;

    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;

    text-decoration: none !important;

    transition:
        color 0.2s ease,
        transform 0.2s ease !important;
}

body.us-esoterica-shop
.us-back-esoterica-static:hover {
    color: var(--us-coral) !important;
    transform: translateX(-2px) !important;
}

/* =========================================================
   PRODUCTO ESOTÉRICO · IDENTIDAD VISUAL
   ========================================================= */

body.us-esoterica-product {
    --us-plum: #2f1b34;
    --us-plum-light: #3a2340;
    --us-plum-card: #39213e;

    --us-cream: #f7f2ec;
    --us-cream-soft: #e4dbe3;
    --us-cream-muted: #c7bac6;

    --us-lime: #dceb76;
    --us-coral: #f27663;
}


/* Fondo general de la ficha */
body.us-esoterica-product
.nasa-single-product-scroll,
body.us-esoterica-product
.product-page,
body.us-esoterica-product
.nasa-product-details-page,
body.us-esoterica-product
#main-content {
    background: var(--us-plum) !important;
    color: var(--us-cream) !important;
}

/* =========================================================
   PRODUCTO ESOTÉRICO · INFORMACIÓN PRINCIPAL
   ========================================================= */

body.us-esoterica-product
.product_title {
    color: var(--us-cream) !important;
}


body.us-esoterica-product
.summary .price,
body.us-esoterica-product
.summary .price *,
body.us-esoterica-product
.summary .amount,
body.us-esoterica-product
.summary bdi {
    color: var(--us-coral) !important;
}


body.us-esoterica-product
.summary,
body.us-esoterica-product
.summary p,
body.us-esoterica-product
.woocommerce-product-details__short-description,
body.us-esoterica-product
.woocommerce-product-details__short-description p {
    color: var(--us-cream-muted) !important;
}

/* =========================================================
   PRODUCTO ESOTÉRICO · BOTONES
   ========================================================= */

/* Añadir al carrito */
body.us-esoterica-product
.single_add_to_cart_button {
    background: var(--us-coral) !important;
    color: #ffffff !important;
    border-color: var(--us-coral) !important;
}


/* Hover */
body.us-esoterica-product
.single_add_to_cart_button:hover {
    background: transparent !important;
    color: var(--us-coral) !important;
}


/* Comprar ahora */
body.us-esoterica-product
.nasa-buy-now,
body.us-esoterica-product
.nasa-buy-now-button {
    background: var(--us-lime) !important;
    color: var(--us-plum) !important;
    border-color: var(--us-lime) !important;
}


/* Hover */
body.us-esoterica-product
.nasa-buy-now:hover,
body.us-esoterica-product
.nasa-buy-now-button:hover {
    background: transparent !important;
    color: var(--us-lime) !important;
}

/* =========================================================
   PRODUCTO ESOTÉRICO · DESCRIPCIÓN
   ========================================================= */

body.us-esoterica-product
.woocommerce-tabs,
body.us-esoterica-product
.nasa-tabs-content,
body.us-esoterica-product
.product-details {
    background: var(--us-plum-light) !important;
    color: var(--us-cream-muted) !important;
}


body.us-esoterica-product
.woocommerce-tabs h2,
body.us-esoterica-product
.woocommerce-tabs h3,
body.us-esoterica-product
.woocommerce-tabs h4 {
    color: var(--us-cream) !important;
}


body.us-esoterica-product
.woocommerce-tabs p {
    color: var(--us-cream-muted) !important;
}

/* =========================================================
   PRODUCTO ESOTÉRICO · PRODUCTOS RELACIONADOS
   ========================================================= */

body.us-esoterica-product
.related.products,
body.us-esoterica-product
.related {
    background: var(--us-plum) !important;
}


body.us-esoterica-product
.related h2 {
    color: var(--us-cream) !important;
}


body.us-esoterica-product
.related
.woocommerce-loop-product__title {
    color: var(--us-cream) !important;
}


body.us-esoterica-product
.related .price,
body.us-esoterica-product
.related .price * {
    color: var(--us-coral) !important;
}


/* =========================================================
   PRODUCTO ESOTÉRICO · BLOQUE SUPERIOR COMPLETO
   ========================================================= */

/* Fondo general de la ficha */
body.us-esoterica-product
#main-content,
body.us-esoterica-product
.product-page,
body.us-esoterica-product
.nasa-single-product-slide,
body.us-esoterica-product
.nasa-single-product-slide .focus-info,
body.us-esoterica-product
.nasa-row.nasa-product-details-page {
    background: var(--us-plum) !important;
    color: var(--us-cream) !important;
}


/* Contenedores interiores transparentes */
body.us-esoterica-product
.nasa-single-product-slide .row,
body.us-esoterica-product
.nasa-product-info-wrap,
body.us-esoterica-product
.product-info.summary.entry-summary {
    background: transparent !important;
}


/* =========================================================
   PRODUCTO ESOTÉRICO · GALERÍA
   ========================================================= */

/*
   Dejamos la fotografía limpia.
   No aplicamos fondo a la propia imagen.
*/
body.us-esoterica-product
.woocommerce-product-gallery {
    background: transparent !important;
}


/* Miniaturas */
body.us-esoterica-product
.woocommerce-product-gallery img {
    border-color: rgba(247, 242, 236, 0.16) !important;
}


/* =========================================================
   PRODUCTO ESOTÉRICO · TÍTULO Y RESUMEN
   ========================================================= */

body.us-esoterica-product
.nasa-product-info-wrap .product_title {
    color: var(--us-cream) !important;
}


/* Precio principal */
body.us-esoterica-product
.nasa-product-info-wrap .price,
body.us-esoterica-product
.nasa-product-info-wrap .price *,
body.us-esoterica-product
.nasa-product-info-wrap .amount,
body.us-esoterica-product
.nasa-product-info-wrap bdi {
    color: var(--us-coral) !important;
}


/* Descripción corta */
body.us-esoterica-product
.woocommerce-product-details__short-description,
body.us-esoterica-product
.woocommerce-product-details__short-description p {
    color: var(--us-cream-muted) !important;
}


/* =========================================================
   PRODUCTO ESOTÉRICO · CANTIDAD
   ========================================================= */

body.us-esoterica-product
.quantity,
body.us-esoterica-product
.quantity input,
body.us-esoterica-product
.quantity .plus,
body.us-esoterica-product
.quantity .minus {
    background: var(--us-plum-light) !important;
    color: var(--us-cream) !important;
    border-color: rgba(247, 242, 236, 0.28) !important;
}


/* =========================================================
   PRODUCTO ESOTÉRICO · BOTONES DE COMPRA
   ========================================================= */

/* Añadir al carrito */
body.us-esoterica-product
.single_add_to_cart_button {
    background: var(--us-coral) !important;
    color: #ffffff !important;
    border-color: var(--us-coral) !important;
}

body.us-esoterica-product
.single_add_to_cart_button:hover {
    background: transparent !important;
    color: var(--us-coral) !important;
    border-color: var(--us-coral) !important;
}


/* Comprar ahora */
body.us-esoterica-product
.nasa-buy-now,
body.us-esoterica-product
.nasa-buy-now-button {
    background: var(--us-lime) !important;
    color: var(--us-plum) !important;
    border-color: var(--us-lime) !important;
}

body.us-esoterica-product
.nasa-buy-now:hover,
body.us-esoterica-product
.nasa-buy-now-button:hover {
    background: transparent !important;
    color: var(--us-lime) !important;
    border-color: var(--us-lime) !important;
}


/* =========================================================
   PRODUCTO ESOTÉRICO · ENLACES / SERVICIOS / SOCIAL
   ========================================================= */

body.us-esoterica-product
.nasa-product-info-wrap a,
body.us-esoterica-product
.nasa-product-info-wrap .nasa-bold,
body.us-esoterica-product
.nasa-product-info-wrap label {
    color: var(--us-cream-soft) !important;
}

body.us-esoterica-product
.nasa-product-info-wrap a:hover {
    color: var(--us-lime) !important;
}


/* Iconos */
body.us-esoterica-product
.nasa-product-info-wrap svg,
body.us-esoterica-product
.nasa-product-info-wrap svg * {
    color: var(--us-cream-muted) !important;
    stroke: currentColor !important;
}


/* =========================================================
   PRODUCTO ESOTÉRICO · META
   SKU / CATEGORÍAS / ETIQUETAS
   ========================================================= */

body.us-esoterica-product
.product_meta {
    color: var(--us-cream-muted) !important;
    border-color: rgba(247, 242, 236, 0.22) !important;
}

body.us-esoterica-product
.product_meta *,
body.us-esoterica-product
.product_meta a {
    color: var(--us-cream-muted) !important;
}

body.us-esoterica-product
.product_meta a:hover {
    color: var(--us-lime) !important;
}


/* =========================================================
   PRODUCTO ESOTÉRICO · DESCRIPCIÓN INFERIOR
   ========================================================= */

body.us-esoterica-product
.woocommerce-tabs,
body.us-esoterica-product
.nasa-tabs-content,
body.us-esoterica-product
.woocommerce-Tabs-panel {
    background: var(--us-plum-light) !important;
    color: var(--us-cream-muted) !important;
}

body.us-esoterica-product
.woocommerce-tabs h2,
body.us-esoterica-product
.woocommerce-tabs h3,
body.us-esoterica-product
.woocommerce-tabs h4 {
    color: var(--us-cream) !important;
}

body.us-esoterica-product
.woocommerce-tabs p,
body.us-esoterica-product
.woocommerce-Tabs-panel p {
    color: var(--us-cream-muted) !important;
}


/* =========================================================
   PRODUCTO ESOTÉRICO · RELACIONADOS
   ========================================================= */

body.us-esoterica-product
.related.products,
body.us-esoterica-product
.related-product {
    background: var(--us-plum) !important;
}

body.us-esoterica-product
.related.products h2,
body.us-esoterica-product
.related-product h2 {
    color: var(--us-cream) !important;
}

body.us-esoterica-product
.related.products
.woocommerce-loop-product__title,
body.us-esoterica-product
.related-product
.woocommerce-loop-product__title {
    color: var(--us-cream) !important;
}

body.us-esoterica-product
.related.products .price,
body.us-esoterica-product
.related.products .price *,
body.us-esoterica-product
.related-product .price,
body.us-esoterica-product
.related-product .price * {
    color: var(--us-coral) !important;
}

/* =========================================================
   PRODUCTO ESOTÉRICO · PULIDO FINAL
   ========================================================= */

/* Título de descripción */
body.us-esoterica-product
.woocommerce-tabs h2,
body.us-esoterica-product
.woocommerce-Tabs-panel h2 {
    margin-left: 0 !important;
    padding-left: 0 !important;

    color: var(--us-cream) !important;
}


/* Metadatos más legibles */
body.us-esoterica-product
.product_meta {
    color: var(--us-cream-soft) !important;
}

body.us-esoterica-product
.product_meta span,
body.us-esoterica-product
.product_meta strong {
    color: var(--us-cream-soft) !important;
}

body.us-esoterica-product
.product_meta a {
    color: var(--us-cream-muted) !important;
}

body.us-esoterica-product
.product_meta a:hover {
    color: var(--us-lime) !important;
}


/* Compartir / social */
body.us-esoterica-product
.nasa-product-info-wrap
.social-icons a,
body.us-esoterica-product
.nasa-product-info-wrap
.nasa-share a {
    color: var(--us-cream-muted) !important;
}

body.us-esoterica-product
.nasa-product-info-wrap
.social-icons a:hover,
body.us-esoterica-product
.nasa-product-info-wrap
.nasa-share a:hover {
    color: var(--us-lime) !important;
}


/* Checkout seguro */
body.us-esoterica-product
.nasa-safe-checkout,
body.us-esoterica-product
.nasa-guaranteed-safe-checkout {
    background: transparent !important;

    border: 1px solid rgba(247, 242, 236, 0.28) !important;

    color: var(--us-cream-soft) !important;
}


/* Separaciones verticales */
body.us-esoterica-product
.woocommerce-tabs {
    margin-top: 40px !important;
}

body.us-esoterica-product
.product_meta {
    margin-top: 28px !important;
    padding-top: 18px !important;
}

body.us-esoterica-product
.related.products,
body.us-esoterica-product
.related-product {
    margin-top: 40px !important;
}

/* =========================================================
   PRODUCTO ESOTÉRICO · AJUSTES FINALES
   ========================================================= */

/* 1. Texto "Compartir" más claro */
body.us-esoterica-product
.nasa-share-label {
    color: var(--us-cream-muted) !important;
}


/* 2. Alinear "Descripción" con el contenido */
body.us-esoterica-product
.nasa-woo-tab-title {
    margin-left: 150px !important;
}

/* =========================================================
   TIENDA ESOTÉRICA · ELIMINAR MARGEN ANTES DEL FOOTER
   ========================================================= */

body.us-esoterica-shop
.nasa-archive-product-content.margin-bottom-40 {
    margin-bottom: 0 !important;
}

/* =========================================================
   PRODUCTO ESOTÉRICO · NOMBRES DE ATRIBUTOS
   ========================================================= */

body.us-esoterica-product
.woocommerce-product-attributes-item__label {
    color: var(--us-lime) !important;
    font-weight: 600 !important;
}
/* =========================================================
   PRODUCTO ESOTÉRICO · PULIDO FINAL DE ESPACIADOS
   ========================================================= */

/* 1. Compacta "Información adicional" con su tabla */
body.us-esoterica-product
.woocommerce-Tabs-panel--additional_information h2,
body.us-esoterica-product
.woocommerce-product-attributes + h2 {
    margin-bottom: 10px !important;
}


/* 2. Meta inferior algo más legible */
body.us-esoterica-product
.product_meta,
body.us-esoterica-product
.product_meta span {
    color: var(--us-cream-soft) !important;
}

body.us-esoterica-product
.product_meta a {
    color: var(--us-cream-muted) !important;
    transition: color 0.2s ease !important;
}

body.us-esoterica-product
.product_meta a:hover {
    color: var(--us-lime) !important;
}


/* 3. Más aire antes de Productos relacionados */
body.us-esoterica-product
.related.products,
body.us-esoterica-product
.related-product {
    margin-top: 55px !important;
}

/* =========================================================
   PRODUCTO ESOTÉRICO · DESCRIPCIÓN · ESPACIO SUPERIOR
   ========================================================= */

body.us-esoterica-product
.woocommerce-tabs,
body.us-esoterica-product
.nasa-tabs-content,
body.us-esoterica-product
.woocommerce-Tabs-panel {
    padding-top: 28px !important;
}

/* =========================================================
   FOOTER · ELIMINAR LÍNEAS DE SEPARACIÓN
   ========================================================= */

footer,
footer .nasa-footer-top,
footer .nasa-footer-middle,
footer .nasa-footer-bottom,
footer .footer-light-2,
footer .footer-wrapper {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

footer .nasa-footer-bottom {
    border-top: 0 !important;
}

/* =========================================================
   TIENDA ESOTÉRICA · ELIMINAR ESPACIO ANTES DEL FOOTER
   ========================================================= */

body.us-esoterica-shop
.nasa-archive-product-content,
body.us-esoterica-shop
.nasa-archive-product-content-bg,
body.us-esoterica-shop
.nasa-content-page-products {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* Clase específica que añade Elessi */
body.us-esoterica-shop
.nasa-archive-product-content.margin-bottom-40 {
    margin-bottom: 0 !important;
}

/* =========================================================
   TIENDA ESOTÉRICA · OCULTAR VARIACIONES EN HOVER DEL CATÁLOGO
   ========================================================= */

body.us-esoterica-shop
.nasa-product-content-child {
    display: none !important;
}

/* =========================================================
   PRODUCTO PERSONALIZABLE · OCULTAR ORIENTACIÓN DE FUENTE
   ========================================================= */

body.single-product
.nasa-ct-field:has(#nasa-ct-font-orientation) {
    display: none !important;
}

/* =========================================================
   PRODUCTO PERSONALIZABLE · CAMPO DE TEXTO
   ========================================================= */

/* Personalización siempre desplegada */
body.single-product
.nasa-ct-fields-wrap {
    display: block !important;
}


/* Oculta "¿Personalizar este artículo?" */
body.single-product
.nasa-ct-fields-toggle {
    display: none !important;
}


/* Convierte visualmente el textarea en campo de una línea */
body.single-product
.nasa-ct-fields-wrap textarea {
    width: 100% !important;

    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;

    padding: 12px !important;

    overflow: hidden !important;
    resize: none !important;

    background: #ffffff !important;
    color: #2f1b34 !important;

    border: 1px solid rgba(247, 242, 236, 0.35) !important;
    border-radius: 3px !important;

    font-family: "Jost", sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important;
}


/* Focus */
body.single-product
.nasa-ct-fields-wrap textarea:focus {
    border-color: var(--us-lime) !important;
    outline: none !important;
}


/* Contador */
body.single-product
.us-custom-text-counter {
    margin-top: 6px !important;

    color: var(--us-cream-muted) !important;

    font-size: 12px !important;
    line-height: 1.3 !important;

    text-align: right !important;
}


/* Cuando llega al máximo */
body.single-product
.us-custom-text-counter.is-limit {
    color: var(--us-coral) !important;
    font-weight: 500 !important;
}

/* =========================================================
   HOME · AJUSTES MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    /* Separación entre las dos tarjetas de tienda */
    .home-store-card + .home-store-card {
        margin-top: 16px !important;
    }

    /* Más aire lateral en "Creado por manos..." */
    .home-workshop-row,
    .home-workshop-content-col {
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box !important;
    }

    /* Evita que la imagen pierda el ancho completo */
    .home-workshop-image-col {
        margin-left: -20px !important;
        margin-right: -20px !important;
        width: calc(100% + 40px) !important;
        max-width: calc(100% + 40px) !important;
    }

    /* Un poco más de aire antes del footer */
    .home-latest-news {
        margin-bottom: 24px !important;
    }
}

/* =========================================================
   HOME · MÓVIL · SEPARACIÓN ENTRE TARJETAS
   ========================================================= */

@media (max-width: 767px) {
    .home-store-card {
        margin-bottom: 16px !important;
    }
}

/* =========================================================
   FOOTER · MÓVIL · TAMAÑO DEL LOGO
   ========================================================= */

@media (max-width: 767px) {

    footer img[alt="Footer Logo"] {
        width: auto !important;
        max-width: 300px !important;
        height: auto !important;

        display: block !important;

        margin-left: 0 !important;
        margin-right: auto !important;
    }
}

/* =========================================================
   FOOTER · BOTÓN NEWSLETTER
   ========================================================= */

footer
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn-submit-newsletters.button {
    background: #3A172B !important;
    color: #FFF7EC !important;
    border-color: #3A172B !important;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease !important;
}

footer
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn-submit-newsletters.button:hover {
    background: #DCEB76 !important;
    color: #2F1B34 !important;
    border-color: #DCEB76 !important;
}

/* =========================================================
   TIENDA ESOTÉRICA · MÓVIL · CATÁLOGO
   ========================================================= */

@media (max-width: 767px) {

    /* Fondo general del catálogo */
    body.us-esoterica-shop
    .nasa-archive-product-content-bg,
    body.us-esoterica-shop
    .nasa-content-page-products,
    body.us-esoterica-shop
    .products {
        background: var(--us-plum) !important;
    }


    /* Tarjetas sin fondo blanco */
    body.us-esoterica-shop
    .product-warp-item,
    body.us-esoterica-shop
    .product-info-wrap,
    body.us-esoterica-shop
    .product-info {
        background: transparent !important;
    }


    /* Nombre del producto */
    body.us-esoterica-shop
    a.name.nasa-bold.woocommerce-loop-product__title {
        color: var(--us-cream) !important;
    }


    /* Categoría del producto */
    body.us-esoterica-shop
    .product-info-wrap .nasa-product-category,
    body.us-esoterica-shop
    .product-info-wrap .nasa-product-categories,
    body.us-esoterica-shop
    .product-info-wrap .product-category {
        color: var(--us-cream-muted) !important;
    }


    /* Precio */
    body.us-esoterica-shop
    .product-info-wrap .price,
    body.us-esoterica-shop
    .product-info-wrap .price * {
        color: var(--us-coral) !important;
    }


    /* Barra superior de filtros */
    body.us-esoterica-shop
    .ns-before-archive-products.row {
        background: var(--us-plum-light) !important;

        padding: 10px 12px !important;

        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /* Contenedor interior */
    body.us-esoterica-shop
    .row.filters-container.nasa-filter-wrap {
        width: 100% !important;
        max-width: 100% !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        padding: 0 !important;
    }


    /* Ordenación más compacta */
    body.us-esoterica-shop
    .woocommerce-ordering {
        max-width: 180px !important;
        min-width: 0 !important;
    }

    body.us-esoterica-shop
    .woocommerce-ordering .sort-text {
        font-size: 13px !important;
    }

    body.us-esoterica-shop
    a.nasa-current-orderby {
        font-size: 13px !important;
        white-space: nowrap !important;
    }
}

/* =========================================================
   TIENDA ESOTÉRICA · MÓVIL · SIN HUECO ANTES DEL FOOTER
   ========================================================= */

@media (max-width: 767px) {

    body.us-esoterica-shop
    .nasa-products-page-wrap {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;

        background: var(--us-plum) !important;
    }


    body.us-esoterica-shop
    .nasa-archive-product-content,
    body.us-esoterica-shop
    .nasa-archive-product-content-bg,
    body.us-esoterica-shop
    .nasa-content-page-products {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;

        background: var(--us-plum) !important;
    }


    body.us-esoterica-shop
    .nasa-archive-product-content.margin-bottom-40 {
        margin-bottom: 0 !important;
    }


    body.us-esoterica-shop
    footer {
        margin-top: 0 !important;
    }
}

/* =========================================================
   FOOTER · MÓVIL · UNIÓN LIMPIA CON LA TIENDA
   ========================================================= */

@media (max-width: 767px) {

    footer,
    footer .section-element,
    footer .padding-top-40 {
        border-top: 0 !important;
        box-shadow: none !important;
    }

    footer .section-element.padding-top-40 {
        background-color: #F27663 !important;
    }
}

@media (max-width: 767px) {

    body.us-esoterica-shop
    .nasa-products-page-wrap,
    body.us-esoterica-shop
    .nasa-archive-product-content-bg,
    body.us-esoterica-shop
    .nasa-archive-product-content {
        border-bottom: 0 !important;
        box-shadow: none !important;
    }
}