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 Bold";
            text-transform: uppercase;
            color: #666439;
            line-height: 100%;
        }
    }

    .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;

        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;

            .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) {
        .materiales {
            flex-direction: column !important;
            padding: 0 !important;

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

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

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

        .Espumaciones.técnicas {
            & .materiales {
                .material {
                    flex-direction: column-reverse;
                    padding: 0 !important;

                    .texto {
                        min-height: 248px;
                        justify-content: center;
                        display: flex;
                        flex-direction: column;
                        margin: 0 15px;
                    }
                }
            }
        }

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

        .categoria_material.Espumaciones.técnicas {
            padding: 60px 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;
    }
}