html {
    scroll-behavior: smooth;
}
#fachadasventiladas,
#fachadasventiladas * {
    --section--spacer: 60px;    
    @media (max-width: 769px) {
        --section--spacer: 40px;    
    }
}
#fachadasventiladas {
    margin: 40px 0 0;
    #header {
        height: 688px;
        padding: 80px 0 0;
        position: relative;
        header {
            max-width: 360px;
            margin: 10px 0 40px;
            h1 {
                margin: 0 0 40px;
            }
            p {
                font-size: 1.125rem;
                text-wrap: pretty;
            }
        }
        aside {
            span {
                display: block;
                margin: 0 0 1rem;
            }
            li {
                margin: 0 0 1rem;
            }
        }
        .bg {
            width: 62vw;
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1;
            > img {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: cover;
                object-position: left top;
            }
        }
        @media (max-width:992px) {
            height: auto;
            padding: 0;
            header {
                max-width: unset;
            }
            aside {
                display: none;
            }
            .bg {
                display: none;
            }
        }
    }
    #intro {
        margin: 0 0 var(--section--spacer);
        .content {
            width: 45dvw;
            max-width: 860px;
            margin-top: -90px;
            padding: 80px 80px 20px 0;
            background: var(--clr-white);
            @media (max-width:992px) {
                width: 100%;
                max-width: unset;
                margin: 0;
                padding: 0;
            }
        }
        .data {
            margin: 0 0 20px;
            p {
                text-align: center;
                .total {
                    font-size: 1.5rem;
                    font-weight: 700;
                }
            }
        }
    }
    #advantages {
        margin: 0 0 var(--section--spacer);
        .pbds-container {
            max-width: 800px;
            ul {
                li {
                    margin: 0 0 20px;
                    display: grid;
                    grid-template-columns: auto 1fr;
                    grid-template-areas: "icon title" "icon content";
                    column-gap: 20px;
                    > img {
                        grid-area: icon;
                        align-self: start;
                    }
                    .title {
                        grid-area: title;
                        font-weight: 500;
                    }
                    p {
                        grid-area: content;
                    }
                }
            }
        }
    }
    #gallery {
        margin: 0 0 var(--section--spacer);
    }
    #table {
        margin: 0 0 var(--section--spacer);
        .pbds-table {
            overflow: auto;
            table {
                thead {
                    tr {
                        th:nth-of-type(n+2) {
                            width: 18%;
                            text-align: center;
                        }
                    }
                }
                tbody {
                    tr {
                        td:nth-of-type(n+2) {
                            width: 18%;
                            text-align: center;
                        }
                    }
                }
            }
        }
    }
    #findstore {
        margin: 0 0 calc(var(--section--spacer) + 20px);
    }
}