@import url("https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap");
:root {
--fonteDefault: #656565;
--corPrincipalFundo: #FFF;
--corPrincipal: #2B38BD;
--corHover: #19B2E8;
--azulEscuro: #050065;
}
.dark-mode:root {
--fonteDefault: #FFF;
--corPrincipalFundo: #000;
--corPrincipal: #FFF;
--corHover: #FF0;
--azulEscuro: #FFF;
}
.dark-mode:root body {
background-color: #000;
}
.dark-mode:root a span {
color: inherit;
}
.dark-mode:root option {
color: #000;
}
.dark-mode:root input {
border: 1px solid #FFF;
}
.dark-mode:root .breadcrumb {
color: #FFF;
}
.dark-mode:root .dark-mode-section {
background: black !important;
}
.dark-mode:root .preto {
color: #ffffff;
}
.dark-mode:root .preto::before {
color: #ffffff;
}
.dark-mode .elementor-kit-27 {
--e-global-color-primary: #FFF !important;
--e-global-color-secondary: #FFF !important;
--e-global-color-text: #FFF !important;
--e-global-color-accent: #FF0 !important;
--e-global-color-14d7c28: #FFF !important;
--e-global-color-d71040d: #FF0 !important;
--e-global-color-264f73b: #000 !important;
--e-global-color-932bcc3: #FFF !important;
--e-global-color-50a578d: #000 !important;
--e-global-color-da83860: #000 !important;
--e-global-color-bc32984: #000 !important;
--e-global-color-302380a: #000 !important;
--e-global-color-b728ce1: #000 !important;
--e-global-color-f9476d4: #000 !important;
--e-global-color-23cfafa: #000 !important;
--e-global-color-516b6c4: #000 !important;
--e-global-color-6bc5bb4: #FFF !important;
}
.text-preto {
color: #000000 !important;
}
.text-alt-preto {
:root.dark-mode &-color: #000000 !important;
}
.text-branco {
color: #ffffff !important;
}
.text-alt-branco {
:root.dark-mode &-color: #ffffff !important;
}
.fs-2 {
font-size: 0.125rem !important;
}
.fs-4 {
font-size: 0.25rem !important;
}
.fs-6 {
font-size: 0.375rem !important;
}
.fs-8 {
font-size: 0.5rem !important;
}
.fs-10 {
font-size: 0.625rem !important;
}
.fs-12 {
font-size: 0.75rem !important;
}
.fs-14 {
font-size: 0.875rem !important;
}
.fs-16 {
font-size: 1rem !important;
}
.fs-18 {
font-size: 1.125rem !important;
}
.fs-20 {
font-size: 1.25rem !important;
}
.fs-22 {
font-size: 1.375rem !important;
}
.fs-24 {
font-size: 1.5rem !important;
}
.fs-26 {
font-size: 1.625rem !important;
}
.fs-28 {
font-size: 1.75rem !important;
}
.fs-30 {
font-size: 1.875rem !important;
}
.fs-32 {
font-size: 2rem !important;
}
.fs-34 {
font-size: 2.125rem !important;
}
.fs-36 {
font-size: 2.25rem !important;
}
.fs-38 {
font-size: 2.375rem !important;
}
.fs-40 {
font-size: 2.5rem !important;
}
.fs-42 {
font-size: 2.625rem !important;
}
.fs-44 {
font-size: 2.75rem !important;
}
.fs-46 {
font-size: 2.875rem !important;
}
.fs-48 {
font-size: 3rem !important;
}
.fs-50 {
font-size: 3.125rem !important;
}
.fs-52 {
font-size: 3.25rem !important;
}
.fs-54 {
font-size: 3.375rem !important;
}
.fs-56 {
font-size: 3.5rem !important;
}
.fs-58 {
font-size: 3.625rem !important;
}
.fs-60 {
font-size: 3.75rem !important;
}
.fs-62 {
font-size: 3.875rem !important;
}
.fs-64 {
font-size: 4rem !important;
}
.fs-66 {
font-size: 4.125rem !important;
}
.fs-68 {
font-size: 4.25rem !important;
}
.fs-70 {
font-size: 4.375rem !important;
}
.fs-72 {
font-size: 4.5rem !important;
}
.fs-74 {
font-size: 4.625rem !important;
}
.fs-76 {
font-size: 4.75rem !important;
}
.fs-78 {
font-size: 4.875rem !important;
}
.fs-80 {
font-size: 5rem !important;
}
.fs-82 {
font-size: 5.125rem !important;
}
.fs-84 {
font-size: 5.25rem !important;
}
.fs-86 {
font-size: 5.375rem !important;
}
.fs-88 {
font-size: 5.5rem !important;
}
.fs-90 {
font-size: 5.625rem !important;
}
.fs-92 {
font-size: 5.75rem !important;
}
.fs-94 {
font-size: 5.875rem !important;
}
.fs-96 {
font-size: 6rem !important;
}
.fs-98 {
font-size: 6.125rem !important;
}
.fs-100 {
font-size: 6.25rem !important;
}
.splide-conteudo .card-item {
background: var(--corPrincipalFundo);
padding: 2rem;
display: block;
border-radius: 20px;
min-height: 100%;
}
:root.dark-mode .splide-conteudo .card-item {
background: black !important;
border: 1px solid #FFF;
}
:root.dark-mode .splide-conteudo .card-item:hover {
background: black !important;
}
:root.dark-mode .splide-conteudo .card-item:hover .card-content .category, :root.dark-mode .splide-conteudo .card-item:hover .card-content .titulo-card, :root.dark-mode .splide-conteudo .card-item:hover .card-content .card-text {
color: #FF0 !important;
}
.splide-conteudo .card-item .card-thumb img {
width: 100%;
object-fit: cover;
aspect-ratio: 6/4;
}
.splide-conteudo .card-item .card-content .category {
margin: 12px 0;
font-size: 15px;
font-weight: 800;
text-transform: uppercase;
}
:root.dark-mode .splide-conteudo .card-item .card-content .category {
color: #FFF !important;
}
.splide-conteudo .card-item .card-content .titulo-card {
font-size: 2rem;
font-weight: 800;
}
:root.dark-mode .splide-conteudo .card-item .card-content .titulo-card {
color: #FFF !important;
}
.splide-conteudo .card-item .card-content .card-text {
color: #050065;
font-size: 1rem;
}
:root.dark-mode .splide-conteudo .card-item .card-content .card-text {
color: #FFF !important;
}
.splide-conteudo .mr-17 {
min-width: -webkit-fill-available;
margin: 0;
margin-right: -18%;
}
@media (max-width: 1024px) {
.splide-conteudo .mr-17 {
margin-right: 0;
width: 97.5dvw;
}
}
@media (max-width: 768px) {
.splide-conteudo .mr-17 {
padding: 0;
width: 92.5dvw;
}
}
@media (max-width: 500px) {
.splide-conteudo .mr-17 {
min-width: 100%;
}
}
.splide-conteudo .splide__pagination {
position: relative;
}
.splide-conteudo .splide__pagination button {
background: #FFF;
}
.splide-conteudo .splide__pagination button.is-active {
transform: scale(1);
opacity: 1;
}
.splide-conteudo .ver-mais {
background: transparent;
color: #FFF;
border: 1px solid #FFF;
padding: 0.75rem 1.5rem;
border-radius: 20px;
font-size: 1rem;
font-weight: 800;
text-decoration: none;
text-transform: uppercase;
}
.splide-conteudo .ver-mais:hover {
background: #19B2E8;
color: #FFF;
text-decoration: none;
}
:root.dark-mode .splide-conteudo .ver-mais:hover {
background: transparent;
color: #FF0;
border-color: #FF0;
}
.splide-conteudo .splide__arrows .splide__arrow {
position: relative;
transform: translate(0);
left: 0;
right: 0;
opacity: 1 !important;
background: none;
border: 1px solid #FFF;
color: #FFF;
padding: 1.45rem;
}
.splide-conteudo .splide__arrows .splide__arrow i {
font-size: 1.5rem;
}