.pit{
    padding: 20px;
    & .pit__content {
        display: flex;
        justify-content: space-between;
        background-size: cover;
        background-position: center;
        height: calc(100vh - 124px);
        & .pit__info {
            width: 100%;
            max-width: 600px;
            background-color: #fff;
            padding-inline: 20px;
            display: flex;
            flex-direction: column;
            & h1 {
                font-size: clamp(26px, 3vw, 45px);
                margin: 0;
                margin-bottom: 30px;
            }
            
            & h2 {
                font-size: clamp(20px, 3vw, 30px);
                font-weight: 700;
                position: relative;

                &::before {
                    content: "";
                    position: absolute;
                    width: 50px;
                    height: 3px;
                    background-color: var(--color-primary);
                    top: -10px;
                }
            }
            
            
            
            & .field--name-field-horario {
                margin-bottom: 30px;
            }
            
            & #pit__mapa{
                background-color: #fff;
                top: 0;
                left: 0;
                position: fixed;
                z-index: 60;
                width: 100%;
                height: 100vh;
            }
            
            .pit__mapa {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                width: 100%;
                height: 100%;

                & .field--name-field-mapa, iframe{
                    width: 100%;
                    height: 100%;
                }
                
                & .pit__mapa__header {
                    display: flex;
                    justify-content: space-between;
                    width: 100%;
                    padding: 10px 20px 0px;
                    & .pit__mapa__close svg{
                        font-size: 50px;
                    }
                }
            }
        }
    }
}

.breadcrumb {
    width: 100%;
    margin-bottom: 20px;
}

@media screen and (max-width:767px){
    .pit {
        & .pit__content {
            background-image: none !important;
            flex-direction: column;
            height: auto;
            & .pit__info {
                padding: 20px 0;
            }
        }
    }
}