@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* ===== Scrollbar CSS ===== */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #AAA; 
}
::-webkit-scrollbar-thumb {
    background: #414B5F; 
}
::-webkit-scrollbar-thumb:hover {
    background: #686859;
}

html {
    width: 100dvw;
}

body {
    font-family: "League Spartan", sans-serif;
    color: #333;
    background-color: #1d2535;
    overflow-x: hidden;
    width: 100dvw;
}

.color-tema-azul {
    color: #2A374D;
}

.color-tema-amarelo {
    color: #E1A66E;
}

.btn-warning {
    background-color: #B2B200 !important;
}
.btn-warning:hover {
    background-color: #D9D900 !important;
}

body.no-scroll {
    overflow-y: hidden;
    margin-right: 10px;
}

@media (min-width: 1400px) {
    body {
        font-size: 1.05rem;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    body {
        font-size: 1.025rem;
    }
}
@media (min-width: 992px) and (max-width: 1399px) {
    body {
        font-size: 1rem;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    body {
        font-size: .95rem;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    body {
        font-size: .9rem;
    }
}
@media (max-width: 575px) {
    body {
        font-size: .85rem;
    }
}

.text-justify {
    text-align: justify;
}

.fontsize-360 { font-size: 360%; }
.fontsize-300 { font-size: 300%; }
.fontsize-280 { font-size: 280%; }
.fontsize-260 { font-size: 260%; }
.fontsize-240 { font-size: 240%; }
.fontsize-210 { font-size: 210%; }
.fontsize-180 { font-size: 180%; }
.fontsize-150 { font-size: 150%; }
.fontsize-140 { font-size: 140%; }
.fontsize-120 { font-size: 120%; }
.fontsize-90 { font-size: 90%; }
.fontsize-80 { font-size: 80%; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }
.fw-800 { font-weight: 800; }

footer {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: .9rem;
    text-align: center;
    color: #999;
}
footer .logo {
    max-width: 100px;
}
footer hr {
    background-color: #999;
    color: #999;
}
footer a, footer a:hover {
    text-decoration: none;
}
footer a {
    color: #CACAD9;
    margin: 0 5px;
}
footer a:hover {
    color: #FFF;
}


#loading-default {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(160, 165, 154, .95);
    display: none; 
    text-align: center;
    line-height: 100vh;
    color: #FFF;
    font-size: 200%;
}


.page .title-size {
    font-size: 350%;
}
@media (max-width: 576px) {
    .page .title-size {
        font-size: 300%;
    }
}

.borda-video-white {
    box-shadow: 4px 6px 18px 1px rgba(255,255,255,0.21);
}
.borda-video-black {
    box-shadow: 4px 6px 18px 1px rgba(0,0,0,0.61);
}

.rodape-link-whatsapp {
    display: block;
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 70px;
    height: 70px;
    text-align: center;
    background: linear-gradient(0deg, #28B53E 0%, #5AD265 100%);
    z-index: 1000;
    font-size: 40px;
    line-height: 40px;
    padding: 15px;
    border-radius: 50%;
    color: #FFF;
    text-decoration: none;
    animation-name: rodape-whatsapp;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
.rodape-link-whatsapp:hover {
    opacity: .9;
}
@keyframes rodape-whatsapp {
    0%   {box-shadow: 0 0 0 3px rgba(0,0,0,0.75);}
    50%  {box-shadow: 0 0 2px 10px rgba(0,0,0,0.0);}
    50.1%   {box-shadow: 0 0 0 3px rgba(255,255,255,0.75);}
    100%  {box-shadow: 0 0 2px 10px rgba(255,255,255,0.0);}
}

.page {
    background-color: #F7F7F7;
    min-height: 60vh;
}

.page .button {
    width: auto;
    border: 2px solid #9C6A39;
    border-radius: 50px;
    transition: ease all 0.5s;
    cursor: pointer;
    font-weight: 800;
    color: #FFF;
    text-decoration: none;
    padding: 10px 34px;
    margin: 8px 5px;
    text-transform: uppercase;
    display: inline-block;
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
        radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
}
.page .button:hover {
    border: 2px solid #333;
    text-decoration: none;
    box-shadow: 0 0 3px 1px rgba(255,255,255,.5);
}

.page-mc .box-title {
    background-image: url(../images/mc-title-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.page-mc .box-title h1 {
    color: #FFF;
    line-height: 300%;
}
@media (max-width: 767px) {
    .page-mc .box-inicio img {
        max-width: 250px;
    }
}
.page-mc .box-meio {
    background-image: url(../images/mc-boxmeio-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #FFF;
    padding-top: 8dvh;
    padding-bottom: 8dvh;
}
.page-mc .box-fim {
    padding-top: 8dvh;
    padding-bottom: 8dvh;
}
.page-mc .box-fim iframe {
    aspect-ratio: 16/9; 
}

.page-contato .box-info {
    padding: 30px 20px;
    border-radius: 20px;
    background-color: #D1DBE9;
}

.page-ator .box-title {
    background-image: url(../images/ator-title-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.page-ator .box-title h1 {
    color: #FFF;
    line-height: 300%;
}

.page-apresentador .box-title {
    background-image: url(../images/apresentador-title-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.page-apresentador .box-title h1 {
    color: #FFF;
    line-height: 300%;
}
.page-apresentador iframe {
    width: 100%;
    aspect-ratio: 16/9;
    box-shadow: 4px 6px 18px 1px rgba(0,0,0,0.5);
    border: 5px solid #e4e4e4;
}

.page-locutor .box-title {
    background-image: url(../images/locutor-title-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.page-locutor .box-title h1 {
    color: #FFF;
    line-height: 300%;
}

.page-videos .box-title {
    background-color: hsla(0, 0%, 100%, 1);
    background-image: radial-gradient(circle at 32% 16%, hsla(14, 100%, 64%, 0.33) 17.647148063137625%, transparent 61.5109675345299%), radial-gradient(circle at 75% 1%, hsla(247, 100%, 63%, 0.3) 11.26645584295136%, transparent 63.69587993071477%);
    background-blend-mode: multiply, multiply;
}
.page-videos .box-title h1 {
    color: #555;
    line-height: 300%;
}
.page-videos iframe {
    width: 100%;
    aspect-ratio: 16/9;
    box-shadow: 4px 6px 18px 1px rgba(0,0,0,0.5);
    border: 5px solid #e4e4e4;
}

.page-eventosclientes .box-title {
    background: linear-gradient(45deg, #000428, #004e92, #1b2735);
}
.page-eventosclientes .box-title h1 {
    color: #fff;
    line-height: 300%;
}
.page-eventosclientes .lista .cliente .box {
    margin: 10px;
    padding: 20px;
    border: 3px solid #ccc;
    border-radius: 5px;
    box-shadow: 5px 5px 5px 0 rgba(0,0,0,.3);
    display: block;
}
.page-eventosclientes .lista .cliente .box img {
    max-width: 100%;
}