/* Barra de rolagem Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #571310 #ebe8e8;
}

/* Barra de rolagem Edeg, Safira, GoogleChrome*/
*::-webkit-scrollbar {
    width: 0.3rem;
}

*::-webkit-scrollbar-track {
    background: #ebe8e8;
}

*::-webkit-scrollbar-thumb {
    background-color: #571310;
    border-radius: 1px;
    border: 3px solid #571310;
}

body {
    font-family: "Epilogue", sans-serif;
    letter-spacing: -0.5px;
}

/* Generic */

.container {
    max-width: 1280px;
    margin: 0 auto;
}

strong {
    color: #c76929;
    font-weight: 900;
}

.divider {
    width: 1px;
    height: 28px;
    background-color: #c76929;
    margin: 0px 10px;
}

/* Header */

#header-container {
    background-color: #571310;
}

.header {
    color: #fec87e;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 72px;
}

.header-img {
    width: 9rem;
}

.header-menu {
    display: flex;
    font-size: 1rem;
    gap: 32px;
}

.item {
    color: #fec87e;
    text-decoration: none;
    position: relative;
    transition: all 400ms ease;
}

.item:hover {
    color: #c76929;
}

.header-buttons {
    display: flex;
    align-items: center;
}

.header-buttons__login {
    text-transform: uppercase;
    background: transparent;
    color: #fec87e;
    cursor: pointer;
    border: none;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: "Epilogue", sans-serif;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 16px 18px;
    position: relative;
    transition: all 400ms ease;
}

.header-buttons__login:hover {
    color: #c76929;
}

.header-buttons__signup {
    /* text-transform: uppercase; */
    line-height: 150%;
    /* background: #c76929; */
    background: transparent;
    color: #fec87e;
    cursor: pointer;
    border: none;
    border-radius: 4px;
    font-size: 0.9rem;
    font-family: "Epilogue", sans-serif;
    /* font-weight: 600; */
    /* padding: 16px 25px; */
    border-bottom: #c76929 2px solid;
    position: relative;
    transition: all 400ms ease;
}

.header-buttons__signup:hover {
    /* background: #fec87e;
    color: #c76929; */
    border: #c76929 2px solid;
}

.box-profile {
    display: flex;
    align-items: center;
}

.profile-content {
    gap: 20px;
    display: flex;
    align-items: center;
}

.profile-content img {
    border-radius: 50%;
}

.username {
    font-size: 1rem;
    font-weight: 700;
}

.avatar {
    border-radius: 50%;
}

/* Hero*/

#hero-container {
    background-image: url("/sigarte-files/static/img/background_long.jpg");
    background-size: cover;
    vertical-align: bottom;
    padding: 0px 40px;
}

.hero {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
}

.hero-box {
    display: flex;
    flex-direction: column;
    flex: 2;
}

.hero-text {
    align-items: flex-start;
    color: #fec87e;
    display: flex;
    flex-direction: column;
    padding: 180px 0px 120px;
    gap: 10px;
}

.hero-text__salutation {
    color: #fec87e;
    font-size: 1.4rem;
    font-weight: 700;
}

.hero-text__title {
    font-size: 3rem;
    font-weight: 700;
    line-height: 3.1rem;
    text-align: start;
    max-width: 800px;
}

.hero-text__subtitle {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 30px;
    text-align: start;
    max-width: 600px;
}

.hero-button {
    margin-bottom: 80px;
    max-width: 400px;
    text-transform: uppercase;
    background: #c76929;
    border: none;
    border-radius: 10px;
    color: #fec87e;
    cursor: pointer;
    font-family: "Epilogue", sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    padding: 30px 60px;
    position: relative;
    transition: all 400ms ease;
}

.hero-button:hover {
    background: #b80505;
}

.hero_media {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: 100px;
    flex: 1;
}

.placa_carts {
    flex: 2;
}

.hero_supporters {
    display: flex;
    gap: 20px;
    align-items: center;
    flex: 1;
}

/* Linetime */
.page {
    background-color: #fec87e;
    display: flex;
    align-items: center;
    gap: 50px;
    /* justify-content: space-between; */
    padding-right: 28px;
}

/* Instagram */

.instagram-container {
    padding: 80px 100px 10px 100px;
    background: #571310;
}

.instagram-text {
    text-align: center;
    font-size: 2.6rem;
    line-height: 42px;
    font-weight: 700;
    max-width: 800px;
}

.instagram-embed {
    background: #ffcd76d4;
    border-radius: 20px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 10px 0 rgba(0, 0, 0, 0.15);
    margin: auto;
    max-width: 700px;
    padding: 10px;
}

.instagram-embed>iframe {
    min-width: 100% !important;
    border-radius: 20px !important;
}

/* News */

.news-container {
    padding: 96px 72px;
    background: #571310;
}

.news {
    color: #fec87e;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 70px;
}

.news-text {
    text-align: center;
    font-size: 2.6rem;
    line-height: 42px;
    font-weight: 700;
    max-width: 800px;
}

.news-row {
    display: flex;
    justify-content: space-around;
    gap: 80px;
    padding: 72px 0px;
}

.news-row__noti {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.news-row__noti__legend {
    display: flex;
    align-items: center;
}

.news-row__noti__text {
    font-size: 1.875rem;
    line-height: 35px;
    font-weight: 700;
}

.news-row__grid {
    display: grid;
    grid-template-areas:
        "item item item"
        "item item item"
        "item item item";
    gap: 16px;
}

.news-row__grid__item {
    background-color: rgb(253, 92, 37, 0.2);
    display: flex;
    border-radius: 4px;
    align-items: flex-start;
    flex-direction: column;
    padding: 20px 16px;
    gap: 10px;
}

.news-row__grid__item__data {
    font-size: 0.875rem;
    font-weight: 500;
}

.news-row__grid__item__text {
    font-size: 1rem;
    font-weight: 700;
    line-height: 20px;
}

/* News events */

.news-row__event {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.news-row__event__text {
    font-size: 1.875rem;
    line-height: 35px;
    font-weight: 700;
}

.news-row__event__legend {
    display: flex;
    align-items: center;
}

.news-row__event__colunm {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

.news-row__event__colunm__event {
    display: flex;
    align-items: center;
    gap: 20px;
}

.news-row__event__colunm__event__data {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    font-size: 1.25rem;
    font-weight: 600;
    color: #c76929;
}

.news-row__event__colunm__event__text {
    font-size: 1rem;
    font-weight: 500;
    line-height: 18px;
}

/* Sobre a casa */
.about-container {
    padding: 96px 72px;
    background: #fec87e;
}

.about {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.about-div {
    min-width: 100%;
}

.about-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    color: #571310;
    gap: 32px;
}

.about-text__title {
    font-size: 2.75rem;
    font-weight: 700;
}

.about-text__paragraph {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 33px;
}

.about-img {
    flex: 1;
    border-radius: 15px;
    max-width: 100%;
    height: auto;
}

.about-button {
    text-transform: uppercase;
    background: #c76929;
    border: none;
    border-radius: 4px;
    color: #fec87e;
    cursor: pointer;
    font-family: "Epilogue", sans-serif;
    font-weight: 700;
    font-size: 1rem;
    padding: 15px 30px;
    position: relative;
    transition: all 400ms ease;
}

.about-button__div {
    margin-top: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 5px;
    flex-wrap: wrap;
}

.about-button:hover {
    background: #b80505;
}

.strong-about {
    color: #c76929;
}

/* seção location */

.container-location {
    background-color: #571310;
}

.location {
    padding: 48px 72px;
}

.location-option {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

address {
    display: flex;
    align-items: center;
    gap: 12px;
}

.location-overtitle {
    color: #c76929;
    font-size: 1rem;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

.location-title {
    color: #fec87e;
    font-size: 2.75rem;
    line-height: 56px;
    font-weight: 700;
}

address span {
    color: #fec87e;
}

iframe {
    vertical-align: bottom;
}

/* seção footer */

.footer-container {
    padding: 20px 75px 20px 40px;
    background: #571310;
}

.footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-social {
    flex-direction: row;
    gap: 6px;
    display: flex;
}

.logo-ufrn {
    width: 320px;
}

.logo-sethas {
    max-width: 200px;
    max-height: 200px;
    width: 190px;
}

/* @midias */

@media (max-width: 1060px) {
    /* header */

    .header-img {
        width: 7rem;
    }

    .header-menu {
        display: flex;
        font-size: 0.8rem;
        gap: 28px;
    }

    .header-buttons__login {
        font-size: 0.8rem;
        padding: 16px 18px;
    }

    .header-buttons__signup {
        font-size: 0.8rem;
        /* padding: 16px 18px; */
    }

    /* Hero */

    .hero-text {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        padding: 100px 0px;
        gap: 14px;
    }

    .hero-text__salutation {
        color: #c76929;
        font-size: 1.2rem;
        font-weight: 700;
        text-align: start;
    }

    .hero-text__title {
        font-size: 2.6rem;
        font-weight: 700;
        line-height: 42px;
        max-width: 600px;
        text-align: start;
    }

    .hero-text__subtitle {
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 26px;
        max-width: 500px;
        text-align: start;
    }

    .hero-button {
        font-size: 1.2rem;
        padding: 26px 40px;
    }

    /* news */

    .news-container {
        padding: 96px 72px;
        background: #571310;
    }

    .news {
        color: #fec87e;
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 80px;
    }

    .news-text {
        text-align: center;
        font-size: 2.4rem;
        line-height: 36px;
        font-weight: 700;
    }

    .news-row {
        display: flex;
        justify-content: space-around;
        gap: 60px;
    }

    .news-row__noti {
        display: flex;
        flex-direction: column;
        gap: 28px;
    }

    .news-row__noti__legend {
        display: flex;
        align-items: center;
    }

    .news-row__noti__text {
        font-size: 1.6rem;
        line-height: 28px;
        font-weight: 700;
    }

    .news-row__grid {
        display: grid;
        grid-template-areas:
            "item item item"
            "item item item"
            "item item item";
        gap: 14px;
    }

    .news-row__grid__item {
        background-color: rgb(253, 92, 37, 0.2);
        display: flex;
        border-radius: 4px;
        align-items: flex-start;
        flex-direction: column;
        padding: 20px 16px;
        gap: 8px;
    }

    .news-row__grid__item__data {
        font-size: 0.8rem;
        font-weight: 500;
    }

    .news-row__grid__item__text {
        font-size: 1rem;
        font-weight: 700;
        line-height: 20px;
    }

    /* News events */

    .news-row__event {
        display: flex;
        flex-direction: column;
        gap: 28px;
    }

    .news-row__event__text {
        font-size: 1.8rem;
        line-height: 30px;
        font-weight: 700;
    }

    .news-row__event__legend {
        display: flex;
        align-items: center;
    }

    .news-row__event__colunm {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 28px;
    }

    .news-row__event__colunm__event {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .news-row__event__colunm__event__data {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;
        font-size: 1.2rem;
        font-weight: 600;
        color: #c76929;
    }

    .news-row__event__colunm__event__text {
        font-size: 1rem;
        font-weight: 500;
        line-height: 18px;
    }

    /* about */

    .about {
        display: flex;
        align-items: center;
        gap: 28px;
    }

    .about-text {
        flex: 0;
        color: #571310;
        gap: 28px;
    }

    .about-text__title {
        font-size: 2.4rem;
        font-weight: 700;
    }

    .about-text__paragraph {
        font-weight: 500;
        font-size: 1.2rem;
        line-height: 26px;
    }

    /* location */

    address {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .location-overtitle {
        color: #c76929;
        font-size: 0.8rem;
        line-height: 20px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .location-title {
        color: #fec87e;
        font-size: 2.4rem;
        line-height: 48px;
        font-weight: 700;
    }

    /* footer */

    .logo-ufrn {
        width: 250px;
    }

    .logo-sethas {
        width: 160px;
    }
}

@media (max-width: 900px) {
    /* Hero */

    .hero {
        align-items: flex-start;
    }

    #hero-container {
        background-image: url("/sigarte-files/static/img/background_tablet.jpg");
        background-size: cover;
        vertical-align: bottom;
        padding: 48px 18px;
    }

    .hero-text__salutation {
        color: #fec87e;
        font-size: 1.4rem;
        font-weight: 700;
    }

    .hero-text {
        align-items: center;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 100px 0px;
        gap: 14px;
    }

    .hero-text__title {
        font-size: 2.6rem;
        font-weight: 700;
        line-height: 42px;
        text-align: center;
        max-width: 600px;
        text-align: start;
    }

    .hero-text__subtitle {
        font-size: 1.2rem;
        font-weight: 600;
        line-height: 26px;
        text-align: center;
        max-width: 500px;
        text-align: start;
    }

    .hero-button {
        background-color: #c76929;
        color: #fec87e;
    }

    .hero_media {
        display: none;
    }

    /* news */

    .news-container {
        padding: 96px 72px;
        background: #571310;
    }

    .news {
        color: #fec87e;
        display: flex;
        flex-direction: column;
        gap: 100px;
    }

    .news-text {
        text-align: center;
        font-size: 2.4rem;
        line-height: 42px;
        font-weight: 700;
        text-align: start;
    }

    .news-row {
        display: flex;
        justify-content: space-around;
        gap: 80px;
    }

    .news-row__noti {
        display: flex;
        flex-direction: column;
        gap: 32px;
    }

    .news-row__noti__legend {
        display: flex;
        align-items: center;
    }

    .news-row__noti__text {
        font-size: 1.875rem;
        line-height: 35px;
        font-weight: 700;
    }

    .news-row__grid {
        display: grid;
        grid-template-areas:
            "item item item"
            "item item item"
            "item item item";
        gap: 16px;
    }

    .news-row__grid__item {
        background-color: rgb(253, 92, 37, 0.2);
        display: flex;
        border-radius: 4px;
        align-items: flex-start;
        flex-direction: column;
        padding: 20px 16px;
        gap: 10px;
    }

    .news-row__grid__item__data {
        font-size: 0.8rem;
        line-height: 16px;
        font-weight: 500;
    }

    .news-row__grid__item__text {
        font-size: 1rem;
        font-weight: 700;
        line-height: 20px;
    }

    /* News events */

    .news-row__event {
        display: none;
    }

    /* about */

    .about-container {
        padding: 48px 72px;
    }

    .about {
        gap: 10px;
    }

    .about-text {
        flex: 1;
        display: flex;
        flex-direction: column;
        color: #571310;
        gap: 20px;
    }

    .about-text__title {
        font-size: 2.4rem;
        font-weight: 700;
    }

    .about-text__paragraph {
        font-weight: 500;
        font-size: 1rem;
        line-height: 20px;
    }
}

@media (max-width: 820px) {
    .header-menu {
        display: none;
    }
}

@media (max-width: 660px) {

    /* news */
    .news-row__grid {
        display: grid;
        grid-template-areas:
            "item item "
            "item item "
            "item item ";
        gap: 16px;
    }

    /* about */

    .about-img {
        width: 370px;
    }

    /* footer */

    .logo-ufrn {
        width: 200px;
    }

    .logo-sethas {
        width: 150px;
    }

    .footer-whatsapp {
        height: 26px;
        width: 26px;
    }

    .footer-instagram {
        height: 26px;
        width: 26px;
    }
}

@media (max-width: 500px) {
    /* header */

    .header {
        padding: 24px 40px;
    }

    .header-img {
        width: 6rem;
    }

    .header-buttons__login {
        font-size: 0.6rem;
        padding: 10px 20px;
    }

    .header-buttons__signup {
        font-size: 0.6rem;
        /* padding: 10px 20px; */
    }
}

@media (max-width: 420px) {
    /* hero */

    #hero-container {
        background-image: url("/sigarte-files/static/img/background_mobile.jpg");
        background-size: cover;
        vertical-align: bottom;
        padding: 48px 18px;
    }

    strong {
        color: #c76929;
        font-weight: 900;
    }

    .hero-text {
        gap: 10;
    }

    .hero-text__salutation {
        color: #fec87e;
        font-weight: 600;
        font-size: 1.3rem;
    }

    .hero-text__subtitle {
        line-height: 20px;
        font-weight: 500;
        max-width: 235px;
    }

    .hero-text__title {
        font-size: 1.78rem;
        font-weight: 700;
        line-height: 30px;
        letter-spacing: -1px;
        max-width: 260px;
    }

    .hero-button {
        background-color: #c76929;
        color: #fec87e;
    }

    /* news */
    .news-container {
        padding: 48px 18px;
    }

    .news {
        gap: 20px;
    }

    .news-text {
        font-size: 1.78rem;
        line-height: 30px;
    }

    .news-row__grid {
        display: grid;
        grid-template-areas:
            "item"
            "item"
            "item";
        gap: 16px;
    }

    .news-row__noti__text {
        font-size: 1.6rem;
    }

    /* about */

    .about-container {
        padding: 48px 18px;
    }

    .about-text__title {
        font-size: 1.78rem;
        font-weight: 700;
    }

    .about-img {
        width: 350px;
    }

    .strong-about {
        color: #c76929;
    }

    /* location */

    .location {
        padding: 48px 18px;
    }

    .location header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .location-title {
        color: #fec87e;
        font-size: 1.78rem;
        line-height: 30px;
        font-weight: 700;
    }

    /* footer */

    .footer-container {
        padding: 15px 70px 15px 35px;
        background: #fec87e;
    }

    .logo-ufrn {
        width: 150px;
    }

    .logo-sethas {
        width: 100px;
    }

    .footer-whatsapp {
        height: 20px;
        width: 20px;
    }

    .footer-instagram {
        height: 20px;
        width: 20px;
    }

    .footer-facebook {
        height: 20px;
        width: 20px;
    }

    /* instagram */
    .instagram-text {
        font-size: 1.78rem;
        font-weight: 700;
        line-height: 30px;
        letter-spacing: -1px;
        max-width: 260px;
    }

    .instagram-container {
        padding: 48px 26px;
    }

    address span {
        font-size: 14px;
    }
}