body{
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.circle {
    background-color: #aaa;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.circle img {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.text-lg-centerr {
    position: absolute;
   /*  top: 50%;
    left: 50%; */
    top:30%;
    left: 12%;  
    /* transform: translate(-50%, -50%);         */    
    margin: 0;
    /* padding: 20px; */
    white-space: nowrap;
}

.text-lg-center {
    position: absolute;
   /*  top: 50%;
    left: 50%; */
    top:40%;
    left: 12%;  
    /* transform: translate(-50%, -50%);         */    
    margin: 0;
    /* padding: 20px; */
    white-space: nowrap;
}

.text-titulo {
    position: absolute;
   /*  top: 40%;
    left: 1%;   */        
    top:40%;
    left: 12%;       
    margin: 0;
    white-space: nowrap;
    font-family: "Merriweather", serif;
    font-style: italic;
}

.text-tituloE {
    position: absolute;
   /*  top: 40%;
    left: 1%;   */        
    top:40%;
    left: 12%;       
    margin: 0;
    padding: 20px; 
    white-space: nowrap;
    font-family: "Merriweather", serif;
    font-style: italic;
}


/* #listaObras{
    display: none;
    position: absolute;
    top:20vh;
    left: 0%;    
    width: 64vw;
    list-style-type: none;
    margin: 0;
    padding: 0;
    z-index: 99999 !important;
} */

/* 
#listaObras li a{
    display: flex;
    align-items: center;
    text-decoration: none;
    color:black;
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    font-size: 1em;
} */

.navbar-toggler{
    display: none;
}

.esconder-celular{
    display: flex;
}

.mapa{
    border: none;
    width: 450px;
    height: 300px;
}


#listaClientes li a:hover{
    background-color: #eee;
}

#listaObras li a:hover{
    background-color: #eee;
}

.iconeP{
    padding-inline-start: clamp(0.7rem, 1.5vw, 1rem);
    padding-inline-end: clamp(0.7rem, 1.5vw, 1rem);
    font-size: clamp(0.9em, 2vw, 1.2em); 
    background-color: #403e3fdd;
}

.logoCLiente{
    height: 20vh; 
    width: 20vw;
}

.nomeCLiente{
    height: 20vh; 
    width: 60vw;
}

.subtitle{
    font-size: clamp(0.9em, 2vw, 2.2em);
    color:#ffffff;
    text-shadow: #eee;
    font-family: "Merriweather", serif;
}

.title{
    font-size: clamp(1em, 2vw, 2em);
    color:#f9ee98;
    text-shadow: #eee;
    font-family: "Merriweather", serif;
}

.iconeIndex{
    flex:0 0 auto;
    width:25% !important;
}


/* --- Responsividade (Celular) --- */
@media screen and (max-width: 768px) {
    .navbar-toggler{
        display: block;
    }

    .esconder-celular{
        display: none;
    }

    .carousel-item img{
       
        height: 100vh;
        object-fit: cover; /* ESSENCIAL para evitar distorção */
    }

    .imgCli{
       
        height: 100vh;
        object-fit: cover; /* ESSENCIAL para evitar distorção */
    }

    .carousel-caption{
        width: 90%;
    }

    .mapa{
        border: none;
        width: 400px;
        height: 250px;
    }

    .logoCLiente{
        height: 20vh; 
        width: 80vw;
    }
    
    .nomeCLiente{
        height: 20vh; 
        width: 80vw;
    }

    .iconeIndex{
        flex:0 0 auto;
        width:100% !important;
    }


}