.persona{width:90%;background-color:var(--colorBlanco);position:relative;box-shadow:0 4px 10px #0000001a;padding:10px;border-radius:20px;margin-top:4em;border:3px solid transparent;box-sizing:border-box;transition:transform .3s ease-in-out,border-color .3s ease-in-out}.persona:hover{transform:scale(1.05);background-color:var(--verdeOscuro)}.persona:hover .personaCirculo{border:5px solid var(--verdeOscuro)}.persona:hover .personaCirculo img{filter:grayscale(0%)}.persona:hover .personaInterno{border-color:var(--verdeClaro)}.personaTitulo{font-family:var(--fuentePrincipal);color:var(--verdeOscuro);font-weight:700;text-align:center;text-transform:uppercase}.personaSubTitulo{font-family:var(--fuentePrincipal);color:var(--verdeOscuro);font-weight:700}.personaInterno{width:100%;height:auto;background-color:#f0f0f0;border:1px solid #ccc;padding-top:60px;text-align:center;border-radius:10px}.personaCooperativaCirculo{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:120px;height:120px;border-radius:50%;overflow:hidden;border:5px solid var(--colorBlanco);box-shadow:0 4px 10px #0003}.personaCooperativaCirculo img{width:100%;height:100%;object-fit:cover;transition:filter .3s ease-in-out}.personaCirculo{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:120px;height:120px;border-radius:50%;overflow:hidden;border:5px solid var(--colorBlanco);box-shadow:0 4px 10px #0003;transition:transform .3s ease-in-out,border-color .3s ease-in-out}.personaCirculo img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .3s ease-in-out}.personaCirculo img:hover,.personaInterno:hover .personaCirculo img,.personaCirculo:hover img{filter:grayscale(0%)}.personaTexto{padding:1em;text-align:justify;font-size:1em;color:#333}.card-person .card{width:340px;height:350px;background:var(--colorBlanco);border-radius:32px;padding:3px;position:relative;box-shadow:0 8px 14px #0003;transition:all .5s ease-in-out}.card-person .card .profile-pic{position:absolute;top:3px;left:3px;width:calc(100% - 6px);height:calc(100% - 6px);border-radius:29px;z-index:1;border:0 solid var(--verdeOscuro);overflow:hidden;background-color:var(--colorBlanco);transition:all .5s ease-in-out .2s,z-index .5s ease-in-out .2s}.card-person .card .profile-pic img{object-fit:cover;width:100%;height:100%;object-position:0 0;transition:all .5s ease-in-out}.card-person .card .bottom{position:absolute;bottom:3px;left:3px;right:3px;top:80%;background:var(--verdeOscuro);border-radius:29px;z-index:2;box-shadow:#604b4a30 0 5px 5px inset;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:1rem;text-align:center;transition:all .5s cubic-bezier(.645,.045,.355,1)}.card-person .card .bottom .content{width:100%;position:absolute;padding:20px;transition:all .5s ease-in-out;bottom:0}.card-person .card .bottom .content .name{font-size:1.5rem;color:var(--colorBlanco);font-weight:700;font-family:var(--fuentePrincipal);transition:all .5s ease-in-out;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-person .card .bottom .content .about-me{font-size:1.3rem;color:var(--colorBlanco);opacity:0;height:0;transition:all .5s ease-in-out}.card-person .card:hover .bottom{top:30%;border-radius:100px 29px 29px}.card-person .card:hover .content{bottom:4rem}.card-person .card:hover .content .name{bottom:4rem;white-space:normal;overflow:visible;text-overflow:unset}.card-person .card:hover .content .about-me{opacity:1;height:auto;margin-inline:20px}.card-person .card:hover .profile-pic{width:150px;height:150px;top:10px;left:10px;border-radius:50%;z-index:3;border:7px solid var(--verdeOscuro);box-shadow:#604b4a30 0 5px 5px;transition:all .5s ease-in-out,z-index .5s ease-in-out .1s}.card-person .card:hover .profile-pic:hover{transform:scale(1.3);border-radius:20%}.card-person .card:hover .profile-pic img{transform:scale(1);object-position:0 25px;transition:all .5s ease-in-out .5s}@media (max-width: 600px){.card-person .card{width:300px;height:300px;margin-top:1em}}