.introduction{background:url(/empresas/assets/img/areas-habilidades/hero-bg.1750260032.png) no-repeat center/cover;text-align:left;position:relative;overflow:hidden;padding-bottom:0}.introduction .container{z-index:2;position:relative}.introduction .content{margin-bottom:1rem}@media screen and (min-width:768px){.introduction .content{margin-bottom:2rem}}@media screen and (min-width:1024px){.introduction .content{margin-bottom:4rem}}.introduction .content .title{font-weight:700;font-size:1.75rem;color:#1B1B1B}@media screen and (min-width:768px){.introduction .content .title{max-width:410px;font-size:2rem}}@media screen and (min-width:1024px){.introduction .content .title{max-width:550px;font-size:2.5rem}}.introduction .content .title .--highlight{background:linear-gradient(83.99deg,#0049ff 10.59%,#7a73ff 90.83%);background-clip:text;color:transparent}.introduction .content .subtitle{padding-top:4rem;font-weight:700;color:#2800FF;font-size:.875rem;text-transform:uppercase}.introduction .description{margin-top:1.875rem;position:relative;z-index:3}.introduction .description img{max-width:190px}@media screen and (min-width:768px){.introduction .description img{max-width:100%}}.introduction .description .blocks-wrapper{margin-top:3rem;background:rgba(255,255,255,.5);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:24px;border:1px solid rgba(138,141,150,.4);padding:2rem 1.5rem;display:grid;grid-template-columns:1fr;gap:1.2rem}@media screen and (min-width:768px){.introduction .description .blocks-wrapper{grid-template-columns:repeat(3,1fr);width:90%}}@media screen and (min-width:1024px){.introduction .description .blocks-wrapper{width:80%;max-width:800px}}@media screen and (min-width:1280px){.introduction .description .blocks-wrapper{width:800px}}.introduction .description .blocks-wrapper .icon-block{margin-bottom:.75rem}.introduction .description .blocks-wrapper .block-title{font-size:1rem;font-weight:700;color:#1B1B1B;margin-bottom:.875rem}.introduction .description .blocks-wrapper .block-description{font-size:1rem;color:#666}.introduction .hero{display:none}.introduction .hero .ilustration{display:block;width:100%;height:auto}@media screen and (min-width:768px){.introduction .hero{display:block;position:absolute;bottom:0;z-index:1;width:550px;left:52%;bottom:0}}@media screen and (min-width:1024px){.introduction .hero{width:700px;left:50%;bottom:0}}