body{margin:0;padding:0;background:#ebebeb}.socials ul{width:100vw;position:relative;padding:0;display:flex;justify-content:center;margin-top:70px}.socials ul li{list-style:none}.socials ul li a{display:block;position:relative;width:100px;height:100px;line-height:100px;font-size:40px;text-align:center;text-decoration:none;color:#404040;margin:0 30px;transition:.5s;align-items:center;display:flex;justify-content:center}.socials ul li a span{position:absolute;transition:transform .5s}.socials ul li a span:first-child,.socials ul li a span:nth-child(3){width:100%;height:3px;background:#404040}.socials ul li a span:first-child{top:0;left:0;transform-origin:right}.socials ul li a:hover span:first-child{transform:scaleX(0);transform-origin:left;transition:transform .5s}.socials ul li a span:nth-child(3){bottom:0;left:0;transform-origin:left}.socials ul li a:hover span:nth-child(3){transform:scaleX(0);transform-origin:right;transition:transform .5s}ul li a span:nth-child(2),ul li a span:nth-child(4){width:3px;height:100%;background:#404040}ul li a span:nth-child(2){top:0;left:0;transform:scale(0);transform-origin:bottom}.socials ul li a:hover span:nth-child(2){transform:scale(1);transform-origin:top;transition:transform .5s}.socials ul li a span:nth-child(4){top:0;right:0;transform:scale(0);transform-origin:top}.socials ul li a:hover span:nth-child(4){transform:scale(1);transform-origin:bottom;transition:transform .5s}.facebook:hover{color:#3b5998}.facebook:hover span{background:#3b5998}.whatsapp:hover{color:#1da1f2}.whatsapp:hover span{background:#1da1f2}.instagram:hover{color:#c32aa3}.instagram:hover span{background:#c32aa3}.google:hover{color:#dd4b39}.google:hover span{background:#dd4b39}ul li a .whatsapp{color:#0fc887}ul li a:hover:nth-child(3){color:#c32aa3}ul li a:hover:nth-child(4){color:#dd4b39}body{background-color:#fffde7}.infohero{background-image:url(/_next/static/media/phone.051eedd4.webp);opacity:1}@media only screen and (max-width:600px){.socials ul li a{display:block;position:relative;width:40px;height:40px;line-height:40px;font-size:20px;text-align:center;text-decoration:none;color:#404040;margin:0 30px;transition:.5s;align-items:center;display:flex;justify-content:center}}