:root {
    --cor-principal: #151515;
    --cor-titulo: #BEAD8E;

}

/* Estilos para telas maiores */
@media screen and (min-width:1000px) {
    .navbar.categorias ul .titulo-mobile {
        display: none;
    }

    .navbar.categorias .ul-1 li {
        list-style: none;
    }

    .navbar.categorias .ul-1 li .description {
        color: rgb(0, 0, 0);
    }


    .navbar.categorias .ul-1 .ul-2 .ul-3 {
        display: none;

    }

    .navbar.categorias .ul-1 .ul-2 li:hover .ul-3 {
        display: block;
    }

    .navbar.categorias .ul-1 .ul-2 li {
        margin: 0px 10px 0px 0px;
        cursor: pointer;
        position: relative;
        padding: 0px;
    }

    .navbar.categorias .ul-1 .ul-2 {
        display: block;
        list-style: none;
        padding: 2px 0px;
        margin: 0;
        display: flex;
        flex-wrap: wrap;

    }

    .navbar.categorias .ul-1 .ul-2 li a {
        color: #0C182A;
        list-style: none;
        text-decoration: none;


    }

    .navbar.categorias .ul-1 .ul-2 .ul-3 {
        position: absolute;
        background-color: white;
        min-width: 150px;
        z-index: 3;
        padding: 0px;
        white-space: nowrap;
        /* Impede que o texto quebre de linha */
        overflow: hidden;
        /* Esconde qualquer conteúdo que ultrapasse a largura */
    }

    .navbar.categorias .ul-1 .ul-2 .ul-3 li {
        text-align: left;
        padding: 5px 10px;
        margin: 0px;
    }

    .navbar.categorias .ul-1 .ul-2 .ul-3 li:hover {
        background-color: #F8F9FA;
    }

    /*footer*/
    .sessao_redes_sociais_1 {
        width: fit-content;
        margin: auto;
    }

    .sessao_redes_sociais_1 p {
        text-align: left;
    }

    /*carousel do baner tela inicial*/
    .owl-carousel.baner-1 {
        width: 100%;
    }

    .owl-carousel.baner-1 .item img {
        /* height: 300px; */
        height: 70vh;
        object-fit: cover;

        /* height: 450px; */
        /* Garante que a imagem preencha todo o espaço do contêiner */
    }

    /*produto filtros*/
    #productFilterColumn .ul-1 .btn-filters {
        display: none;
    }

    /*produto filtros*/
    #productFilterColumn .ul-2 {
        display: block;
    }

    #productFilterColumn .ul-2 .ul-3 {
        padding: 0px;
    }


    /* 
    .product-details-container .main-image-1 img {
        height: 100%;
    } */

    .product-card .product-card-body {
        background-color: #fbfbfb;
        min-height: 110px;
    }

    /* .nav-menu {
        top: 95px;
    } */



    .text-member {
        text-align: left;
    }

    .card-information {
        border-right: 1px solid rgb(208, 208, 208);
    }

    .caroulse-information {
        font-size: 0.9em;
    }

    .container-group-member .content-section .title {
        font-size: 1.7em;
    }

    .container-group-member .content-section .subtitle {
        font-size: 1.2em;

    }
}

/* Estilos para telas menores */
@media screen and (max-width:1000px) {


    .navbar.categorias ul .titulo-mobile {
        display: block;
        color: rgb(0, 0, 0);
        text-decoration: none;
    }

    .navbar.categorias .ul-1 .ul-2 {
        display: none;

    }

    .navbar.categorias .ul-1 li:hover .ul-2 {
        display: block;

    }

    .navbar.categorias .ul-1 .ul-2 .ul-3 {
        display: none;
    }

    .navbar.categorias .ul-1 .ul-2 li:hover .ul-3 {
        display: block;
    }


    .navbar.categorias .ul-1 li {
        list-style: none;

    }

    .navbar.categorias .ul-1 .ul-2 {
        display: none;
        position: absolute;
        background-color: white;
        z-index: 3;
        padding: 0px;
        border: 0.1px solid rgb(212, 212, 212);
        border-radius: 5px;
        padding: 10px;
        width: 95%;
        transition: 0.3s ease-in-out all;

    }

    .navbar.categorias .ul-1 .ul-2 li {
        text-align: left;
        padding: 5px 10px;
        margin: 0px;
        transition: 0.3s ease-in-out all;

    }



    .navbar.categorias .ul-1 .ul-2 li a {
        color: black;
        list-style: none;
        text-decoration: none;


    }

    .navbar.categorias .ul-1 .ul-2 .ul-3 {
        position: relative;
        background-color: white;
        min-width: 150px;
        z-index: 2;
        padding: 0px;
    }

    .navbar.categorias .ul-1 .ul-2 .ul-3 li {
        text-align: left;
        padding: 5px 10px;
        margin: 0px;
    }

    .navbar.categorias .ul-1 .ul-2 .ul-3 li:hover {
        background-color: #F8F9FA;
    }



    /*carousel do baner tela inicial*/
    .owl-carousel.baner-1 .item img {
        /* height: 300px; */
        height: 60vh;
        object-fit: cover;


        /* Garante que a imagem preencha todo o espaço do contêiner */
    }

    /*produto filtros*/
    #productFilterColumn .ul-1 {
        display: block;
    }

    .filters-dropdown {
        display: none;
    }

    .filters-dropdown.show {
        display: block;
    }

    .filters-dropdown {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        background-color: #fff;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
    }

    .filters-dropdown.show {
        display: block;
    }


    .owl-carousel .product-card img {
        width: 100%;
        height: calc((100% / 16) * 9);
        /* Proporção de Aspecto 16:9 */
    }

    .product-details-container .left-img {
        max-width: 80px;
        margin-right: 10px;
    }

    .product-details-container .secondary-img {
        display: flex;

    }

    /* 
    .product-details-container .main-image-1 img {
        height: 100%;
    } */

    #offcanvasCart {
        max-width: 350px;
    }

    #offcanvasFavorite {
        max-width: 350px;
    }

    .product-card .product-card-footer .btn-card i {
        display: none;
    }

    .product-card .product-card-body {
        background-color: #fbfbfb;
        min-height: 115px;
    }

    .product-details-container .secondary-img {
        margin-top: 0px;
    }

    /* .nav-menu {
        top: 130px;
    } */

    .text-member {
        text-align: center;
    }

    .card-information {
        border-right: 0px;
    }

    .caroulse-information {
        font-size: 0.7em;
    }

    .group-member {
        /* text-align: center; */
    }

    .container-group-member .content-section .title {

        font-size: 1.2em;
    }

    .container-group-member .content-section .subtitle {
        font-size: 1em;
    }

    .quantity-controls {
        position: fixed;
        bottom: 0;
        z-index: 2;
        background-color: white;
        width: 100%;
        padding: 10px 15px;
        border: 0px;
        margin: 0px;
        left: 0;
    }

}

body {
    /* font-family: 'Proxima Nova', sans-serif; */
    font-family: 'Roboto', sans-serif;
}

.product-card .img {
    overflow: hidden;
    max-height: 280px;
    width: 100%;
}

.product-card img {
    width: 100%;
    height: calc((100% / 16) * 9);
    /* Proporção de Aspecto 16:9 */
    object-fit: fill;
}

.product-card .card-title {
    transition: 0.5s ease-in-out all;
}

.product-card .card-title:hover {
    color: rgb(90, 90, 90);
}

.navbar.categorias .ul-1 .ul-2 a {
    position: relative;
    overflow: hidden;
    /* Para esconder a parte da borda inicialmente */
}

.navbar.categorias .ul-1 .ul-2 a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    /* Altura da borda */
    background-color: var(--cor-principal);
    ;
    /* Cor da borda */
    transform-origin: left;
    /* Origem da transformação no lado esquerdo */
    transform: scaleX(0);
    /* Inicia com largura 0 */
    transition: transform 0.3s ease;
    /* Transição suave da transformação */
}

.navbar.categorias .ul-1 .ul-2 a:hover::before {
    transform: scaleX(1);
    /* Ao passar o mouse, a largura se expande para 100% */
}

.navbar.categorias ul .list-item .icon i {
    color: rgb(112, 112, 112);
    font-size: 0.7em;
}

.rotate-icon {
    transition: transform 0.3s ease;
}

.rotate-up {
    transform: rotate(180deg);
}


.header {
    position: sticky;
    top: 0;
    width: 100%;
    background-color: white;
    z-index: 3;

}

.header .header-box {
    background-color: #282828;

}

.nav-menu {
    /* position: sticky; */
    width: 100%;
    background-color: white;
    /* z-index: 2; */
}

.top-header {
    font-size: 0.9em;
    color: black;

}

.form-control,
.form-select {
    border: 1px solid rgb(213, 213, 213);
    border-radius: 1px;
}

.btn-search {
    border: 1px solid rgb(213, 213, 213);
    border-radius: 1px;
}

/* Estilizar input do tipo texto no foco */
.form-control:focus {
    border: 1px solid #1f3787;

    /* Altere para a cor desejada, por exemplo, azul */
    box-shadow: none;
    /* Adiciona uma sombra sutil no foco */
}

.form-select:focus {
    border: 1px solid #1f3787;

    /* Altere para a cor desejada, por exemplo, azul */
    box-shadow: none;
    /* Adiciona uma sombra sutil no foco */
}

/*carousel baner*/




.owl-carousel.baner-1 .item img {
    width: 100%;
    object-position: center;


    /* Garante que a imagem preencha todo o espaço do contêiner */
}

.navbar.categorias {


    background-color: #ffffff;
    width: 100%;
    position: relative;
    box-shadow: 0px 18px 16px -20px rgba(0, 0, 0, 0.1);

}


/*sessão de produtos tela inicial*/
.container .title .fita-title {
    position: relative;
    background-color: var(--cor-principal);
    color: white;
    padding: 5px;
    font-weight: bold;
    width: fit-content;
    margin: 0px;
}

.container .title .fita-title::after {
    content: "";
    height: 100%;
    width: 20px;
    position: absolute;
    top: 0;
    right: -19.5px;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 0);
    clip-path: polygon(0 0, 0 100%, 100% 0);
    background-color: var(--cor-principal);
}

.owl-carousel.product-group-1 .item {
    margin: 5px;
}



.item {
    position: relative;
    overflow: hidden;
}

.item .favorite-icon {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2em;
    padding: 7px 15px;
    right: -10px;
    top: 0px;
    border-radius: 0px 10px 0px 42.5px;
    z-index: 0;
    cursor: pointer;
    background: #F5F7FA;
}

.item .favorite-icon i {
    color: #515151;
    color: linear-gradient(43deg, #646464 0%, #333333 46%, #565656 100%);
    transition: 0.3s ease-in-out;

}

.item .fav-true i {
    color: var(--cor-principal);
    ;
}

.favorite-icon:hover i {
    transform: scale(1.2);
    color: #989898;

    /* Aumergb(196, 70, 12)amanho do ícone ao passar o mouse */
}



/* .product-card .product-details-text {
    min-height: 80px;
} */

.product-card {
    /* Para posicionar o ícone relativo a este elemento */
    border-radius: 5px;
    padding: 0x;
    text-align: left;
    cursor: pointer;
}

.product-card .product-card-body {
    background-color: white;
}

.product-card .product-card-footer {
    background-color: white;
}

.product-card .product-card-footer .btn-card {
    width: 100%;
    text-align: center;
    border-top: 1px solid rgba(33, 33, 33, .05);
    padding: 5px 10px;
    font-size: 0.9em;
    line-height: 12px;
    color: black;
    text-decoration: none;
    transition: 0.3s ease-in-out all;
    border-radius: 5px;
}


.product-card .product-card-footer .btn-card:hover {
    transform: translateX(1px);
    background-color: #343A40;
    color: rgb(231, 231, 231);
}

.product-card .product-card-footer .btn-card-right {
    border-left: 1px solid rgba(33, 33, 33, .05);
}

.card-span-add {
    position: absolute;
    top: 0px;
    left: 3px;
}

/*span condição card do item*/
.item-condition {
    font-size: 10px;
    color: white;
    padding: 2px 5px;
}

/*span destaque card do item*/
.item-emphasis {
    color: #ffffff;
    padding: 2px 5px;
    font-size: 10px;
}


.product-card .original-price-promo {
    /* preço normal quando o produto estiver em promoção */
    font-size: 0.8em;

}


.product-card .promo-price {
    /* preço do desconto */
    font-size: 1em;
    color: rgb(74, 74, 74);
    font-weight: 600;
}


.product-card .original-price {
    /* preço normal quando o produto não tiver em promoção */
    font-size: 1em;
    font-weight: 600;
}


.product-card img {
    transition: 0.2s ease-in-out all;
}

.product-card .img:hover img {
    transform: scale(1.03);
}

/*footer*/
/* Estilo para o rodapé (footer) */
.footer {
    background-color: #181916;
    color: white;
    width: 100%;
}

.footer i {
    font-size: 0.9em;
    transition: 0.3s ease-in-out all;
}

.footer a {
    color: white;
    text-decoration: none;
    transition: 0.3s ease-in-out all;
}

.footer a:hover {
    transform: translateX(5px);
}




/*imagens de erro*/
.img-erro {
    text-align: center;
    margin: 0 auto;

}

.img-erro .text {
    border-radius: 5px;
    padding: 5px;
    background-color: rgb(89, 89, 89);
    color: white;
}

.productFilterColumn {
    position: sticky;
    top: 170px;
    z-index: 1;
}

/*bloco de produto não encontrado*/
.ui-search {
    max-width: 700px;
    margin: 0 auto
}

/* .conteudo-1 {
    visibility: hidden;
}

.conteudo-2 {
    visibility: hidden;
} */

.breadcrumb {
    font-size: 0.9em;
}

/* 
.product-details-container .product-details-text .title {
    font-size: 23px;
    line-height: 25px;
}

.product-details-container .product-details-text .subtitle {
    font-size: 15px;
    line-height: 25px;
}

.product-details-container .product-details-text .original-price-promo {
    font-size: 17px;
}

.product-details-container .product-details-text .promo-price {
    font-size: 20px;
}

.product-details-container .product-details-text .original-price {
    font-size: 20px;
}

.product-details-container .product-details-footer {
    font-size: 13px;
} */

.product-details-container .left-img {
    overflow: hidden;
}

.product-details-container .left-img img {
    object-fit: scale-down;
    width: 100%;
    height: 80px;
    cursor: pointer;
}

.product-details-container .main-image-1 {
    overflow: hidden;
    position: relative;

}

.product-details-container .main-image-1 img {
    /* object-fit: cover; */
    object-fit: fill;
    width: 100%;
    height: calc((100% / 16) * 9);

}


.product-details-container .main-image-1 .new-image {
    animation: moveRight 0.7s ease-in-out forwards;
    /* Aplica a animação "moveRight" */
}


/* Estilo para os botões de aumentar e diminuir quantidade */
.quantity-controls .btn-custom {
    font-size: 1.0em;
}

.quantity-controls #qtd_prd {
    width: fit-content;
}

/* Estilo para o campo de quantidade */
/* .quantity-controls .quantity-input {
    text-align: center;
    font-size: 14px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 50px;
} */

/* Estilo para o botão "Adicionar no Carrinho" */
.quantity-controls .add-cart {
    background-color: var(--cor-principal);
    color: #fff;
    width: 100%;
}

.quantity-controls .add-cart:hover {
    background-color: var(--cor-principal);
}

/*loader*/
.span-loader {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10;
}

.loader {
    border: 6px solid #f3f3f3;
    border-top: 6px solid #393939;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
    margin: 0 auto;

}

@keyframes spin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

/* .product-details-container  .quantity-controls {
    display: flex;
    align-items: center;

}

.product-details-container  #qtd_prd {
    width: 30px;
    text-align: center;
}


.reserva {
    background-color: #3D3544;
    border: 1px solid;

}

.reserva:hover {
    background-color: #fff;
    color: #3D3544;
}

#qtd_prd {
    border-radius: 25px;
    background-color: #362B3A;
    color: white;
    text-align: center;
} */

/* 
.product-details-container .baner-advertising{
    overflow: hidden;
    position: relative;
   
}
.product-details-container .baner-advertising {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 450px;

}

.product-details-container .baner-advertising img{
    width: 100%;
    object-fit: cover;
    height: 300px;
  
} */

@keyframes moveRight {
    from {
        opacity: 0;
        transform: translateX(-50%);
        /* Começa na posição inicial (0 pixels da esquerda) */
    }

    to {
        opacity: 1;
        transform: translateX(0px);
        /* Move 30 pixels para a direita */
    }
}

.cart-icon {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 10px;
    right: -62px;
    bottom: 13px;
    border-radius: 20px 0px 0px 20px;
    z-index: 1;
    cursor: pointer;
    background: #F5F7FA;
    transition: 0.3s ease-in-out all;
    font-weight: 600;
    font-size: 0.8em;
    width: 100px;
}


.cart-icon:hover {
    right: -0px;
}

.cart-icon:hover i {
    font-size: 1.0em;
}

/*carrinho offcanvas*/

#offcanvasCart .card {
    transition: 0.3s ease-in-out;
    line-height: 15px;
}

#offcanvasCart .card:hover {
    transform: translateX(3px);
}


.offcanvas-footer .finalize-purchase {
    background-color: var(--cor-principal);
    ;
    color: #fff;
    font-weight: 600;
    padding: 10px 20px;
    cursor: pointer;
    border: 0px;
    width: 100%;
}

/*favorito offcanvas*/
#offcanvasFavorite .card {
    transition: 0.3s ease-in-out;
    line-height: 15px;
}

#offcanvasFavorite .card:hover {
    transform: translateX(3px);
}


#offcanvasFavorite .card .add-cart {
    background-color: var(--cor-principal);
    color: #fff;
    font-weight: 600;
    padding: 2px 5px;
    cursor: pointer;
    width: 100%;
    font-size: 0.9em;
}

#offcanvasFavorite .add-cart:hover {
    background-color: var(--cor-principal);
}

.offcanvas-footer .finalize-purchase {
    background-color: var(--cor-principal);
    color: #fff;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 20px;
    cursor: pointer;
    border: 0px;
    width: 100%;
}


.checkout .payment {
    background-color: var(--cor-principal);
    color: #fff;
    font-weight: 600;
    padding: 10px 20px;
    /* border-radius: 20px; */
    cursor: pointer;
    border: 0px;
    width: 100%;


    
}



.customer-address {
    display: none;
}


/*checkout*/
.card .card-title {
    font-size: 0.9em;
    /* font-weight: 600; */
    color: rgb(0, 0, 0);
    /* line-height: 15px; */
}

.card .card-subtitle {
    font-size: 0.70em;
    color: rgb(80, 80, 80);
    line-height: 15px;

    /* margin-top: 1px;
    font-size: 11px;
 */
}

.img-card-offcanvas {
    height: 100%;

}

/*completed order*/
.order_completed .btn-track-order {
    background-color: var(--cor-principal);
    color: #fff;
    font-weight: 600;
    padding: 5px 10px;

    cursor: pointer;
    border: 0px;
    width: 30%;
    transition: 0.3s ease-in-out;
}

.order_completed .btn-track-order:hover {
    transform: translateX(5px);

}

.order_completed .btn-track-order:focus {
    background-color: var(--cor-principal);
    color: white;
}


.whatsapp-icon {
    position: fixed;
    bottom: 45px;
    /* Ajuste conforme necessário */
    right: 20px;
    /* Ajuste conforme necessário */
    z-index: 1;
    /* Certifique-se de que este valor seja maior do que outros elementos, se necessário */

}

.whatsapp-icon i {
    width: 50px;
    /* Ajuste o tamanho conforme necessário */
    height: auto;
    border-radius: 50%;
    /* Para um ícone circular, se necessário */
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
    font-size: 2.0em;
    color: #44D879;

}

.whatsapp-icon i:hover {
    transform: scale(1.5px);
    /* Efeito de escala ao passar o mouse, ajuste conforme necessário */
}

/* .btn-view-more {

    background-color: white;
    color: black;
    padding: 7px 10px;
    border-radius: 20px;
    cursor: pointer;
    border: 1px solid black;
    width: fit-content;

} */

.btn-view-more:hover {
    color: #fff;
}


/*pedidos*/
.status-line {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.status-line .incompleted i {
    display: none;
}

.status-line i {
    color: #198754;
    opacity: 0.8;
}

.status-line .incompleted {
    border-radius: 50%;
    width: 10px;
    padding: 13px;
    background-color: #d0d0d0;
}

.status {
    width: 200px;
    height: 40px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 5px;
    padding-left: 10px;
}

.connector {
    width: 2px;
    height: 30px;
    background-color: #ccc;
    margin: 0 auto;
}


.fa-check-circle {
    margin-right: 10px;
}

.fa-check-circle:empty {
    visibility: hidden;
}

/* cookies */
.box-cookies.hide {
    display: none;
}

.box-cookies {
    left: 0;
    position: fixed;
    width: 300px;
    bottom: 0px;
    z-index: 6;
    padding: 5px;
    background-color: white;
    text-align: left;
}

.box-cookies p {
    color: black;
    font-size: 0.7em;
    font-family: Arial, Helvetica, sans-serif;
}

.box-cookies .btn-cookies {
    color: white;
    background-color: var(--cor-principal);
    width: fit-content;
    float: right;
    cursor: pointer;

}

.btn-register-init {
    background-color: var(--cor-principal);
    color: #fff;
    font-size: 18px;

}

.btn-register-init:hover {
    background-color: #ff5c5c;
    /* Cor de destaque ao passar o mouse */
}


.card-information .text {
    line-height: 1em;
}

.card-information p {
    text-transform: uppercase
}

.card-information i {
    font-size: 1.9em;
    color: var(--cor-principal);

}

.card-information small {
    font-size: 14px;
    color: #666666;
}

/**/
.caroulse-information {
    background-color: #2c3339;
    color: white;
    width: 100%;

}



.caroulse-information .cupom {
    background-color: var(--cor-principal);
    animation: pulando 1.2s infinite alternate;

}


@keyframes pulando {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.9)
    }
}

/*filter search*/

.search-input {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.btn-search {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.filter-search {}


.filter-search-group {
    width: 100%;
    animation: slideDown 0.3s ease-out;
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: white;
    overflow-y: auto;
    max-height: 500px;
    overflow-x: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px 0px;
}

.filter-search-group .info {
    line-height: 16px;
}

.filter-search-group .info .ref {
    font-size: 0.75em;
}

@keyframes slideDown {
    0% {
        max-height: 0;
        opacity: 0;
    }

    100% {
        max-height: 500px;
        /* Ajuste conforme o necessário */
        opacity: 1;
    }
}

.filter-search-group~body {
    background-color: #0C182A;
}

.filter-search-group .card {
    transition: 0.3s ease-in-out;
}

.filter-search-group .card:hover {
    transform: translateX(5px);
}

.filter-search .title {
    font-size: 0.9em;
}

.filter-search .ref {
    font-size: 0.8em;
}

.filter-search .valor {
    font-size: 0.9em;
}

.highlighted-title {
    position: relative;
    display: inline-block;
    /* Para que o elemento se ajuste à largura do conteúdo */
}

.highlighted-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 5%;
    /* Ajuste para definir a largura da borda */
    border-bottom: 3px solid #0D192B;
    /* Escolha a cor que você preferir */
}

.ui-search-container {
    margin: 0 auto;
    max-width: 700px;
    gap: 1rem;
    background-color: #f8f9fa;
    /* Light background for better contrast */
}

.ui-search-container .icon-container i {
    font-size: 2.8em;
    color: #007bff;
    /* Bootstrap primary color */
}

.ui-search-container .text-container h4 {
    margin-bottom: 1rem;
    color: #333;
}

.ui-search-container .text-container p {
    margin-bottom: 0.5rem;
    color: #555;
}

.container-group-member {
    background-color: #f8f9fa;
    border-radius: 10px;
    padding: 20px;
    /* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); */
}

.container-group-member .group-member {
    max-width: 800px;
    margin: 0 auto;
}

.container-group-member .persona-img {
    width: 100%;
    max-width: 250px;
    height: auto;
    display: block;
    margin: 0 auto;
    /* border-radius: 50%; */
    overflow: hidden;
    object-fit: cover;
    /* border: 2px solid #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); */
    padding: 5px;
}

.container-group-member .content-section {
    margin-top: 20px;
    /* text-align: center; */
}

.container-group-member .content-section .title {
    color: #333;
    font-weight: 600;
    line-height: 25px;
}

.container-group-member .content-section .subtitle {
    line-height: 20px;
    color: #081427;
}

/* .container-group-member .content-section .fw-medium {
    color: #666;
    font-size: 1.2rem;
    margin-bottom: 20px;
} */

/*baner categoria, utilizado nas categorias*/
.baner-category {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}

.baner-category img {
    width: 100%;
    max-height: 250px;
}

.product-visit .box-title {
    background-color: #343a40;
    color: white;
}

.product-visit .box-body .card {
    transition: 0.2s ease-in-out all;
}

.product-visit .box-body .card .card-body .card-title {
    font-size: 0.7em;
    line-height: 1.2em;
    color: rgb(51, 51, 51);

}

.product-visit .box-body .card .card-body .card-subtitle {
    font-size: 0.56em
}

.product-visit .box-body .card .card-body .price {
    font-size: 0.8em
}

.product-visit .box-body .card:hover {
    transform: translateX(1px);
}




/* Melhorias visuais */
.section-markers {
    overflow-x: auto;
    width: 100%;
}

.marker-button {
    min-width: 140px;
}

.marker-button:hover {
    background-color: #f2f2f2;
}


.card-markes {
    background-color: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-markes:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.card-markes .icon {
    color: #6c757d;
}

.card-markes:hover .icon {
    color: #464646;
}


@media (max-width: 768px) {
    .card-markes {
        margin-bottom: 1rem;
        width: 100%;
    }
}

.description-details-product p {
    margin-bottom: 1px;
}


/* Estilo para o banner */
.bloco-1-init-baner {
    background-position: center;
    background-size: cover;
    display: flex;
}



/* .bloco-1-init-baner ::before {
    background: inherit;
    filter: blur(10px);
    /* Adiciona um desfoque ao fundo 
} 
*/
/* .bloco-1-init-baner {
    background-color: #000000;
} */

/* .bloco-1-init-baner .btn {} */

.btn-history .btn:hover {
    transform: scale(1.05);


    background-color: #BEAD8E;
    /* width: 180px; */
    transition: 0.2s ease-in-out all;
    color: black !important;


}

.btn-history .btn {
    font-weight: 600;
    color: #BEAD8E;
    border: 2px solid #BEAD8E;
    background-color: #151515;
    font-size: 20px;
    text-transform: uppercase;

}



.bloco-1-init-baner .title {
    color: var(--cor-titulo);
    font-weight: 400; /* Regular */
    font-size: 56px;
    font-family: 'Unlock', sans-serif;
    line-height: 56px; /* Ajuste conforme necessário */
    text-transform: uppercase;
    

}

.bloco-1-init-baner .text-history {
    color: white;
    font-size: 18px;

}

.background-store {
    background-color: #181916;
}

.section-store .title {
    color: var(--cor-titulo);
    font-weight: 400;
    font-family: 'Unlock', sans-serif;
    text-transform: uppercase;
    font-size: 34px;

}


.section-store .product-info {
    background-color: #282828;
    color: white;
}

.section-store .product-info p {
    color: white;
}

.section-store .product-info .price {
    color: var(--cor-titulo);
}

.section-store .product-info .price-installment {
    color: white
}



.section-store .product-card .product-card-footer {
    background-color: #494949;

}

.section-store .product-card .btn-card {
    color: white;

}


.social-icons {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* 
.icon {
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transition: 0.3s;
}
 */


.icon i {
    font-size: 18px;
}

.icon {
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.icon:hover {
    opacity: 0.8;
    background-color: #00ff00;
    /* Verde */
    transform: scale(1.2);
    /* Efeito de leve aumento */
}
/* ==========================================================
   EFFMAX EVENTOS
   ========================================================== */
:root {
    --event-yellow: #f5c42b;
    --event-cream: #f4eedf;
    --event-paper: #fffaf0;
    --event-ink: #22211f;
    --event-muted: #726e66;
    --event-action: #ff4b43;
    --event-action-dark: #e23b35;
    --event-line: rgba(34, 33, 31, .12);
}

body {
    background: var(--event-cream);
    color: var(--event-ink);
}

.event-page-background,
.event-detail,
.event-checkout,
.event-confirm-order,
.event-order-completed {
    background: var(--event-cream);
}

.event-site-header {
    background: var(--event-cream);
    border-bottom: 1px solid var(--event-line);
    position: relative;
    z-index: 20;
}

.event-site-logo img {
    width: 116px;
    max-height: 52px;
    object-fit: contain;
}

.event-program-link {
    color: var(--event-ink);
    text-decoration: none;
    font-weight: 600;
}

.event-program-link:hover {
    color: var(--event-action);
}

.event-cart-button {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid var(--event-line);
    background: rgba(255,255,255,.55);
    color: var(--event-ink);
    position: relative;
    font-size: 21px;
}

.event-cart-button .qtd-cart {
    position: absolute;
    min-width: 19px;
    height: 19px;
    line-height: 19px;
    border-radius: 20px;
    background: var(--event-action);
    color: #fff;
    font-size: 11px;
    top: -3px;
    right: -3px;
    font-weight: 700;
}

.event-home {
    min-height: calc(100vh - 80px);
    background: var(--event-yellow);
    padding-bottom: 90px !important;
}

.event-container {
    max-width: 900px;
}

.event-home-title {
    color: var(--event-ink);
}

.event-eyebrow {
    display: inline-block;
    font-size: 12px;
    letter-spacing: .18em;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.event-home-title h1 {
    font-size: clamp(34px, 5vw, 62px);
    line-height: .95;
    margin: 0;
    letter-spacing: -.035em;
}

.event-home-title h1 strong {
    font-weight: 800;
}

.event-home-title p {
    margin-top: 16px;
    margin-bottom: 0;
    font-size: 15px;
}

.event-list {
    width: 100%;
    max-width: 670px;
    display: grid;
    gap: 22px;
}

.event-card {
    display: grid;
    grid-template-columns: 175px 1fr;
    gap: 0;
    overflow: hidden;
    border-radius: 22px;
    background: rgba(255,255,255,.80);
    border: 1px solid rgba(255,255,255,.55);
}

.event-card-image {
    min-height: 174px;
    background: #ddd;
    display: block;
}

.event-card-image img {
    width: 100%;
    height: 100%;
    min-height: 174px;
    object-fit: cover;
}

.event-card-content {
    padding: 22px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.event-card-content h2 {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 800;
    margin-bottom: 10px;
}

.event-meta,
.event-ticket-event-data {
    font-size: 12px;
    line-height: 1.45;
    color: #5d5952;
    margin-bottom: 4px;
}

.event-meta i,
.event-ticket-event-data i {
    width: 16px;
    display: inline-block;
}

.event-buy-button {
    border: 0;
    background: var(--event-action);
    color: #fff !important;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .025em;
    padding: 10px 18px;
    margin-top: 12px;
    transition: transform .15s ease, background .15s ease;
}

.event-buy-button:hover,
.event-buy-button:focus {
    background: var(--event-action-dark);
    transform: translateY(-1px);
}

.event-empty {
    max-width: 600px;
    margin: 0 auto;
    background: rgba(255,255,255,.55);
    border-radius: 22px;
}

.event-detail-hero {
    min-height: 300px;
    background-position: center;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: flex-end;
}

.event-detail-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.72));
}

.event-detail-hero-content {
    position: relative;
    z-index: 2;
    color: #fff;
    padding-bottom: 34px;
}

.event-detail-hero-content h1 {
    font-size: clamp(30px, 4vw, 50px);
    font-weight: 800;
    max-width: 760px;
    margin: 14px 0 14px;
    letter-spacing: -.03em;
}

.event-back {
    color: rgba(255,255,255,.9);
    text-decoration: none;
    font-size: 13px;
}

.event-detail-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    font-size: 13px;
}

.event-detail-container {
    max-width: 940px;
}

.event-ticket-list {
    max-width: 780px;
    display: grid;
    gap: 20px;
}

.event-ticket-card {
    display: grid;
    grid-template-columns: 180px 1fr;
    background: rgba(255,255,255,.72);
    border: 1px solid var(--event-line);
    border-radius: 18px;
    overflow: hidden;
}

.event-ticket-image {
    min-height: 190px;
    background: #ddd;
}

.event-ticket-image img {
    width: 100%;
    height: 100%;
    min-height: 190px;
    object-fit: cover;
}

.event-ticket-content {
    padding: 22px 24px;
}

.event-ticket-heading {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: flex-start;
}

.event-ticket-heading h2 {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 5px;
}

.event-ticket-description,
.event-ticket-description p {
    color: var(--event-muted);
    font-size: 13px;
    margin-bottom: 5px;
}

.event-ticket-price {
    white-space: nowrap;
    font-size: 18px;
    font-weight: 800;
}

.event-ticket-event-data {
    display: grid;
    margin: 12px 0 4px;
}

.event-ticket-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 10px;
}

.event-ticket-actions .event-buy-button {
    margin-top: 0;
}

.event-quantity {
    display: inline-flex;
    height: 36px;
    border: 1px solid var(--event-line);
    border-radius: 999px;
    overflow: hidden;
    background: #fff;
}

.event-quantity button,
.event-quantity input {
    width: 36px;
    border: 0;
    background: transparent;
    text-align: center;
    font-size: 13px;
}

.event-quantity button:hover {
    background: rgba(0,0,0,.05);
}

.event-checkout,
.event-confirm-order,
.event-order-completed {
    max-width: 1080px;
    margin: 0 auto;
}

.event-checkout-box,
.event-order-summary,
.event-success-card,
.event-completed-card,
.event-completed-section {
    background: rgba(255,255,255,.72);
    border: 1px solid var(--event-line);
    border-radius: 20px;
    padding: 28px;
}

.event-checkout-title {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    margin-bottom: 24px;
}

.event-checkout-title > span {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 50%;
    background: var(--event-yellow);
    display: grid;
    place-items: center;
    font-weight: 800;
}

.event-checkout-title h1,
.event-checkout-title h2 {
    font-size: 24px;
    font-weight: 800;
    margin: 0 0 5px;
}

.event-checkout-title p {
    color: var(--event-muted);
    margin: 0;
}

.event-checkout .form-control,
.event-checkout .form-select {
    min-height: 46px;
    border-radius: 10px;
    border-color: var(--event-line);
    background: rgba(255,255,255,.9);
}

.event-payment-option {
    border: 1px solid var(--event-line);
    border-radius: 12px;
    padding: 13px 14px;
    margin-bottom: 10px;
    background: rgba(255,255,255,.65);
}

.event-order-summary {
    top: 20px;
}

.event-order-summary h2 {
    font-size: 21px;
    font-weight: 800;
    margin-bottom: 18px;
}

.event-order-total {
    font-size: 18px;
}

.event-review-data {
    border: 1px solid var(--event-line);
    border-radius: 14px;
    overflow: hidden;
}

.event-review-row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border-bottom: 1px solid var(--event-line);
}

.event-review-row > a {
    color: var(--event-action-dark);
    font-weight: 700;
    text-decoration: none;
    font-size: 13px;
}

.event-review-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 50%;
    background: var(--event-cream);
    display: grid;
    place-items: center;
}

.event-success-card {
    max-width: 620px;
    margin-top: 50px;
}

.event-success-card > i {
    font-size: 48px;
    color: var(--event-action);
}

.event-completed-card {
    max-width: 980px;
    padding: 38px;
}

.event-completed-status {
    max-width: 680px;
    margin: 0 auto;
}

.event-completed-status h1 {
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 800;
    margin: 8px 0 14px;
}

.event-completed-icon {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    margin: 0 auto 16px;
    font-size: 28px;
}

.event-completed-icon.success { background: #daf4df; color: #247b35; }
.event-completed-icon.pending { background: #fff0bf; color: #8a6700; }
.event-completed-icon.error { background: #ffe0de; color: #b92d27; }

.event-email-warning {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--event-cream);
    border-radius: 12px;
    padding: 11px 14px;
    font-size: 13px;
    margin-top: 7px;
}

.event-completed-section h2 {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 16px;
}

.event-completed-product {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 14px 0;
    border-bottom: 1px solid var(--event-line);
}

.event-completed-values {
    padding-top: 15px;
}

.event-completed-values > div {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 4px 0;
}

.event-completed-values .total {
    border-top: 1px solid var(--event-line);
    margin-top: 8px;
    padding-top: 12px;
    font-size: 18px;
}

.event-client-data {
    display: grid;
    gap: 2px;
    padding: 10px 0;
    border-bottom: 1px solid var(--event-line);
}

.event-client-data span {
    font-size: 12px;
    color: var(--event-muted);
}

.event-client-data strong {
    font-size: 14px;
    word-break: break-word;
}

.event-back-link {
    color: var(--event-ink);
    text-decoration: none;
}

.footer {
    background: #25231f;
    color: #fff;
}

.event-footer-inner {
    max-width: 980px;
}

.event-footer-logo {
    max-width: 120px;
    max-height: 60px;
    object-fit: contain;
}

.footer .icon {
    background: rgba(255,255,255,.1);
    color: #fff;
}

.footer .icon:hover {
    background: var(--event-action);
}

@media (max-width: 767.98px) {
    .event-home { padding-top: 34px !important; }
    .event-card { grid-template-columns: 118px 1fr; border-radius: 16px; }
    .event-card-image, .event-card-image img { min-height: 155px; }
    .event-card-content { padding: 15px; }
    .event-card-content h2 { font-size: 15px; }
    .event-buy-button { padding: 9px 14px; font-size: 11px; }
    .event-ticket-card { grid-template-columns: 1fr; }
    .event-ticket-image, .event-ticket-image img { height: 220px; min-height: 220px; }
    .event-ticket-heading { flex-direction: column; gap: 4px; }
    .event-ticket-content { padding: 18px; }
    .event-detail-hero { min-height: 260px; }
    .event-checkout-box, .event-order-summary, .event-completed-card, .event-completed-section { padding: 20px; }
    .event-completed-card { border-radius: 0; border-left: 0; border-right: 0; }
}

@media (max-width: 430px) {
    .event-card { grid-template-columns: 105px 1fr; }
    .event-card-image, .event-card-image img { min-height: 166px; }
    .event-meta { font-size: 11px; }
}

.event-summary-image,
.event-cart-image {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 10px;
    flex: 0 0 72px;
}

.event-summary-description p {
    display: inline;
    margin: 0;
}

.event-cart-remove {
    position: absolute;
    right: 0;
    top: 12px;
    width: 26px;
    height: 26px;
    border: 0;
    background: transparent;
    color: var(--event-muted);
}

.event-cart-quantity {
    border: 1px solid var(--event-line);
    border-radius: 999px;
    overflow: hidden;
    background: #fff;
}

.event-cart-quantity button {
    width: 30px;
    height: 30px;
    border: 0;
    background: transparent;
}

.event-cart-quantity span {
    min-width: 24px;
    text-align: center;
    font-size: 13px;
}


/* ==========================================================
   AJUSTES VISUAIS EVENTOS - FRONT MAIS PRÓXIMO DO MODELO
   ========================================================== */
.event-site-header {
    background: #f4f0e6;
    border-bottom: none;
}

.event-site-header .container {
    max-width: 980px;
}

.event-site-logo img {
    width: 92px;
    max-height: 46px;
    object-fit: contain;
}

.event-program-link {
    font-size: 15px;
    font-weight: 700;
}

.event-cart-button {
    width: 42px;
    height: 42px;
    background: #f5f1e7;
    border: 1px solid rgba(34,33,31,.18);
    box-shadow: none;
}

.event-home {
    background: #ebbf28;
    min-height: 0;
    padding-top: 28px !important;
    padding-bottom: 110px !important;
}

.event-container {
    max-width: 760px;
}

.event-home-title {
    text-align: center;
    margin-bottom: 34px !important;
}

.event-title-badge {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 250px;
    min-height: 172px;
    padding: 18px 25px;
}

.event-title-badge:before {
    content: '';
    position: absolute;
    inset: 12px 34px;
    background: #f2ecdf;
    border-radius: 42% 58% 48% 52% / 44% 40% 60% 56%;
    transform: rotate(16deg);
    z-index: 0;
}

.event-title-badge > * { position: relative; z-index: 1; }

.event-eyebrow {
    margin-bottom: 2px;
    font-size: 13px;
    letter-spacing: .18em;
}

.event-home-title h1 {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 28px;
    line-height: .95;
    font-weight: 500;
}

.event-home-title h1 span {
    display: block;
    font-style: italic;
}

.event-home-title h1 strong {
    display: block;
    font-style: normal;
    font-size: 60px;
    line-height: .9;
    font-weight: 800;
    letter-spacing: -.04em;
}

.event-list {
    max-width: 560px;
    gap: 22px;
}

.event-card {
    grid-template-columns: 122px 1fr;
    background: #ece4d3;
    border: none;
    border-radius: 18px;
    box-shadow: none !important;
}

.event-card-image {
    min-height: 150px;
    padding: 16px 0 16px 16px;
    background: transparent;
}

.event-card-image img {
    min-height: 118px;
    height: 118px;
    border-radius: 0;
    object-fit: cover;
}

.event-card-content {
    padding: 18px 20px 18px 6px;
    justify-content: center;
}

.event-card-content h2 {
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 8px;
    text-transform: none;
}

.event-card-subcopy {
    font-size: 11px;
    color: #44413c;
    margin-bottom: 7px;
}

.event-meta,
.event-ticket-event-data {
    font-size: 11px;
    line-height: 1.45;
    color: #36332e;
    margin-bottom: 3px;
}

.event-meta i,
.event-ticket-event-data i,
.event-detail-meta,
.event-ticket-event-data i { display: none; }

.event-buy-button {
    background: #ff4b4b;
    padding: 9px 16px;
    font-size: 10px;
    font-weight: 800;
    margin-top: 10px;
}

.event-detail {
    background: #f0ecdf;
}

.event-detail-hero {
    min-height: 220px;
    align-items: stretch;
    background-position: center center;
}

.event-detail-hero-overlay {
    background: rgba(0,0,0,.36);
    backdrop-filter: blur(8px);
}

.event-detail-hero-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 28px;
    padding-bottom: 28px;
    max-width: 760px;
}

.event-detail-hero-content h1 {
    font-size: 33px;
    line-height: 1.08;
    max-width: 540px;
    margin: 12px 0 0;
}

.event-detail-container {
    max-width: 760px;
}

.event-ticket-list {
    max-width: 660px;
    gap: 28px;
}

.event-ticket-card {
    grid-template-columns: 150px 1fr;
    gap: 22px;
    background: transparent;
    border: none;
    border-radius: 0;
    overflow: visible;
}

.event-ticket-image {
    min-height: 0;
    background: transparent;
}

.event-ticket-image img {
    width: 140px;
    min-height: 0;
    height: auto;
    object-fit: cover;
}

.event-ticket-content {
    padding: 6px 0 0;
}

.event-ticket-heading {
    display: block;
}

.event-ticket-heading h2 {
    font-size: 18px;
    margin-bottom: 6px;
}

.event-inline-price {
    white-space: nowrap;
}

.event-ticket-lead {
    color: #47433d;
    font-size: 13px;
    margin-bottom: 10px;
}

.event-ticket-description,
.event-ticket-description p { margin: 0; }

.event-ticket-event-data {
    display: grid;
    gap: 3px;
    margin: 0 0 10px;
}

.event-ticket-note {
    margin-top: 2px;
}

.event-ticket-actions {
    gap: 12px;
    align-items: center;
}

.event-quantity {
    height: 32px;
    background: #fff;
}

.event-quantity button,
.event-quantity input {
    width: 32px;
    font-size: 14px;
}

.event-footer-inner {
    max-width: 760px;
}

@media (max-width: 767px) {
    .event-home { padding-top: 22px !important; }
    .event-title-badge { min-width: 220px; min-height: 150px; }
    .event-title-badge:before { inset: 12px 28px; }
    .event-home-title h1 { font-size: 24px; }
    .event-home-title h1 strong { font-size: 46px; }
    .event-card {
        grid-template-columns: 110px 1fr;
    }
    .event-card-image { padding: 14px 0 14px 14px; min-height: 138px; }
    .event-card-image img { height: 108px; min-height: 108px; }
    .event-detail-hero { min-height: 190px; }
    .event-detail-hero-content h1 { font-size: 26px; max-width: 360px; }
    .event-ticket-card {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .event-ticket-image img {
        width: 140px;
    }
}


/* ==========================================================
   EFFMAX EVENTOS - AJUSTE FINAL HOME / LOGO / FOOTER
   ========================================================== */
html,
body {
    min-height: 100%;
}

.event-site-logo img,
.event-footer-logo {
    width: 90px !important;
    height: auto;
    max-height: 55px;
    object-fit: contain;
}

/* A home inteira fica amarela, sem faixa clara entre conteúdo e rodapé */
.event-home-page {
    background: var(--event-yellow) !important;
    min-height: calc(100vh - 70px);
}

.event-home-page .conteudo-3 {
    min-height: inherit;
    background: var(--event-yellow) !important;
}

.event-home {
    background: var(--event-yellow) !important;
    min-height: calc(100vh - 70px);
    padding-bottom: 70px !important;
}

/* Remove definitivamente o rodapé escuro herdado da loja */
.footer {
    background: var(--event-cream) !important;
    color: var(--event-ink) !important;
}

.event-home-footer,
.event-home-footer.footer {
    background: var(--event-yellow) !important;
    color: var(--event-ink) !important;
}

.footer a,
.event-home-footer a {
    color: var(--event-ink) !important;
}

.footer .text-muted,
.event-home-footer .text-muted {
    color: rgba(34, 33, 31, .68) !important;
}

.footer .border-top,
.event-home-footer .border-top {
    border-color: rgba(34, 33, 31, .22) !important;
}

.footer .icon,
.event-home-footer .icon {
    background: rgba(255,255,255,.36) !important;
    color: var(--event-ink) !important;
}

.footer .icon:hover,
.event-home-footer .icon:hover {
    background: rgba(255,255,255,.58) !important;
    color: var(--event-ink) !important;
}

.event-home-footer .event-footer-inner {
    max-width: 760px;
    padding-top: 10px !important;
    padding-bottom: 28px !important;
}

@media (max-width: 767px) {
    .event-home-page,
    .event-home {
        min-height: calc(100vh - 64px);
    }
}


/* ==========================================================
   EVENTOS V3 - IMAGEM DOS CARDS / CHECKOUT / LOGO
   ========================================================== */
.event-card {
    align-items: stretch;
}

.event-card-image {
    min-height: 164px !important;
    height: 100% !important;
    padding: 0 !important;
    overflow: hidden;
    background: transparent;
}

.event-card-image img {
    width: 100% !important;
    height: 100% !important;
    min-height: 164px !important;
    display: block;
    object-fit: cover !important;
}

.event-personal-data-box {
    padding: 14px !important;
    border-radius: 7px !important;
    background: #fff !important;
}

.event-personal-data-title {
    font-size: 14px;
    color: #1f1f1f;
}

.event-login-link {
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.event-checkout .event-personal-data-box .form-control {
    min-height: 42px;
    border-radius: 0;
    background: #fff;
}

.event-checkout .event-personal-data-box .row {
    --bs-gutter-y: 12px;
}

.event-checkout .event-checkout-box .event-personal-data-title + .forma_pagamento {
    margin-top: 0;
}

@media (max-width: 767px) {
    .event-card-image,
    .event-card-image img {
        min-height: 150px !important;
    }
}

/* ==========================================================
   EVENTOS V4 - GRID ÚNICO / CHECKOUT / FOOTER / MERCADO PAGO
   ========================================================== */
:root {
    --event-shell-width: 980px;
}

.event-shell-container,
.event-site-header .container,
.event-checkout,
.event-footer-inner {
    width: 100%;
    max-width: var(--event-shell-width) !important;
    margin-left: auto;
    margin-right: auto;
}

.event-checkout {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.event-checkout > form > .row {
    --bs-gutter-x: 1.25rem;
}

.event-checkout-box {
    border-radius: 7px !important;
    padding: 12px !important;
    background: #fff !important;
}

.event-personal-data-title {
    min-height: 22px;
}

.event-payment-title {
    display: flex;
    align-items: center;
    gap: 5px;
}

.event-payment-title img {
    width: 60px;
    height: auto;
    object-fit: contain;
}

.event-payment-option {
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    padding: 10px 12px !important;
}

.event-payment-option:first-child {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
}

.event-payment-option:last-child {
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

.event-order-summary {
    border-radius: 7px !important;
    padding: 16px !important;
    background: #fff !important;
    top: 16px;
}

.event-order-summary h2 {
    font-size: 16px;
    margin-bottom: 14px;
}

.event-footer-inner {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

/* O checkout não tem login */
.event-login-link,
#checkout-login {
    display: none !important;
}

@media (max-width: 767.98px) {
    .event-checkout > form > .row {
        --bs-gutter-y: 1rem;
    }

    .event-order-summary {
        position: static !important;
    }
}

/* ==========================================================
   EVENTOS V5 - CHECKOUT RESTAURADO AO LAYOUT ORIGINAL
   ========================================================== */
.breadcrumb.container-lg,
.conteudo-1.container-lg,
.checkout.container-lg {
    max-width: 1140px !important;
}

.event-shell-container,
.event-checkout {
    max-width: none !important;
}

.checkout {
    width: 100%;
}

.checkout > form > .row {
    --bs-gutter-x: 1.5rem;
}

.checkout .border.bg-white {
    background: #fff !important;
}

.checkout .form-control {
    min-height: 38px;
    border-radius: 0.375rem;
    background: #fff;
}

.checkout .list-group-item {
    border-radius: 0 !important;
    padding: .75rem 1rem;
}

.checkout .list-group-item:first-child {
    border-top-left-radius: .375rem !important;
    border-top-right-radius: .375rem !important;
}

.checkout .list-group-item:last-child {
    border-bottom-left-radius: .375rem !important;
    border-bottom-right-radius: .375rem !important;
}

.checkout-event-product {
    text-align: left;
}

.checkout-event-product-image {
    width: 100% !important;
    max-width: 100px;
    height: 76px !important;
    object-fit: cover;
}

.checkout-event-product .card-body {
    min-width: 0;
}

.checkout-event-product .product-title {
    font-size: .9em;
    font-weight: 500;
    word-break: normal;
    overflow-wrap: break-word;
}

.checkout-event-product .price {
    font-size: .95em;
}

@media (max-width: 1199.98px) {
    .breadcrumb.container-lg,
    .conteudo-1.container-lg,
    .checkout.container-lg {
        max-width: 960px !important;
    }
}

@media (max-width: 991.98px) {
    .breadcrumb.container-lg,
    .conteudo-1.container-lg,
    .checkout.container-lg {
        max-width: 720px !important;
    }
}

@media (max-width: 767.98px) {
    .breadcrumb.container-lg,
    .conteudo-1.container-lg,
    .checkout.container-lg {
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

/* EVENTOS V5.1 - mesmo container do original em header / conteudo / footer */
.event-site-header .container,
.event-footer-inner {
    width: 100%;
    max-width: 1140px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 1199.98px) {
    .event-site-header .container,
    .event-footer-inner {
        max-width: 960px !important;
    }
}

@media (max-width: 991.98px) {
    .event-site-header .container,
    .event-footer-inner {
        max-width: 720px !important;
    }
}

@media (max-width: 767.98px) {
    .event-site-header .container,
    .event-footer-inner {
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}


/* Resumo do checkout - itens no padrão original */
.checkout-event-product {
    background: transparent !important;
    margin: 0 !important;
}
.checkout-event-product:last-of-type {
    border-bottom: 0 !important;
}
.checkout-event-product-thumb {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.checkout-event-product-thumb img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border: 0;
    border-radius: 0;
    padding: 0;
}
.checkout-event-product-info {
    min-width: 0;
}
.checkout-event-product-title {
    font-size: 13px;
    color: #2d2d2d;
}
.checkout-event-product-description,
.checkout-event-product-quantity {
    font-size: 12px !important;
    color: #777 !important;
}
.checkout-event-product-value {
    min-width: 68px;
    font-size: 13px;
    color: #2d2d2d;
}

/* ==========================================================
   FLUXO DE COMPRA DE EVENTOS - CHECKOUT / CONFIRMAÇÃO / STATUS
   ========================================================== */
.checkout .payment,
.confirm-order .payment,
.order-completed .payment {
    background-color: #ff4b4b !important;
    color: #fff !important;
    font-weight: 600;
    padding: 10px 20px;
    cursor: pointer;
    border: 0;
    width: 100%;
    display: inline-block;
}

.checkout .payment:hover,
.confirm-order .payment:hover,
.order-completed .payment:hover {
    background-color: #e63f3f !important;
    color: #fff !important;
}

.confirm-order,
.order-completed {
    width: 100%;
}

.confirm-data-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 11px 4px;
    border-bottom: 1px solid #ececec;
    font-size: 14px;
}

.confirm-data-label {
    color: #6c757d;
    flex: 0 0 auto;
}

.confirm-data-row strong {
    text-align: right;
    overflow-wrap: anywhere;
}

.status-order-box {
    min-height: 260px;
}

.status-order-icon {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 24px;
    margin-bottom: 18px;
}

.status-order-icon.success {
    background: #daf4df;
    color: #247b35;
}

.status-order-icon.pending {
    background: #fff0bf;
    color: #8a6700;
}

.status-order-icon.error {
    background: #ffe0de;
    color: #b92d27;
}

.status-order-title {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 12px;
}

.status-order-note {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    background: #f5f0e4;
    border-radius: 6px;
    padding: 10px 12px;
    font-size: 13px;
    margin-top: 8px;
}

@media (max-width: 767px) {
    .confirm-data-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }

    .confirm-data-row strong {
        text-align: left;
    }

    .status-order-title {
        font-size: 24px;
    }
}


/* ==========================================================
   CONFIRMAÇÃO - PADRÃO ORIGINAL ADAPTADO PARA EVENTOS
   ========================================================== */
.confirm-order .confirm-purchase-box {
    padding: 10px !important;
    text-align: left;
}

.confirm-order .confirm-purchase-row {
    min-height: 52px;
}

.confirm-order .confirm-purchase-icon {
    width: 40px;
    flex: 0 0 40px;
    text-align: center;
}

.confirm-order .confirm-purchase-data {
    font-size: 13px;
    line-height: 1.42;
    text-align: left;
}

.confirm-order .confirm-purchase-change {
    margin-left: auto;
    white-space: nowrap;
    align-self: flex-start;
}

.confirm-order .confirm-summary-box {
    text-align: left !important;
}

.confirm-summary-item {
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 14px 0;
    border-bottom: 1px solid #dedede;
    text-align: left;
}

.confirm-summary-thumb {
    width: 60px;
    height: 60px;
}

.confirm-summary-thumb img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border: 0;
    border-radius: 6px;
    padding: 0;
    display: block;
}

.confirm-summary-info {
    min-width: 0;
    text-align: left;
}

.confirm-summary-title {
    font-size: 13px;
    line-height: 1.25;
    font-weight: 700;
    color: #242424;
    margin-bottom: 4px;
    overflow-wrap: anywhere;
}

.confirm-summary-description,
.confirm-summary-quantity {
    font-size: 11px;
    line-height: 1.35;
    color: #777;
    text-align: left;
}

.confirm-summary-value {
    min-width: 72px;
    text-align: right;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 700;
    color: #242424;
}

@media (max-width: 575.98px) {
    .confirm-summary-item {
        grid-template-columns: 54px minmax(0, 1fr) auto;
        gap: 9px;
    }

    .confirm-summary-thumb,
    .confirm-summary-thumb img {
        width: 54px;
        height: 54px;
    }

    .confirm-summary-value {
        min-width: 64px;
        font-size: 12px;
    }
}

/* ==========================================================
   EVENTOS V9 - MOBILE HOME / CARDS / FOOTER
   Mantém o desktop e corrige a composição em telas pequenas.
   ========================================================== */
@media (max-width: 767.98px) {
    /* A home usa a altura disponível; não cria 1 viewport extra antes do footer. */
    .main {
        min-height: 100svh;
        display: flex;
        flex-direction: column;
    }

    .main > .header,
    .main > .footer {
        flex: 0 0 auto;
    }

    .main > .conteudo.event-home-page {
        flex: 1 0 auto;
        min-height: 0 !important;
        background: var(--event-yellow) !important;
    }

    .event-home-page .conteudo-3,
    .event-home {
        min-height: 0 !important;
    }

    .event-home {
        padding-top: 18px !important;
        padding-bottom: 36px !important;
    }

    .event-container {
        width: 100%;
        max-width: 100%;
        padding-left: 14px;
        padding-right: 14px;
    }

    .event-home-title {
        margin-bottom: 22px !important;
    }

    .event-title-badge {
        min-width: 210px;
        min-height: 136px;
        padding: 12px 18px;
    }

    .event-title-badge:before {
        inset: 10px 24px;
    }

    .event-eyebrow {
        font-size: 10px;
    }

    .event-home-title h1 {
        font-size: 22px;
    }

    .event-home-title h1 strong {
        font-size: 43px;
    }

    /* Card da programação: sempre cabe dentro da viewport. */
    .event-list {
        width: 100%;
        max-width: 100%;
        gap: 16px;
        padding: 0;
    }

    .event-card {
        width: 100%;
        max-width: 100%;
        grid-template-columns: 112px minmax(0, 1fr) !important;
        align-items: stretch;
        overflow: hidden;
        border-radius: 16px;
    }

    .event-card-image {
        width: 112px;
        height: 100% !important;
        min-height: 166px !important;
        padding: 0 !important;
        overflow: hidden;
    }

    .event-card-image img {
        width: 100% !important;
        height: 100% !important;
        min-height: 166px !important;
        object-fit: cover !important;
        object-position: center;
    }

    .event-card-content {
        min-width: 0;
        padding: 13px 13px 13px 12px !important;
        justify-content: center;
        overflow: hidden;
    }

    .event-card-content h2 {
        width: 100%;
        font-size: 13px;
        line-height: 1.2;
        margin-bottom: 5px;
        overflow-wrap: anywhere;
    }

    .event-card-subcopy,
    .event-meta {
        width: 100%;
        font-size: 9.5px;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }

    .event-card .event-buy-button {
        align-self: flex-start;
        margin-top: 7px;
        padding: 8px 12px;
        font-size: 9px;
        white-space: nowrap;
    }

    /* Card de modalidade do ingresso: remove a altura vazia herdada do desktop. */
    .event-detail-container {
        width: 100%;
        padding: 28px 18px !important;
    }

    .event-ticket-list {
        width: 100%;
        max-width: 100%;
        gap: 26px;
    }

    .event-ticket-card {
        width: 100%;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        overflow: visible;
    }

    .event-ticket-image {
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;
        display: block;
        background: transparent !important;
    }

    .event-ticket-image img {
        display: block;
        width: 138px !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
    }

    .event-ticket-content {
        width: 100%;
        min-width: 0;
        padding: 0 !important;
    }

    .event-ticket-heading h2 {
        font-size: 16px;
        line-height: 1.2;
        overflow-wrap: anywhere;
    }

    .event-ticket-lead,
    .event-ticket-event-data {
        font-size: 11px;
    }

    .event-ticket-actions {
        gap: 9px;
        margin-top: 8px;
    }

    /* Footer compacto no mobile e integrado ao amarelo da home. */
    .event-home-footer {
        background: var(--event-yellow) !important;
    }

    .event-home-footer .event-footer-inner {
        width: 100%;
        max-width: 100% !important;
        padding: 18px 18px 16px !important;
    }

    .event-home-footer .event-footer-inner > .row {
        display: flex;
        flex-direction: row;
        align-items: flex-end !important;
        justify-content: space-between !important;
        gap: 14px !important;
        margin: 0;
    }

    .event-home-footer .event-footer-inner > .row > .col-md-6 {
        width: auto !important;
        flex: 0 0 auto;
        padding-left: 0;
        padding-right: 0;
    }

    .event-home-footer .event-footer-inner p {
        margin-bottom: 7px !important;
        font-size: 13px;
    }

    .event-home-footer .social-icons {
        display: flex;
        gap: 8px;
    }

    .event-home-footer .icon {
        width: 30px;
        height: 30px;
        font-size: 15px;
    }

    .event-home-footer .event-footer-logo {
        width: 72px !important;
        max-height: 42px;
    }

    .event-home-footer .border-top {
        margin-top: 14px !important;
        padding-top: 10px !important;
        padding-right: 34px;
        font-size: 10px !important;
        line-height: 1.35;
        gap: 3px;
    }
}

@media (max-width: 380px) {
    .event-card {
        grid-template-columns: 98px minmax(0, 1fr) !important;
    }

    .event-card-image {
        width: 98px;
        min-height: 172px !important;
    }

    .event-card-image img {
        min-height: 172px !important;
    }

    .event-card-content {
        padding: 11px 10px !important;
    }

    .event-card-content h2 {
        font-size: 12px;
    }

    .event-card-subcopy,
    .event-meta {
        font-size: 9px;
    }
}

/* ==========================================================
   EFFMAX EVENTOS - DETALHE DO EVENTO / CARD HORIZONTAL V10
   ========================================================== */
.event-detail-container {
    max-width: 820px;
    padding-top: 38px !important;
    padding-bottom: 48px !important;
}

.event-ticket-list {
    max-width: 720px;
    gap: 22px;
}

.event-ticket-card {
    width: 100%;
    display: grid;
    grid-template-columns: 155px minmax(0, 1fr);
    gap: 20px;
    align-items: center;
    padding: 18px;
    background: #eee7d8;
    border: 0;
    border-radius: 20px;
    overflow: hidden;
}

.event-ticket-image {
    width: 100%;
    height: 165px;
    min-height: 165px;
    background: transparent;
    overflow: hidden;
}

.event-ticket-image img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center;
}

.event-ticket-content {
    min-width: 0;
    padding: 0 !important;
}

.event-ticket-heading h2 {
    font-size: 17px;
    line-height: 1.2;
    margin-bottom: 5px;
}

.event-ticket-lead,
.event-ticket-event-data {
    font-size: 11px;
    line-height: 1.45;
}

.event-ticket-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

@media (max-width: 767px) {
    .event-detail-container {
        padding: 22px 14px 34px !important;
    }

    .event-ticket-list {
        gap: 16px;
    }

    .event-ticket-card {
        grid-template-columns: 108px minmax(0, 1fr) !important;
        gap: 12px !important;
        align-items: center;
        padding: 12px !important;
        background: #eee7d8 !important;
        border-radius: 16px;
        overflow: hidden;
    }

    .event-ticket-image {
        width: 108px !important;
        height: 142px !important;
        min-height: 142px !important;
        overflow: hidden;
    }

    .event-ticket-image img {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: cover !important;
    }

    .event-ticket-content {
        width: auto !important;
        min-width: 0;
        padding: 0 !important;
    }

    .event-ticket-heading h2 {
        font-size: 13px;
        line-height: 1.18;
        margin-bottom: 4px;
        overflow-wrap: anywhere;
    }

    .event-ticket-lead,
    .event-ticket-event-data {
        font-size: 9.5px;
        line-height: 1.35;
    }

    .event-ticket-event-data {
        gap: 2px;
        margin-bottom: 6px;
    }

    .event-ticket-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        margin-top: 7px;
    }

    .event-ticket-actions .event-buy-button {
        margin: 0;
        padding: 8px 10px;
        font-size: 8.5px;
        white-space: nowrap;
    }

    .event-quantity {
        height: 30px;
    }

    .event-quantity button,
    .event-quantity input {
        width: 28px;
        font-size: 11px;
    }

    .event-ticket-actions small {
        width: 100%;
        font-size: 9px;
        margin-top: -1px;
    }
}

@media (max-width: 380px) {
    .event-ticket-card {
        grid-template-columns: 96px minmax(0, 1fr) !important;
        gap: 10px !important;
        padding: 10px !important;
    }

    .event-ticket-image {
        width: 96px !important;
        height: 132px !important;
        min-height: 132px !important;
    }

    .event-ticket-heading h2 {
        font-size: 12px;
    }

    .event-ticket-lead,
    .event-ticket-event-data {
        font-size: 9px;
    }
}

/* ==========================================================
   EFFMAX EVENTOS - PADDING DOS CARDS V11
   Referência: imagem nunca encosta na borda do card.
   ========================================================== */

/* Card da programação / home */
.event-card {
    grid-template-columns: 122px minmax(0, 1fr) !important;
    gap: 20px !important;
    align-items: center !important;
    padding: 14px 22px 14px 28px !important;
    overflow: hidden;
    background: #eee7d8 !important;
    border: 0 !important;
    border-radius: 20px !important;
}

.event-card-image {
    width: 122px !important;
    height: 136px !important;
    min-height: 136px !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: hidden;
}

.event-card-image img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center;
}

.event-card-content {
    min-width: 0;
    padding: 0 !important;
}

/* Modalidades / detalhe: mantém o mesmo respiro visual. */
.event-ticket-card {
    padding: 18px 22px !important;
    gap: 20px !important;
}

@media (max-width: 767px) {
    .event-card {
        grid-template-columns: 98px minmax(0, 1fr) !important;
        gap: 11px !important;
        padding: 10px 12px !important;
        border-radius: 16px !important;
        align-items: center !important;
    }

    .event-card-image {
        width: 98px !important;
        height: 128px !important;
        min-height: 128px !important;
    }

    .event-card-image img {
        height: 100% !important;
        min-height: 0 !important;
        object-fit: cover !important;
    }

    .event-card-content {
        padding: 0 !important;
        overflow: visible !important;
    }

    .event-ticket-card {
        padding: 12px !important;
        gap: 12px !important;
    }
}

@media (max-width: 380px) {
    .event-card {
        grid-template-columns: 90px minmax(0, 1fr) !important;
        gap: 9px !important;
        padding: 9px 10px !important;
    }

    .event-card-image {
        width: 90px !important;
        height: 120px !important;
        min-height: 120px !important;
    }

    .event-ticket-card {
        padding: 10px !important;
    }
}

/* ==========================================================
   V12 - TITULO PROGRAMACAO MUSICAL CONFORME REFERENCIA
   ========================================================== */
.event-home-title {
    margin-bottom: 34px !important;
}

.event-title-badge {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 320px;
    min-width: 320px;
    height: 240px;
    min-height: 240px;
    padding: 46px 25px 38px;
}

.event-title-badge:before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: transparent;
    background-image: url('../imagens/assets/programacao_musical_shape.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 0;
    transform: none;
    z-index: 0;
}

.event-title-badge > * {
    position: relative;
    z-index: 1;
}

.event-eyebrow {
    display: block;
    margin: 0 0 1px;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .14em;
    color: #201f1c;
}

.event-home-title h1 {
    margin: 0;
    font-family: Georgia, 'Times New Roman', serif;
    line-height: .82;
    color: #201f1c;
}

.event-home-title h1 span {
    display: block;
    font-size: 35px;
    line-height: 1;
    font-style: italic;
    font-weight: 400;
    letter-spacing: -.035em;
}

.event-home-title h1 strong {
    display: block;
    margin-top: -1px;
    font-size: 72px;
    line-height: .86;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.055em;
}

@media (max-width: 767px) {
    .event-home-title {
        margin-bottom: 24px !important;
    }

    .event-title-badge {
        width: 245px;
        min-width: 245px;
        height: 184px;
        min-height: 184px;
        padding: 34px 18px 28px;
    }

    .event-title-badge:before {
        inset: 0;
    }

    .event-eyebrow {
        font-size: 11px;
        letter-spacing: .14em;
    }

    .event-home-title h1 span {
        font-size: 27px;
    }

    .event-home-title h1 strong {
        font-size: 55px;
    }
}

@media (max-width: 380px) {
    .event-title-badge {
        width: 220px;
        min-width: 220px;
        height: 165px;
        min-height: 165px;
        padding: 30px 16px 25px;
    }

    .event-eyebrow { font-size: 10px; }
    .event-home-title h1 span { font-size: 24px; }
    .event-home-title h1 strong { font-size: 49px; }
}