body#module-clutx_materiales-materiales {
    #wrapper > .container {
        max-width: 100%;
        width: 100% !important;
        margin: 0;
    }

    .breadcrumb {
        max-width: 1440px;
        margin: auto;
    }

    #content {
        padding: 0;
    }

    .categoria_material {
        .materiales {
            max-width: 1440px;
            margin: auto;
        }

        img {
            max-width: 517px;
            width: 100%;
            height: 285px;
            object-fit: cover;
        }

        .texto {
            font-family: "Neue Haas Grotesk Display";
        }

        .nombre {
            font-family: "Neue Haas Grotesk Display";
            text-transform: capitalize;
            color: #666439;
            line-height: 100%;
            font-weight: 500;
            font-size: 18px;
        }
    }

    .Materiales {
        padding: 0 60px 60px;

        h2 {
            text-align: center;
            font-family: "Manier", serif;
            font-size: clamp(1.875rem, 1.4583333333rem + 1.1574074074vw, 2.5rem);
            font-weight: lighter;
            margin: 40px 0;
            line-height: 100%;
        }

        .materiales {
            display: flex;
            gap: 40px;

            .material {
                flex: 1 1 50%;

                .imagen, .texto {
                    max-width: 517px;
                    margin: auto;
                }

                .texto {
                    margin-top: 20px;
                }
            }
        }
    }


    .Materias.primas.naturales {
        background-color: #E9E5DE;
        padding: 60px;

        h2 {
            text-align: center;
            font-family: "Manier", serif;
            font-size: clamp(1.875rem, 1.4583333333rem + 1.1574074074vw, 2.5rem);
            font-weight: lighter;
            margin: 40px 0;
            line-height: 100%;
        }

        .materiales {
            display: flex;
            flex-direction: column;

            .material {
                flex: 1 1 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 40px;
                padding: 50px;

                .imagen, .texto {
                    max-width: 517px;
                    width: 100%;
                }
            }

            .material:nth-child(even) {
                flex-direction: row-reverse;
            }

            .material:nth-child(odd) {
                .texto {
                    padding-left: 60px;
                }
            }
        }
    }


    .Espumaciones.técnicas {
        padding: 60px 0;
        max-width: 1100px;
        margin: auto;
        h2 {
            text-align: center;
            font-family: "Manier", serif;
            font-size: clamp(1.875rem, 1.4583333333rem + 1.1574074074vw, 2.5rem);
            font-weight: lighter;
            margin: 40px 0;
            line-height: 100%;
        }

        .materiales {
            display: flex;
            flex-direction: column;
            padding: 50px 0;
            position: relative;
            overflow: hidden;
            width: 100%;
            .material {
                flex: 1 1 100%;
                display: flex;
                flex-direction: row-reverse;

                .nombre {
                    font-family: "Neue Haas Grotesk Display";
                    font-size: 36px;
                    margin-bottom: 40px;
                    text-transform: capitalize;
                    color: #222;
                }

                img {
                    max-height: 448px;
                    max-width: 100%;
                    height: 100%;
                    width: 100%;
                }

                .imagen, .texto {
                    flex: 1 1 50%;
                    margin: auto;
                }

                .imagen {
                    margin: 0;
                }

                .texto {
                    padding: 0 130px;
                }
            }

            .owl-prev:before, .owl-next:before {
                content: "";
                top: 50%;
                position: absolute;
                margin-top: -30px;
                background: #E9E5DE no-repeat center center;
                width: 60px;
                height: 60px;
                display: block;
                border-radius: 100%;
                background-size: 30px;
            }

            .owl-prev:before {
                left: -40px;
                background-image: url(/img/cms/slider-prev-chevron.svg) !important;
                background-position: 25px center;
            }

            .owl-next:before {
                right: -40px;
                background-image: url(/img/cms/slider-next-chevron.svg) !important;
                background-position: 5px center;
            }
        }
    }

    .Viscoelástica {
        background-color: #E9E5DE;
        padding: 60px;

        h2 {
            text-align: center;
            font-family: "Manier", serif;
            font-size: clamp(1.875rem, 1.4583333333rem + 1.1574074074vw, 2.5rem);
            font-weight: lighter;
            margin: 40px 0;
            line-height: 100%;
        }

        .materiales {
            display: flex;
            gap: 40px;

            .material {
                flex: 1 1 50%;

                .imagen, .texto {
                    max-width: 517px;
                    margin: auto;
                }

                .texto {
                    margin-top: 20px;
                }
            }
        }
    }

    .Fibras.sintéticas {
        padding: 60px;

        h2 {
            text-align: center;
            font-family: "Manier", serif;
            font-size: clamp(1.875rem, 1.4583333333rem + 1.1574074074vw, 2.5rem);
            font-weight: lighter;
            margin: 40px 0;
            line-height: 100%;
        }

        .materiales {
            display: flex;
            flex-direction: column;

            .material {
                flex: 1 1 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 40px;
                padding: 50px;

                .imagen, .texto {
                    max-width: 517px;
                    width: 100%;
                }
            }

            .material:nth-child(even) {
                flex-direction: row-reverse;
            }

            .material:nth-child(odd) {
                .texto {
                    padding-left: 60px;
                }
            }
        }
    }

    @media (max-width: 1024px) {
        .categoria_material {
            &.Materiales{
                h2 {
                    margin-top: 0;
                }
            }
            h2 {
                
                text-align: left !important;
                width: 100%;
            }
        
            .materiales {
                flex-direction: column !important;
                padding: 0 !important;

                .material {
                    flex-direction: column;
                    padding: 0 0 !important;
                }

                .material:nth-child(even) {
                    flex-direction: column !important;
                }

                .material:nth-child(odd) {
                    .texto {
                        padding-left: 0px !important;
                    }
                }
            }

            &.Espumaciones.técnicas {
                width: 100%;
                h2{
                    padding: 0 20px !important;
                    margin: 0;
                    margin-bottom: 25px;
                }
                .materiales {
                    width: 100%;
                }
                .material {
                    flex-direction: column-reverse;
                    padding: 0 !important;
                    gap: 0;
                    .nombre {
                        margin-bottom: 20px;
                        font-size: 30px;
                    }
                    .texto {
                        justify-content: center;
                        display: flex;
                        flex-direction: column;
                        margin: 0;
                        width: 100%;
                        flex: none;
                        padding: 0 35px !important;
                        margin-bottom: 20px;
                    }
                }
                .owl-nav button.owl-next, .owl-nav button.owl-prev, button.owl-dot {
                    top: 25%;
                }

                .owl-prev:before {
                    left: -40px;
                    background-image: url(/img/cms/slider-prev-chevron.svg) !important;
                    background-position: 20px center;
                    content: "";
                    display: inline-block;
                    width: 50px;
                    height: 50px;
                    background-repeat: no-repeat;
                }

                .owl-next:before {
                    right: -40px;
                    background-image: url(/img/cms/slider-next-chevron.svg) !important;
                    background-position: 0px center;
                    content: "";
                    display: inline-block;
                    width: 50px;
                    height: 50px;
                    background-repeat: no-repeat;
                }
            }
        }

        .Materias.primas.naturales,
        .Fibras.sintéticas {
            .imagen {
                img {
                    height: auto;
                }
            }
        }
    }
    @media (max-width: 768px) {
        .categoria_material:not(.Espumaciones.técnicas) {
            padding: 20px 20px !important;
        }

        .categoria_material.Espumaciones.técnicas {
            padding: 40px 0px !important;
        }
    }

    .categoria_material {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
    }

    .materials-subtitulo_one {
        font-weight: bold;
        text-align: center;
    }

    .materials-subtitulo_two {
        max-width: 820px;
        text-align: center;
      margin-bottom: 0;
    }
}

#module-clutx_materiales-materiales #content .Materias.primas.naturales {
    background-color: none;
}