Portal Circuito Paulista







<title>Portal Circuito Paulista — Em breve</title>


    * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

    html,
    body {
        width: 100%;
        min-height: 100%;
    }

    body {
        font-family: Arial, Helvetica, sans-serif;
        background:
            radial-gradient(circle at center, #ffffff 0%, #f7f7f7 55%, #eeeeee 100%);
        color: #111111;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
        overflow-x: hidden;
    }

    .maintenance {
        width: 100%;
        max-width: 1100px;
        padding: 50px 25px;
        text-align: center;
    }

    .logo {
        width: min(900px, 95%);
        max-height: 330px;
        object-fit: contain;
        margin: 0 auto 35px;
        display: block;
    }

    .em-breve {
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 6px;
        text-transform: uppercase;
        color: #172b4d;
        margin-bottom: 20px;
    }

    .aguardem {
        font-size: clamp(64px, 12vw, 150px);
        line-height: 0.95;
        font-weight: 900;
        letter-spacing: 3px;
        text-transform: uppercase;
        color: #ed1c24;
        text-shadow:
            3px 3px 0 #172b4d,
            6px 6px 0 rgba(0,0,0,0.12);
        margin-bottom: 35px;
    }

    .mensagem {
        max-width: 900px;
        margin: 0 auto;
        font-size: clamp(22px, 3vw, 36px);
        line-height: 1.35;
        font-weight: 700;
        color: #172b4d;
    }

    .mensagem strong {
        color: #ed1c24;
    }

    .linha {
        width: 120px;
        height: 5px;
        margin: 35px auto;
        background: linear-gradient(
            to right,
            #172b4d 0%,
            #172b4d 50%,
            #ed1c24 50%,
            #ed1c24 100%
        );
        border-radius: 10px;
    }

    .rodape {
        font-size: 16px;
        color: #555;
        letter-spacing: 1px;
        margin-top: 30px;
    }

    @media (max-width: 600px) {

        .maintenance {
            padding: 35px 18px;
        }

        .logo {
            width: 100%;
            max-height: 220px;
            margin-bottom: 25px;
        }

        .em-breve {
            font-size: 15px;
            letter-spacing: 4px;
        }

        .aguardem {
            font-size: 68px;
            letter-spacing: 1px;
            text-shadow:
                2px 2px 0 #172b4d,
                4px 4px 0 rgba(0,0,0,0.12);
        }

        .mensagem {
            font-size: 22px;
        }

        .rodape {
            font-size: 14px;
        }
    }





<div class="maintenance">

<!-- COLOQUE A URL DO LOGO DO WORDPRESS AQUI -->
<img class="logo" src="LOGO_URL_AQUI" alt="Jornal Digital Regional e TV Circuito Paulista">

    <div class="em-breve">
        Em breve
    </div>

    <div class="aguardem">
        AGUARDEM
</div>

    <div class="linha"></div>

    <div class="mensagem">
        Seu novo portal de noticias do circuito das aguas
        <strong>estreia em outubro.</strong>
    </div>

    <div class="rodape">
        Informação • Jornalismo • Cultura • Turismo • Esporte • Eventos
    </div>

</div>