/*
Theme Name: Psicodália 2024
Theme URI: https://www.psicodalia.com.br
Author: Rafael Pampoch
Author URI: rafaelpampoch@hotmail.com
Description: Tem desenvolvido exclusivamente para o Festival Psicodália.
Requires PHP: 5.6
Version: 1.0
License: Uso restrito
Text Domain: psicodalia
*/

@font-face {
    font-family: "evoke";
    src: url('fonts/font-1.woff') format('woff2'),
    url('fonts/font-1.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body, html {
    width:100%;
    height:auto;
    min-height:100%;
    margin: 0;
    padding: 0;
}

body {
    /*font-family: 'Bebas Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
    font-family: "Helvetica Neue", sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #fff;
}

.bebas-font {
    font-family: 'Bebas Neue', sans-serif;
}

.page-home {
    font-family: 'Bebas Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    width: 100%;
    height: 100%;
    min-height: 1080px;
    margin: 0 auto;
    padding: 50px 0 0 0;
    text-align: center;
    background-image: url("img/bg-bottom-mobile.png"), url("img/bg-top.jpg");
    background-position: bottom center, top center;
    background-repeat: no-repeat;
    background-size: 100%, 210%;
}

.page-home.cadastro {
    font-family: "Helvetica Neue", sans-serif;
}

.page-home.hasMessage {
    min-height: 1130px;
}

.page-home.cadastro {
    padding-bottom: 330px;
}

.cadastro .wpcf7 {
    width: 400px;
    max-width: 100%;
    /*margin: 0 auto;*/
}

.cadastro .wpcf7 p,
.cadastro .wpcf7 label,
.cadastro .wpcf7 input,
.cadastro .wpcf7 textarea {
    width: 100%;
    max-width: 100%;
}

.content .wpcf7 p,
.content .wpcf7 label,
.content .wpcf7 input,
.content .wpcf7 textarea {
    width: 100%;
    max-width: 100%;
}

.page-home form {
    text-align: left;
}

.logo {
    margin-bottom: 42px;
}

.logo a {
    /*width: 809px;*/
    /*height: 260px;*/
    width: 300px;
    height: 96px;
    display: block;
    text-indent: -9999px;
    background: url("img/logo.png") no-repeat center center;
    background-size: contain;
    margin: 0 auto;
}

.top-date {
    color: #058b45;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: block;
    font-family: 'Bebas Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

.page-home h2,
.page-home h3 {
    font-family: evoke, sans-serif;
}

.page-home h2 {
    font-size: 40px;
    line-height: 35px;
    color: #f26722;
    letter-spacing: 2px;
}

.page-home h3 {
    font-size: 18px;
    line-height: 10px;
    color: #058b45;
    letter-spacing: 1px;
    margin-bottom: 0;
}

.box-date {
    transform: scale(.4);
    margin-top: -30px;
}

.box-date h4 {
    width: 330px;
    height: 31px;
    background: url("img/date-ribbon.png") no-repeat center center;
    background-size: contain;
    color: #fff;
    font-size: 30px;
    line-height: 35px;
    letter-spacing: 1px;
    margin: 0 auto 10px;
}

.box-date h5 {
    font-size: 160px;
    line-height: 130px;
    color: #408f42;
    margin: 0 auto;
    text-indent: -10px;
}

.box-date h6 {
    width: 300px;
    margin: 0 auto 70px;
    padding: 0 0 0 20px;
    font-size: 34px;
    line-height: 20px;
    color: #408f42;
    display: flex;
    justify-content: space-between;
    text-indent: -10px;
}

.box-register p {
    font-size: 20px;
    line-height: 22px;
    color: #39bfed;
    letter-spacing: 2px;
}

.box-register .form-holder {
    width: 100%;
    margin: 0 auto 50px;
}

.box-register .form-holder input[type=text],
.box-register .form-holder input[type=email] {
    background-color: #edf8fb !important;
    border-color: #0099d6 !important;
    color: #39bfed !important;
    border-radius: 10px !important;
    letter-spacing: 1px;
}

.box-register .form-holder .form-control::placeholder {
    color: #39bfed !important;
}

.box-register .form-holder input[type=submit] {
    background-color: #edf8fb;
    border: 1px solid #0099d6;
    color: #39bfed;
    font-size: 22px;
    line-height: 22px;
    letter-spacing: 1px;
    border-radius: 10px;
    padding: 10px 20px 5px;
}

#mailchimp-message {
    margin: 0 15px 24px;
}

.box-social {
    width: 100%;
    margin: 0 auto;
}

.box-social .icons {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.box-social a {
    display: block;
}

.box-social a i {
    font-size: 2rem;
    color: #058b45;
}

.box-social p {
    font-size: 22px;
    line-height: 22px;
    color: #058b45;
    letter-spacing: 1px;
    margin: 0 0 12px ;
}

.route,
.route-how-to {
    background: #f9f9f9;
    border-radius: 5px 5px 0 0;
    border: 1px solid #f1f1f1;
}

.route-how-to {
    border-radius: 0 0 5px 5px;
}

#routePoints .point {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

#routePoints .point:last-of-type {
    margin-bottom: 0;
}

#routePoints label {
    cursor: move;
    margin: 0 8px 0 0;
}

#routePoints input {
    border: 1px solid #ebe9e1;
    border-radius: 3px;
    padding: 5px;
    flex-grow:1;
}

.route #routeDistance {
    max-width: 110px;
}

.route-how-to ol li {
    margin-bottom: 8px;
}

.button-24 {
   background: #FF4742;
   border: 1px solid #FF4742;
   border-radius: 6px;
   box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 4px;
   box-sizing: border-box;
   color: #FFFFFF;
   cursor: pointer;
   display: inline-block;
   font-family: nunito,roboto,proxima-nova,"proxima nova",sans-serif;
   font-size: 16px;
   font-weight: 800;
   line-height: 16px;
   min-height: 40px;
   outline: 0;
   padding: 22px 24px;
   text-align: center;
    text-decoration: none;
   text-rendering: geometricprecision;
   text-transform: none;
   user-select: none;
   -webkit-user-select: none;
   touch-action: manipulation;
   vertical-align: middle;
    transition: all ease-in-out .3s;
}

.button-24:hover,
.button-24:active {
    background-color: initial;
    background-position: 0 0;
    color: #FF4742;
}

.button-24:active {
    opacity: .5;
}

@media (min-width: 992px) {

    .page-home {
        padding: 110px 0 0 0;
        min-height: 1940px;
        background-image: url("img/bg-bottom.png"), url("img/bg-top.jpg");
        background-size: unset;
    }

    .page-home.hasMessage {
        min-height: 2002px;
    }

    .logo {
        margin-bottom: 100px;
    }

    .logo a {
        width: 809px;
        height: 260px;
        background-size: unset;
    }

    .page-home h2 {
        font-size: 100px;
        line-height: 80px;
        letter-spacing: 4px;
    }

    .page-home h3 {
        font-size: 42px;
        line-height: 42px;
        letter-spacing: 4px;
        margin-bottom: 55px;
    }

    .box-date {
        transform: scale(.8);
        margin-top: unset;
    }

    .box-date h4 {
        width: 371px;
        height: 35px;
        font-size: 35px;
        line-height: 40px;
        background-size: unset;
    }

    .box-register {
        margin-top: unset;
    }

    .box-register p {
        font-size: 28px;
        line-height: 28px;
    }

    .box-register .form-holder {
        width: 600px;
        margin: 0 auto 50px;
    }

    .box-social {
        width: 350px;
    }

    .page-home.cadastro {
        padding-bottom: 600px;
    }

}

/* HOME 2 */

.page-home-2 {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.page-home-2 .top {
    width: 100%;
    height: 1161px;
    background: url("img/new/background-top.jpg") no-repeat top center;
    padding: 45px 0 0 0;
    position: relative;
    margin: 0 0 85px;
}

.page-home-2 .top .logo-2 {
    width: 405px;
    max-width: 100%;
    height: 148px;
    display: block;
    text-indent: -9999px;
    background: url("img/new/top-logo.png") no-repeat 0 0;
    background-size: contain;
    margin: 0 auto 20px;
}

.page-home-2 .top h1 {
    font-family: evoke, sans-serif;
    color: #f26722;
    font-size: 42px;
    line-height: 42px;
    letter-spacing: 1px;
}

.page-home-2 .top h2 {
    font-family: evoke, sans-serif;
    color: #058b45;
    font-size: 20px;
    line-height: 20px;letter-spacing: 1px;

}

.page-home-2 .top .menu-top,
.page-internal .menu-top {
    width: 100%;
    /*max-width: 1920px;*/
    /*height: 324px;*/
    height: 155px;
    /*background: url("img/new/background-menu-top.png") no-repeat top center;*/
    background: url("img/new/background-menu-top-2.png") repeat-x top center;
    position: absolute;
    left: 50%;
    /*bottom: -215px;*/
    bottom: -125px;
    transform: translateX(-50%);
}

.page-home-2 .top .menu-top.fixed-header,
.page-internal .menu-top.fixed-header {
    position: fixed;
    top: -25px;
    z-index: 1;
}

.page-home-2 .top .menu-top .logo,
.page-internal .menu-top .logo {
    width: 206px;
    height: 76px;
    display: block;
    text-indent: -9999px;
    background: url("img/new/logo-menu-top.png") no-repeat center center;
    margin: 0;
}

.page-home-2 .top .menu-top a:not(.logo),
.page-internal .menu-top a:not(.logo) {
    /*display: block;*/
    text-decoration: none;
    text-transform: uppercase;
    font-size: 19px;
    line-height: 19px;
    padding: 5px;
    margin: 7px 6px 0;
    color: #e54325;
    font-family: 'Bebas Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.title-1 {
    color: #cf3d2a;
    font-size: 36px;
    font-family: 'Bebas Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

@media (min-width: 1200px) {

    .page-home-2 .top .menu-top a:not(.logo),
    .page-internal .menu-top a:not(.logo) {
        font-size: 23px;
        line-height: 23px;
        margin: 7px 8px 0;
    }

}

.page-internal .menu-top a.current-menu-item {
    text-decoration: underline;
}

/* Estilo do item do menu que tem um submenu */
.dropdown {
    position: relative; /* Necessário para o posicionamento absoluto do submenu */
    padding: 5px 0 0;
}

/* Esconde os submenus */
.dropdown .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
    left: 0; /* Ajuste esta propriedade conforme necessário */
    top: 100%; /* Ajuste para que o submenu apareça abaixo do item do menu */
}

/* Exibe o submenu no hover do item do menu */
.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown .dropdown-content a {
    padding: 5px 0;
    display: block; /* Para que os links do submenu ocupem toda a largura do submenu */
}

/* mobile menu */
.page-home-2 .top .menu-top .mobile-menu,
.page-internal .menu-top .mobile-menu {
    padding: 18px 0 0;
}

.page-home-2 .top .menu-top .mobile-menu a,
.page-internal .menu-top .mobile-menu a {
    /*display: block;*/
    margin-top: 0;
}

.page-home-2 .middle {
    width: 100%;
    max-width: 1920px;
    height: 100%;
    /*min-height: 100vh;*/
    background: url("img/new/background-middle.jpg") fixed no-repeat top center;
    /*background-size: contain;*/
    margin: 0 auto;
}

.page-home-2 .middle .container {
    /* padding-top: 100px; */
    padding-top: 70px;
    padding-bottom: 170px;
}

.page-home-2 .middle .content,
.page-internal .content {
    background: rgba(255,255,255,0.9);
}

.page-internal .content {
    backdrop-filter: blur(5px);
}

.page-home-2 .middle h3 {
    color: #cf3d2a;
    font-size: 32px;
    font-family: 'Bebas Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.page-home-2 .middle h3.green {
    color: #485f2f;
}

.page-home-2 .bottom,
.page-internal .bottom {
    width: 100%;
    /*max-width: 1920px;*/
    height: 147px;
    background: url("img/new/background-bottom.png") repeat-x bottom center;
    /*background-size: contain;*/
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    padding: 88px 0 0 0;
    color: #fff;
}

/* SLIDER HOME */

#slider-1 .carousel-item {
    height: 400px; /* Ajuste a altura conforme necessário */
    background-size: cover;
    background-position: center;
}

#slider-1 .carousel-caption {
    background: rgba(0, 0, 0, 0.5); /* Faixa com transparência */
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
}

#slider-1 .carousel-caption h5 {
    font-size: 24px;
    font-weight: bold;
}

/* SLIDER AVISOS */

.avisos {
    background: #f1e9ca;
    padding: 20px 20px 30px;
    border-radius: 8px;
}

.avisos h2 {
    font-weight: bold;
    font-family: 'Bebas Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    letter-spacing: 1px;
    color: #b16d08;
    font-size: 36px;
}

.avisos .slick-prev {
    left: 12px;
    z-index: 1;
    width: 42px;
    height: 42px;
}

.avisos .slick-next {
    right: -6px;
    z-index: 1;
    width: 42px;
    height: 42px;
}

.avisos .slick-prev::before,
.avisos .slick-next::before {
    font-size: 40px;
}

.avisos .slick-dots {
    bottom: -35px;
}

/* COUNTDOWN */

#headline {
    font-family: evoke, sans-serif;
    text-transform: uppercase;
    font-size: 36px;
    color: #cf3d2a;
    padding: 10px 0 0;
    margin: 0 0 24px;
}

hr {
    border: 0;
    margin: 1.35em auto;
    max-width: 100%;
    background-position: 50%;
    box-sizing: border-box;
}

.bookends {
    position: relative;
    border-width: 5px;
    border-color: #447c53 transparent;
    height: 11px;
    border-style: double;
    width: 100%;
    opacity: 1;
}

#countdown ul {
    margin: 0;
    padding: 0;
}

#countdown li {
    display: inline-block;
    font-size: 1.1em;
    list-style-type: none;
    padding: 0em 1em 1em;
    text-transform: uppercase;
    color: #cf3d2a;
    font-family: 'Bebas Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

#countdown li span {
    display: block;
    font-size: 3rem;
    line-height: 3rem;
    color: #447c53;
}

@media (min-width: 992px) {

    #headline {
        font-size: 48px;
        padding: 25px 0 0;
    }

    #countdown li {
        font-size: 1.5em;
        padding: 0em 1em 1em;
    }

    #countdown li span {
        font-size: 4.5rem;
        line-height: 4.5rem;
    }

}

/* INTERNAS */

.page-internal {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background: url("img/new/background-top.jpg") fixed no-repeat center center;
    background-size: cover;
    position: relative;
}

.page-internal .content {
    min-height: 100%;
    padding-top: 170px;
    padding-bottom: 170px;
    /*box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;*/
}

.page-internal .content h2 {
    color: #6b5240;
    font-weight: 700;
}

.page-internal .content p {
    font-size: 18px;
}

.page-internal .content .spacer {
    width: 100%;
    height: 150px;
}

.excursion-filter-holder {
    background: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 5px;
}

#excursion-list .card-title {
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #d7d5ce;
    margin-bottom: 16px;
    padding-bottom: 8px;
    color: #485f2f;
}

.multiline-ellipsis {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* start showing ellipsis when 3rd line is reached */
    white-space: pre-wrap; /* let the text wrap preserving spaces */
  }

@media (min-width: 992px) {

    .page-home-2 .top .logo-2 {
        margin: 0 auto 10px;
    }

}

.card {
    background: #efede5;
    border-color: #d7d5ce;
}

.card-header {
    background: #6b5240;
    font-size: 24px;
    color: #efede5;
}

.card-img-top {
    height: 175px;
    position: relative;
}

.card-img-top .card-badge {
    position: absolute;
    right: 12px;
    bottom: 12px;
}

@media (min-width: 992px) {
    .card-img-top {
        height: 210px;
    }
}

/* FAQ */

.faq-cat-list .faq-category {
    text-decoration: none;
    color: #c0392b;
}

.faq-cat-list .faq-category .card {
    transition: all ease .4s;
}

.faq-cat-list .faq-category.faq-category-selected .card {
    background-color: #e74c3c;
    color: #fff;
}

.faq-cat-list .card .card-body .card-title {
    font-size: 18px;
}

.faq-cat-list .card .card-img-top {
    width: 64px;
    height: 64px;
}

#faq-list h3 {
    font-weight: bold;
    color: #058b45;
}

#faq-list h4 {
    font-weight: bold;
}

/* IMAGES */

figure {
    margin-bottom: 2rem;
}

.wp-block-image .alignleft {
    margin: 0.5em 1em 0.5em 0;
}

img.framed {
    box-shadow: -50px -50px 0 -40px tomato, 50px 50px 0 -40px tomato;
}

img.framed.green {
    box-shadow: -50px -50px 0 -40px #68804e, 50px 50px 0 -40px #68804e;
}

/* BUTTONS */

.btn-primary {
    background: #D92B2B;
    border-color: #D92B2B;
}

.btn-primary:hover {
    background: #9e2020 !important;
    border-color: #7d1919 !important;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:focus-visible {
    background: #771919 !important;
    border-color: #771919 !important;
}

.nav-link,
.nav-link:hover {
    color: #D92B2B;
}

.nav-link:hover {
    text-decoration: underline;
}

.nav-pills .nav-link.active {
    background: #D92B2B;
}

.nav-pills .nav-link.active:hover {
    text-decoration: none;
}

.button-1 {
    --bg: #e74c3c;
    --text-color: #fff;
    position: relative;
    /*width: 150px;*/
    border: none;
    background: var(--bg);
    color: var(--text-color);
    display: inline-block;
    padding: .7em 1em;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.2s;
    border-radius: 5px;
    opacity: 0.8;
    letter-spacing: 1px;
    box-shadow: #c0392b 0px 7px 2px, #000 0px 8px 5px;
}

.button-1:hover {
    opacity: 1;
    color: #fff;
}

.button-1:active {
    top: 4px;
    box-shadow: #c0392b 0px 3px 2px,#000 0px 3px 5px;
}

.button-1.green {
    background: #68804e;
    box-shadow: #485f2f 0px 7px 2px, #000 0px 8px 5px;
}

.button-1.green:active {
    box-shadow: #485f2f 0px 3px 2px,#000 0px 3px 5px;
}

/* HEADLINES AND BANNERS */

.ribbon {
    padding: 20px 15px 15px;
    background: #fff5e1;
    background: rgba(255,245,225,.8);
    clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);
    text-transform: uppercase;
    color: #cf3d2a;
    letter-spacing: 0.18em;
    font-family: 'Bebas Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 42px;
    line-height: 42px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 500px;
    margin: 0 0 48px 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 135px;
}

.ribbon.single {
    position: unset;
    top: unset;
    left: unset;
    transform: unset;
    margin: 0 auto;
}

/* Atrações */

#lista-atracoes {
    min-height: 450px;
}

.atracao-item {
    display: flex;
    flex-direction: column;
}

/* Modal */

.modal-header {
    background: #dd7d55;
    color: #fff;
    border: none;
}

.modal-body {
    background: #efede5;
    padding: 0;
}

.modal-body .imagem-atracao {
    height: 250px;
}

@media (min-width: 992px) {
    .modal-body .imagem-atracao {
        height: 350px;
    }
}

@media (min-width: 1200px) {
    .modal-body .imagem-atracao {
        height: 400px;
    }
}

.modal-body h2 {
    color: #6b5240;
    font-weight: 700;
}

.modal-footer {
    background: #dd7d55;
    color: #FFF;
    border: none;
}

.favoritar-atracao {
    height: 32px;
    line-height: 32px;
    display: inline-block;
    background: url(img/new/heart.png) no-repeat center right;
    padding-right: 42px;
    color: #FFF;
    text-decoration: none;
}

.favoritar-atracao:hover {
    color: #FFF;
    text-decoration: underline;
}

.modal-header .btn-close{
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(258deg) brightness(113%) contrast(101%);
}

.modal-body .sidebar {
    background: #605f58;
    color: #fff;
}

.modal-body .sidebar a {
    color: #fff;
    text-decoration: none;
}

.modal-body .sidebar a:hover {
    color: #fff;
    text-decoration: underline;
}

.modal-body .sidebar h3 {
    color: #F2AF5C;
    font-size: 24px;
}

.modal-body .sidebar audio {
    background: #efede5;
    border-radius: 5px;
    border: none;
    padding: 5px;
}

.modal-body .sidebar audio::-webkit-media-controls-panel {
    background: #efede5;
}

.modal-body .sidebar .info-atracao {
    font-size: 18px;
    color: #efede5;
}

.modal-body .sidebar .info-atracao i {
    font-size: 24px;
    color: #efede5;
}

.favoritar-holder {
    position: absolute;
    right: 8px;
    bottom: 8px;
    padding: 16px;
    background: #000;
}

.favoritar-atracao:before {
    content: 'Adicionar aos favoritos';
    height: 32px;
    line-height: 32px;
}

.favoritar-atracao.favoritado {
    background: url(img/new/heart-active.png) no-repeat center right;
}

.favoritar-atracao.favoritado:before {
    content: 'Remover dos favoritos';
    height: 32px;
    line-height: 32px;
}

.iframe-form-acoes {
    width: 100%;
    height: 1332px;
}

/* PROGRAMAÇÃO */

/* Estilo padrão para #atracoes */
#atracoes {
    min-height: 300px; /* Altura mínima para telas maiores */
    /* Outros estilos necessários */
}

/* Mídia query para telas menores (exemplo: tablets) */
@media (max-width: 768px) {
    #atracoes {
        min-height: 200px; /* Altura mínima ajustada para telas menores */
    }
}

/* Mídia query para telas ainda menores (exemplo: celulares) */
@media (max-width: 480px) {
    #atracoes {
        min-height: 150px; /* Altura mínima ajustada para telas de celular */
    }
}

h2.title-day {
    font-family: 'Bebas Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    color: #cf3d2a !important;
    text-align: center;
    letter-spacing: 1px;
}

.tabela-atracoes {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 10px; /* Cantos arredondados para a tabela */
    overflow: hidden; /* Isso garante que os cantos arredondados sejam aplicados corretamente */
    font-family: 'Bebas Neue', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    font-size: 20px;
}

.tabela-atracoes th,
.tabela-atracoes td {
    border: none;
    padding: 8px;
    text-align: center;
}

.tabela-atracoes tr th {
    background-color: #ba2c10;
    color: #fff;
    font-weight: normal;
    font-size: 22px;
    font-weight: normal;
    padding: 15px 12px 14px;
    box-shadow: 3px 3px rgba(0, 0, 0, 0.5);
}

.tabela-atracoes tbody tr.atracao {
    background-color: #fff; /* Cor de fundo padrão para linhas de atração */
    color: #fff; /* Cor do texto padrão */
}

.tabela-atracoes tbody tr.atracao.show {
    background-color: #E33512;
}

.tabela-atracoes tbody tr.atracao.oficina {
    background-color: #418F43;
}

.tabela-atracoes tbody tr.atracao.teatro {
    background-color: #e4be01;
    color: #000;
}

.tabela-atracoes tbody tr.atracao.circo {
    background-color: #0083C1;
}

.tabela-atracoes tbody tr.atracao.cinedalia {
    background-color: #2f2f2f;
    color: #fff;
}

.tabela-atracoes tbody tr.atracao.recreacao {
    background-color: #ad0cad;
    color: #fff;
}

.col-horario {
    width: 10%; /* Exemplo */
}

.col-tipo {
    width: 20%; /* Exemplo */
}

.col-local {
    width: 20%; /* Exemplo */
}

.col-atracao {
    flex: 1; /* Ocupa o espaço restante */
}


/* RESPONSIVE MENU */

.btn-menu.inside {
    width: 46px;
    height: 46px;
    display: block;;
    visibility: hidden;
    opacity: 0;
    transition: all ease .3s;
    transition-delay: 250ms;
    position: fixed;
    top: 24px;
    right: 24px;
    z-index: 3;
}
.btn-menu.inside.visible {
    visibility: visible;
    opacity: 1;
}

.main-menu {
    position: fixed;
    top: -50%;
    left: -50%;
    height: 200%;
    width: 200%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    visibility: hidden;
    z-index: 2;
    transform: rotate(-15deg) translate3d(0, 0, 0);
}
.main-menu::before, .main-menu::after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    width: 100%;
    height: 80%;
    background-color: #ea6837;
    transform-origin: center center;
    transition: all 500ms ease;
    will-change: transform;
    z-index: -1;
}
.main-menu::before {
    top: 51%;
    transform: translate(100%, -100%) translate3d(0, 0, 0);
}
.main-menu::after {
    top: 49%;
    transform: translate(-150%, 0%) translate3d(0, 0, 0);
    transition-delay: 100ms;
}
.main-menu .nav {
    position: relative;
    left: -15px;
    display: inline-block;
    padding: 0px;
    list-style: none;
    counter-reset: menu-counter;
    transform: rotate(15deg);
}
.main-menu .nav__item {
    margin-bottom: 10px;
    opacity: 0;
    transform: translateX(-15px) translate3d(0, 0, 0);
    transition: all 100ms ease 100ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.main-menu .nav__item a {
    color: white;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}
.main-menu .nav__item a.current-menu-item {
    text-decoration: underline;
}
.main-menu.open {
    visibility: visible;
}
.main-menu.open::before {
    -webkit-animation: menu-in-left 500ms ease;
    animation: menu-in-left 500ms ease;
    transform: translate(-50%, -100%) translate3d(0, 0, 0);
    transition-duration: 0ms;
}
.main-menu.open::after {
    -webkit-animation: menu-in-right 500ms ease 100ms;
    animation: menu-in-right 500ms ease 100ms;
    transform: translate(-50%, 0%) translate3d(0, 0, 0);
    transition-duration: 0ms;
}
.main-menu.open .nav__item {
    opacity: 1;
    transform: translateX(0px) translate3d(0, 0, 0);
    transition: all 250ms ease;
}
.main-menu.open .nav__item:nth-child(0n) {
    transition-delay: 250ms;
}
.main-menu.open .nav__item:nth-child(1n) {
    transition-delay: 300ms;
}
.main-menu.open .nav__item:nth-child(2n) {
    transition-delay: 350ms;
}
.main-menu.open .nav__item:nth-child(3n) {
    transition-delay: 400ms;
}
.main-menu.open .nav__item:nth-child(4n) {
    transition-delay: 450ms;
}
.main-menu.open .nav__item:nth-child(5n) {
    transition-delay: 500ms;
}
.main-menu.open .nav__item:nth-child(6n) {
    transition-delay: 550ms;
}
.main-menu.open .nav__item:nth-child(7n) {
    transition-delay: 600ms;
}
.main-menu.open .nav__item:nth-child(8n) {
    transition-delay: 650ms;
}
.main-menu.open .nav__item:nth-child(9n) {
    transition-delay: 700ms;
}
.main-menu.open .nav__item:nth-child(10n) {
    transition-delay: 750ms;
}
.main-menu.open .nav__item:nth-child(11n) {
    transition-delay: 800ms;
}
.main-menu.open .nav__item:nth-child(12n) {
    transition-delay: 850ms;
}
.main-menu.open .nav__item:nth-child(13n) {
    transition-delay: 900ms;
}
.main-menu.open .nav__item:nth-child(14n) {
    transition-delay: 950ms;
}
.main-menu.open .nav__item:nth-child(15n) {
    transition-delay: 1000ms;
}
.main-menu.open .nav__item:nth-child(16n) {
    transition-delay: 1050ms;
}
.main-menu.open .nav__item:nth-child(17n) {
    transition-delay: 1100ms;
}
.main-menu.open .nav__item:nth-child(18n) {
    transition-delay: 1150ms;
}
.main-menu.open .nav__item:nth-child(19n) {
    transition-delay: 1200ms;
}
.main-menu.open .nav__item:nth-child(20n) {
    transition-delay: 1250ms;
}
.main-menu.open .nav__item a {
    transition: all 250ms ease;
}

@-webkit-keyframes menu-in-left {
    0% {
        transform: translate(-150%, -100%) translate3d(0, 0, 0);
    }
    100% {
        transform: translate(-50%, -100%) translate3d(0, 0, 0);
    }
}

@keyframes menu-in-left {
    0% {
        transform: translate(-150%, -100%) translate3d(0, 0, 0);
    }
    100% {
        transform: translate(-50%, -100%) translate3d(0, 0, 0);
    }
}
@-webkit-keyframes menu-in-right {
    0% {
        transform: translate(100%, 0%) translate3d(0, 0, 0);
    }
    100% {
        transform: translate(-50%, 0%) translate3d(0, 0, 0);
    }
}
@keyframes menu-in-right {
    0% {
        transform: translate(100%, 0%) translate3d(0, 0, 0);
    }
    100% {
        transform: translate(-50%, 0%) translate3d(0, 0, 0);
    }
}