.ct-btn{
    width: fit-content;
}
.header-topic{
    position: relative;
    picture{
        position: relative;
        height: 250px;
    }
    @media (min-width:768px) {
        picture{
            position: relative;
            height: 300px;
        }
    }
    /* @media (min-width:1600px) {
        picture{
            height: 520px;
        }
    } */
    img{
        width: 100%;
        height: 100%;
        object-position: left bottom;
        object-fit: cover;
    }
}
.title-topic-ct{
    color: var(--c-blanco);
    height: fit-content;
    padding-left: 37%;
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    bottom: 0;
    @media (min-width:768px){
        padding-left: 30%;
    }
    p{
        font-size: 14px;
        max-width: 60%;
        display: none;
    }
    strong{
        font-size: 1.1em;
    }
}
.cont-left{
    
    .header-item {
        width: 100%;
        height: fit-content;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 35px;
        margin: auto;
    }
    
    .title-topic-ct{
        color: var(--c-blanco);
        position: static;
        max-width: 100%;
        text-align: left;
        h1{color: var(--c-blanco);}
        p{width: 70%;}
        @media (min-width:820px){
            p{width: 50%;}
        }
    }
}
.body-topic{
    margin-top: -40px;
    a{
        padding: 20px;
        padding-top: 30px;
        border-radius: 20px;
        background: var(--c-blanco);
        box-shadow: var(--box-s);
        position: relative;
        cursor: pointer;
        color: var(--c-scale-80);
        .text-item-contact{
            flex-grow: 1;
            h3{
                font-size: 18px;
            }
            b{
                font-size: 12px;
            }
            p{
                font-size: 12px;
            }
        }
        svg{
        }
        .footer-item{
            position: relative;
        }
        .footer-item-after{
            &:before{
                /* content: "";
                width: 0;
                height: 0;
                border-top: 6px solid transparent;
                border-left: 6px solid var(--c-action-hover);
                border-right: 6px solid transparent;
                border-bottom: 6px solid var(--c-action-hover);
                
                position: absolute;
                right: -32px;
                top: 21px;
                bottom: 0;
                margin: auto; */
            }
            &:after {
                /* content: "En remodelación";
                background: var(--c-action);
                color: var(--c-blanco);
                padding: 5px 15px 5px 20px;
                font-size: 12px;
                
                position: absolute;
                right: -32px;
                top: 0;
                bottom: -60px;
                margin: auto;
                height: fit-content;
                border-radius: 20px 0px 15px 20px; */
                
            }
            @media (min-width:820px){
                &::before{
                    border-top: 6px solid transparent;
                    border-left: 6px solid transparent;
                    border-right: 6px solid var(--c-action-hover);
                    border-bottom: 6px solid var(--c-action-hover);
                    left: -30px;
                    top: -11px;
                    right: inherit;
                    bottom: inherit;
                }
                &:after{
                    padding: 5px 15px 5px 20px;
                    left: -30px;
                    right: inherit;
                    bottom: inherit;
                    border-radius: 0 20px 20px 15px;
                }
            }
        }
    }
    .badge-icons{
        position: absolute;
        top: -15px;
        left: 20px;
    }
}
.body-map{
    overflow: hidden;
}
@media (min-width: 820px){
    .header-topic{
        img{
            object-position: bottom;
        }
    }
    .title-topic-ct{
        top: 0px;
        text-align: left;
        p{display: block; font-size: 18px;}
        h1{font-size: 3.5em;}
        strong{font-size: 2.2em;}
    }
    .body-topic{
        margin-top: -25px;
        a{
            min-width: 300px;
            .text-item-contact{
                h3{
                    font-size: 18px;
                }
                b{
                    font-size: 12px;
                }
                p{
                    margin-top: 5px;
                    font-size: 14px;
                    color: var(--c-scale-60);
                }
            }
            
        }
        svg{
        }
    }
    .body-map{
        overflow: inherit;
    }

}

@media (min-width: 992px){
    
}

@media (min-width: 1200px){
    
}