button {
    font-size: 1.12rem;
}

/*Estilo do header */
header .menu-desktop {
    display: none;
}

header img {
    width: 100px;
}

.menu-mobile,
.btn-menu-mobile {
    display: block;
}

/* Estilo da hero */
.hero p {
    font-size: .8rem;
}

.hero button.bnt-esilo1,
.hero button.bnt-esilo2 {
    width: 100%;
    height: 50px;
    margin: 8px 0;
}

/* estilo da seção especialidades */
section.skills {
    padding: 60px 0;
}

.skills>.interface {
    display: flex;
    justify-content: space-between;
    gap: 24px;

    flex-direction: column;
}

.skills .txt-skills {
    padding-bottom: 0;
    margin-bottom: 40px;
}

.skills .txt-skills>div {
    position: static;
}

.skills .txt-skills button {
    width: 250px;
    height: 50px;
}

.skills .skills-container {
    display: flex;
    gap: 16px;
    overflow-x: scroll;
    width: 100%;
}

.skills .skills-container::-webkit-scrollbar {
    display: none;
}

.skills .skills-container .skill-box {
    min-width: 90% !important;
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 0;
}

/* Estilo da seção sobre */

.sobre-mim>.interface {
    gap: 64px;
    flex-direction: column-reverse;
}

.sobre-mim .img-sobre,
.sobre-mim .txt-sobre {
    width: 100%;
}

.sobre-mim .btn-cta-sobre {
    display: block;
    text-align: center;
}

.sobre-mim .btn-cta-sobre .redes-btn-sobre {
    margin-bottom: 16px;
}

.sobre-mim .btn-cta-sobre .btn-proj-cv {
    width: 100%;
    margin-bottom: 16px;
}

/* Estilo dos meus números */
section.meus-numeros{
    padding: 40px 0;
    background-color: var(--corPreta2);
}

.meus-numeros .numeros-container{
    flex-direction: column;
    text-align: center;
    gap: 50px;
}

.numeros-container .numeros-box h2{
    color: var(--corAzul);
    font-size: 4.5rem;
    font-weight: bolder;
}

.numeros-container .numeros-box p{
    color: var(--corBranca);
    font-size: 20px;
}


/* Estilo do portfólio */
.portfolio .portfolio-container {
    display: flex;
    overflow-x: scroll;
}

.portfolio .portfolio-container::-webkit-scrollbar {
    display: none;
}

.portfolio-container .portfolio-box {
    min-width: 300px;
}

/* Estilo mostrar mais portfolio */
.portfolio .btn-mostrar-mais {
    display: block;
}

.portfolio .btn-mostrar-mais .bnt-esilo2 {
    display: none;
}

.portfolio .btn-mostrar-mais {
    width: 100%;
}

.portfolio .btn-mostrar-mais .bnt-esilo1 {
    width: 100%;
    height: 50px;
}

.portfolio .portfolio-box.oculto {
    display: block;
}

/* Estilo dos filtros */

.portfolio .filtro-portfolio {
    overflow-x: scroll;
}

.portfolio .filtro-portfolio::-webkit-scrollbar {
    display: none;
}


.filtro-portfolio div.btn-filtros-box {
    min-width: 120px;
}


/* Estilo da timeline */
.timeline .txt-titulo {
    margin-bottom: 80px;
}

.timeline .timeline-container {
    gap: 32px;
    width: 100%;
}

.timeline .timeline-markers {
    gap: 64px;
}

.timeline-markers .marker {
    width: 95%;
    display: flex;
    flex-direction: column;
}

.timeline-markers .marker i {
    font-size: 4rem;
}

/* SESSÃO FAQ */

    .faq li label {
        font-size: 16px;
    }

    .faq li label::before {

        font-size: 16px;
    }

    .faq .resposta {
        font-size: 12px;
        line-height: 20px;
    }

/* Estilo da seção tirar do papel */
.tirar-papel p {
    font-size: .8rem;
}

.tirar-papel .btn-cta-tirar-papel {
    gap: 16px;
    align-items: stretch;
    flex-direction: column;
}

.btn-cta-tirar-papel .bnt-esilo1 {
    width: 100%;
    height: 50px;
}

.btn-cta-tirar-papel .bnt-esilo2 {
    width: 100%;
    height: 50px;
}

/* Estilo da footer */

footer>.interface {
    text-align: center;
    flex-direction: column-reverse;
    gap: 32px;
}

footer .redes {
    justify-content: center;
}

footer .redes button {
    width: 56px;
    height: 56px;
}