@import url("https://fonts.googleapis.com/css2?family=Boldonse&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");.hero-portafolio{position:relative;height:70vh;min-height:400px;max-height:550px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 5px 0;color:#000;clip-path:polygon(0 0,100% 0,100% 90%,50% 100%,0 90%);z-index:1}.hero-portafolio .hero-icon{border-radius:100%;width:3rem;height:3rem}.hero-portafolio .hero-icon img{margin:.7rem;width:1.6rem}.hero-portafolio h1{font-size:2rem;line-height:3.5rem;text-transform:uppercase}@media (max-width:992px){.hero-portafolio h1{font-size:1.5rem;line-height:2.5rem}}.hero-portafolio p{font-size:1rem;line-height:2.5rem}main.dark .hero-portafolio{color:#fff}main.dark .hero-portafolio .hero-icon img{filter:invert(100%)}