body {
    margin: 0;
}

main {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: relative;
}

.helper {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #7e7d7d;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    margin-top: 12px;
}

.map {
    display: flex;
    width: 100%;
    max-width: 570px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 30px;
}

.map .pacaembu-1 {
    width: 100%;
    min-width: 510px;
}

.map .pacaembu-2 {
    width: 100%;
    min-width: 480px;
}

.map .faap-1 {
    width: 100%;
    min-width: 430px;
}

.map .faap-2 {
    width: 100%;
    min-width: 465px;
}

.map .map-event {
    width: 100%;
    min-width: 455px;
    margin-top: 50px;
}

.btn-container {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-bottom: 0px;
    margin-top: 15px;
    z-index: 30;
}

.btn-container .btn {
    background-color: #f2f2f2;
    border: 2px solid #e8e8e8;
    padding: 6px 16px;
    border-radius: 50px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    transition: transform 0.1s, filter 0.15s;
}

.btn-container .btn:hover {
    transform: scale(1.05);
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.05));
}

.btn-container .active {
    border: 2px solid #af2772;
    background-color: #d32b88;
    color: #fff;
    font-weight: 600;
}

.poi-container-faap-1 {
    width: 100%;
    height: inherit;
    position: absolute;
    z-index: 20;
    margin-top: 30px;
}

.poi-container-faap-2 {
    width: 100%;
    height: inherit;
    position: absolute;
    z-index: 20;
    margin-top: 30px;
}

@media (max-width: 768px) {
    .poi-container-faap-2 {
        margin-top: 60px;
    }
}

.poi-container-pacaembu-1 {
    width: 100%;
    height: inherit;
    position: absolute;
    z-index: 20;
    margin-top: 30px;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 {
        margin-top: 60px;
    }
}

.poi-container-pacaembu-2 {
    width: 100%;
    height: inherit;
    position: absolute;
    z-index: 20;
    margin-top: 30px;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-2 {
        margin-top: 50px;
    }
}

.poi {
    position: absolute;
    color: #fff;
    width: 25px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Flama', sans-serif;
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 3px;
    border-radius: 50px;
    transition: transform 0.1s, filter 0.15s;
    cursor: pointer;
}

.poi:hover {
    transform: scale(1.05);
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
}

.poi:active {
    transform: scale(1.1);
}

.zoom-poi {
    position: absolute;
    color: #fff;
    background-color: #909090;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    font-size: 23px;
    border-radius: 50px;
    transition: transform 0.1s;
    cursor: pointer;
    animation: pulse 2s infinite;
}

.zoom-poi:hover {
    transform: scale(1.1);
}

.zoom-poi:active {
    transform: scale(1.2);
}

.popup-container {
    width: 100%;
    height: inherit;
    position: absolute;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 40;
    pointer-events: none;
}

.popup {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    width: 70%;
    max-width: 350px;
    padding: 15px 5px;
    border-radius: 20px;
    background-color: #f2f2f2;
    border: 2px solid #e8e8e8;
    margin-bottom: -40px;
    flex-direction: column;
}

.popup .place {
    font-family: 'Flama', sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    text-align: center;
}

.popup .name {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #222;
    margin: 0;
    text-align: center;
}

.estadao {
    position: absolute;
    top: 35%;
    left: 68%;
    height: 35px;
}

/* // FAAP - 1 //////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.poi-container-faap-1 .zoom-poi {
    top: 47%;
    left: 39%;
}

@media (max-width: 768px) {
    .poi-container-faap-1 .zoom-poi {
        top: 48%;
        left: 33%;
    }
}

.poi-container-faap-1 .M {
    background-color: #d32b88;
    top: 74%;
    left: 40%;
}

@media (max-width: 768px) {
    .poi-container-faap-1 .M {
        top: 74%;
        left: 35%;
    }
}

.poi-container-faap-1 .N {
    background-color: #d32b88;
    top: 65%;
    left: 34%;
}

@media (max-width: 768px) {
    .poi-container-faap-1 .N {
        top: 65%;
        left: 22%;
    }
}

.poi-container-faap-1 .O {
    background-color: #d32b88;
    top: 65%;
    left: 54%;
}

@media (max-width: 768px) {
    .poi-container-faap-1 .O {
        top: 68%;
        left: 56%;
    }
}

.poi-container-faap-1 .T {
    background-color: #d32b88;
    top: 57%;
    left: 71%;
}

@media (max-width: 768px) {
    .poi-container-faap-1 .T {
        top: 57%;
        left: 77%;
    }
}

.poi-container-faap-1 .U {
    background-color: #d32b88;
    top: 44%;
    left: 71%;
}

@media (max-width: 768px) {
    .poi-container-faap-1 .U {
        top: 47%;
        left: 79%;
    }
}

.poi-container-faap-1 .n2 {
    background-color: #52c3ed;
    top: 61%;
    left: 49%;
}

@media (max-width: 768px) {
    .poi-container-faap-1 .n2 {
        top: 61%;
        left: 49%;
    }
}

.poi-container-faap-1 .n3 {
    background-color: #52c3ed;
    top: 56%;
    left: 46%;
}

@media (max-width: 768px) {
    .poi-container-faap-1 .n3 {
        top: 56%;
        left: 42%;
    }
}

.poi-container-faap-1 .n10 {
    background-color: #52c3ed;
    top: 49%;
    left: 61%;
}

@media (max-width: 768px) {
    .poi-container-faap-1 .n10 {
        top: 49%;
        left: 64%;
    }
}

.poi-container-faap-1 .n11 {
    background-color: #52c3ed;
    top: 38%;
    left: 52%;
}

@media (max-width: 768px) {
    .poi-container-faap-1 .n11 {
        top: 38%;
        left: 52%;
    }
}

.poi-container-faap-1 .n12 {
    background-color: #52c3ed;
    top: 28%;
    left: 61%;
}

@media (max-width: 768px) {
    .poi-container-faap-1 .n12 {
        top: 32%;
        left: 63%;
    }
}

.poi-container-faap-1 .n13 {
    background-color: #52c3ed;
    top: 38%;
    left: 65%;
}

@media (max-width: 768px) {
    .poi-container-faap-1 .n13 {
        top: 42%;
        left: 72%;
    }
}

.poi-container-faap-1 .n14 {
    background-color: #52c3ed;
    top: 48%;
    left: 80%;
}

@media (max-width: 768px) {
    .poi-container-faap-1 .n14 {
        top: 51%;
        left: 90%;
    }
}

.poi-container-faap-1 .n15 {
    background-color: #52c3ed;
    top: 54%;
    left: 84%;
}

@media (max-width: 768px) {
    .poi-container-faap-1 .n15 {
        top: 58%;
        left: 88%;
    }
}

/* // FAAP - 2 //////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.poi-container-faap-2 .zoom-poi {
    top: 60%;
    left: 37%;
}

@media (max-width: 768px) {
    .poi-container-faap-2 .zoom-poi {
        top: 60%;
        left: 37%;
    }
}

.poi-container-faap-2 .P {
    background-color: #d32b88;
    top: 29%;
    left: 33%;
}

@media (max-width: 768px) {
    .poi-container-faap-2 .P {
        top: 29%;
        left: 20%;
    }
}

.poi-container-faap-2 .Q {
    background-color: #d32b88;
    top: 17%;
    left: 24%;
}

@media (max-width: 768px) {
    .poi-container-faap-2 .Q {
        top: 17%;
        left: 8%;
    }
}

.poi-container-faap-2 .R {
    background-color: #d32b88;
    top: 13%;
    left: 30%;
}

@media (max-width: 768px) {
    .poi-container-faap-2 .R {
        top: 13%;
        left: 15%;
    }
}

.poi-container-faap-2 .S {
    background-color: #d32b88;
    top: 79%;
    left: 44%;
}

@media (max-width: 768px) {
    .poi-container-faap-2 .S {
        top: 78%;
        left: 40%;
    }
}

.poi-container-faap-2 .n1 {
    background-color: #4c2579;
    top: 82%;
    left: 50%;
}

@media (max-width: 768px) {
    .poi-container-faap-2 .n1 {
        top: 82%;
        left: 50%;
    }
}

.poi-container-faap-2 .n4 {
    background-color: #52c3ed;
    top: 24%;
    left: 26%;
}

@media (max-width: 768px) {
    .poi-container-faap-2 .n4 {
        top: 26%;
        left: 10%;
    }
}

.poi-container-faap-2 .n5 {
    background-color: #52c3ed;
    top: 11%;
    left: 36%;
}

@media (max-width: 768px) {
    .poi-container-faap-2 .n5 {
        top: 16%;
        left: 31%;
    }
}

.poi-container-faap-2 .n6 {
    background-color: #52c3ed;
    top: 17%;
    left: 41%;
}

@media (max-width: 768px) {
    .poi-container-faap-2 .n6 {
        top: 22%;
        left: 39%;
    }
}

.poi-container-faap-2 .n7 {
    background-color: #52c3ed;
    top: 37%;
    left: 59%;
}

@media (max-width: 768px) {
    .poi-container-faap-2 .n7 {
        top: 37%;
        left: 64%;
    }
}

.poi-container-faap-2 .n8 {
    background-color: #52c3ed;
    top: 43%;
    left: 65%;
}

@media (max-width: 768px) {
    .poi-container-faap-2 .n8 {
        top: 44%;
        left: 75%;
    }
}

.poi-container-faap-2 .n9 {
    background-color: #52c3ed;
    top: 55%;
    left: 51%;
}

@media (max-width: 768px) {
    .poi-container-faap-2 .n9 {
        top: 55%;
        left: 51%;
    }
}

/* // PACAEMBU - 1 //////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.poi-container-pacaembu-1 .zoom-poi {
    top: 21%;
    left: 57%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .zoom-poi {
        top: 22%;
        left: 63%;
    }
}

.poi-container-pacaembu-1 .brands {
    top: 48% !important;
    left: 49% !important;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .brands {
        top: 48% !important;
        left: 49% !important;
    }
}

.poi-container-pacaembu-1 .A {
    background-color: #d32b88;
    top: 83%;
    left: 48%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .A {
        top: 83%;
        left: 48%;
    }
}

.poi-container-pacaembu-1 .B {
    background-color: #d32b88;
    top: 75%;
    left: 41%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .B {
        top: 75%;
        left: 31%;
    }
}

.poi-container-pacaembu-1 .C {
    background-color: #d32b88;
    top: 62%;
    left: 44%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .C {
        top: 63%;
        left: 38%;
    }
}

.poi-container-pacaembu-1 .D {
    background-color: #d32b88;
    top: 54%;
    left: 47%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .D {
        top: 57%;
        left: 43%;
    }
}

.poi-container-pacaembu-1 .E {
    background-color: #d32b88;
    top: 50%;
    left: 60%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .E {
        top: 50%;
        left: 66%;
    }
}

.poi-container-pacaembu-1 .F {
    background-color: #d32b88;
    top: 43%;
    left: 47%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .F {
        top: 43%;
        left: 44%;
    }
}

.poi-container-pacaembu-1 .G {
    background-color: #d32b88;
    top: 24%;
    left: 50%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .G {
        top: 23%;
        left: 49%;
    }
}

.poi-container-pacaembu-1 .H {
    background-color: #d32b88;
    top: 15%;
    left: 55%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .H {
        top: 15%;
        left: 60%;
    }
}

.poi-container-pacaembu-1 .J {
    background-color: #d32b88;
    top: 33%;
    left: 37%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .J {
        top: 35%;
        left: 25%;
    }
}

.poi-container-pacaembu-1 .V1 {
    background-color: #d32b88;
    top: 29%;
    left: 42%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .V1 {
        top: 27%;
        left: 36%;
    }
}

.poi-container-pacaembu-1 .V2 {
    background-color: #d32b88;
    top: 42%;
    left: 35%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .V2 {
        top: 43%;
        left: 21%;
    }
}

.poi-container-pacaembu-1 .n1 {
    background-color: #52c3ed;
    top: 50%;
    left: 42%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .n1 {
        top: 52%;
        left: 34%;
    }
}

.poi-container-pacaembu-1 .n2 {
    background-color: #52c3ed;
    top: 56%;
    left: 54%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .n2 {
        top: 56%;
        left: 54%;
    }
}

.poi-container-pacaembu-1 .n3 {
    background-color: #52c3ed;
    top: 46%;
    left: 55%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .n3 {
        top: 45%;
        left: 60%;
    }
}

.poi-container-pacaembu-1 .n4 {
    background-color: #52c3ed;
    top: 36%;
    left: 55%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .n4 {
        top: 36%;
        left: 55%;
    }
}

.poi-container-pacaembu-1 .n5 {
    background-color: #52c3ed;
    top: 47%;
    left: 38%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .n5 {
        top: 47%;
        left: 28%;
    }
}

.poi-container-pacaembu-1 .n6 {
    background-color: #52c3ed;
    top: 42%;
    left: 40%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .n6 {
        top: 41%;
        left: 33%;
    }
}

.poi-container-pacaembu-1 .n7 {
    background-color: #52c3ed;
    top: 36%;
    left: 42%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .n7 {
        top: 35%;
        left: 38%;
    }
}

.poi-container-pacaembu-1 .n8 {
    background-color: #52c3ed;
    top: 29%;
    left: 50%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .n8 {
        top: 31%;
        left: 48%;
    }
}

.poi-container-pacaembu-1 .n9 {
    background-color: #52c3ed;
    top: 30%;
    left: 55%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .n9 {
        top: 30%;
        left: 55%;
    }
}

.poi-container-pacaembu-1 .n10 {
    background-color: #52c3ed;
    top: 32%;
    left: 59%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .n10 {
        top: 31%;
        left: 64%;
    }
}

.poi-container-pacaembu-1 .n11 {
    background-color: #52c3ed;
    top: 34%;
    left: 63%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .n11 {
        top: 34%;
        left: 76%;
    }
}

.poi-container-pacaembu-1 .n12 {
    background-color: #52c3ed;
    top: 27%;
    left: 46%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .n12 {
        top: 27%;
        left: 44%;
    }
}

.poi-container-pacaembu-1 .n13 {
    background-color: #52c3ed;
    top: 17%;
    left: 63%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .n13 {
        top: 17%;
        left: 78%;
    }
}

.poi-container-pacaembu-1 .n14 {
    background-color: #52c3ed;
    top: 17%;
    left: 50%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .n14 {
        top: 17%;
        left: 50%;
    }
}

.poi-container-pacaembu-1 .n15 {
    background-color: #4c2579;
    top: 14%;
    left: 45%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-1 .n15 {
        top: 14%;
        left: 36%;
    }
}

/* // PACAEMBU - 2 //////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.poi-container-pacaembu-2 .zoom-poi {
    top: 21%;
    left: 57%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-2 .zoom-poi {
        top: 21%;
        left: 57%;
    }
}

.poi-container-pacaembu-2 .I {
    background-color: #d32b88;
    top: 54%;
    left: 69%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-2 .I {
        top: 54%;
        left: 84%;
    }
}

.poi-container-pacaembu-2 .K {
    background-color: #d32b88;
    top: 37%;
    left: 42%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-2 .K {
        top: 38%;
        left: 35%;
    }
}

.poi-container-pacaembu-2 .L {
    background-color: #d32b88;
    top: 52%;
    left: 37%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-2 .L {
        top: 54%;
        left: 28%;
    }
}

.poi-container-pacaembu-2 .n16 {
    background-color: #52c3ed;
    top: 35%;
    left: 33%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-2 .n16 {
        top: 35%;
        left: 20%;
    }
}

.poi-container-pacaembu-2 .n17 {
    background-color: #52c3ed;
    top: 46%;
    left: 29%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-2 .n17 {
        top: 46%;
        left: 11%;
    }
}

.poi-container-pacaembu-2 .n18 {
    background-color: #4c2579;
    top: 51%;
    left: 61%;
}

@media (max-width: 768px) {
    .poi-container-pacaembu-2 .n18 {
        top: 51%;
        left: 67%;
    }
}




.brand-popup-container {
    width: 100%;
    height: inherit;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.5);
    display: flex;
    z-index: 100;
    align-items: center;
    justify-content: center;
}

.brand-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 70%;
    max-width: 600px;
    padding: 15px 5px;
    border-radius: 20px;
    background-color: #f2f2f2;
    border: 2px solid #e8e8e8;
    flex-direction: row;
    flex-wrap: wrap;
}

.brand-popup div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-direction: row;
    flex-wrap: wrap;
}

.brand-popup p {
    font-family: 'Flama', sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.brand-popup img {
    height: 24px;
}

.brand-popup svg {
    cursor: pointer;
    transition: transform 0.1s, filter 0.15s;
}

.brand-popup svg:hover {
    transform: scale(1.1);
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.05));
}

.brand-popup svg:active {
    transform: scale(1.2);
}

.hidden {
    display: none !important;
}


/* // ANIMATIONS // */

.fade-in {
    animation: fadeIn 0.2s ease-out both;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-out {
    animation: fadeOut 0.025s ease-out both;
}

@keyframes fadeOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(20px);
    }
}

@keyframes pulse {
    0% {
        scale: 1;
        box-shadow: 0 0 0 2px rgb(206, 206, 206, 1.0);
    }

    70% {
        scale: 1;
        box-shadow: 0 0 0 12px rgb(206, 206, 206, 0.5);
    }

    100% {
        scale: 1;
        box-shadow: 0 0 0 2px rgb(206, 206, 206, 0.4);
    }
}

/* // FONTS // */

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

@font-face {
    font-family: Flama;
    src: url(https://arte.estadao.com.br/share/fonts/Flama/Flama-Thin.woff2) format("woff2"),url(https://arte.estadao.com.br/share/fonts/Flama/Flama-Thin.woff) format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Flama;
    src: url(https://arte.estadao.com.br/share/fonts/Flama/Flama-Ultralight.woff2) format("woff2"),url(https://arte.estadao.com.br/share/fonts/Flama/Flama-Ultralight.woff) format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Flama;
    src: url(https://arte.estadao.com.br/share/fonts/Flama/Flama-Light.woff2) format("woff2"),url(https://arte.estadao.com.br/share/fonts/Flama/Flama-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Flama;
    src: url(https://arte.estadao.com.br/share/fonts/Flama/Flama-Book.woff2) format("woff2"),url(https://arte.estadao.com.br/share/fonts/Flama/Flama-Book.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Flama;
    src: url(https://arte.estadao.com.br/share/fonts/Flama/Flama-Medium.woff2) format("woff2"),url(https://arte.estadao.com.br/share/fonts/Flama/Flama-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Flama;
    src: url(https://arte.estadao.com.br/share/fonts/Flama/Flama-Semibold.woff2) format("woff2"),url(https://arte.estadao.com.br/share/fonts/Flama/Flama-Semibold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Flama;
    src: url(https://arte.estadao.com.br/share/fonts/Flama/Flama-Bold.woff2) format("woff2"),url(https://arte.estadao.com.br/share/fonts/Flama/Flama-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Flama;
    src: url(https://arte.estadao.com.br/share/fonts/Flama/Flama-Extrabold.woff2) format("woff2"),url(https://arte.estadao.com.br/share/fonts/Flama/Flama-Extrabold.woff) format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Flama;
    src: url(https://arte.estadao.com.br/share/fonts/Flama/Flama-Black.woff2) format("woff2"),url(https://arte.estadao.com.br/share/fonts/Flama/Flama-Black.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}