<!DOCTYPE html>
<html lang="pt-br" data-bs-theme="dark">

<head itemtype="https://schema.org/WebSite">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>404 - Radio 4 Estaçoes</title>
    <meta name="description" content="Sempre no ar!!!">

    <link rel="icon" href="/public/60326-2023-05-11.png">

    <meta property="og:type" content="website">
    <meta property="og:title" content="404 - Radio 4 Estaçoes">
    <meta property="og:description" content="Sempre no ar!!!">
    <meta property="og:image:width" content="600">
    <meta property="og:image:height" content="600">
    <meta property="og:image" content="https://4estacoes.radio.br/public/63286-2023-05-04.png">
    <meta property="og:url" content="https://4estacoes.radio.br/">
    <link rel="canonical" href="https://4estacoes.radio.br/">

    <!-- preload -->
    <link rel="preconnect" href="https://www.googletagmanager.com">
    <link rel="preconnect" href="https://www.youtube.com">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap">
    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap">
    <link rel="preload" as="style" href="/resources/css/bootstrap.min.css">
    <link rel="preload" as="style" href="/resources/css/main.css?v=5.4.0">
    <link rel="preload" as="style" href="/app/views/website/classic/custom.css?v=5.4.0">
    <!-- preload end -->

    <!-- css custom -->
    
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap">
    <link rel="stylesheet" href="/resources/css/bootstrap.min.css">
    <link rel="stylesheet" href="/resources/css/main.css?v=5.4.0">
    <link rel="stylesheet" href="/app/views/website/classic/custom.css?v=5.4.0">

    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "WebSite",
            "name": "Radio 4 Estaçoes",
            "url": "https://4estacoes.radio.br/"
        }
    </script>

        <style>
        [data-bs-theme='dark'] {
            --bs-dark-bg-subtle: #00b9fd;
            --bs-form-control-bg: #171717;
            --bs-border-color: #202020;
            --bs-secondary-color: #b5b5b5;
            --bs-dark-text: #b5b5b5;
            --bs-body-bg: #191919;
            --bs-heading-color: #fff;
            --bs-body-color: #fff;
            --bs-emphasis-color: #000;

            .list-group-item-action:focus,
            .list-group-item-action:hover {
                color: #fff;
            }

            .events .divider {
                color: var(--bs-dark-bg-subtle);
            }

            /* Custom */
            --bg-primary: #795548;
            --bg-secondary: rgba(7 10 12 / 1);
            --text-primary: #fff;

            --text-secondary: #8a8a8a;
            --bg-footer: rgba(14 14 14 / 1);
            --bg-footer-info: rgba(14 14 14 / 1);

            .btn-close {
                filter: var(--bs-btn-close-white-filter);
            }

        }

        [data-bs-theme='light'] {
            --bs-dark-bg-subtle: #00b9fd;
            --bs-form-control-bg: #fff;
            --bs-border-color: #8a8a8a;
            --bs-secondary-color: #4a4a4a;
            --bs-dark-text: #4a4a4a;
            --bs-body-bg: rgba(255, 255, 255, .5);
            --bs-heading-color: #000;
            --bs-body-color: #000;
            --bs-emphasis-color: #fff;

            .list-group-item-action:focus,
            .list-group-item-action:hover {
                color: #000;
            }

            .app-card,
            .app-card span {
                color: #fff;
            }

            .dropdown-menu,
            header .offcanvas.show {
                background: #fff !important;
            }

            .events .divider {
                color: var(--bs-dark-bg-subtle);
            }

            /* Custom */
            --bg-primary: #795548;
            --bg-secondary: rgba(255 255 255 / .7);
            --text-primary: #000;
            --text-secondary: #8a8a8a;
            --bg-footer: rgba(255 255 255 / .8);
            --bg-footer-info: rgba(255 255 255 / .8);
        }

        body {
            background: ;
            background-color: var(--bg-primary);
        }

        .bg-body-tertiary {
            background: var(--bg-secondary) !important;
        }

        .dropdown-menu,
        header .offcanvas {
            background: var(--bg-secondary) !important;
        }

        .navbar a,
        .navbar .navbar-toggler {
            color: var(--text-primary);
        }

        .navbar a:hover {
            color: var(--text-secondary) !important;
            background: none;
        }

        .navbar .active {
            color: var(--bs-dark-bg-subtle) !important;
            background: none;
        }

        .text-muted,
        .card-subtitle,
        .datatime {
            color: var(--text-secondary) !important;
        }

        footer #footer {
            background: var(--bg-footer) !important;
        }

        footer #footer-info {
            background: var(--bg-footer-info) !important;
        }

        .page-link {
            color: var(--text-primary);
            background: var(--bg-secondary);
        }

        .modal .modal-content {
            background: var(--bs-emphasis-color);
        }

        .pagination {
            --bs-pagination-disabled-color: var(--text-primary);
        }
    </style>

</head>

<body itemscope itemtype="https://schema.org/WebPage">
<audio id="player_audio" preload="none" autoplay></audio>
{"status":"error","icon":"fa fa-times","type":"danger","title":"Error","msg":"An internal error occurred. Please try again later."}