body {
            font-family: Arial, Helvetica, sans-serif;
            background-color: #ffffff;
            color: #212529;
        }

        .page-wrapper {
            overflow-x: hidden;
        }

        /* AUDIÊNCIA */
        .audience-section {
            background-color: #9b0000;
            color: #ffffff;
            position: relative;
            padding: 2rem 0;
        }

        .audience-label {
            display: inline-block;
            background-color: #ffffff;
            color: #cf0000;
            font-weight: 800;
            font-size: 1.2rem;
            text-transform: uppercase;
            padding: 0.5rem 2.5rem;
            margin-bottom: 1.5rem;
            transform: skew(-12deg);
        }

        .audience-label span {
            display: inline-block;
            transform: skew(12deg);
        }

        .audience-highlight-box {
            background-color: #cf0000;
            color: #ffffff;
            max-width: 360px;
            padding: 1rem 1.25rem;
            margin-bottom: 1.5rem;
            margin-left: 5rem;
            transform: skew(-10deg);
        }

        .audience-highlight-box-content {
            transform: skew(10deg);
        }

        .audience-rank {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-right: 1rem;
        }

        .rank-number {
            font-size: 2.8rem;
            font-weight: 900;
            line-height: 1;
        }

        .rank-text {
            margin-top: -2px;
            font-size: 0.9rem;
            font-weight: 800;
            text-transform: uppercase;
        }

        .audience-number-group {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 1rem;
            flex-wrap: nowrap;
        }

        .audience-number {
            margin: 0;
            font-size: 9rem;
            font-weight: 900;
            line-height: 0.9;
            text-transform: uppercase;
            flex-shrink: 0;
        }

        .audience-number-text {
            text-align: left;
            line-height: 1;
        }

        .audience-number-text .main-word {
            display: block;
            font-size: 4.5rem;
            font-weight: 900;
            line-height: 0.9;
            text-transform: uppercase;
        }

        .audience-number-text .sub-word {
            display: inline-block;
            margin-top: 0.5rem;
            padding: 0.35rem 0.75rem;
            background-color: #ffffff;
            color: #cf0000;
            font-size: 1.4rem;
            font-weight: 800;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .audience-bottom-text {
            margin-top: 0.75rem;
            font-size: 1.8rem;
            font-weight: 300;
            line-height: 1.1;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .audience-bottom-text strong {
            font-weight: 900;
        }

        /* PRIMEIRA E ÚNICA EMISSORA */

        .highlight-tx-section {
            background-color: #f4f4f4;
            position: relative;
            overflow: hidden;
        }

        .headline-wrap {
            flex: 1;
            min-width: 280px;
        }

        .headline-top {
            font-size: 3rem;
            font-weight: 900;
            color: #c40000;
            margin: 0;
        }

        .headline-box {
            display: inline-block;
            /* background-color: #9b0000; */
            color: #c40000;
            font-size: 2.7rem;
            font-weight: 900;
            line-height: 1;
            text-transform: uppercase;
            padding: 0.5rem 0.9rem;
        }

        .headline-brand img {
            max-width: 170px;
            width: 100%;
        }

        .intro-text {
            font-size: 1.5rem;
            line-height: 1.4;
            color: #212529;
        }

        .metric-card {
            height: 100%;
        }

        .metric-number {
            font-size: 4.2rem;
            font-weight: 900;
            line-height: 1;
            color: #212529;
            text-transform: uppercase;
        }

        .metric-number span {
            font-size: 0.75em;
        }

        .metric-line {
            width: 70%;
            height: 2px;
            background-color: #212529;
            margin: 0.8rem auto 0.8rem;
        }

        .metric-text {
            font-size: 0.95rem;
            line-height: 1.25;
            color: #212529;
            margin: 0;
            padding: 0 20px;
        }

        .highlight-final {
            text-align: left;
        }

        .highlight-line {
            font-size: 2.8rem;
            font-weight: 900;
            line-height: 1.4;
            color: #c40000;
        }

        .highlight-box-red {
            display: inline-block;
            /* background-color: #9b0000; */
            color: #9b0000;
            padding: 0.1rem 0.35rem 0.2rem;
        }

        .source-note {
            font-size: 0.8rem;
            font-style: italic;
            color: #212529;
        }

        @media (max-width: 1399.98px) {
            .metric-text {
            padding: 0 10px;
            }

            .metric-number {
                font-size: 3.8rem;
            }

        }

        @media (max-width: 1199.98px) {
            .headline-top {
                font-size: 3.2rem;
            }

            .headline-box {
                font-size: 2.5rem;
            }

            .metric-number {
                font-size: 3.3rem;
            }

            .highlight-line {
                font-size: 2.2rem;
            }
        }

        @media (max-width: 991.98px) {
            .metric-text {
            padding: 0px 50px;
            }

            .headline-top {
                font-size: 2.5rem;
            }

            .headline-box {
                font-size: 1.9rem;
                line-height: 1.1;
            }

            .intro-text {
                font-size: 1.2rem;
            }

            .metric-number {
                font-size: 2.8rem;
            }

            .highlight-line {
                font-size: 1.8rem;
            }

            .headline-brand {
                width: 100%;
                text-align: right;
            }

            .headline-wrap{
                text-align: center;
                width: 100%;
            }

            .headline-box{
                display: inline-block;
            }

            .metric-card{
                text-align: center;
            }

            .metric-text{
                margin-left: auto;
                margin-right: auto;
            }

            .highlight-final{
                text-align: center;
            }

            .source-note{
                text-align: center;
                margin-top: 1.5rem !important;
            }
        }

        @media (max-width: 767.98px) {
            .headline-top {
                font-size: 1.8rem;
            }

            .headline-box {
                font-size: 1.25rem;
                padding: 0.45rem 0.6rem;
            }

            .intro-text {
                font-size: 1rem;
            }

            .metric-number {
                font-size: 2.4rem;
            }

            .metric-text {
                font-size: 0.9rem;
            }

            .highlight-line {
                font-size: 1.35rem;
            }

            .source-note {
                font-size: 0.72rem;
            }
        }

        @media (max-width: 576px) {
            .metric-text {
            padding: 0px 100px;
            }
        }

        /* COBERTURA */
        .coverage-strip {
            background-color: #1f1a1d;
            color: #ffffff;
            padding: 1.7rem 0;
        }

        .coverage-icon {
            font-size: 2.6rem;
            line-height: 1;
        }

        .coverage-title {
            margin-bottom: 0.2rem;
            font-size: 2.4rem;
            font-weight: 900;
            line-height: 1;
            text-transform: uppercase;
        }

        .coverage-subtitle {
            margin-bottom: 0;
            font-size: 1.4rem;
            font-style: italic;
            line-height: 1.1;
            text-transform: uppercase;
        }

        /* PLATAFORMAS */
        .platforms-section {
            background-color: #f7f7f7;
            padding: 2rem 0;
        }

        .platforms-title {
            font-size: 1.8rem;
            font-weight: 900;
            line-height: 1;
            text-transform: uppercase;
            color: #111111;
        }

        .platforms-groups {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 2rem;
            flex-wrap: nowrap;
        }

        .platform-group {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .platform-label {
            margin-bottom: 0.5rem;
            font-size: 0.7rem;
            font-weight: 700;
            line-height: 1;
            text-transform: uppercase;
            color: #1a1a1a;
        }

        .platform-row {
            display: flex;
            align-items: center;
            gap: 1.5rem;
        }

        .platform-item {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .platform-item img {
            max-width: 100%;
            max-height: 38px;
            width: auto;
            height: auto;
            object-fit: contain;
        }

        /* MÉTRICAS */
        .metrics-section {
            position: relative;
            background-color: #ffffff;
            padding: 3rem 0 2rem;
        }

        .metric-row {
            margin-bottom: 2rem;
        }

        .metric-label {
            margin-bottom: 0.5rem;
            font-size: 2.3rem;
            font-weight: 900;
            line-height: 1.2;
            text-transform: uppercase;
            color: #cf0000;
        }

        .metric-label small {
            display: block;
            margin-top: 0.3rem;
            font-size: 1rem;
            font-weight: 700;
            color: #cf0000;
        }

        .metric-value-box {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            min-height: 110px;
            padding: 1rem 2rem;
            background: linear-gradient(to right, #ffaaaa, #e62c2c);
            color: #ffffff;
            overflow: visible;
        }

        .metric-value-box::after {
            content: "";
            position: absolute;
            top: 0;
            right: -100vw;
            width: 100vw;
            height: 100%;
            background: #e62c2c;
        }

        .metric-value {
            margin: 0;
            font-size: 4.6rem;
            font-weight: 900;
            line-height: 1;
            text-transform: uppercase;
        }

        .metric-note {
            margin-top: 0.35rem;
            font-size: 0.85rem;
            font-weight: 700;
            text-align: right;
            text-transform: uppercase;
            color: #666666;
        }

        /* JOGADORES + REDES */
        .bottom-section {
            position: relative;
            background-color: #ffffff;
            padding: 2rem 0 0;
        }

        .players-wrapper {
            display: flex;
            align-items: flex-end;
            justify-content: center;
            min-height: 520px;
        }

        .players-wrapper img {
            max-width: 100%;
            max-height: 460px;
            height: auto;
        }

        .social-card {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            min-height: 110px;
            margin-bottom: 1.5rem;
            padding: 1.2rem 1.5rem;
            border: 4px solid #cf0000;
            border-radius: 28px;
            background-color: #ffffff;
        }

        .social-left {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0.85rem;
            min-width: 130px;
        }

        .social-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 54px;
            height: 54px;
            overflow: hidden;
        }

        .social-icon img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        .social-name {
            margin: 0;
            font-size: 0.8rem;
            font-weight: 800;
            line-height: 1;
            text-transform: uppercase;
            color: #cf0000;
        }

        .social-value {
            text-align: right;
            line-height: 1;
        }

        .social-value strong {
            display: block;
            font-size: 3.5rem;
            font-weight: 900;
            text-transform: uppercase;
            color: #111111;
        }

        .social-value span {
            display: block;
            font-size: 1.3rem;
            font-weight: 700;
            text-transform: uppercase;
            color: #444444;
        }

        .source-text {
            margin-top: 1rem;
            font-size: 0.75rem;
            line-height: 1.4;
            text-align: right;
            color: #666666;
        }

        /* RESPONSIVO */
        @media (max-width: 1399.98px) {
            .audience-highlight-box {
                margin-left: auto;
                margin-right: auto;
            }
        }

        @media (max-width: 1199.98px) {
            .audience-number {
                font-size: 7.5rem;
            }

            .audience-number-text .main-word {
                font-size: 3.8rem;
            }

            .audience-number-text .sub-word {
                font-size: 1.15rem;
            }

            .audience-bottom-text {
                font-size: 1.4rem;
            }

            .metric-value {
                font-size: 3.8rem;
            }

            .social-value strong {
                font-size: 3.2rem;
            }
        }

        @media (max-width: 991.98px) {

            .metrics-section {
                padding: 2rem 0 2rem;
            }

            .bottom-section {
                padding: 0.5rem 0 0;
            }

            .audience-label {
                padding: 0.7rem 2.5rem;
                font-size: 1rem;
            }

            .audience-highlight-box {
                max-width: 320px;
                margin-left: auto;
                margin-right: auto;
            }

            .audience-number-group {
                gap: 0.75rem;
            }

            .audience-number {
                font-size: 6rem;
            }

            .audience-number-text .main-word {
                font-size: 3rem;
            }

            .audience-number-text .sub-word {
                font-size: 1rem;
                white-space: normal;
            }

            .audience-bottom-text {
                font-size: 1.2rem;
                white-space: normal;
            }

            .coverage-title {
                font-size: 1.8rem;
            }

            .coverage-subtitle {
                font-size: 1.1rem;
            }

            .platforms-title {
                margin-bottom: 1rem;
                text-align: center;
            }

            .platforms-groups {
                justify-content: center;
                flex-wrap: wrap;
                gap: 1.5rem 2rem;
            }

            .platform-group {
                min-width: 140px;
            }

            .platform-row {
                flex-wrap: wrap;
                justify-content: center;
                gap: 1rem;
            }

            .metric-label {
                font-size: 1.5rem;
            }

            .metric-value-box {
                justify-content: center;
                margin-top: 1rem;
                text-align: center;
            }

            .metric-note {
                text-align: center;
            }

            .players-wrapper {
                min-height: 380px;
            }

            .social-value strong {
                font-size: 2.7rem;
            }

            .social-value span {
                font-size: 1.05rem;
            }

            .source-text {
                text-align: center;
                margin-bottom: 20px;
            }
        }

        @media (max-width: 767.98px) {
            .audience-label {
                padding: 0.6rem 2rem;
                font-size: 0.95rem;
            }

            .audience-highlight-box {
                max-width: 100%;
                padding: 0.8rem 1rem;
            }

            .rank-number {
                font-size: 2.2rem;
            }

            .rank-text {
                font-size: 0.75rem;
            }

            .audience-number-group {
                flex-wrap: wrap;
                gap: 0.5rem;
            }

            .audience-number {
                font-size: 5rem;
            }

            /* .audience-number-text {
                text-align: center;
            } */

            .audience-number-text .main-word {
                font-size: 2.4rem;
            }

            .audience-number-text .sub-word {
                font-size: 0.95rem;
            }

            .audience-bottom-text {
                font-size: 1rem;
            }

            .coverage-strip {
                text-align: center;
            }

            .coverage-icon {
                margin-bottom: 0.75rem;
            }

            .coverage-title {
                font-size: 1.35rem;
                padding: 10px;
            }

            .coverage-subtitle {
                font-size: 0.95rem;
                margin-top: 10px;
            }

            .platforms-title {
                font-size: 1.4rem;
            }

            .platform-label {
                font-size: 0.65rem;
            }

            .platform-item img {
                max-height: 26px;
            }

            .metric-label {
                font-size: 1.25rem;
                text-align: center;
            }

            .metric-value-box {
                min-height: 90px;
                padding: 1rem;
            }

            .metric-value {
                font-size: 2.3rem;
            }

            .players-wrapper {
                min-height: auto;
            }

            .social-card {
                flex-direction: column;
                align-items: center;
                text-align: center;
                border-radius: 20px;
            }

            .social-left {
                min-width: auto;
                justify-content: center;
            }

            .social-value {
                text-align: center;
            }

            .social-value strong {
                font-size: 2.2rem;
            }

            .social-value span {
                font-size: 1rem;
            }

        }