.title-equipo{font-size:45px;color:#01105b;padding-left:3%}.confes{width:100%;display:flex;justify-content:space-evenly;align-content:stretch;box-shadow:0 5px 15px rgba(0,0,0,.35);margin-bottom:10%}.confe{justify-content:space-between;width:20%;padding-left:0;padding-right:0;transition:width .3s}.confe,.confe-title{display:flex;flex-direction:column;align-items:center}.confe-title{justify-content:space-evenly;padding-bottom:150px}.confe-name-small{display:none;color:#4fb267;text-transform:uppercase;font-weight:700;font-size:25px;margin-bottom:3%}.confe-img{width:5.6vw;border-radius:180px;margin-top:10%;filter:grayscale(100%)}.confe-name-job{display:flex;flex-direction:column}.confe-name{margin-top:70%;transform:rotate(90deg);width:100%;font-size:45px;font-weight:600;color:#01105b}.confe-job{font-weight:300;color:#01105b}.confe-desc,.confe-job{display:none}.confe:focus-within{padding-left:3%;padding-right:3%;align-items:flex-start;width:80%;outline:none}.confe:focus-within .confe-title{flex-direction:row;justify-content:flex-start;width:100%;padding-bottom:0}.confe:focus-within .confe-img{width:12vw;margin-top:3%;filter:grayscale(0)}.confe:focus-within .confe-name-job{padding-left:10%}.confe:focus-within .confe-name{margin-top:3%;margin-bottom:3%;transform:rotate(0deg);font-weight:700;font-size:45px}.confe:focus-within .confe-name-small{display:block}.confe:focus-within .confe-job{display:block}.confe:focus-within .confe-desc{display:block;padding-top:3%}@media screen and (max-width:600px){.confes{flex-direction:column;align-items:center;height:auto}.confe{flex-direction:row;justify-content:center;width:94%;transition:width .7s;margin:0;padding-left:6%;padding-right:6%}.confe-title{flex-direction:column}.confe-img{width:30vw}.confe-name{padding-left:0;margin-top:20%;transform:rotate(0deg)}.confe:focus-within{margin:0;flex-direction:column}.confe:focus-within .confe-title{flex-direction:column}.confe:focus-within .confe-img{width:40vw;margin-top:3%}.confe:focus-within .confe-name-job{padding-left:0;align-items:center}.confe:focus-within .confe-name{margin-top:3%}.confe:focus-within .confe-desc{display:block;padding-top:3%}}@media screen and (max-height:550px){.confes{height:90vh}.confe-name{width:95%}.confe-icon-foot{width:60px}.confe:focus-within .confe-name-small{margin-top:1%}.confe:focus-within .confe-job{margin-top:3%;margin-bottom:1%}}