.titulo-contactos{
    margin: 10px 10px;
    padding: 10px 10px;

    font-family: sans-serif;
    color: var(--color-fuente-grande);
}

.img-contactos{
    border-radius: 50%;
    width: 180px;
    height: 180px;
    object-fit: cover;
    transition: 0.3s;
}

.img-contactos:hover{
    transform: translateY(-5px);
}

.contacto-local{
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--color-base-fondo);

    margin: 10px 20px;
    padding: 20px 10px;
    border-radius: 10px;
}

.contacto-desarrollador{
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--color-base-fondo);

    margin: 10px 20px;
    padding: 20px 10px;
    border-radius: 10px;
}

.titulo-contacto-local{
    font-family: sans-serif;
    color: var(--color-fuente-grande);
    padding: 10px;
    text-align: center;
}

.descripcion-contacto-local{
    text-align: center;
    width: 80%;

    color: #000000ca;              
    font-size: 17px;                
    font-weight: 545;          
    line-height: 1.7;               
    letter-spacing: 0.6px;         
    text-align: center;           
    text-shadow: 1px 1px 2px rgba(0,0,0,0.05); 
   
    transition: transform 0.3s ease;
}

.p-info{
    text-align: center;
    width: 350px;

    color: #000000ca;               
    font-size: 17px;               
    font-weight: 545;               
    line-height: 1.7;              
    letter-spacing: 0.6px;       
    text-align: center;            
    text-shadow: 1px 1px 2px rgba(0,0,0,0.05);
   
    transition: transform 0.3s ease;
}

.t{
     font-weight: 550;    
}

.ico-contacto{
    width: 30px;
    height: 30px;
    margin-left: 5px;

    transition: 0.5s;
}

.ico-contacto:hover{
    transform: translateY(-5px);
}

.enlace-contacto{
    text-decoration: none;

    color: var(--color-fuente-grande);               
    font-size: 17px;               
    font-weight: 550;               
    line-height: 1.7;              
    letter-spacing: 0.6px;       
    text-align: center;            
    text-shadow: 1px 1px 2px rgba(0,0,0,0.05);
   
    transition: transform 0.3s ease;

    display: flex;
}


@media screen and (max-width: 768px){
    .contacto-local{
        margin: 5px 5px;
    }

    .contacto-desarrollador{
        margin: 5px 5px 10px 5px;
    }

    .img-contactos{
        width: 150px;
        height: 150px; 
    }

}