.elementor-25 .elementor-element.elementor-element-b7cff34{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-e2fb529{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-f592eb3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-88afa28{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-25 .elementor-element.elementor-element-88afa28:not(.elementor-motion-effects-element-type-background), .elementor-25 .elementor-element.elementor-element-88afa28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F7FB;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-25 .elementor-element.elementor-element-b7fa9b7{text-align:center;}.elementor-25 .elementor-element.elementor-element-b7fa9b7 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:600;letter-spacing:5px;color:var( --e-global-color-secondary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-25 .elementor-element.elementor-element-bb235f0.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;border-style:solid;border-width:1px 1px 1px 1px;padding:20px 20px 20px 20px;background-color:#FFFFFF;border-color:#0201010D;}.elementor-25 .elementor-element.elementor-element-bb235f0.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-25 .elementor-element.elementor-element-bb235f0.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-secondary );}.elementor-25 .elementor-element.elementor-element-bb235f0.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-secondary );}.elementor-25 .elementor-element.elementor-element-bb235f0.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-25 .elementor-element.elementor-element-bb235f0.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-25 .elementor-element.elementor-element-bb235f0.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-3be9e02 );}.elementor-25 .elementor-element.elementor-element-bb235f0.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-3be9e02 );}.elementor-25 .elementor-element.elementor-element-bb235f0.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-3be9e02 );}.elementor-25 .elementor-element.elementor-element-bb235f0.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-3be9e02 );}.elementor-25 .elementor-element.elementor-element-bb235f0.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-3be9e02 );}.elementor-25 .elementor-element.elementor-element-bb235f0.elementor-wc-products ul.products li.product .button{color:var( --e-global-color-4104554 );background-color:var( --e-global-color-3be9e02 );font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;border-radius:30px 30px 30px 30px;}.elementor-25 .elementor-element.elementor-element-bb235f0.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-25 .elementor-element.elementor-element-ce03cd1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-7a2c5d7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-25 .elementor-element.elementor-element-7a2c5d7:not(.elementor-motion-effects-element-type-background), .elementor-25 .elementor-element.elementor-element-7a2c5d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F7FB;}.elementor-25 .elementor-element.elementor-element-fd814d8{text-align:center;}.elementor-25 .elementor-element.elementor-element-fd814d8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:600;letter-spacing:5px;color:var( --e-global-color-secondary );}.elementor-25 .elementor-element.elementor-element-c224795.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;border-style:solid;border-width:1px 1px 1px 1px;padding:20px 20px 20px 20px;background-color:#FFFFFF;border-color:#0201010D;}.elementor-25 .elementor-element.elementor-element-c224795.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-25 .elementor-element.elementor-element-c224795.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-secondary );}.elementor-25 .elementor-element.elementor-element-c224795.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-secondary );}.elementor-25 .elementor-element.elementor-element-c224795.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-25 .elementor-element.elementor-element-c224795.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-25 .elementor-element.elementor-element-c224795.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-3be9e02 );}.elementor-25 .elementor-element.elementor-element-c224795.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-3be9e02 );}.elementor-25 .elementor-element.elementor-element-c224795.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-3be9e02 );}.elementor-25 .elementor-element.elementor-element-c224795.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-3be9e02 );}.elementor-25 .elementor-element.elementor-element-c224795.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-3be9e02 );}.elementor-25 .elementor-element.elementor-element-c224795.elementor-wc-products ul.products li.product .button{color:var( --e-global-color-4104554 );background-color:var( --e-global-color-3be9e02 );font-family:"Poppins", Sans-serif;font-size:12px;font-weight:400;border-radius:30px 30px 30px 30px;}.elementor-25 .elementor-element.elementor-element-c224795.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-25 .elementor-element.elementor-element-bb235f0.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-25 .elementor-element.elementor-element-c224795.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-25 .elementor-element.elementor-element-88afa28{--content-width:1400px;}.elementor-25 .elementor-element.elementor-element-7a2c5d7{--content-width:1400px;}}@media(max-width:767px){.elementor-25 .elementor-element.elementor-element-b7fa9b7 .elementor-heading-title{font-size:18px;}.elementor-25 .elementor-element.elementor-element-bb235f0.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-25 .elementor-element.elementor-element-bb235f0.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-25 .elementor-element.elementor-element-bb235f0.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:13px;}.elementor-25 .elementor-element.elementor-element-bb235f0.elementor-wc-products ul.products li.product .button{font-size:12px;}.elementor-25 .elementor-element.elementor-element-bb235f0.elementor-wc-products ul.products li.product{padding:10px 10px 10px 10px;}.elementor-25 .elementor-element.elementor-element-fd814d8 .elementor-heading-title{font-size:18px;}.elementor-25 .elementor-element.elementor-element-c224795.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-25 .elementor-element.elementor-element-c224795.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-25 .elementor-element.elementor-element-c224795.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:13px;}.elementor-25 .elementor-element.elementor-element-c224795.elementor-wc-products ul.products li.product .button{font-size:12px;}.elementor-25 .elementor-element.elementor-element-c224795.elementor-wc-products ul.products li.product{padding:10px 10px 10px 10px;}}/* Start custom CSS for html, class: .elementor-element-6c7b4f0 *//* --- Contenedor Principal --- */
.ferre-hero-container {
    font-family: 'Poppins', sans-serif;
    position: relative;
    padding: 120px 20px; /* Espaciado amplio para apreciar el parallax */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
}

/* --- Fondo Parallax con Blur --- */
.ferre-hero-container::before {
    content: "";
    position: absolute;
    /* Los márgenes negativos evitan que el borde del blur se vea blanco */
    top: -15px; left: -15px; right: -15px; bottom: -15px; 
    background-image: url('https://www.ferrepedidos.cl/wp-content/uploads/2026/07/ferrepedidos-3.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* EFECTO PARALLAX */
    filter: blur(8px); /* EFECTO BLUR (Puedes subir o bajar este número) */
    z-index: 1;
}

/* --- Capa Overlay Color Principal (#574594) --- */
.ferre-hero-container::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    /* El color #574594 en RGB es 87, 69, 148. El 0.82 es la transparencia (82%) */
    background-color: rgba(87, 69, 148, 0.82); 
    z-index: 2;
}

/* --- Contenido (Debe ir sobre los fondos) --- */
.ferre-hero-content {
    position: relative;
    z-index: 3; /* Trae el contenido al frente */
    max-width: 800px;
    width: 100%;
}

/* --- Textos con Animación --- */
.ferre-title {
    color: #ffffff;
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 15px;
    animation: fadeDown 0.8s ease-out forwards;
}

.ferre-subtitle {
    color: #e0dced;
    font-size: 1.1rem;
    font-weight: 400;
    margin-bottom: 40px;
    opacity: 0;
    animation: fadeIn 1s ease-out 0.3s forwards;
}

/* --- Contenedor de Botones --- */
.ferre-social-grid {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* --- Estilo de Botones --- */
.ferre-social-card {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 16px 30px;
    background-color: #ffffff;
    color: #574594;
    text-decoration: none !important;
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: 50px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    opacity: 0;
    flex: 1 1 200px;
    max-width: 250px;
    animation: fadeUp 0.6s ease-out forwards;
}

.ferre-social-card i {
    font-size: 1.4rem;
}

/* --- Hover y Cascada de Animación --- */
.wa-btn { animation-delay: 0.4s; }
.wa-btn:hover { 
    background-color: #25D366; 
    color: #ffffff; 
    transform: translateY(-5px);
    box-shadow: 0 15px 25px rgba(37, 211, 102, 0.4);
}

.ig-btn { animation-delay: 0.6s; }
.ig-btn:hover { 
    background-color: #E1306C; 
    color: #ffffff;
    transform: translateY(-5px);
    box-shadow: 0 15px 25px rgba(225, 48, 108, 0.4);
}

.fb-btn { animation-delay: 0.8s; }
.fb-btn:hover { 
    background-color: #1877F2; 
    color: #ffffff;
    transform: translateY(-5px);
    box-shadow: 0 15px 25px rgba(24, 119, 242, 0.4);
}

/* --- Keyframes de Animaciones --- */
@keyframes fadeDown {
    from { opacity: 0; transform: translateY(-30px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeUp {
    from { opacity: 0; transform: translateY(40px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* --- Responsivo para Celulares --- */
@media (max-width: 768px) {
    .ferre-hero-container {
        padding: 80px 15px; /* Ajuste de padding en móvil */
        /* En algunos móviles muy antiguos el 'fixed' falla con imágenes de fondo, Elementor lo suele manejar bien, pero por las dudas dejamos el fixed. */
    }
    
    .ferre-title {
        font-size: 2rem;
    }
    
    .ferre-social-grid {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }
    
    .ferre-social-card {
        width: 100%;
        max-width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-951339a *//* --- Contenedor Principal --- */
.ferre-hero-container {
    font-family: 'Poppins', sans-serif;
    position: relative;
    padding: 120px 20px; /* Espaciado amplio para apreciar el parallax */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
}

/* --- Fondo Parallax con Blur --- */
.ferre-hero-container::before {
    content: "";
    position: absolute;
    /* Los márgenes negativos evitan que el borde del blur se vea blanco */
    top: -15px; left: -15px; right: -15px; bottom: -15px; 
    background-image: url('https://www.ferrepedidos.cl/wp-content/uploads/2026/07/ferrepedidos-3.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* EFECTO PARALLAX */
    filter: blur(8px); /* EFECTO BLUR (Puedes subir o bajar este número) */
    z-index: 1;
}

/* --- Capa Overlay Color Principal (#574594) --- */
.ferre-hero-container::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    /* El color #574594 en RGB es 87, 69, 148. El 0.82 es la transparencia (82%) */
    background-color: rgba(87, 69, 148, 0.82); 
    z-index: 2;
}

/* --- Contenido (Debe ir sobre los fondos) --- */
.ferre-hero-content {
    position: relative;
    z-index: 3; /* Trae el contenido al frente */
    max-width: 800px;
    width: 100%;
}

/* --- Textos con Animación --- */
.ferre-title {
    color: #ffffff;
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 15px;
    animation: fadeDown 0.8s ease-out forwards;
}

.ferre-subtitle {
    color: #e0dced;
    font-size: 1.1rem;
    font-weight: 400;
    margin-bottom: 40px;
    opacity: 0;
    animation: fadeIn 1s ease-out 0.3s forwards;
}

/* --- Contenedor de Botones --- */
.ferre-social-grid {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* --- Estilo de Botones --- */
.ferre-social-card {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 16px 30px;
    background-color: #ffffff;
    color: #574594;
    text-decoration: none !important;
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: 50px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    opacity: 0;
    flex: 1 1 200px;
    max-width: 250px;
    animation: fadeUp 0.6s ease-out forwards;
}

.ferre-social-card i {
    font-size: 1.4rem;
}

/* --- Hover y Cascada de Animación --- */
.wa-btn { animation-delay: 0.4s; }
.wa-btn:hover { 
    background-color: #25D366; 
    color: #ffffff; 
    transform: translateY(-5px);
    box-shadow: 0 15px 25px rgba(37, 211, 102, 0.4);
}

.ig-btn { animation-delay: 0.6s; }
.ig-btn:hover { 
    background-color: #E1306C; 
    color: #ffffff;
    transform: translateY(-5px);
    box-shadow: 0 15px 25px rgba(225, 48, 108, 0.4);
}

.fb-btn { animation-delay: 0.8s; }
.fb-btn:hover { 
    background-color: #1877F2; 
    color: #ffffff;
    transform: translateY(-5px);
    box-shadow: 0 15px 25px rgba(24, 119, 242, 0.4);
}

/* --- Keyframes de Animaciones --- */
@keyframes fadeDown {
    from { opacity: 0; transform: translateY(-30px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeUp {
    from { opacity: 0; transform: translateY(40px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* --- Responsivo para Celulares --- */
@media (max-width: 768px) {
    .ferre-hero-container {
        padding: 80px 15px; /* Ajuste de padding en móvil */
        /* En algunos móviles muy antiguos el 'fixed' falla con imágenes de fondo, Elementor lo suele manejar bien, pero por las dudas dejamos el fixed. */
    }
    
    .ferre-title {
        font-size: 2rem;
    }
    
    .ferre-social-grid {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }
    
    .ferre-social-card {
        width: 100%;
        max-width: 100%;
    }
}/* End custom CSS */