/* Bundle generado automaticamente. NO EDITAR: se sobrescribe. */

/* ===== widgets/featured-product.css ===== */
div.section-featured-product__short-description p.elementor-heading-title {
    color: #A5A4A8 !important;
}



/* ===== widgets/product-grid.css ===== */
/* ==================================================
    ESTILOS CUADRICULA DE PRODUCTOS FÚNEBRES
   ================================================== */


.pgw-filter-bar {
    border-top: 1px solid #4b55685c;
    border-bottom: 1px solid #4b55685c;
}

.pgw-sort-container {
    border-right: 1px solid #4b55685c;
}

.pgw-filter-bar span {
    color: #4b5568 !important;
}

.pgw-filter-bar svg {
    stroke: #4b5568 !important;
} 

div.products-grid span.eael-onsale.sale-preset-5.left::before {
    background: url("https://floristeriahechizosdeamor.com/wp-content/uploads/2025/11/icono-oferta-flor-background-funeral.svg") no-repeat center center;
}

div.eael-product-title .woocommerce-loop-product__link h3 {
    background: #4b5568;
}

div.products-grid ul.icons-wrap.block-style {
    background: #d4d7db !important;
}

div.products-grid li.add-to-cart a {
    color: #4b5568 !important;
}

div.products-grid ul.icons-wrap.block-style:hover {
    background: #C3C6C9 !important;
}

div.products-grid li.add-to-cart a:hover {
    color: #4b5568 !important;
}

div.products-grid div.product-details-wrap {
    padding: 0 !important;
    text-align: cener;
}

div.products-grid div.eael-product-price {
    color: #4b5568 !important;
}

div.products-grid div.eael-product-price > ins ~ del {
    color: #4b55688F !important;
}

.pgw-page-arrow svg {
    stroke: #4b5568 !important;
}

.pgw-pagination, .pgw-page-num:not(.active):not(.dots):hover .pgw-page-num-text {
    color: #4b5568 !important;
}

/* ===== templates/dropdown-menu/dropdown-menu.css ===== */
/* ==================================================
   ESTILOS GLOBALES: Dropdown Menu
   ================================================== */

        /* ======= BOTTON CLOSED ======= */

a.dialog-close-button.dialog-lightbox-close-button {
    background: #4B5568;
}

a.dialog-close-button:hover {
    background: #9C9CA1;
}

        /* ======= SCROLL BAR ======= */

div.sidebar-menu div.dialog-message::-webkit-scrollbar-thumb {
    background-color: #4B5568; /* Scroll Bar */
}

div.sidebar-menu div.dialog-message::-webkit-scrollbar-track {
    background-color: #F3EAE7;  /* Fondo Scroll Bar */
}

        /* ======= LOGO ======= */

a.sidebar-menu__logo {
    background: url('https://floristeriahechizosdeamor.com/wp-content/uploads/2025/11/floristeria-hechizos-de-amor_logo-funebre.svg') no-repeat center center; 
}

        /* ======= SEPARATOR ======= */

div.nav-separator div.elementor-divider span.elementor-divider-separator {
    border-top-color: #4B5568 !important;
}

        /* ======= MENU CONTAINER ======= */

div.sidebar-menu__menu a.menu-link {
    color: #4B5568 !important;
}

div.sidebar-menu a.elementor-item-active {
    background: #C0C0C7 !important;
}

div.sidebar-menu__menu a.menu-link:hover {
    background: #E5DFE6 !important;
}

div.sidebar-menu a.elementor-item-active::after, div.sidebar-menu a.menu-link:hover::after { /* 1. Borde Inferior Página Activa / 2. Border Inferior Hover */
  background-color: #4B5568;
}

div.sidebar-menu__menu a.highlighted, div.sidebar-menu__menu a.elementor-item:focus {
    background-color: #C0C0C7 !important;
}

div.sidebar-menu__menu svg.e-font-icon-svg.e-fas-caret-down path {
    fill: #4B5568;
}

        /* ======= SUB MENU ======= */

div.sidebar-menu__menu ul.sub-menu {
    background-color: #F3EAE7;
}

div.sidebar-menu__menu a.elementor-sub-item:focus {
    background: #F3EAE7;
}

        /* ======= LOGIN CONTAINER ======= */

div.sidebar-menu__login-container {
    background: #F3EAE7;
}

div.sidebar-menu__title-login span.elementor-heading-title {
    color: #4B5568 !important;
}

div.sidebar-menu__title-login span.elementor-heading-title:hover {
    color: #4B556887 !important;
}
    
        /* ======= SOCIAL MEDIA CONTAINER ======= */
    
div.sidebar-menu__social-media {
    background: #4B5568;
}

div.sidebar-menu__icons path {
    fill: #4B5568;
}



/* ===== sections/section-blog.css ===== */
div.section-blog__tarjet-blog h3.lumik-post__title a {
    color: #4b5568 !important;
}

div.section-blog__tarjet-blog div.lumik-post__read-more-wrapper a {
    color: #4b556896 !important;
}

/* ===== sections/section-reviews.css ===== */
span.swiper-pagination-bullet {
    background-color: #4b5568 !important;
}

/* ===== sections/section-faq.css ===== */
div.section-faq__faq-container .lumik-toggle-title {
    color: #4b5568 !important;
}

div.section-faq__faq-container span.lumik-toggle-icon svg {
    stroke: #4b5568 !important;
}

div.section-faq__faq-container div.lumik-tab-content {
    background-color: #d4d7db73 !important;
}

div.section-faq__faq-container div.lumik-tab-content p {
    color: #4b5568bd !important;
}

/* ===== sections/section-intro-hero.css ===== */
/* ==================================================
   AJUSTES GLOBALES: Section Intro Hero
   ================================================== */

a.intro-hero__button {
    color: #4B5568;
}

a.intro-hero__button:hover {
    background: #D4D7DB;
}


/* ===== sections/section-flower-variations.css ===== */
div.section-flower-variations__button a.elementor-button {
    background-color: #4B5568;
}

div.section-flower-variations__button a.elementor-button:hover {
    color: #4B5568 !important;
    background-color: #D4D7DB !important;
    border: none;
}

/* ===== sections/global-styles.css ===== */
div.abstract-shape {
    background: #ece3da;
}

div.global-separator span.elementor-divider-separator {
    border-top: 3px solid #4b5568 !important;
}

div.elementor-widget-heading .elementor-heading-title {
    color: #4b5568 !important;
}



/* ===== sections/section-seo-services.css ===== */
div.section-seo-service__container-paragraph {
    background: #d4d7db;
}


/* ===== sections/section-final.css ===== */
section.section-final {
    background-color: #d4d7db;
}

div.section-final__title.elementor-widget-heading h2.elementor-heading-title {
    background-color: #4b5568 !important;
    color: #FEF3E7 !important;
}

/* ===== sections/section-product-details.css ===== */
    /* SECTION PRODUCT DETAILS */

section.section-product-details {
    background: #d4d7db;
}

@media screen and (min-width: 1025px) {
    
    div.section-product-details__img-detail--1 {
        width: 35%;
        max-width: 7.7rem !important;
    }
    
    div.section-product-details__img-detail--2 {
        width: 58%;
        max-width: 12.8rem !important;    
        margin-top: 1.4rem;
    }
    
    div.section-product-details__img-detail--2 {
        margin-left: 0%;
    }
}



@media screen and (max-width: 767px) {
    
    div.section-product-details__img-detail {
        width: 70%;
        max-width: 8rem !important;
    }
    
    div.section-product-details__img-detail--2 {
        margin-left: 0;
    }    
}



@media screen and (min-width: 768px) and (max-width: 1024px) {
    
    div.section-product-details__img-detail {
        width: 50%;
        max-width: 11rem !important;
    }
    
    div.section-product-details__img-detail--2 {
        margin-left: 0;
    }     
}

/* ===== sections/header.css ===== */
.site-header__container {
    background: #4b5568 !important;
}

a.site-header__logo-container--img {
    background: url("https://floristeriahechizosdeamor.com/wp-content/uploads/2024/01/logo-funeral_floristeria-hechizos-de-amor.svg") no-repeat center center !important;
}

/*
==================================================
   CARGAR HOJA DE ESTILOS DEL TEMA PADRE
================================================== 
*/

div.announcement-container {
    background: #d4d7db !important;
}

.announcement-container .lumik-announcement__msg {
	color: #4b5568 !important;
}

span.elementor-slide-heading {
    color: #4b5568 !important;
}

/* ===== sections/section-featured-product.css ===== */
    /* SECTION FEATURED PRODUCT */

div.section-featured-product__card {
    background: #4B5568;
}

div.section-featured-product__img-label figcaption.widget-image-caption {
    color: #4B5568 !important;
}

span.title-accent--featured-product {
    color: #A5A4A8;
}

div.section-featured-product__title h3.elementor-heading-title {
    color: #FEF3E7 !important;
}

div.section-featured-product__price-wrapper div.elementor-widget-heading {
    box-sizing: border-box;
    text-align: center;
    border-radius: 6rem !important;
    border: 1px solid #FEF3E7;
}

div.section-featured-product__price-wrapper div.elementor-widget-heading span {
    font-family: Founders Grotesk Official !important;
    font-weight: 300;
    color: #4B5568;
}

div.section-featured-product__price {
    background: #FEF3E7;
    z-index: 1;
}

div.section-featured-product__regular-price {
    z-index: 0;
}

div.section-featured-product__regular-price span {
    text-decoration: line-through;
    color: #A5A4A8 !important;
}

div.section-featured-product__short-description p {
    color: #A5A4A8 !important;
}

div.section-featured-product__info-container div.section-featured-product__button a.elementor-button {
    color: #4B5568;
}

div.section-featured-product__info-container div.section-featured-product__button a.elementor-button:hover {
    background-color: #d4d7db !important;
}

/* ===== sections/section-highlight.css ===== */
/* ==================================================
   FUNEBRE: Section Highlight (2 columnas: imagen | tarjeta)
   Targeting por :has() sobre clases de WIDGET (las de contenedor no renderizan)
   ================================================== */

.section-highlight {
    padding: 0;
}

.section-highlight .e-con-inner {
    padding: 0;
    min-width: 100%;
}

.section-highlight__title { 
    text-align: center; 
    margin-bottom: 8px; 
}

.section-highlight__title .title-accent { 
    font-size: 0.46em; 
    letter-spacing: 0.06em; 
}

.e-con.e-con:has(> .section-highlight__media),
.e-con.e-con:has(> .e-con-inner > .section-highlight__media) {
    flex-direction: row !important; 
    flex-wrap: nowrap !important;
    padding: 0;
    align-items: center !important; 
    justify-content: center !important;
    align-items: stretch !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 3.6rem;
}

.section-highlight__media { 
    min-width: 0% !important;
    width: 100%;
    max-width: 30rem !important;
    display: flex;
    flex: 0 0 50% !important; 
    position: relative; 
    justify-content: end;
    z-index: 2; 
}

.section-highlight__media img { 
    width: 100%; 
    display: block; 
    border-radius: 18px; 
    height: 100% !important;
    object-fit: cover !important;
}

.e-con.e-con:has(> .section-highlight__text),
.e-con.e-con:has(> .e-con-inner > .section-highlight__text) {
    flex: 0 1 50% !important; 
    background-color: #E6E3E5 !important;
    border-radius: 0 2rem 2rem 0 !important;
    padding: 3rem !important;
    align-items: center !important; 
    text-align: center;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    justify-content: center !important;
}

.section-highlight__text { 
    max-width: 430px; 
    margin-left: auto; 
    margin-right: auto; 
}

.section-highlight__text, .section-highlight__text p { 
    color: #5b6470 !important; 
    text-align: center; 
    line-height: 1.15;
    font-size: 1.4rem !important;
    font-weight: 300;
}

.section-highlight__text p { 
    margin-bottom: 16px; 
}

.section-highlight__cta { 
    margin-top: 14px; 
    text-align: center; 
}

.section-highlight__cta .elementor-button {
    background-color: #4b5568 !important; 
    color: #f4f1ec !important;
    font-size: 1rem !important;
    padding: 0.8rem 3rem 0.9rem 3rem !important;
    letter-spacing: 0.04em;
}

.section-highlight__cta .elementor-button:hover { 
    background-color: #3b424f !important; 
}

div.section-highlight__phone.elementor-widget-heading .elementor-heading-title { 
    color: #5B6470D4 !important; 
    font-weight: 500; 
    margin-top: 12px; 
}

@media (min-width: 1025px) {
    
    .section-highlight {
        width: 90%;
    }
}

@media (max-width: 1024px) {

    .section-highlight {
        width: 94%;
    }
}

@media (max-width: 767px) {
    
    .e-con.e-con:has(> .section-highlight__media),
    .e-con.e-con:has(> .e-con-inner > .section-highlight__media) { 
        flex-direction: column !important; 
        margin-bottom: 1.4rem;
    }
    
    .section-highlight__media { 
        flex-basis: auto !important; 
        width: 90%; 
        max-width: 460px; 
        margin: auto;
    }
    
    .section-highlight__media img {
        border-radius: 18px 18px 0 0;
    }
    
    .e-con.e-con:has(> .section-highlight__text),
    .e-con.e-con:has(> .e-con-inner > .section-highlight__text) {
        padding: 3rem 2rem !important;
        border-radius: 1rem !important;
        width: 100%;
    }
    
    .section-highlight {
        width: 96%;
    }
    
    .e-con.e-con:has(> .section-highlight__text),
    .e-con.e-con:has(> .e-con-inner > .section-highlight__text) {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }    
    
    .section-highlight__text, .section-highlight__text p {
        font-size: 1.2rem !important;
    }
}