:root {
    --gray: #F9FAFB;
    --black: #111827;
    --primary: #55307a;
    --secondary: #ffc33c;
}

.background-primary {
    background-color: #55307a !important;
}

.background-secondary {
    background-color: #ffc33c !important;
}

.background-tertiary {
    background-color: #a60082 !important;
}

.background-white {
    background-color: #ffffff !important;
}

.font-primary {
    color: #55307a !important;
}

.font-secondary {
    color: #ffc33c !important;
}

.font-tertiary {
    color: #a60082 !important;
}

.font-white {
    color: #ffffff !important;
}

.font-black {
    color: #262626 !important;
}

.font300 {
    font-weight: 300;
}

.font400 {
    font-weight: 400;
}

.font500 {
    font-weight: 500;
}

.font700 {
    font-weight: 700;
}

.font900 {
    font-weight: 900;
}

.font300 b {
    font-weight: 700;
}

.font400 b {
    font-weight: 700;
}

.font500 b {
    font-weight: 700;
}

.rounded {
    border-radius: 200px;
}

.info.rounded {
    border-radius: 50px;
}

body {
    text-align: center;
}

body * {
    font-family: Raleway, Arial, Helvetica, sans-serif !important;
}

.next-session,
.next-session:before {
    position: absolute;
    left: 50%;
}

.next-session {
    width: 40px;
    height: 40px;
    top: 50%;
    margin: -20px 0 0 -20px;
    -webkit-transform: rotate(45deg);
    border-left: none;
    border-top: none;
    border-right: 2px #fff solid;
    border-bottom: 2px #fff solid;
}

.next-session:before {
    content: '';
    width: 20px;
    height: 20px;
    top: 50%;
    margin: -10px 0 0 -10px;
    border-left: none;
    border-top: none;
    border-right: 1px #fff solid;
    border-bottom: 1px #fff solid;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: arrow;
}

@keyframes arrow {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate(-10px, -10px);
    }
}

body.nav-is-open {
    overflow-y: hidden;
}

.nav_overlay {
    display: none;
    height: 100vh;
    width: 100vw;
    position: fixed;
    z-index: 2;
    background: rgba(0, 0, 0, 0.5);
}

body.nav-is-open .nav_overlay {
    display: block;
}

header + div {
    padding-top: 50px;
}

nav .top-menu button {
    position: absolute;
    top: 0.8125rem;
    right: 1rem;
    z-index: 3;
}

nav .top-menu .menu-icon {
    width: 90px;
    height: 24px;
    text-align: left;
    color: #fff;
    font-size: 14px;
}

.menu-icon:after {
    height: 4px;
    width: 30px;
    left: auto;
    right: 0;
    border-radius: 20px;
    background-color: #ffffff !important;
    box-shadow: 0 10px 0 #ffffff, 0 20px 0 #ffffff !important;
    opacity: 1;
    transition: opacity 0.3s ease-out;
    will-change: opacity;
}

.menu-icon:hover:after {
    opacity: 0.85;
}

header {
    background-color: #55307a;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    height: 50px;
    position: fixed;
    width: 100%;
    z-index: 4;
}

.fixed-logo {
    position: absolute;
    left: 1rem;
    top: 0.625rem;
    opacity: 1;
    transition: opacity 0.3s ease-out;
    will-change: opacity;
}

.fixed-logo img {
    width: 140px;
}

.fixed-logo.visible {
    opacity: 1;
}

.top-menu:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 50px;
    background-color: #55307a;
    z-index: 3;
    transform: translateX(100%);
    transition: transform 0.3s ease-out;
    will-change: transform;
}

nav #responsive-menu {
    background-color: #55307a;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 50px 1rem 0 1rem;
    z-index: 2;
    overflow-y: scroll;
    width: 100%;
    transform: translateX(100%);
    transition: transform 0.3s ease-out;
    will-change: transform;
}

.nav-is-open .top-menu:before,
nav #responsive-menu.is-open {
    transform: translateX(0);
}

nav #responsive-menu a {
    color: #ffffff;
    text-align: right;
    margin: 0 -15px;
    padding: 0.75rem 1rem;
}

nav #responsive-menu a:hover {
    background-color: #482968;
}

section {
    display: flex;
}

section > div {
    margin: auto;
    width: 100%;
}

#home {
    background: url('../../public/img/bg_home.jpg') center center;
    background-size: cover;
    position: relative;
    min-height: calc(100vh - 50px);
    overflow: hidden;
}

#myVideo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    z-index: -2;
}

#home:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    background: #55307a;
    /* Old browsers */
    background: -moz-linear-gradient(-60deg, #55307a 0%, #a60082 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-60deg, #55307a 0%, #a60082 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(300deg,
    #55307a 0%,
    #a60082 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55307a', endColorstr='#a60082', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    z-index: -1;
}

#o-que-e {
    background: #ffc33c;
    /* Old browsers */
    background: -moz-linear-gradient(115deg, #ffc33c 0%, #a60082 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(115deg, #ffc33c 0%, #a60082 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(115deg,
    #ffc33c 0%,
    #a60082 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc33c', endColorstr='#a60082', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

#elenco-em-numeros {
    background: #a60082;
    /* Old browsers */
    background: -moz-linear-gradient(120deg, #a60082 0%, #55307a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(120deg, #a60082 0%, #55307a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(120deg,
    #a60082 0%,
    #55307a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a60082', endColorstr='#55307a', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

#trabalhos-realizados {
    background-image: url(/public/img/trabalhos-realizados-background.jpg);
    background-size: cover;
}

#diretores {
    background-image: url(/public/img/produtores-background.jpg);
    background-size: cover;
}

#diretores .slider-container {
    margin: 0;
}

#contato {
    min-height: calc(100vh - 158px);
    background-image: url(/public/img/contato-background.jpg);
    background-size: cover;
}

#contato .telefone {
    font-size: 1.5em;
    font-weight: bolder;
    transform: translateY(-9px);
    display: inline-block;
}

#contato .telefone small {
    font-size: 0.8rem;
    font-weight: normal;
    display: block;
}

#contato .email {
    font-size: 1em;
    font-weight: bolder;
    display: block;
}

@media screen and (min-width: 600px) {
    #contato .email {
        font-size: 1.5em;
    }
}


#agencias-acreditadas.page {
    background: #a60082;
    /* Old browsers */
    background: -moz-linear-gradient(135deg, #a60082 0%, #55307a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(135deg, #a60082 0%, #55307a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,
    #a60082 0%,
    #55307a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a60082', endColorstr='#55307a', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

#home,
#o-que-e,
#casting,
#diretores,
#elenco-em-numeros,
#trabalhos-realizados,
#agencias-acreditadas {
    min-height: 100vh;
    position: relative;
}

#agencias-acreditadas a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.agencias-parceiras--titulo {
    padding-bottom: 1em;
    display: block;
}

a.next-section {
    position: absolute;
    bottom: 36px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    text-indent: -999999px;
}

a.next-section,
a.next-section:before {
    position: absolute;
    bottom: 36px;
}

a.next-section {
    width: 20px;
    height: 20px;
    margin: -20px 0 0 -20px;
    -webkit-transform: rotate(45deg);
    border-left: none;
    border-top: none;
    border-right: 4px #fff solid;
    border-bottom: 4px #fff solid;
}

a.next-section:before {
    content: '';
    width: 10px;
    height: 10px;
    top: 50%;
    margin: -10px 0 0 -10px;
    border-left: none;
    border-top: none;
    border-right: 1px #fff solid;
    border-bottom: 1px #fff solid;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: arrow;
}

@keyframes arrow {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate(-10px, -10px);
    }
}

.download_stores a {
    display: block;
    margin-top: 16px;
}

.download_stores div:first-child a {
    margin-left: -0.9375rem;
    margin-right: 0.9375rem;
}

a.link {
    display: block;
    margin-top: 12px !important;
    font-size: 13px !important;
}

#sou-elenco {
    min-height: calc(100vh - 158px);
    background: #a60082;
    /* Old browsers */
    background: -moz-linear-gradient(120deg, #a60082 0%, #55307a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(120deg, #a60082 0%, #55307a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(120deg, #a60082 0%, #55307a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a60082', endColorstr='#55307a', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

#sou-agente {
    min-height: calc(100vh - 158px);
    background: #55307a;
    background: -moz-linear-gradient(120deg, #a60082 0%, #55307a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(120deg, #c83370 0%, # #aa0081 100%);
    background: linear-gradient(115deg, #c83370 0%, #aa0081 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc33c', endColorstr='#55307a', GradientType=1);
}

#sou-produtor {
    min-height: calc(100vh - 158px);
    background: #a60082;
    background: -moz-linear-gradient(120deg, #a60082 0%, #55307a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(120deg, #ffc33c 0%, #a60082 100%);
    background: linear-gradient(115deg, #ffc33c 0%, #a60082 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff69b4', endColorstr='#55307a', GradientType=1);
}

#sou-diretor {
    min-height: calc(100vh - 158px);
    background: #a60082;
    /* Old browsers */
    background: -moz-linear-gradient(120deg, #a60082 0%, #55307a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(120deg, #a60082 0%, #55307a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(120deg, #a60082 0%, #55307a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a60082', endColorstr='#55307a', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

#faq {
    min-height: calc(100vh - 158px);
    background: #a60082;
    /* Old browsers */
    background: -moz-linear-gradient(120deg, #a60082 0%, #55307a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(120deg, #a60082 0%, #55307a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(120deg, #a60082 0%, #55307a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a60082', endColorstr='#55307a', GradientType=1);
    /* IE6-9 fa llback on horizontal gradient */
}

section {
    padding: 50px 0;
}


i[class*='-icon'] {
    display: inline-block;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
}

i[class*='-icon']:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30%;
}

.termos-de-uso-icon:before {
    background-image: url(/public/img/icons/i-termos-de-uso.svg);
}

.sobre-ajuda-icon:before {
    background-image: url(/public/img/icons/i-sobre-ajuda.svg);
    background-size: 40% !important;
}

.politica-de-trabalho-icon:before {
    background-image: url(/public/img/icons/i-politica-de-trabalho.svg);
}

.file-icon:before {
    background-image: url(/public/img/icons/i-file.svg);
}

.find-icon:before {
    background-image: url(/public/img/icons/i-find.svg);
}

.pointer-icon:before {
    background-image: url(/public/img/icons/i-pointer.svg);
}

.camera-icon:before {
    background-image: url(/public/img/icons/i-camera.svg);
}

.megafone-icon:before {
    background-image: url(/public/img/icons/i-megafone.svg);
}

.tv-icon:before {
    background-image: url(/public/img/icons/i-tv.svg);
}

.elenco-icon:before {
    background-image: url(/public/img/icons/i-elenco.svg);
}

.agente-icon:before {
    background-image: url(/public/img/icons/i-agente.svg);
}

.produtor-icon:before {
    background-image: url(/public/img/icons/i-produtor.svg);
}

.diretor-icon:before {
    background-image: url(/public/img/icons/i-diretor.svg);
}

.padlock-icon:before {
    background-image: url(/public/img/icons/i-padlock.svg);
}

.alert-icon:before {
    background-image: url(/public/img/icons/i-alert.svg);
}

.faq-icon:before {
    background-image: url(/public/img/icons/i-faq.svg);
}

.instagram-icon:before {
    background-image: url(/public/img/icons/i-instagram.svg);
}

.facebook-icon:before {
    background-image: url(/public/img/icons/i-facebook.svg);
}

.twitter-icon:before {
    background-image: url(/public/img/icons/i-twitter.svg);
}

.youtube-icon:before {
    background-image: url(/public/img/icons/i-youtube.svg);
}

.vimeo-icon:before {
    background-image: url(/public/img/icons/i-vimeo.svg);
}

.close-icon:before {
    background-image: url(/public/img/icons/i-close.svg);
}

.background-white.camera-icon:before {
    background-image: url(/public/img/icons/i-camera_dark.svg);
}

.background-white.megafone-icon:before {
    background-image: url(/public/img/icons/i-megafone_dark.svg);
}

.background-white.tv-icon:before {
    background-image: url(/public/img/icons/i-tv_dark.svg);
}

#o-que-e h2,
#casting h2,
#diferenciais h2,
#elenco-em-numeros h2,
#trabalhos-realizados h2,
#agencias-acreditadas h2,
#diretores h2,
#contato h2 {
    font-size: 24px;
}

#home img {
    margin-bottom: 40px;
}

#home h1 {
    font-size: 28px;
    line-height: 1;
    /* margin-bottom: 0; */
}


@media screen and (min-width: 480px) {

    #home h1 {
        font-size: 36px;
        margin-bottom: 0;;
    }

}

#home p {
    font-size: 25px;
    margin-bottom: 0;
}

#o-que-e h2 {
    line-height: 1;
    margin-bottom: 0;
}

#o-que-e p {
    font-size: 22px;
    margin-bottom: 0;
}

#o-que-e h2 + p + p {
    margin-bottom: 45px;
}

#o-que-e p + p {
    margin-bottom: 20px;
}

#o-que-e i {
    width: 70px;
    height: 70px;
    max-width: 20vw;
    max-height: 20vw;
    margin: 0 1vw;
    box-shadow: 0 6px 15px rgba(166, 0, 130, 0.4);
}

#casting h2 {
    line-height: 1;
    margin-bottom: 8px;
}

#casting h2 + p {
    font-size: 18px;
    line-height: 1.1;
    margin-bottom: 46px;
}

#casting i {
    position: absolute;
    width: 110px;
    height: 110px;
    left: 50%;
    top: 0;
    transform: translate(-50%, -20px);
}

#casting .callout {
    padding: 100px 16px 50px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.5);
    margin-bottom: 3rem;
    transition: background-color 0.3s ease-out;
    will-change: background-color;
    height: 250px;
}

#casting .callout:hover {
    background-color: rgba(255, 255, 255, 0.8) !important;
}

#casting .callout.background-tertiary:hover {
    background-color: rgba(166, 0, 130, 0.8) !important;
}

#casting .column .row .column:first-of-type .callout {
    margin-bottom: 4rem;
}

#casting .column .row .column:last-of-type .callout {
    margin-bottom: 1rem;
}

#casting .callout .callout-link {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
}

#casting .callout h3 {
    font-size: 30px;
}

#casting .callout p {
    font-size: 16px;
}

#casting .download-app {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 70%;
    transform: translate(-50%, 50%);
    z-index: 3;
}

#casting .download-app a {
    font-size: 20px;
    padding: 12px 16px;
}

#diferenciais h2 {
    line-height: 1.1;
    margin-bottom: 1rem;
    padding: 0 15px;
}

#diferenciais ul {
    margin: 0;
    padding: 0 15px;
}

#diferenciais li {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 16px;
    position: relative;
    padding-left: 15px;
}

#diferenciais li:last-of-type {
    margin-bottom: 0;
}

#diferenciais li:before {
    content: '• ';
    color: #ffc33c;
    position: absolute;
    top: 0;
    left: 0;
}

#diretores h2 {
    margin-bottom: 50px;
}

#diretores .slick-dots {
    margin-bottom: 30px;
}

#diretores .slick-dots a {
    font-size: 16px;
    padding: 8px 16px;
    margin-bottom: 20px;
}

#diretores .slick-dots a:hover,
#diretores .slick-dots a:focus,
#diretores .slick-dots a.active {
    background-color: #55307a !important;
}

#diretores .slick-slide {
    position: relative;
    min-height: 300px;
    transition: height 0.3s ease-out;
}

#diretores .slick-list {
    margin: 0 40px;
}

#diretores .logo {
    display: flex;
    width: 135px;
    height: 135px;
    border-radius: 50%;
    overflow: hidden;
    transform: translateY2(20px);
}

@media screen and (min-width: 640px) {
    #diretores .logo {
        width: 155px;
        height: 155px;
    }
}

#diretores .logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#diretores .perfil {
    width: 210px;
    height: 210px;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

#diretores .info {
    display: inline-block;
    padding: 20px 20px 40px;
    box-shadow: 0 5px 25px rgba(166, 0, 130, 0.5);
}

#diretores .info h3 {
    font-size: 24px;
    line-height: 1;
}

#diretores .info p {
    font-size: 16px;
    line-height: 1.1;
    margin-bottom: 2px;
}

#diretores .mais-info {
    padding: 16px;
    width: 80px;
    margin-bottom: 0;

}

#diretores .instagram {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-70px);
    z-index: 3;
    background: #55307a;
    border-radius: 40px;
    padding: 5px;
}

#diretores .instagram i {
    width: 40px;
    height: 40px;
    margin-bottom: 0;

}

#diretores .instagram i::before {
    background-size: contain;
}

#diretores .logo {
    position: absolute;
    z-index: 1;
    top: 5%;
    left: 0px;
}

#diretores .perfil {
    position: absolute;
    z-index: 2;
    right: 0;
}

.logo-default {
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    width: 155px;
    height: 155px;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.logo-default div {
    display: flex;
    align-items: start;
    flex-direction: column;
}

.logo-default span {
    color: #a60182;
    font-weight: 400;
    font-size: 1.2em;
    line-height: 0;
    padding-bottom: 1em;
}

.logo-default strong {
    color: #4c2a66;
    font-weight: 800;
    font-size: 1.3em;
    line-height: 0;
}


#diretores .slick-arrow,
#trabalhos-realizados .slick-arrow {
    position: absolute;
    width: 18px;
    height: 30px;
    top: 50%;
    transform: translateY(-50%);
}

#trabalhos-realizados .slick-arrow {
    top: 0;
    transform: translateY(95px);
}

#diretores .slick-arrow.slick-prev,
#trabalhos-realizados .slick-arrow.slick-prev {
    left: 0;
}

#diretores .slick-arrow.slick-next,
#trabalhos-realizados .slick-arrow.slick-next {
    right: 0;
}

#diretores .slick-arrow:before,
#diretores .slick-arrow:after,
#trabalhos-realizados .slick-arrow:before,
#trabalhos-realizados .slick-arrow:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 20px;
    border-radius: 6px;
    left: 5px;
    background-color: #55307a;
    cursor: pointer;
}

#trabalhos-realizados .slick-arrow:before,
#trabalhos-realizados .slick-arrow:after {
    background-color: #ffffff;
}

#trabalhos-realizados .slick-arrow:before,
#diretores .slick-arrow:before {
    top: 0;
}

#trabalhos-realizados .slick-arrow:after,
#diretores .slick-arrow:after {
    bottom: 0;
}

#trabalhos-realizados .slick-arrow.slick-prev:before,
#diretores .slick-arrow.slick-prev:before,
#trabalhos-realizados .slick-arrow.slick-next:after,
#diretores .slick-arrow.slick-next:after {
    transform: rotate(45deg);
}

#trabalhos-realizados .slick-arrow.slick-next:before,
#diretores .slick-arrow.slick-next:before,
#trabalhos-realizados .slick-arrow.slick-prev:after,
#diretores .slick-arrow.slick-prev:after {
    transform: rotate(-45deg);
}

#diretores .produtores-slider.hidden {
    height: 300px;
}

#diretores .produtores-slider.hidden .slick-slide {
    opacity: 0 !important;
}

#slider-agencias {
    height: 400px;
}

#agencias-acreditadas .agencias-slider {
    margin-bottom: 40px;
}

#agencias-acreditadas a.button {
    width: 240px;
    max-width: 100%;
}

#elenco-em-numeros h2 {
    margin-bottom: 29px;
}

#elenco-em-numeros h3 {
    font-size: 40px;
    margin-bottom: 0;
}

#elenco-em-numeros h4 {
    font-size: 30px;
    margin-bottom: 0;
}

#elenco-em-numeros p {
    font-size: 20px;
    line-height: 1.2;
}

#elenco-em-numeros #works-count {
    font-size: 40px
}

#elenco-em-numeros .total-jobs {
    margin: 3rem 0 2rem;
}

#elenco-em-numeros .jobs {
    display: table;
    margin: 0 auto 27px;
}

#elenco-em-numeros .jobs .column {
    display: flex;
}

#elenco-em-numeros i {
    width: 90px;
    height: 90px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}

#elenco-em-numeros .jobs .column:not(:last-of-type) {
    margin: 0 0 20px;
}

#elenco-em-numeros .jobs i {
    display: inline-block;
    margin: auto 8px auto 0;
    width: 80px;
    height: 80px;
}

#elenco-em-numeros .jobs .column > div {
    display: inline-block;
    margin: auto 0 auto 8px;
}

#elenco-em-numeros .jobs .column > div * {
    line-height: 1;
    margin-bottom: 2px;
}

#elenco-em-numeros p small {
    font-size: 13px;
}

#trabalhos-realizados h2,
#agencias-acreditadas h2 {
    line-height: 1;
    margin-bottom: 8px;
}

#trabalhos-realizados h2 + p,
#agencias-acreditadas h2 + p {
    font-size: 18px;
    line-height: 1.1;
    margin-bottom: 16px;
}

#trabalhos-realizados .trabalhos-slider:not(.slick-slider),
#agencias-acreditadas .agencias-slider:not(.slick-slider) {
    margin: 0 15px 52px;
}

#agencias-acreditadas .slick-slide {
    margin: 0 15px;
}

#trabalhos-realizados .capa_producao {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#trabalhos-realizados .capa_producao img {
    border-radius: 15px;
    box-shadow: 0 5px 20px 0 rgba(85, 48, 122, 0.8);
    margin: auto auto 0;
    height: 280px;
}

:root {
    --swiper-theme-color: #ffffff;
}

.slider-container {
    position: relative;
    margin: 100px 0 50px;
}

@media screen and (min-width: 480px) {
    .slider-container {
        padding: 0 30px;
    }
}

.swiper-button-prev,
.swiper-button-next {
    /* color: #ffffff; */
    transform: translateY(-60px);
    display: none;
    z-index: 3;
}

@media screen and (min-width: 480px) {

    .swiper-button-prev,
    .swiper-button-next {
        display: block;
    }
}

.swiper-button-prev {
    left: -10px;
}

.swiper-button-next {
    right: -10px;
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}

#agencias-acreditadas .logo_agencia {
    position: relative;
    width: 150px;
    margin: 0 auto;
}

#agencias-acreditadas .logo_agencia img {
    background: #fff;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    max-width: 100%;
    height: 150px;
    margin: 0 auto 12px;
    padding: 10px;
    object-fit: contain;
}

#agencias-acreditadas .elenco-site {
    display: block;
    position: absolute;
    right: -10px;
    bottom: -10px;
    background-size: cover;
    transition: all 0.2s ease-in-out;
}


#agencias-acreditadas .elenco-site img {
    width: 30px;
    height: 30px;
    padding: 0;
    background: transparent;
    margin: 0;
    z-index: 1;
    position: relative;
}

#agencias-acreditadas .elenco-site span {
    position: absolute;
    background: #482156;
    font-size: smaller;
    width: 185px;
    right: -10px;
    top: -15px;
    padding: 10px 50px 10px 10px;
    text-align: right;
    /*border-radius: 3px 20px 3px 3px;*/
    border-radius: 20px;
    opacity: 0;
}

#agencias-acreditadas .elenco-site img:hover + span {
    opacity: 1;
}

#trabalhos-realizados .capa_producao + p,
#agencias-acreditadas h3 + p {
    margin-top: 4px;
    margin-bottom: 0;
}

#trabalhos-realizados h3,
#agencias-acreditadas h3 {
    font-size: 20px;
    line-height: 1.1;
}

#trabalhos-realizados.page h4 {
    margin-bottom: 16px;
    font-size: 16px;
}

#trabalhos-realizados.page h3 {
    margin-top: 16px;
    font-size: 18px;
    white-space: balance;
}

#trabalhos-realizados h4 {
    margin-bottom: 16px;
}

#agencias-acreditadas h3 {
    margin-bottom: 4px;
}

#trabalhos-realizados .slick-dots,
#agencias-acreditadas .slick-dots {
    margin: 0;
}

#trabalhos-realizados .slick-dots li,
#agencias-acreditadas .slick-dots li {
    border-radius: 50%;
    display: inline-block;
    list-style: none;
    width: 20px;
    height: 20px;
    margin: 0 10px;
    overflow: hidden;
    text-indent: -999px;
    transition: opacity 0.3s ease-out;
    will-change: opacity;
}

#trabalhos-realizados .slick-dots li {
    background-color: #55307a;
    opacity: 0.3;
}

#agencias-acreditadas .slick-dots li {
    background-color: #2d2633;
    opacity: 0.35;
}

#trabalhos-realizados .slick-dots li.slick-active,
#agencias-acreditadas .slick-dots li.slick-active {
    opacity: 1;
}

#outros-links > .row > .column {
    margin: 10px 0;
}

#outros-links .column > div {
    display: flex;
    max-width: 400px;
    margin: auto;
}

#link-ajuda .column > div {
    display: flex;
    margin: auto;
}

#link-ajuda p {
    margin-left: 10px;
}

#outros-links .column:not(:last-of-type) > div {
    margin-bottom: 20px;
}

#outros-links .column > div i,
#link-ajuda .column > div i {
    width: 82px;
    height: 82px;
    margin: auto 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    flex-shrink: 0;
}

#outros-links .column > div a,
#link-ajuda .column > div a {
    margin: auto 0 auto -60px;
    padding: 14px 15px 14px 70px;
    font-size: 20px;
    box-shadow: 0 5px 25px -10px rgba(0, 0, 0, 0.5);
}

#outros-links .column > div a.politica_trabalho {
    font-size: 17px;
    padding: 18px 0 18px 30px;
}

#contato input:not([type='submit']),
textarea {
    font-size: 19px;
    padding: 14px 18px;
}

textarea {
    height: 7rem;
    margin-bottom: 30px;
}

#contato h2 {
    margin-bottom: 0.5em;
}

#contato form {
    max-width: 400px;
    margin: auto;
}

#contato input[type='submit'] {
    font-size: 22px;
    padding: 17px;
}

#contato form input.error,
#contato form textarea.error {
    border: 1px solid #d24f4f;
    background-color: #fcd6d6;
}

#contato form input.error::placeholder,
#contato form textarea.error::placeholder {
    color: #d24f4f;
    opacity: 1;
}

#contato form input.error:-ms-input-placeholder,
#contato form textarea.error:-ms-input-placeholder {
    color: #d24f4f;
}

#contato form input.error::-ms-input-placeholder,
#contato form textarea.error::-ms-input-placeholder {
    color: #d24f4f;
}

label.error {
    color: #55307a;
    line-height: 1;
    height: auto;
    margin-top: -8px;
    margin-left: 18px;
    margin-bottom: 14px;
    text-align: left;
}

textarea + label.error {
    margin-top: -25px;
}


.reveal-overlay {
    background-color: rgba(38, 38, 38, 0.9);
}

.reveal.large {
    width: 80%;
    margin: auto;
    max-width: 1000px;
    height: auto;
    min-height: unset;
    overflow: visible;
    padding: 20px;
    border-radius: 10px;
}

.reveal h1 {
    font-size: 28px;
    line-height: 1.1;
}

.reveal h1 + p,
#aviso-legal-modal.reveal p:not(:last-of-type) {
    margin-bottom: 12px;
}

.reveal p {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 0;
}

.reveal .close-button {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}

.reveal .close-icon:before {
    background-size: 34%;
}

#sou-elenco h1,
#sou-agente h1,
#sou-produtor h1,
#sou-diretor h1,
#faq h1 {
    font-size: 35px;
}

#faq h1 {
    margin-bottom: 50px;
}

#sou-elenco h2,
#sou-agente h2,
#sou-produtor h2,
#sou-diretor h2 {
    font-size: 25px;
    margin-bottom: 10px;
}

#sou-elenco i,
#sou-agente i,
#sou-produtor i,
#sou-diretor i {
    width: 100px;
    height: 100px;
}

#sou-elenco form,
#sou-agente form,
#sou-produtor form,
#sou-diretor form {
    margin-bottom: 20px;
}

#sou-elenco input:not([type='submit']),
#sou-agente input:not([type='submit']),
#sou-produtor input:not([type='submit']),
#sou-diretor input:not([type='submit']) {
    font-size: 19px;
    font-weight: 500;
    height: auto;
    padding: 10px 14px;
    margin-bottom: 15px;
}

#sou-elenco button.action-button,
#sou-agente button.action-button,
#sou-produtor button.action-button,
#sou-diretor button.action-button {
    font-size: 20px;
    padding: 12px;
}

#sou-elenco button.action-button {
    padding: 12px 36px;
}

#sou-elenco form a,
#sou-agente form a,
#sou-produtor form a,
#sou-diretor form a {
    font-size: 16px;
    margin-bottom: 0;
}

#sou-elenco p,
#sou-agente p,
#sou-produtor p,
#sou-diretor p {
    font-size: 15px;
    margin-bottom: 8px;
}

#sou-elenco p b,
#sou-agente p b,
#sou-produtor p b,
#sou-diretor p b {
    font-size: 18px;
}

#sou-elenco .facebook {
    margin: 10px auto 0;
}

#faq .accordion {
    margin-bottom: 50px;
}

#faq .accordion,
#faq .accordion-content {
    background: none;
    border: none;
}

#faq .accordion-item:first-child > :first-child,
#faq .accordion-item:last-child:not(.is-active) > .accordion-title {
    border-radius: 200px;
}

#faq .accordion-title {
    border: none;
    font-size: 22px;
    margin-bottom: 20px;
    padding: 17px 17px 17px 104px;
}

#faq .accordion-title:before {
    color: #ffffff;
    font-size: 35px;
    font-weight: 800;
    margin: 0;
    right: auto;
    left: 2rem;
    transform: translateY(-50%);
}

#faq .accordion-item:nth-of-type(1) .accordion-title:before {
    content: '01';
}

#faq .accordion-item:nth-of-type(2) .accordion-title:before {
    content: '02';
}

#faq .accordion-item:nth-of-type(3) .accordion-title:before {
    content: '03';
}

#faq .accordion-item:nth-of-type(4) .accordion-title:before {
    content: '04';
}

#faq .accordion-item:nth-of-type(5) .accordion-title:before {
    content: '05';
}

#faq .accordion-item:nth-of-type(6) .accordion-title:before {
    content: '06';
}

#faq .accordion-item:nth-of-type(7) .accordion-title:before {
    content: '07';
}

#faq .accordion-item:nth-of-type(8) .accordion-title:before {
    content: '08';
}

#faq .accordion-item:nth-of-type(9) .accordion-title:before {
    content: '09';
}

#faq .accordion-item:nth-of-type(10) .accordion-title:before {
    content: '10';
}

#faq .accordion-item:nth-of-type(11) .accordion-title:before {
    content: '11';
}

#faq .accordion-item:nth-of-type(12) .accordion-title:before {
    content: '12';
}

#faq .accordion-item:nth-of-type(13) .accordion-title:before {
    content: '13';
}

#faq .accordion-item:nth-of-type(14) .accordion-title:before {
    content: '14';
}

#faq .accordion-item:nth-of-type(15) .accordion-title:before {
    content: '15';
}

#faq .accordion-item.is-active .accordion-title {
    background-color: #55307a !important;
    color: #ffc33c !important;
}

#faq .accordion-content {
    padding: 0 40px 40px 40px;
}

#faq .accordion-content p,
#faq .accordion-content a,
#faq .accordion-content li {
    font-size: 18px;
}

span.ajuda_suporte {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    text-align: center;
    margin-left: 6px;
}

#modalApp h5 {
    font-size: 22px;
    font-weight: normal;
}

#modalApp h5 span {
    text-transform: uppercase;
    font-weight: bold;
}

#modalApp p {
    font-size: 1rem;
    margin-bottom: 1rem;
}

#modalApp a {
    display: block;
    text-align: center;
}

#modalApp a.navigateInSite,
#diretor-modal .navigateInSite {
    padding: 8px 16px;
    text-transform: uppercase;
    border-radius: 8px;
    font-size: 16px;
    background-color: #422161;
}

#modalApp a.downloadApp {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    overflow: hidden;
    text-indent: -9999px;
    margin-bottom: 20px;
}

#modalApp a.downloadApp.iOS {
    background-image: url(../img/download-app-ios.png);
}

#modalApp a.downloadApp.AndroidOS {
    background-image: url(../img/download-app-android.png);
}

#modalApp .modal-body > *:last-child {
    margin-bottom: 0;
}

#download-modal .column {
    display: flex;
    flex-direction: column;
}

#download-modal a {
    display: inline-block;
    margin: 4px;
}

#sobre-video p {
    font-size: 17px;
    line-height: 1.5;
}

@media screen and (min-width: 640px) {
    #download-modal .column {
        flex-direction: row;
    }

    body.nav-is-open {
        overflow-y: auto;
    }

    header + div {
        padding: 0;
    }

    .top-menu:before,
    nav #responsive-menu {
        width: 30%;
    }

    .nav-is-open .top-menu:before,
    nav #responsive-menu.is-open {
        transform: translateX(18px);
    }

    header {
        background: none;
        height: 60px;
        box-shadow: none;
        transition: all 0.2s ease-in-out;
    }

    header.visible {
        background: #55307a;
        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    }

    .fixed-logo {
        left: 2rem;
        top: 10px;
        opacity: 0;
    }

    .fixed-logo img {
        width: 180px;
        height: 40px;
    }

    nav .top-menu button {
        top: 15px;
        right: 2rem;
    }

    nav .top-menu .menu-icon {
        height: 30px;
    }

    .menu-icon:after {
        height: 5px;
        box-shadow: 0 12px 0 #ffffff, 0 24px 0 #ffffff !important;
    }

    .top-menu:before {
        height: 5rem;
    }

    nav #responsive-menu {
        padding-top: 5rem;
    }

    nav #responsive-menu a {
        padding: 1rem 2rem;
    }

    section {
        padding: 80px 0;
    }

    #diretores,
    #elenco-em-numeros {
        padding: 60px 0;
    }

    #diferenciais,
    #outros-links {
        padding: 30px 0;
    }

    #sou-elenco,
    #sou-agente,
    #sou-produtor,
    #sou-diretor,
    #contato {
        padding: 50px 0 0;
    }

    #o-que-e h2,
    #casting h2 {
        font-size: 36px;
    }

    #diferenciais h2 {
        font-size: 45px;
    }

    #elenco-em-numeros h2 {
        font-size: 40px;
    }

    #diretores h2 {
        font-size: 28px;
    }

    #contato h2 {
        font-size: 35px;
    }

    #trabalhos-realizados h2,
    #agencias-acreditadas h2 {
        font-size: 38px;
    }

    #casting h2 + p {
        font-size: 24px;
        margin-bottom: 86px;
    }


    #diretores .produtores-slider:not(.slick-slider) > div {
        min-height: 300px;
    }

    #diretores .logo {
        width: 155px;
        height: 155px;
        padding: 0;
        top: 27px;
        left: calc(50% - 176px);
    }

    #diretores .mais-info {
        padding: 16px 48px;
        width: auto;
    }

    #diretores .swiper-button-prev,
    #diretores .swiper-button-next {
        color: #422161;
        top: 250px;
    }

    #diretores .swiper-button-prev {
        left: 100px;
    }

    #diretores .swiper-button-next {
        right: 100px;
    }

    #trabalhos-realizados h2 + p,
    #agencias-acreditadas h2 + p {
        font-size: 24px;
        margin-bottom: 42px;
    }

    #trabalhos-realizados .trabalhos-slider {
        padding: 0 30px;
    }

    #trabalhos-realizados .capa_producao + p {
        margin-top: 24px;
    }

    #trabalhos-realizados .slick-dots,
    #agencias-acreditadas .slick-dots {
        margin-top: 25px;
    }

    #trabalhos-realizados .slick-dots li:hover,
    #trabalhos-realizados .slick-dots li:focus,
    #agencias-acreditadas .slick-dots li:hover,
    #agencias-acreditadas .slick-dots li:focus {
        opacity: 1;
    }

    #elenco-em-numeros .jobs {
        display: flex;
        margin: 0 0 27px;
    }

    #elenco-em-numeros .jobs .column {
        margin: 0 !important;
    }

    #elenco-em-numeros .jobs .column > div {
        margin: auto auto auto 8px;
    }

    #outros-links .column > div,
    #link-ajuda .column > div {
        margin-bottom: 0 !important;
    }

    #outros-links .column > div a.politica_trabalho {
        font-size: 21px;
        padding: 16px 0 16px 30px;
    }

    #outros-links .column > div i,
    #link-ajuda .column > div i {
        max-width: 8vw;
        max-height: 8vw;
    }

    #outros-links .column > div a,
    #link-ajuda .column > div a {
        font-size: 18px;
    }

    #contato form {
        max-width: none;
    }

    #faq .accordion-content {
        padding: 0 20px 40px 104px;
    }

    .reveal.large {
        padding: 50px;
    }

    .reveal .close-button {
        width: 82px;
        height: 82px;
    }

    .reveal h1 {
        font-size: 35px;
    }

    .reveal h1 + p,
    #aviso-legal-modal.reveal p:not(:last-of-type) {
        margin-bottom: 24px;
    }
}

@media screen and (max-width: 640px) {
    footer .safeicons {
        margin: 10px 0;
    }
}

@media screen and (min-width: 640px) and (max-width: 799px) {

    #diferenciais .medium-4,
    #diferenciais .medium-8 {
        width: 100%;
        flex: 0 0 100%;
        max-width: none;
    }

    #diferenciais .medium-text-right {
        text-align: center;
    }

    #elenco-em-numeros .jobs i {
        margin: auto 0 auto auto;
        max-width: 8vw;
        height: 8vw;
    }

    #outros-links .column > div a,
    #link-ajuda .column > div a {
        padding: 8px 6px 8px 30px;
        margin: auto 0 auto -30px;
    }
}

@media screen and (min-width: 800px) {
    #diferenciais ul {
        margin: 0 0 0 30px;
    }

    #diferenciais h2 {
        margin-bottom: 0;
        padding: 0;
    }

    #elenco-em-numeros .jobs i {
        margin: auto 8px auto auto;
    }
}

@media screen and (max-width: 1199px) {
    .download_stores a {
        margin: 16px auto 0 !important;
        max-width: 180px;
        padding: 0 10px;
    }

    /* a.link {
    margin: 0 0 10px !important;
  } */
}

@media screen and (min-width: 1200px) {
    .text-left-large {
        text-align: left;
    }

    .text-right-large {
        text-align: right;
    }

    section {
        padding: 150px 0;
    }

    #diretores,
    #elenco-em-numeros {
        padding: 120px 0;
    }

    #diferenciais,
    #outros-links {
        padding: 50px 0;
    }

    #diferenciais li {
        font-size: 22px;
    }

    #sou-elenco,
    #sou-agente,
    #sou-produtor,
    #sou-diretor,
    #contato {
        padding: 100px 0 0;
    }

    #outros-links .column > div i,
    #link-ajuda .column > div i {
        max-width: unset;
        max-height: unset;
    }

    #outros-links .column > div a,
    #link-ajuda .column > div a {
        font-size: 20px;
    }

    #o-que-e i {
        width: 90px;
        height: 90px;
        margin: 0 12px;
    }

    .agencias-parceiras--nota-conteudo {
        padding-right: 4em;
        padding-left: 4em;
    }
}

#sobre h1 {
    margin-bottom: 30px;
}

#sobre p {
    font-size: 1.15em;
    line-height: 1.6;
    margin-bottom: 1.5em;
}

#sobre .logo-ed {
    max-width: 100px;
}

#sobre a {
    text-decoration: underline;
}

#sobre a:hover {
    color: #ffc33c;
}

#sobre .ql-align-center {
    text-align: center;
}

.fancybox-slide.cursor-pointer .fancybox-content {
    cursor: pointer;
}

#diferenciais {
    min-height: 100vh;
    padding: 120px 0;
    background: #a40181;
    background: linear-gradient(135deg, #a40181 0%, #55307a 100%);
    position: relative;
}

#diferenciais h2 {
    font-size: 36px;
}

#diferenciais h2 + p {
    margin-bottom: 86px;
    font-size: 24px;
}

.diferencial {
    max-width: 350px;
    margin: 2rem auto;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.diferencial img {
    max-width: 80px;
    margin: 0 1rem 0 0;
}

.diferencial p {
    font-size: 1.2rem;
    text-align: left;
    margin: 0;
}

.pagina-produtores h2 + p {
    font-size: 18px;
    line-height: 1.1;
    margin-bottom: 16px;
}

.pagina-produtores__produtores {
    margin-top: 40px;
}

.card-produtor {
    background: url(/public/img/produtores-background.jpg) no-repeat center center;
    padding: 30px 15px 15px 15px;
    margin-bottom: 30px;
    border-radius: 60px;
    display: flex;
    flex-direction: column;
}

.card-produtor .logo {
    position: absolute;
    transform: translate(0, 75px);
}

.card-produtor .logo {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
}

.card-produtor .logo img {
    width: 90%;
    height: 90%;
    margin: 5%;
    object-fit: contain;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
}

.card-produtor .logo-default {
    width: 90px;
    height: 90px;
}

.card-produtor .logo-default span {
    font-size: 0.8em;
}

.card-produtor .logo-default strong {
    font-size: 0.9em;
}

.card-produtor .perfil,
.card-produtor .perfil img {
    width: 180px;
    height: 180px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    align-self: flex-start;
    image-rendering: -webkit-optimize-contrast;

}

.card-produtor__info {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.card-produtor .info {
    padding: 30px;
    margin: -15px 0 15px 0;
    /* text-align: left; */
    border-radius: 70px;
}

.card-produtor h3 {
    font-size: 24px;
    line-height: 1;
}

.card-produtor .info p {
    font-size: 16px;
    line-height: 1.1;
    margin-bottom: 2px;
}


.card-produtor .mais-info {
    background: transparent;
    margin-bottom: 0;
    color: #55307a;
}

.card-produtor .mais-info:hover {
    color: #921f74;
}

.card-produtor__brand {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 220px;
    z-index: 2;
}

.card-produtor__links {
    padding: 0px 10px;
    margin-top: -40px;
    z-index: 2;
    justify-content: center;
    display: flex;
    align-items: center;
    height: 60px;
}

.card-produtor .mais-info {
    background: white;
    padding: 15px 30px;
    flex-grow: 0;
    z-index: 2;

}

.card-produtor__links .instagram {
    align-self: center;
    border-radius: 50px;
    padding: 5px;
    background: #55307a;
}

.card-produtor__links .instagram i {
    width: 30px;
    height: 30px;
    display: block;
}

.card-produtor__links .instagram:hover {
    background: #921f74;
}

.card-produtor__links .instagram i::before {
    background-size: contain;
}

@media screen and (min-width: 640px) {
    .pagina-produtores h2 + p {
        font-size: 24px;
        margin-bottom: 42px;
    }

    .card-produtor {
        flex-direction: row;
        align-items: center;
        height: 286px;
        padding-top: 56px;
    }

    .card-produtor__info {
        margin-left: -105px;
        text-align: left;

    }

    .card-produtor__info .info {
        padding: 15px;
        padding-left: 120px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 4px;
        height: 176px;
        transform: translateY(5px);
        display: flex;
        justify-content: center;
        flex-direction: column;
    }


    .card-produtor__links {
        justify-content: flex-end;

    }

    .card-produtor .logo {
        transform: translate(-50px, 70px);
    }


}


#slider-nome-produtores {
    width: 100%;
    height: 70px;
    display: flex;

}

#slider-nome-produtores .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

#slider-nome-produtores .swiper-slide a {
    width: 100%;
    display: inline-block;
    margin: 0 7.5px;
    padding: 20px 5px;
}

#slider-nome-produtores .swiper-slide-active a {
    background-color: #55307a !important;
}

.margin-bottom-0 {
    margin-bottom: 0em !important;
}

.margin-bottom-1 {
    margin-bottom: 1em !important;
}

.margin-bottom-2 {
    margin-bottom: 2em !important;
}

.margin-bottom-3 {
    margin-bottom: 3em !important;
}

.aviso-de-cookies {
    position: fixed;
    bottom: 0;
    max-width: 820px;
    padding: 15px;
    margin: 15px;
    background: red;
    color: white;
    border-radius: 12px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 15px;
    background: #55307a;
    z-index: 9999;
    width: calc(100% - 30px);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
    font-size: 12px;
}

@media screen and (min-width: 600px) {
    .aviso-de-cookies {
        left: 50%;
        flex-direction: row;
        transform: translateX(-50%);
        margin: 15px 0;
    }

}

.aviso-de-cookies p {
    margin: 0;
}

.aviso-de-cookies a {
    color: #ffc33c;
    font-weight: bold;
}

.aviso-de-cookies a:hover {
    text-decoration: underline;
}

.aviso-de-cookies button {
    white-space: nowrap;
    margin: 0;
}

.pagina-doacoes header {
    z-index: 0;
    min-height: 400px;
    background: blue;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("/public/img/bg-doacoes.jpg") no-repeat center center;
    background-size: cover;
    background-color: var(--primary);
}


.pagina-doacoes .sobre {
    margin-block: 80px;
    text-wrap: balance;
}

.pagina-doacoes .sobre a {
    text-decoration: underline;
}

.pagina-doacoes .sobre a:hover, .pagina-doacoes .sobre a:active {
    color: white;
}

.retiro-dos-artistas {
    --primary: #6b1740;
    --primary-highlight: #520f30;
    --primary-content: #FEFFE6;
    color: var(--primary);
    background: #F3F2F3;
    padding: 3rem;
    text-align: center;
    line-height: 1.5em;
}

.retiro-dos-artistas a {
    font-style: normal;
    font-weight: 700;
    font-size: 19px;
    line-height: 22px;
    text-align: center;
    color: var(--primary);
}

.retiro-dos-artistas a:hover {
    color: var(--primary-highlight);
    text-decoration: underline;
}

.retiro-dos-artistas .flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    align-items: center;
    margin-bottom: 60px;
}

.retiro-dos-artistas .tagline {
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0.5em;
}

.retiro-dos-artistas .logo {
    display: block;
    margin: 0 auto;
}

.retiro-dos-artistas .saiba-mais a {
    font-size: 1rem;
    font-weight: normal;
}

.retiro-dos-artistas h3 {
    font-weight: 500;
    font-size: 22px;
}

.retiro-dos-artistas h4 {
    font-weight: 700;
    font-size: 16px;
}

.retiro-dos-artistas .chave-pix {
    font-weight: 700;
    font-size: 28px;
    font-variant: lining-nums;
    text-wrap: nowrap;
}

.retiro-dos-artistas button {
    background: var(--primary);
    color: var(--primary-content);
    font-weight: 700;
    font-size: 18px;
    padding: 1rem;
    border-radius: 30px;
    width: fit-content;
    margin: 0 auto;
    transition: all 0.1s ease-in-out;
}

.retiro-dos-artistas button:hover, .retiro-dos-artistas button:focus {
    background: var(--primary-highlight);
}

.retiro-dos-artistas button:active {
    transform: scale(0.95);
}

.retiro-dos-artistas figure {
    width: 285px;
    height: 175px;
    border-radius: 6px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.retiro-dos-artistas figure figcaption {
    color: var(--primary-content);
    margin-top: -30px;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 0.5rem;
    z-index: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
}

.retiro-dos-artistas figure figcaption::before {
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    content: "";
    z-index: -1;
    position: absolute;
    background: var(--primary);
    opacity: 0.9;
}

.retiro-dos-artistas img {
    width: auto;
}

.retiro-dos-artistas .whatsapp svg {
    transform: translateY(4px);
    margin-right: 0.5rem;
}


@media screen and (min-width: 600px) {
    .retiro-dos-artistas .chave-pix {
        font-size: 30px;
    }

}

@media screen and (min-width: 1200px) {

    .retiro-dos-artistas .flex {
        gap: 30px;
        margin-bottom: 0;
    }

    .retiro-dos-artistas .tagline {
        margin-bottom: 0.5rem;
    }


    .retiro-dos-artistas button {
        font-size: 20px;
    }

}


.retiro-dos-artistas--home {
    color: white;
    background: #3E1B63;
    padding-block: 100px;
}

.retiro-dos-artistas--home .flex {
    gap: 1rem;
}

.retiro-dos-artistas--home .logo {
    max-width: 240px;
}

.retiro-dos-artistas--home a {
    color: white;
    display: inline;
    text-wrap: balance;
}

.retiro-dos-artistas--home a h3 {
    margin-bottom: 1rem;
}

.retiro-dos-artistas--home a h3, .retiro-dos-artistas--home a h4 {
    transition: all 0.15s ease-in-out;
    border-radius: 3px;
}

.retiro-dos-artistas--home a:hover h3, .retiro-dos-artistas--home a:hover h4 {
    /*background: #ffc33c;*/
    color: #ffc33c;

}

.retiro-dos-artistas--home a:hover {
    text-decoration: none;
}

.retiro-dos-artistas--home .button {
    font-size: 1rem;
    font-weight: bolder;
    padding: 1rem;
}

.retiro-dos-artistas--home .chave-pix {
    font-size: 22px;
    color: #ffc33c;
    text-wrap: nowrap;
}

@media screen and (min-width: 1200px) {
    .retiro-dos-artistas--home .tagline {
        margin-bottom: 0;
    }

    .retiro-dos-artistas--home .chave-pix {
        font-size: 20px;
    }

    .retiro-dos-artistas--home h3 {
        font-size: 18px;
        font-weight: 500;
    }
}

.footer-container {
    background: #2B103C;
    padding-inline: 2rem;
    position: relative;
}


#footer {
    max-width: 80rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-top: 5rem;
    padding-bottom: 0;
}

#footer .sobre {
    font-size: 12px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    align-items: center;
}

#footer .sobre p {
    margin-bottom: 0;
}


#footer .social {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

#footer .social svg {
    fill: #FFFFFF;
    opacity: 0.5;
    width: 24px;
    height: 24px;
}

#footer .social a:hover svg {
    opacity: 1;
}


#footer .selos {
    display: flex;
    align-items: center;
    gap: 1rem;
}


#footer .selos img {
    width: 90px;
}

#footer .selos .rapid-ssl img {
    width: 70px;
}

#footer ul {
    list-style: none;
    margin: 0;
}

#footer nav {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

#footer nav ul {
    padding: 0;
    margin: 0 0 2em;
}

#footer nav strong {
    text-transform: uppercase;
    opacity: 0.5;
    font-size: 12px;
}

#footer nav a {
    font-size: 16px;
    font-weight: 600;
    opacity: 0.8;
}

#footer nav a:hover {
    text-decoration: underline;
    color: #FFFFFF;
    opacity: 1;
}

@media screen and (min-width: 700px) {
    #footer nav {
        flex-direction: row;
        justify-content: center;
        gap: 3rem;
    }
}

@media screen and (min-width: 1000px) {
    #footer {
        flex-direction: row;
        justify-content: center;
        text-align: start;
    }

    #footer .selos img {
        width: 120px;
    }

    #footer .selos .rapid-ssl img {
        width: 100px;
    }

    #footer .sobre {
        align-items: start;
        margin-right: auto;
    }
}


#diretores .swiper-container {
    height: 420px
}

#diretores .slider-container .swiper-container {
    width: 350px;
    margin: 0 auto;
}

#diretores .logo {
    top: 27.5px;
    left: 0;
    width: 155px;
    height: 155px;
}

#diretores .perfil {
    right: 0;
    width: 210px;
    height: 210px;
}

#diretores .info {
    width: 290px;
    margin: 230px auto 0;
}

#diretores .mais-info {
    margin-top: -20px;
    margin-bottom: 20px;
}

@media screen and (min-width: 640px) {
    #diretores .slider-container .swiper-container {
        width: 550px;
        height: 420px;
    }

    #diretores .logo {
        left: 100px;
    }

    #diretores .perfil {
        right: 100px;
    }

    #diretores .info {
        width: 350px;
    }
}

@media screen and (min-width: 1100px) {
    #diretores .slider-container .swiper-container {
        width: 850px;
        height: 380px;
    }

    #diretores .slider-container .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #diretores .logo {
        top: 0;
        position: relative;
        flex-shrink: 0;
        left: auto;
        margin-right: -10px;
        margin-left: 10px;
    }

    #diretores .perfil {
        right: 0;
        position: relative;
        flex-shrink: 0;

    }

    #diretores .info {
        margin: 0 0 0 -80px;
        width: 230px;
        text-align: start;
        padding: 20px 100px 20px 100px;
        flex-shrink: 0;
        border-radius: 120px;

    }

    #diretores .mais-info {
        width: 80px;
        flex-shrink: 0;
        margin: 0 0 0 -60px;

    }
}

/*=====Casting Calls======*/
#casting-calls .header {
    text-wrap: balance;
}

#casting-calls .header a {
    color: var(--secondary);
    font-weight: 600;
}

#casting-calls .header a:hover {
    text-decoration: underline;

}

#casting-calls .container {
    max-width: 920px;
}

.d-flex {
    display: flex;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-3 {
    gap: 1rem;
}

.gap-4 {
    gap: 1.5rem;
}

.d-block {
    display: block;
}

.casting-call {
    text-align: start;
    align-items: center;
}

.casting-call__title {
    font-size: 1.5rem;
    font-weight: bolder;
}

.casting-call__hashtag {
    padding-block: 0.25em;
    margin-bottom: 0;
    font-size: 0.875rem;
    word-break: break-all;
}

.casting-call__hashtag a {
    font-weight: bold;
    text-transform: uppercase;
    color: #59296a;
    border-radius: 6px;
    display: inline-block;
}

.casting-call .card-body {
    padding: 1rem;
    width: 100%;
    flex-direction: column;
}

@media screen and (min-width: 720px) {
    .casting-call .card-body {
        flex-direction: row;
        align-items: start;
    }
}

.casting-call .card-footer, .casting-call .card-header {
    padding: 1rem;
    background: #f9fafb;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.casting-call .card-footer {
    justify-content: end;
}

.casting-call figure {
    border-radius: 6px;
}

.casting-call img {
    border-radius: 6px;
    object-fit: contain;
    object-position: center;
    width: 100%;
    max-height: calc(100vw - 60px);
}

@media screen and (min-width: 720px) {
    .casting-call img {
        width: 200px;
        min-width: 200px;
        max-height: 200px;
    }
}

.casting-call .button {
    margin-bottom: 0;
    font-weight: bold;
}

.casting-call .button.share {
    background: var(--gray);
    color: var(--primary-content);
}

.casting-call__title {
    font-size: 1.5rem;
    font-weight: 600;
}


.casting-call-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.casting-call-tag {
    background: #e8ddeb;
    padding: 0.25em 0.5em;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    display: flex;
    flex-direction: column;
}

.casting-call-tag__title {
    font-weight: normal;
}

.casting-call__description {
    word-break: break-word;
}

.casting-call-tag__description {
}

#acoes-sociais .container {
    max-width: 640px;
    text-wrap: balance;
}

.divulgacao {
    padding: 10px;
    background: #e8ddeb;
    border-radius: 12px;
    max-width: 640px;
    margin: 0 auto;
    --shadow-color: 280deg 73% 9%;
    --shadow-color: 280deg 73% 13%;
    --shadow-elevation-low: 0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.34),
    0.4px 0.8px 1px -1.2px hsl(var(--shadow-color) / 0.34),
    1px 2px 2.5px -2.5px hsl(var(--shadow-color) / 0.34);
    --shadow-elevation-medium: 0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.36),
    0.8px 1.6px 2px -0.8px hsl(var(--shadow-color) / 0.36),
    2.1px 4.1px 5.2px -1.7px hsl(var(--shadow-color) / 0.36),
    5px 10px 12.6px -2.5px hsl(var(--shadow-color) / 0.36);
    --shadow-elevation-high: 0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.34),
    1.5px 2.9px 3.7px -0.4px hsl(var(--shadow-color) / 0.34),
    2.7px 5.4px 6.8px -0.7px hsl(var(--shadow-color) / 0.34),
    4.5px 8.9px 11.2px -1.1px hsl(var(--shadow-color) / 0.34),
    7.1px 14.3px 18px -1.4px hsl(var(--shadow-color) / 0.34),
    11.2px 22.3px 28.1px -1.8px hsl(var(--shadow-color) / 0.34),
    17px 33.9px 42.7px -2.1px hsl(var(--shadow-color) / 0.34),
    25px 50px 62.9px -2.5px hsl(var(--shadow-color) / 0.34);
    box-shadow: var(--shadow-elevation-low);
    transition: box-shadow 0.2s ease-in-out;
}

.divulgacao:hover {
    box-shadow: var(--shadow-elevation-high);
}

.divulgacao:active {
    box-shadow: var(--shadow-elevation-medium);
}

.divulgacao img {
    border-radius: 5px;
}

.divulgacao + p {
    font-weight: 500;
    max-width: 640px;
    margin: 2rem auto 0;
    text-wrap: balance;
}

.divulgacao + p a {
    color: var(--secondary);
}

.back-to-top {
    position: fixed;
    background: #55307a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    bottom: 2rem;
    right: 2rem;
    margin-left: auto;
    margin-top: 2rem;
    cursor: pointer;
    z-index: 2;
    opacity: 0;
    transform: translateY(200px);
    transition: all 0.2s ease-in-out;
}

.back-to-top.visible {
    opacity: 1;
    transform: translateY(0px);
}

.back-to-top:hover {
    background-color: #a60082;
}

.back-to-top svg {
    width: 32px;
    height: 32px;
    stroke: white;
}