/* ================================================================
   HOUSE LIFE — SINGLE BLOG POST
   VERSIÓN COMPLETA
   ================================================================ */


/* ================================================================
   1. CONTENEDOR GENERAL
   ================================================================ */

.single-post .elementor {
    background: #FAF8F3;
}

.hl-single-post {
    width: 100%;
    max-width: 1180px;

    margin: 0 auto;
    padding: 58px 24px 90px;

    box-sizing: border-box;
}


/* ================================================================
   2. BREADCRUMB
   ================================================================ */

.hl-breadcrumbs {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: wrap !important;

    gap: 7px !important;

    max-width: 980px;

    margin: 0 auto 30px !important;

    color: #7B746C;

    font-size: 14px;
    line-height: 1.4;
}

.hl-breadcrumbs > .elementor-element {
    width: auto !important;
    max-width: none !important;

    margin: 0 !important;

    flex: 0 0 auto !important;
}

.hl-breadcrumb-blog {
    color: #A9822F !important;

    font-weight: 600;

    text-decoration: none !important;
}

.hl-breadcrumb-blog:hover {
    color: #C9A24B !important;
}

.hl-breadcrumb-separator {
    color: #A59D94;
}

.hl-breadcrumbs a {
    text-decoration: none !important;
}


/* ================================================================
   3. TÍTULO
   ================================================================ */

.hl-single-title {
    width: 100%;

    max-width: 1000px;

    margin: 0 auto !important;

    text-align: center;
}

.hl-single-title .elementor-widget-container {
    width: 100%;
}

.hl-single-title .elementor-heading-title,
.hl-single-title h1 {
    margin: 0 !important;

    color: #2B2620 !important;

    font-size: clamp(40px, 5vw, 62px) !important;
    font-weight: 700 !important;

    line-height: 1.08 !important;

    letter-spacing: -1.5px !important;

    text-align: center !important;
}


/* ================================================================
   4. FECHA / META
   ================================================================ */

.hl-single-meta {
    width: 100%;

    margin: 22px auto 34px !important;

    text-align: center !important;
}

.hl-single-meta .elementor-widget-container {
    display: flex !important;

    justify-content: center !important;
}

.hl-single-meta,
.hl-single-meta span,
.hl-single-meta a,
.hl-single-meta time,
.hl-single-meta li {
    color: #8B837A !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    line-height: 1.4 !important;
}


/* ================================================================
   5. IMAGEN DESTACADA
   ================================================================ */

.hl-single-image {
    width: 100% !important;

    max-width: 980px !important;

    margin: 0 auto 46px !important;
}

.hl-single-image .elementor-widget-container,
.hl-single-image a {
    width: 100% !important;

    display: block !important;
}

.hl-single-image img {
    display: block !important;

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

    height: 520px !important;

    margin: 0 !important;

    object-fit: cover !important;

    border-radius: 20px !important;

    box-shadow: 0 12px 35px rgba(43, 38, 32, 0.09) !important;
}


/* ================================================================
   6. CONTENIDO
   ================================================================ */

.hl-single-content {
    width: 100% !important;

    max-width: 860px !important;

    margin: 0 auto !important;
    padding: 46px 50px !important;

    box-sizing: border-box !important;

    background: #FFFFFF !important;

    border: 1px solid #ECE4D3 !important;
    border-radius: 20px !important;

    box-shadow: 0 8px 28px rgba(43, 38, 32, 0.055) !important;

    color: #4F4943 !important;

    font-size: 17px !important;
    line-height: 1.85 !important;

    text-align: left !important;
}


/* MUY IMPORTANTE:
   Elementor estaba heredando texto centrado */
.hl-single-content,
.hl-single-content *,
.hl-single-content .elementor-widget-container,
.hl-single-content .elementor-widget-container > * {
    text-align: left !important;
}


/* ================================================================
   7. PÁRRAFOS
   ================================================================ */

.hl-single-content p {
    margin: 0 0 24px !important;

    color: #4F4943 !important;

    font-size: 17px !important;
    font-weight: 400 !important;

    line-height: 1.85 !important;
}


/* Último párrafo */
.hl-single-content p:last-child {
    margin-bottom: 0 !important;
}


/* ================================================================
   8. H2
   ================================================================ */

.hl-single-content h2 {
    margin: 48px 0 18px !important;

    color: #2B2620 !important;

    font-size: 30px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;
}

.hl-single-content h2::before {
    content: "";

    display: block;

    width: 44px;
    height: 3px;

    margin-bottom: 13px;

    background: #C9A24B;

    border-radius: 10px;
}


/* ================================================================
   9. H3
   ================================================================ */

.hl-single-content h3 {
    margin: 34px 0 14px !important;

    color: #A9822F !important;

    font-size: 22px !important;
    font-weight: 700 !important;

    line-height: 1.3 !important;
}


/* ================================================================
   10. TEXTO DESTACADO
   ================================================================ */

.hl-single-content strong,
.hl-single-content b {
    color: #2B2620 !important;

    font-weight: 700 !important;
}


/* ================================================================
   11. ENLACES
   ================================================================ */

.hl-single-content a {
    color: #A9822F !important;

    font-weight: 600 !important;

    text-decoration: underline !important;
    text-decoration-color: rgba(169, 130, 47, 0.35) !important;

    text-underline-offset: 3px;
}

.hl-single-content a:hover {
    color: #C9A24B !important;
}


/* ================================================================
   12. LISTAS
   ================================================================ */

.hl-single-content ul,
.hl-single-content ol {
    margin: 20px 0 28px !important;

    padding-left: 26px !important;
}

.hl-single-content li {
    margin-bottom: 10px !important;

    color: #4F4943 !important;

    font-size: 17px !important;
    line-height: 1.7 !important;
}

.hl-single-content li::marker {
    color: #C9A24B !important;
}


/* ================================================================
   13. IMÁGENES DENTRO DEL CONTENIDO
   ================================================================ */

.hl-single-content img {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 36px auto !important;

    border-radius: 16px !important;

    box-shadow: 0 8px 24px rgba(43, 38, 32, 0.07) !important;
}


/* ================================================================
   14. CONSEJO HOUSE LIFE
   ================================================================ */

.hl-single-content blockquote {
    position: relative;

    margin: 38px 0 !important;
    padding: 28px 30px 28px 34px !important;

    background: #FAF8F3 !important;

    border: 1px solid #ECE4D3 !important;
    border-left: 4px solid #C9A24B !important;

    border-radius: 0 16px 16px 0 !important;

    color: #4F4943 !important;

    font-size: 17px !important;
    font-style: normal !important;

    line-height: 1.75 !important;
}

.hl-single-content blockquote::before {
    content: "CONSEJO HOUSE LIFE";

    display: block;

    margin-bottom: 10px;

    color: #A9822F;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: .10em;
}


/* Evitar estilos por defecto de citas */
.hl-single-content blockquote p {
    margin: 0 !important;
}


/* ================================================================
   15. SEPARADORES
   ================================================================ */

.hl-single-content hr {
    margin: 44px 0 !important;

    border: 0 !important;

    border-top: 1px solid #ECE4D3 !important;
}


/* ================================================================
   16. TABLAS
   ================================================================ */

.hl-single-content table {
    width: 100% !important;

    margin: 30px 0 !important;

    border-collapse: collapse !important;

    border: 1px solid #ECE4D3 !important;

    background: #FFFFFF;
}

.hl-single-content th {
    padding: 14px !important;

    background: #FAF8F3 !important;

    color: #A9822F !important;

    font-weight: 700 !important;

    text-align: left !important;
}

.hl-single-content td {
    padding: 14px !important;

    border-top: 1px solid #ECE4D3 !important;

    color: #4F4943 !important;
}


/* ================================================================
   17. VOLVER AL BLOG
   ================================================================ */

.hl-back-blog {
    display: inline-flex !important;

    align-items: center !important;

    width: auto !important;

    margin: 42px auto 0 !important;

    color: #A9822F !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    transition:
        color .2s ease,
        transform .2s ease;
}

.hl-back-blog:hover {
    color: #C9A24B !important;

    transform: translateX(-3px);
}


/* Si está dentro de un widget de Elementor */
.elementor-widget-html:has(.hl-back-blog),
.elementor-widget-text-editor:has(.hl-back-blog) {
    text-align: center !important;
}


/* ================================================================
   18. RESPONSIVE TABLET
   ================================================================ */

@media (max-width: 1024px) {

    .hl-single-post {
        padding: 50px 22px 75px;
    }

    .hl-single-title .elementor-heading-title,
    .hl-single-title h1 {
        font-size: clamp(38px, 6vw, 52px) !important;
    }

    .hl-single-image {
        max-width: 900px !important;
    }

    .hl-single-image img {
        height: 460px !important;
    }

    .hl-single-content {
        max-width: 820px !important;

        padding: 40px !important;
    }

}


/* ================================================================
   19. RESPONSIVE MÓVIL
   ================================================================ */

@media (max-width: 767px) {

    .hl-single-post {
        padding: 34px 16px 55px;
    }


    /* Breadcrumb */
    .hl-breadcrumbs {
        margin-bottom: 22px !important;

        font-size: 13px;
    }


    /* Título */
    .hl-single-title .elementor-heading-title,
    .hl-single-title h1 {
        font-size: 34px !important;

        line-height: 1.12 !important;

        letter-spacing: -0.7px !important;
    }


    /* Fecha */
    .hl-single-meta {
        margin: 16px auto 26px !important;
    }


    /* Imagen */
    .hl-single-image {
        margin-bottom: 30px !important;
    }

    .hl-single-image img {
        height: 280px !important;

        border-radius: 14px !important;
    }


    /* Contenido */
    .hl-single-content {
        max-width: 100% !important;

        padding: 28px 22px !important;

        border-radius: 16px !important;

        font-size: 16px !important;

        line-height: 1.75 !important;
    }

    .hl-single-content p {
        margin-bottom: 22px !important;

        font-size: 16px !important;

        line-height: 1.75 !important;
    }


    /* H2 */
    .hl-single-content h2 {
        margin-top: 38px !important;

        font-size: 25px !important;
    }


    /* H3 */
    .hl-single-content h3 {
        margin-top: 30px !important;

        font-size: 21px !important;
    }


    /* Cita */
    .hl-single-content blockquote {
        margin: 30px 0 !important;

        padding: 22px !important;
    }

}


/* ================================================================
   HOUSE LIFE — BLOG ARCHIVE / PÁGINA PRINCIPAL
   Widget Royal Addons: 238c24c
   ================================================================ */


/* ================================================================
   CONTENEDOR GENERAL DEL BLOG
   ================================================================ */

.elementor-element-238c24c {
    max-width: 1180px;
    margin: 0 auto;
}


/* ================================================================
   FILTROS
   ================================================================ */

.elementor-element-238c24c .wpr-grid-filters {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 10px;

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

    list-style: none !important;
}

.elementor-element-238c24c .wpr-grid-filters li {
    margin: 0 !important;
    padding: 0 !important;
}


/* Cada filtro */

.elementor-element-238c24c .wpr-grid-filters span {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    min-height: 38px;

    padding: 9px 18px !important;

    background: #FFFFFF !important;

    border: 1px solid #ECE4D3 !important;
    border-radius: 30px !important;

    color: #6F675E !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    line-height: 1 !important;

    cursor: pointer;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}


/* Hover */

.elementor-element-238c24c .wpr-grid-filters span:hover {
    background: #FAF8F3 !important;

    border-color: #C9A24B !important;

    color: #A9822F !important;

    transform: translateY(-1px);
}


/* Filtro activo */

.elementor-element-238c24c
.wpr-grid-filters
.wpr-active-filter {
    background: #C9A24B !important;

    border-color: #C9A24B !important;

    color: #FFFFFF !important;
}


/* Ocultar separadores de Royal Addons */

.elementor-element-238c24c
.wpr-grid-filters-sep {
    display: none !important;
}


/* ================================================================
   TARJETA
   IMPORTANTE: NO modificar position/top/left/width
   ================================================================ */

.elementor-element-238c24c .wpr-grid-item-inner {
    height: 100%;

    background: #FFFFFF !important;

    border: 1px solid #ECE4D3 !important;
    border-radius: 18px !important;

    overflow: hidden !important;

    box-shadow:
        0 4px 18px rgba(43, 38, 32, 0.055) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease !important;
}


/* Hover tarjeta */

.elementor-element-238c24c
.wpr-grid-item:hover
.wpr-grid-item-inner {
    transform: translateY(-4px);

    border-color: #E2D4B7 !important;

    box-shadow:
        0 12px 30px rgba(43, 38, 32, 0.10) !important;
}


/* ================================================================
   IMAGEN
   ================================================================ */

.elementor-element-238c24c .wpr-grid-image-wrap {
    padding: 12px 12px 0 !important;

    box-sizing: border-box;
}

.elementor-element-238c24c .wpr-grid-image-wrap a {
    display: block;

    overflow: hidden;

    border-radius: 14px !important;
}

.elementor-element-238c24c .wpr-grid-image-wrap img {
    display: block !important;

    width: 100% !important;

    aspect-ratio: 4 / 3;

    object-fit: cover !important;

    border-radius: 14px !important;

    transition: transform .35s ease !important;
}


/* Zoom muy sutil */

.elementor-element-238c24c
.wpr-grid-item:hover
.wpr-grid-image-wrap img {
    transform: scale(1.025);
}


/* Overlay */

.elementor-element-238c24c .wpr-grid-media-hover-bg {
    background: rgba(201, 162, 75, 0.08) !important;
}


/* ================================================================
   CONTENIDO DE LA TARJETA
   ================================================================ */

.elementor-element-238c24c
.wpr-grid-item-below-content {
    padding: 20px 20px 22px !important;
}


/* ================================================================
   TÍTULO
   ================================================================ */

.elementor-element-238c24c
.wpr-grid-item-title {
    margin: 0 0 10px !important;
    padding: 0 !important;
}

.elementor-element-238c24c
.wpr-grid-item-title a {
    color: #2B2620 !important;

    font-size: 18px !important;
    font-weight: 700 !important;

    line-height: 1.3 !important;

    text-decoration: none !important;

    transition: color .2s ease;
}

.elementor-element-238c24c
.wpr-grid-item-title a:hover {
    color: #A9822F !important;
}


/* ================================================================
   FECHA
   ================================================================ */

.elementor-element-238c24c
.wpr-grid-item-date {
    margin: 0 0 12px !important;

    color: #A9822F !important;

    font-size: 12px !important;
    font-weight: 600 !important;
}

.elementor-element-238c24c
.wpr-grid-item-date span {
    color: #A9822F !important;
}


/* Quitar "/" después de fecha si Royal Addons lo genera */

.elementor-element-238c24c
.wpr-grid-item-date
.wpr-grid-extra-text-right {
    display: none !important;
}


/* ================================================================
   COMENTARIOS
   ================================================================ */

/*
   Para House Life recomiendo ocultarlos del listado.
   El usuario puede ver comentarios dentro del artículo si luego los usamos.
*/

.elementor-element-238c24c
.wpr-grid-item-comments {
    display: none !important;
}


/* ================================================================
   EXTRACTO
   ================================================================ */

.elementor-element-238c24c
.wpr-grid-item-excerpt {
    margin: 0 0 17px !important;

    color: #6F675E !important;

    font-size: 14px !important;

    line-height: 1.65 !important;
}

.elementor-element-238c24c
.wpr-grid-item-excerpt p {
    margin: 0 !important;

    color: #6F675E !important;

    font-size: 14px !important;

    line-height: 1.65 !important;
}


/* ================================================================
   LEER MÁS
   ================================================================ */

.elementor-element-238c24c
.wpr-grid-item-read-more {
    margin-top: 18px !important;
}

.elementor-element-238c24c
.wpr-grid-item-read-more
.inner-block {
    display: inline-block !important;
}

.elementor-element-238c24c
.wpr-grid-item-read-more a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    padding: 10px 20px !important;

    background: #C9A24B !important;

    border: 1px solid #C9A24B !important;
    border-radius: 30px !important;

    color: #FFFFFF !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    text-decoration: none !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease !important;
}


.elementor-element-238c24c
.wpr-grid-item-read-more a:hover {
    background: #A9822F !important;

    border-color: #A9822F !important;

    color: #FFFFFF !important;

    transform: translateY(-2px);
}


/* ================================================================
   RESPONSIVE
   ================================================================ */

@media (max-width: 1024px) {

    .elementor-element-238c24c
    .wpr-grid-filters {
        gap: 8px;

        margin-bottom: 28px !important;
    }

    .elementor-element-238c24c
    .wpr-grid-filters span {
        padding: 9px 15px !important;

        font-size: 12px !important;
    }

}


@media (max-width: 767px) {

    .elementor-element-238c24c {
        padding-left: 16px;
        padding-right: 16px;
    }


    /* Filtros desplazables horizontalmente */
    .elementor-element-238c24c
    .wpr-grid-filters {
        justify-content: flex-start;

        flex-wrap: nowrap;

        width: 100%;

        margin-bottom: 24px !important;
        padding-bottom: 6px !important;

        overflow-x: auto;

        scrollbar-width: none;
    }

    .elementor-element-238c24c
    .wpr-grid-filters::-webkit-scrollbar {
        display: none;
    }


    .elementor-element-238c24c
    .wpr-grid-filters span {
        white-space: nowrap;
    }


    /* Tarjetas */
    .elementor-element-238c24c
    .wpr-grid-item-inner {
        border-radius: 16px !important;
    }


    .elementor-element-238c24c
    .wpr-grid-item-below-content {
        padding: 18px !important;
    }


    .elementor-element-238c24c
    .wpr-grid-item-title a {
        font-size: 17px !important;
    }

}

/* ================================================================
   HOUSE LIFE — TARJETAS MISMA ALTURA VISUAL
   ================================================================ */

.elementor-element-238c24c .wpr-grid-item {
    box-sizing: border-box !important;
}

.elementor-element-238c24c .wpr-grid-item-inner {
    display: flex !important;
    flex-direction: column !important;

    height: 100% !important;

    box-sizing: border-box !important;
}

.elementor-element-238c24c .wpr-grid-item-below-content {
    display: flex !important;
    flex-direction: column !important;

    flex: 1 1 auto !important;

    height: 100% !important;
}

.elementor-element-238c24c .wpr-grid-item-read-more {
    margin-top: auto !important;
    padding-top: 18px !important;
}

.elementor-element-238c24c .wpr-grid-item-excerpt {
    display: -webkit-box !important;

    overflow: hidden !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4;

    line-clamp: 4;
}


.elementor-element-238c24c .wpr-grid-item-title a {
    display: -webkit-box !important;

    overflow: hidden !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3;

    line-clamp: 3;
}


/* ================================================================
   HOUSE LIFE — BOTÓN VER MÁS ARTÍCULOS
   ================================================================ */

.elementor-element-238c24c .wpr-grid-pagination a,
.elementor-element-238c24c .wpr-grid-pagination button,
.elementor-element-238c24c .wpr-load-more-btn,
.elementor-element-238c24c .wpr-pagination-load-more,
.elementor-element-238c24c .wpr-grid-pagination .wpr-button {
    background: #C9A24B !important;
    color: #FFFFFF !important;

    border: 1px solid #C9A24B !important;
    border-radius: 30px !important;

    padding: 12px 28px !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    box-shadow: none !important;

    text-decoration: none !important;

    transition:
        background .2s ease,
        transform .2s ease !important;
}

.elementor-element-238c24c .wpr-grid-pagination a:hover,
.elementor-element-238c24c .wpr-grid-pagination button:hover,
.elementor-element-238c24c .wpr-load-more-btn:hover,
.elementor-element-238c24c .wpr-pagination-load-more:hover,
.elementor-element-238c24c .wpr-grid-pagination .wpr-button:hover {
    background: #A9822F !important;
    color: #FFFFFF !important;

    border-color: #A9822F !important;

    transform: translateY(-2px);
}

.elementor-element-238c24c .wpr-grid-pagination {
    margin-top: 42px !important;
    margin-bottom: 10px !important;

    text-align: center !important;
}


.single-post .wpr-grid-filters {
    display: none !important;
}

/* ================================================================
   HOUSE LIFE — PRODUCTOS RELACIONADOS EN ARTÍCULOS
   ================================================================ */


/* CONTENEDOR DEL GRID */
.hl-related-products {
    width: 100%;
    max-width: 1180px;

    margin: 45px auto 20px;
}


/* TARJETA */
.hl-related-products .wpr-grid-item-inner {
    display: flex !important;
    flex-direction: column !important;

    height: 100% !important;

    background: #FFFFFF !important;

    border: 1px solid #ECE4D3 !important;
    border-radius: 18px !important;

    overflow: hidden !important;

    box-shadow: 0 5px 20px rgba(43, 38, 32, 0.055) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease !important;
}


.hl-related-products .wpr-grid-item:hover .wpr-grid-item-inner {
    transform: translateY(-4px);

    border-color: #DFCFAE !important;

    box-shadow: 0 12px 30px rgba(43, 38, 32, 0.10) !important;
}


/* ================================================================
   IMAGEN
   ================================================================ */

.hl-related-products .wpr-grid-image-wrap {
    padding: 12px 12px 0 !important;

    box-sizing: border-box !important;
}


.hl-related-products .wpr-grid-image-wrap img {
    display: block !important;

    width: 100% !important;
    height: 290px !important;

    object-fit: cover !important;

    border-radius: 14px !important;

    transition: transform .3s ease !important;
}


.hl-related-products .wpr-grid-item:hover .wpr-grid-image-wrap img {
    transform: scale(1.025);
}


/* Overlay morado de Royal Addons */
.hl-related-products .wpr-grid-media-hover-bg {
    background: rgba(201, 162, 75, 0.08) !important;
}


/* ================================================================
   CONTENIDO
   ================================================================ */

.hl-related-products .wpr-grid-item-below-content {
    display: flex !important;
    flex-direction: column !important;

    flex: 1 1 auto !important;

    padding: 18px 20px 22px !important;
}


/* ================================================================
   CATEGORÍAS
   ================================================================ */

.hl-related-products .wpr-grid-item-product_cat {
    margin: 0 0 7px !important;
}


.hl-related-products .wpr-grid-item-product_cat a {
    color: #A9822F !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    text-decoration: none !important;
}


.hl-related-products .wpr-grid-item-product_cat .tax-sep {
    color: #C8BCA9 !important;
}


/* ================================================================
   TÍTULO PRODUCTO
   ================================================================ */

.hl-related-products .wpr-grid-item-title {
    margin: 0 0 12px !important;
}


.hl-related-products .wpr-grid-item-title a {
    color: #2B2620 !important;

    font-size: 17px !important;
    font-weight: 700 !important;

    line-height: 1.3 !important;

    text-decoration: none !important;

    transition: color .2s ease !important;
}


.hl-related-products .wpr-grid-item-title a:hover {
    color: #A9822F !important;
}


/* ================================================================
   ESTRELLAS
   ================================================================ */

/*
   Como los productos todavía no parecen tener valoraciones,
   recomiendo ocultarlas. Las estrellas vacías ensucian el diseño.
*/

.hl-related-products .wpr-grid-item-rating {
    display: none !important;
}


/* ================================================================
   PRECIO
   ================================================================ */

.hl-related-products .wpr-grid-item-price {
    margin: 3px 0 18px !important;
}


.hl-related-products .wpr-grid-item-price,
.hl-related-products .wpr-grid-item-price span,
.hl-related-products .wpr-grid-item-price .woocommerce-Price-amount,
.hl-related-products .wpr-grid-item-price .woocommerce-Price-currencySymbol {
    color: #A9822F !important;

    font-size: 19px !important;
    font-weight: 700 !important;

    line-height: 1.3 !important;
}


/* ================================================================
   BOTÓN AÑADIR AL CARRITO
   ================================================================ */

.hl-related-products .wpr-grid-item-add-to-cart {
    margin-top: auto !important;
}


.hl-related-products .wpr-grid-item-add-to-cart .inner-block {
    display: block !important;

    width: 100% !important;
}


.hl-related-products .wpr-grid-item-add-to-cart a {
    display: flex !important;

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

    width: 100% !important;

    box-sizing: border-box !important;

    padding: 12px 18px !important;

    background: #C9A24B !important;

    color: #FFFFFF !important;

    border: 1px solid #C9A24B !important;
    border-radius: 30px !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1.2 !important;

    text-decoration: none !important;

    box-shadow: none !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease !important;
}


.hl-related-products .wpr-grid-item-add-to-cart a:hover {
    background: #A9822F !important;

    border-color: #A9822F !important;

    color: #FFFFFF !important;

    transform: translateY(-2px);
}


/* ================================================================
   LOAD MORE
   ================================================================ */

.hl-related-products .wpr-grid-pagination {
    margin-top: 38px !important;

    text-align: center !important;
}


.hl-related-products .wpr-load-more-btn {
    display: inline-flex !important;

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

    padding: 12px 26px !important;

    background: #C9A24B !important;

    color: #FFFFFF !important;

    border: 1px solid #C9A24B !important;
    border-radius: 30px !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    box-shadow: none !important;

    transition:
        background .2s ease,
        transform .2s ease !important;
}


.hl-related-products .wpr-load-more-btn:hover {
    background: #A9822F !important;

    color: #FFFFFF !important;

    transform: translateY(-2px);
}


/* ================================================================
   RESPONSIVE
   ================================================================ */

@media (max-width: 767px) {

    .hl-related-products {
        margin-top: 32px;
    }


    .hl-related-products .wpr-grid-image-wrap img {
        height: 260px !important;
    }


    .hl-related-products .wpr-grid-item-below-content {
        padding: 17px 18px 20px !important;
    }


    .hl-related-products .wpr-grid-item-title a {
        font-size: 16px !important;
    }


    .hl-related-products .wpr-grid-item-price,
    .hl-related-products .wpr-grid-item-price span,
    .hl-related-products .wpr-grid-item-price .woocommerce-Price-amount {
        font-size: 18px !important;
    }

}

/* Ocultar "Ver más productos" solo en productos relacionados del blog */
.hl-related-products .wpr-grid-pagination,
.hl-related-products .wpr-load-more-btn,
.hl-related-products .wpr-pagination-load-more {
    display: none !important;
}


/* ================================================================
   HOUSE LIFE — PRODUCTOS RELACIONADOS HORIZONTAL
   FORZADO PARA SHORTCODE WOOCOMMERCE
   ================================================================ */

.hl-related-shortcode .woocommerce,
.hl-related-shortcode .woocommerce.columns-3 {
    width: 100% !important;
    max-width: 1180px !important;

    margin: 0 auto !important;
}


/* GRID PRINCIPAL */
.hl-related-shortcode .woocommerce ul.products,
.hl-related-shortcode ul.products,
.hl-related-shortcode .products {
    display: grid !important;

    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    gap: 24px !important;

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

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

    float: none !important;
    clear: both !important;

    list-style: none !important;
}


/* PRODUCTO INDIVIDUAL */
.hl-related-shortcode .woocommerce ul.products li.product,
.hl-related-shortcode ul.products li.product,
.hl-related-shortcode .products li.product {
    position: relative !important;

    float: none !important;
    clear: none !important;

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

    margin: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    box-sizing: border-box !important;

    background: #FFFFFF !important;

    border: 1px solid #ECE4D3 !important;
    border-radius: 18px !important;

    padding: 12px 12px 20px !important;

    overflow: hidden !important;

    box-shadow: 0 5px 20px rgba(43, 38, 32, 0.055) !important;
}


/* QUITAR REGLAS DE COLUMNAS DE WOOCOMMERCE */
.hl-related-shortcode .woocommerce.columns-1 ul.products li.product,
.hl-related-shortcode .woocommerce.columns-2 ul.products li.product,
.hl-related-shortcode .woocommerce.columns-3 ul.products li.product,
.hl-related-shortcode .woocommerce.columns-4 ul.products li.product {
    width: 100% !important;
    margin-right: 0 !important;
}


/* IMAGEN */
.hl-related-shortcode ul.products li.product img {
    width: 100% !important;
    height: 300px !important;

    object-fit: cover !important;

    margin: 0 0 18px !important;

    border-radius: 14px !important;
}


/* TÍTULO */
.hl-related-shortcode
ul.products
li.product
.woocommerce-loop-product__title {
    margin: 0 10px 12px !important;

    color: #2B2620 !important;

    font-size: 17px !important;
    font-weight: 700 !important;

    line-height: 1.3 !important;

    text-align: left !important;
}


/* PRECIO */
.hl-related-shortcode
ul.products
li.product
.price {
    margin: 0 10px 18px !important;

    color: #A9822F !important;

    font-size: 19px !important;
    font-weight: 700 !important;

    text-align: left !important;
}

.hl-related-shortcode
ul.products
li.product
.price
.woocommerce-Price-amount {
    color: #A9822F !important;
}


/* BOTÓN */
.hl-related-shortcode
ul.products
li.product
.button {
    display: flex !important;

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

    width: calc(100% - 20px) !important;

    margin: auto 10px 0 !important;

    padding: 13px 18px !important;

    box-sizing: border-box !important;

    background: #C9A24B !important;

    color: #FFFFFF !important;

    border: none !important;
    border-radius: 30px !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    text-decoration: none !important;
}


/* TABLET */
@media (max-width: 1024px) {

    .hl-related-shortcode .woocommerce ul.products,
    .hl-related-shortcode ul.products,
    .hl-related-shortcode .products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

}


/* MÓVIL */
@media (max-width: 767px) {

    .hl-related-shortcode .woocommerce ul.products,
    .hl-related-shortcode ul.products,
    .hl-related-shortcode .products {
        grid-template-columns: 1fr !important;
    }

}

/* ================================================================
   HOUSE LIFE — SHORTCODE PRODUCTOS RELACIONADOS
   ================================================================ */

.hl-related-shortcode .woocommerce {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
}

.hl-related-shortcode .woocommerce ul.products,
.hl-related-shortcode ul.products.products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;

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

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

    list-style: none !important;
}

/* Neutralizar columnas/floats de WooCommerce */
.hl-related-shortcode .woocommerce ul.products::before,
.hl-related-shortcode .woocommerce ul.products::after {
    display: none !important;
    content: none !important;
}

.hl-related-shortcode .woocommerce ul.products li.product,
.hl-related-shortcode .woocommerce.columns-3 ul.products li.product,
.hl-related-shortcode ul.products li.product {
    float: none !important;
    clear: none !important;

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

    margin: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    box-sizing: border-box !important;
}

.hl-related-shortcode ul.products li.product {
    background: #fff !important;
    border: 1px solid #ECE4D3 !important;
    border-radius: 18px !important;
    padding: 12px 12px 20px !important;
    box-shadow: 0 5px 20px rgba(43,38,32,.055) !important;
}

.hl-related-shortcode ul.products li.product img {
    width: 100% !important;
    height: 280px !important;
    object-fit: cover !important;
    border-radius: 14px !important;
}

.hl-related-shortcode ul.products li.product .price {
    color: #A9822F !important;
    font-size: 19px !important;
    font-weight: 700 !important;
}

.hl-related-shortcode ul.products li.product .button {
    margin-top: auto !important;
    width: 100% !important;

    background: #C9A24B !important;
    color: #fff !important;

    border-radius: 30px !important;
    text-align: center !important;
}


@media (max-width: 1024px) {
    .hl-related-shortcode .woocommerce ul.products,
    .hl-related-shortcode ul.products.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 767px) {
    .hl-related-shortcode .woocommerce ul.products,
    .hl-related-shortcode ul.products.products {
        grid-template-columns: 1fr !important;
    }
}