.contactoCard{box-shadow:0 3px 6px #00000029;display:flex;flex-direction:column;width:630px;height:190px;border-radius:16px;padding:25px 33px;font-size:14px;margin-top:20px;border:2px solid transparent;transition:border .3s ease-out}.assistenteCard{transition-property:width !important}.assistente{display:flex;flex-wrap:wrap;flex-direction:column;width:200px;height:200px;text-align:center;justify-content:center}.contactoCard h5,.assistente h5{font-weight:bold;font-size:22px;color:var(--primary);margin-bottom:20px}.seccaoContactos{display:flex;flex-wrap:wrap;gap:30px}.topCard{display:flex}.seccaoContactos svg{fill:var(--primary);height:25px;width:30px;margin-right:10px}.contactoCard.assistenteCard:hover{background-color:var(--primary);color:var(--lightMode40);width:368px;height:228px}.contactoCard.assistenteCard:hover h5{color:var(--lightMode40)}.contactoCard.assistenteCard:hover svg{fill:var(--lightMode40)}@media screen and (max-width:1505px){.contactoCard{width:337px}.assistente{width:117px}.contactoCard.assistenteCard:hover{width:324px}}@media screen and (max-width:1300px){.contactoCard{width:460px}.assistente{width:460px}.contactoCard.assistenteCard:hover{width:445px}}@media screen and (max-width:1030px){.contactoCard{width:350px}.assistente{width:350px}.contactoCard.assistenteCard:hover{width:335px}}@media screen and (max-width:779px){.contactoCard{width:100%;align-items:center;font-size:16px;overflow:hidden}.assistente{width:100%;transition:none !important}}