.elasticMedia-container {
    position: relative;
    height: 0;
    padding-top: 56.25%;
}
.elasticMedia_16x9 {
    padding-top: 56.25%;
}
.elasticMedia_4x3 {
    padding-top: 75%;
}
.elasticMedia {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.glider,
.glider-contain {
    margin: 0 auto;
    position: relative;
}
.glider,
.glider-track {
    -webkit-transform: translateZ(0);
}
.glider-dot,
.glider-next,
.glider-prev {
    border: 0;
    transform: translateZ(0);
}
.glider-dot,
.glider-next,
.glider-prev {
    border: 0;
    padding: 0;
    user-select: none;
    outline: 0;
}
.glider-contain {
    width: 100%;
}
.glider {
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
}
.glider-track {
    width: 100%;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    z-index: 1;
}
.glider.draggable {
    user-select: none;
    cursor: -webkit-grab;
    cursor: grab;
}
.glider.draggable .glider-slide img {
    user-select: none;
    pointer-events: none;
}
.glider.drag {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.glider-slide {
    user-select: none;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    width: 100%;
    min-width: 150px;
}
.glider-slide img {
    max-width: 100%;
}
.glider::-webkit-scrollbar {
    opacity: 0;
    height: 0;
}
.glider-next,
.glider-prev {
    position: absolute;
    background: 0 0;
    z-index: 2;
    font-size: 40px;
    text-decoration: none;
    left: -23px;
    top: 30%;
    cursor: pointer;
    color: #666;
    opacity: 1;
    line-height: 1;
    -webkit-transition: opacity 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67),
        color 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67);
}
.glider-next:focus,
.glider-next:hover,
.glider-prev:focus,
.glider-prev:hover {
    color: #ccc;
}
.glider-next {
    right: -23px;
    transition: opacity 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67),
        color 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67);
}
.glider-next:focus,
.glider-next:hover,
.glider-prev:focus,
.glider-prev:hover {
    color: #ccc;
}
.glider-next {
    right: -23px;
    left: auto;
}
.glider-next.disabled,
.glider-prev.disabled {
    opacity: 0.25;
    color: #666;
    cursor: default;
}
.glider-hide {
    opacity: 0;
}
.glider-dots {
    user-select: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0 auto;
    padding: 0;
}
.glider-dot {
    display: block;
    cursor: pointer;
    color: #ccc;
    border-radius: 999px;
    background: #ccc;
    width: 12px;
    height: 12px;
    margin: 7px;
}
.glider-dot:focus,
.glider-dot:hover {
    background: #ddd;
}
.glider-dot.active {
    background: #a89cc8;
}
@media (max-width: 36em) {
    .glider::-webkit-scrollbar {
        opacity: 1;
        -webkit-appearance: none;
        width: 7px;
        height: 3px;
    }
    .glider::-webkit-scrollbar-thumb {
        opacity: 1;
        border-radius: 99px;
        background-color: rgba(156, 156, 156, 0.25);
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.25);
        box-shadow: 0 0 1px rgba(255, 255, 255, 0.25);
    }
}

.glitch--style-6 {
    --gap-horizontal: 3px;
    --gap-vertical: 70px;
    --time-anim: 2.25s;
    --blend-mode-1: none;
    --blend-mode-2: none;
    --blend-mode-3: overlay;
    --blend-mode-4: none;
    --blend-mode-5: none;
    --blend-color-1: transparent;
    --blend-color-2: transparent;
    --blend-color-3: rgba(255, 255, 255, 0.2);
    --blend-color-4: transparent;
    --blend-color-5: transparent;
}
.glitch {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
.glitch__img {
    position: absolute;
    top: calc(-1 * var(--gap-vertical));
    left: calc(-1 * var(--gap-horizontal));
    width: calc(100% + var(--gap-horizontal) * 2);
    height: calc(100% + var(--gap-vertical) * 2);
    background-color: var(--blend-color-1);
    background-size: cover;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-blend-mode: var(--blend-mode-1);
}
.glitch__img:nth-child(2) {
    background-color: var(--blend-color-2);
    background-blend-mode: var(--blend-mode-2);
}
.glitch__img:nth-child(3) {
    background-color: var(--blend-color-3);
    background-blend-mode: var(--blend-mode-3);
}
.glitch__img:nth-child(4) {
    background-color: var(--blend-color-4);
    background-blend-mode: var(--blend-mode-4);
}
.glitch__img:nth-child(5) {
    background-color: var(--blend-color-5);
    background-blend-mode: var(--blend-mode-5);
}
.glitch__img:nth-child(n + 2) {
    opacity: 0;
}
.glitch:hover .glitch__img:nth-child(n + 2) {
    opacity: 1;
}
.glitch:hover .glitch__img:nth-child(2) {
    -webkit-transform: translate3d(var(--gap-horizontal), 0, 0);
    transform: translate3d(var(--gap-horizontal), 0, 0);
    animation: glitch-anim-1-horizontal var(--time-anim) infinite linear
        alternate;
}
.glitch:hover > .glitch__img:nth-child(3) {
    -webkit-transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
    animation: glitch-anim-2-horizontal var(--time-anim) infinite linear
        alternate;
}
.glitch:hover > .glitch__img:nth-child(4) {
    -webkit-transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0)
        scale3d(-1, -1, 1);
    transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0)
        scale3d(-1, -1, 1);
    animation: glitch-anim-3-horizontal var(--time-anim) infinite linear
        alternate;
}
.glitch:hover > .glitch__img:nth-child(5) {
    animation: glitch-anim-flash 0.5s steps(1, end) infinite;
}
@media (prefers-reduced-motion: reduce) {
    .glitch:hover .glitch__img:nth-child(n + 2) {
        opacity: 0;
    }
    .glitch:hover .glitch__img:nth-child(2) {
        -webkit-transform: none;
        transform: none;
        animation: none;
    }
    .glitch:hover > .glitch__img:nth-child(3) {
        -webkit-transform: none;
        transform: none;
        animation: none;
    }
    .glitch:hover > .glitch__img:nth-child(4) {
        -webkit-transform: none;
        transform: none;
        animation: none;
    }
    .glitch:hover > .glitch__img:nth-child(5) {
        animation: none;
    }
}
@keyframes glitch-anim-1-horizontal {
    0% {
        -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
        clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
    }
    10% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
        clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
    }
    20% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
        clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
    }
    30% {
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
        clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
    }
    40% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    }
    50% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    }
    60% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    }
    70% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    }
    80% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    }
    90% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    }
    100% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    }
}
@keyframes glitch-anim-2-horizontal {
    0% {
        -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
        clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
    }
    15% {
        -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
        clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
    }
    22% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
        clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
    }
    31% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    }
    45% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
        clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
    }
    51% {
        -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
        clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
    }
    63% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    }
    76% {
        -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
        clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
    }
    81% {
        -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
        clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
    }
    94% {
        -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
        clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
    }
    100% {
        -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
        clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
    }
}
@keyframes glitch-anim-3-horizontal {
    0% {
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
        clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
    }
    5% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
        clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
    }
    10% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
        clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
    }
    25% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    }
    27% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
        clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
    }
    30% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
        clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
    }
    33% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
        clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
    }
    37% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
        clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
    }
    40% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    }
    45% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
        clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
    }
    50% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
        clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
    }
    53% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
        clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
    }
    57% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
        clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
    }
    60% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
        clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
    }
    65% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
        clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
    }
    70% {
        -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
        clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
    }
    73% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    }
    80% {
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
        clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
    }
    100% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
        clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
    }
}
@keyframes glitch-anim-flash {
    0% {
        opacity: 0.2;
        -webkit-transform: translate3d(
            var(--gap-horizontal),
            var(--gap-vertical),
            0
        );
        transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
    }
    33%,
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

:root {
    --color-primary: #2bdefd;
    --color-title: #d7f9ff;
    --color-text: #98d4de;
    --color-bg-darkhome: #01080e;
    --btn-color-bg: #2bfdbe;
    --btn-color-text: #01080e;
    --fiap-primary: #e81b5c;
}
body {
    font-family: "Inter", sans-serif;
    /* background-color: #01080e !important; */
    /* background-color: #FCF5EB; */
    /* background-color: #ecddc9; */
    background-color: #fff;
}
.home h1,
.home h2,
.home h3,
.home h4,
.home h5,
.home h6 {
    font-family: "Chakra Petch", sans-serif;
}
.home__header-arrowsDown {
    display: none;
    width: 17px;
    height: 34px;
    background: url(../../../../assets/img/alura2023/home/arrows-down.1687365821.svg)
        center no-repeat;
    animation: jumpInfinite 2s infinite;
}
@media screen and (min-width: 768px) {
    .home__header-arrowsDown {
        display: block;
        position: absolute;
        right: 30%;
        bottom: 0;
    }
}
@media screen and (min-width: 1024px) {
    .home__header-arrowsDown {
        right: 10%;
    }
}
@media screen and (min-width: 1280px) {
    .home__header-arrowsDown {
        right: 27%;
        top: 40rem;
    }
}
.home__header > .container {
    overflow-x: hidden;
}
@media screen and (min-width: 768px) {
    .home__header > .container {
        overflow: unset;
    }
}
.home__header-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-bottom: 1.875rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
@media screen and (min-width: 768px) {
    .home__header-content {
        padding-bottom: 2.8125rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-align: start;
        align-items: start;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
}
@media screen and (min-width: 1024px) {
    .home__header-content {
        padding-top: 0.25rem;
        padding-bottom: 3.125rem;
    }
}
.home__header-content::before {
    position: absolute;
    background-image: url(../../../../assets/img/alura2023/home/hero-bg.1695333028.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
}
@media screen and (min-width: 768px) {
    .home__header-content::before {
        content: "";
        top: -20px;
        right: -20px;
        width: 330px;
        height: 314px;
    }
}
@media screen and (min-width: 1024px) {
    .home__header-content::before {
        top: -15px;
        right: -80px;
        width: 698px;
        height: 698px;
    }
}
.home__header-titles {
    z-index: 10;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
}
.home__header-mainTitle {
    font-weight: 700;
    color: #d7f9ff;
    white-space: nowrap;
    font-size: 2.625rem;
    line-height: 1.17;
}
@media screen and (min-width: 768px) {
    .home__header-mainTitle {
        font-size: 3rem;
        line-height: 1;
    }
}
@media screen and (min-width: 1024px) {
    .home__header-mainTitle {
        font-size: 4rem;
    }
}
.home__header-mainTitle span {
    color: #2bdefd;
}
.home__header-mainText {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    color: #98d4de;
    margin-top: 0.8125rem;
}
@media screen and (min-width: 768px) {
    .home__header-mainText {
        max-width: 373px;
    }
}
.home__header-cta {
    position: relative;
    width: 100%;
    color: #01080e;
    display: inline-block;
    padding: 1.25rem 1.8125rem;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 1.4375rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-sizing: border-box;
    font-size: 0.9375rem;
}
@media screen and (min-width: 768px) {
    .home__header-cta {
        font-size: 0.78125rem;
        max-width: 210px;
    }
}
.home__header-cta::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    background-color: #2bfdbe;
    z-index: -2;
    clip-path: polygon(
        0 0,
        100% 0,
        100% calc(100% - 20px),
        calc(100% - 20px) 100%,
        0 100%
    );
}
.home__header-cta::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2bfdbe;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    clip-path: polygon(
        0 0,
        100% 0,
        100% calc(100% - 20px),
        calc(100% - 20px) 100%,
        0 100%
    );
}
.home__header-cta:hover {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}
.home__header-cta:hover::after {
    background-color: #d9fff6;
}
@keyframes jumpInfinite {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.midjourney__card {
    position: relative;
}
.midjourney__card-numbers {
    position: absolute;
    top: -49px;
    left: 0;
}
.midjourney__card-stripes {
    position: absolute;
    top: -40px;
    right: 0;
}
.midjourney__card-img {
    position: relative;
    width: 100%;
    border: 1px solid #072e52;
}
.midjourney__card-img::before {
    content: "";
    padding-top: 76%;
    float: left;
}
.midjourney__card-img::after {
    content: "";
    display: block;
    clear: both;
}
.midjourney__card-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    vertical-align: center;
}
.midjourney__card-about {
    font-family: "Chakra Petch";
    background-color: #2bdefd;
    color: #01080e;
    padding: 1.1875rem 1.3125rem;
    font-weight: 700;
    font-size: 0.625rem;
    line-height: 1;
    clip-path: polygon(
        0 0,
        100% 0,
        100% calc(100% - 25px),
        calc(100% - 25px) 100%,
        0 100%
    );
}
.midjourney__card-prompt {
    z-index: 10;
    position: relative;
    font-style: italic;
    margin-top: 1rem;
    line-height: 1rem;
    padding-left: 1rem;
}
.midjourney__card-prompt::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 10px;
    height: 10px;
    display: inline-block;
    background: url(../../../../assets/img/alura2023/home/arrow-right.1687365821.svg)
        center no-repeat;
}
.midjourney__card-prompt--title {
    font-size: 0.8125rem;
    color: #2bdefd;
}
.midjourney__card-prompt--code {
    font-size: 0.625rem;
    color: #98d4de;
    min-height: 4rem;
    -webkit-transition: all 2s;
    transition: all 2s;
}
.midjourney__card-prompt .cursor {
    display: inline-block;
    animation: blink-animation 0.7s infinite;
    animation-direction: alternate;
    background-color: #98d4de;
    width: 1px;
    height: 10px;
}
.midjourney__card-prompt .cursor.end {
    margin-left: 0.25rem;
}
@keyframes blink-animation {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}