.elementor-kit-7{--e-global-color-primary:#080909;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#E3FC0D;--e-global-color-ce16259:#00BD9A;--e-global-color-488ffa3:#FFFFFF;--e-global-color-fa03e8d:#E4E4E4;--e-global-color-10073cd:#11927A;--e-global-color-ee35166:#005F8D;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#F6F6F6;color:var( --e-global-color-secondary );font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;}.elementor-kit-7 h1{color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:64px;font-weight:700;}.elementor-kit-7 h2{color:var( --e-global-color-primary );font-family:"Inter", Sans-serif;font-size:36px;font-weight:700;}.elementor-kit-7 h3{font-family:"Inter", Sans-serif;font-size:28px;font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){margin-block-end:16px;}.elementor-element{--widgets-spacing:16px 16px;--widgets-spacing-row:16px;--widgets-spacing-column:16px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root {
  --menu-hover-color-padrao: #000;
  --menu-hover-fundo-padrao: #ccc;
  --links-hover: #005f8d
}

.menu-link-hover a:hover{
    white-space: normal;
    color: var(--menu-hover-color-padrao) !important;
    background-color: var(--menu-hover-fundo-padrao);
    border-radius: 10px;
    padding: 5px 5px;
}

.menu-text-hover span:hover {
    white-space: normal;
    color: var(--menu-hover-color-padrao) !important;
    background-color: var(--menu-hover-fundo-padrao);
    border-radius: 10px;
    padding: 2px 5px;
}

.no-wrap-link a, .no-wrap-text span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  
}


.btn-padrao {
    padding: 5px 10px;
    font-size: 16px;
    background-color: #00bd9a;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 25px;
    transition: background-color 0.3s ease;
    text-align: center;
}

.btn-padrao:hover,
.btn-padrao:active,
.btn-padrao:focus {
    color: #ffffff;
    background-color: #005f8d;
}

.btn-buscar {
    width: 100%;
    max-width: 150px;
    padding: 12px 40px;
}


.elementor-pagination .page-numbers {
    display: inline-block;
    min-width: 35px;
    margin: 0px !important;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 2px 10px !important;
}


/* 1. O Contêiner que envolve banners paginas */
.top-banner-container {
    position: relative; 
    width: 100%;
    height: 215px;
    margin: 0px; 
    overflow: hidden; 
}

@media (max-width: 768px) {
    .top-banner-container {
        height: 130px;
    }      
}

.top-banner-container img {
    width: 100%; 
    height: 100%;
    object-fit: cover; 
    display: block;
}

.top-banner-container::before {
    content: "";
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 189, 154, 0.5);
    z-index: 1; 
    transition: background-color 0.3s ease; 
}

.pelicula-imagem::before {
    pointer-events: none;
    content: "";
    position: absolute; 
    top: 0;
    left: 0;
    background-color: rgba(0, 189, 154, 0.5);
    z-index: 1; 
    transition: background-color 0.3s ease; 
}/* End custom CSS */