.elementor-332 .elementor-element.elementor-element-515a35df{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-332 .elementor-element.elementor-element-affd548{--display:flex;--margin-top:0rem;--margin-bottom:1rem;--margin-left:0rem;--margin-right:0rem;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-332 .elementor-element.elementor-element-affd548:not(.elementor-motion-effects-element-type-background), .elementor-332 .elementor-element.elementor-element-affd548 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000B3;}.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-332 .elementor-element.elementor-element-4ced98e0{text-align:center;}.elementor-332 .elementor-element.elementor-element-4ced98e0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:2.4rem;font-weight:600;color:var( --e-global-color-secondary );}.elementor-332 .elementor-element.elementor-element-d1edb2a{--display:flex;--margin-top:0rem;--margin-bottom:1rem;--margin-left:0rem;--margin-right:0rem;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}body.elementor-page-332:not(.elementor-motion-effects-element-type-background), body.elementor-page-332 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ferrotodo.ruahtec.com.bo/wp-content/uploads/2025/03/FONDO-ferrotodo2-scaled-e1743457583713.jpg");background-repeat:no-repeat;background-size:cover;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-332 .elementor-element.elementor-element-515a35df{--justify-content:flex-start;--margin-top:2rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-332 .elementor-element.elementor-element-573326d9 img{max-width:83%;}.elementor-332 .elementor-element.elementor-element-4ced98e0 .elementor-heading-title{font-size:1rem;}body.elementor-page-332:not(.elementor-motion-effects-element-type-background), body.elementor-page-332 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:auto;}}/* Start custom CSS for html, class: .elementor-element-c7b9553 */@media (max-width: 768px) {
    .dflip-books {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Dos columnas de igual tamaño */
        gap: 10px; /* Espaciado entre columnas */
        justify-content: center;
    }

    .dflip-books ._df_thumb {
        width: 35%; /* Asegura que cada ítem ocupe el espacio correcto */
        text-align: center;
    }

    .dflip-books .df-book-cover img {
        max-width: 100%; /* Ajusta el tamaño de las imágenes */
        height: auto;
    }
}/* End custom CSS */
/* Start custom CSS */.dflip-books.df-posts {
    display: flex;
    flex-wrap: wrap; /* Permite que los elementos se ajusten si es necesario */
    justify-content: center; /* Centra los flipbooks */
    gap: 20px; /* Espaciado entre los flipbooks */
    max-width: 100%; /* Asegura que el contenedor pueda expandirse */
}


.df-book-wrapper {
    transform: scale(1.06); /* Escala todo el contenedor */
    transform-origin: center;
}

.df-book-cover {
    width: fit-content !important; /* Ajusta el ancho al contenido */
    display: flex; /* Asegura que se adapte a la imagen */
    justify-content: center;
    align-items: center;
    padding: 0 !important; /* Elimina cualquier padding adicional */
    margin: 0 auto; /* Centra los elementos */
    overflow: hidden; /* Evita que sobresalga contenido no deseado */
}

.df-book-cover {
    box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.7); /* Sombra más fuerte */
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.df-book-cover:hover {
    transform: scale(1.08); /* Hace que crezca un poco más al pasar el mouse */
    box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.8); /* Sombra aún más notoria en hover */
}/* End custom CSS */