@font-face {
    font-family: 'gotham';
    font-style: normal;
    src:
        local("gotham"),
        url("../gotham/Gotham-Book.otf");
}

/*navbar*/
.navbar-brand {
    position: relative;
    display: inline-block;
}

.navbar-brand img {
    transition: opacity 0.5s ease-in-out;
}

.navbar-brand span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.navbar-brand:hover img {
    opacity: 0;
}

.navbar-brand:hover span {
    opacity: 1;
}

html,
body {

    margin: 0px;
    min-height: 100vh;
}

body {
    font-size: 1em;
    font-family: "gotham";
}

b {
    font-weight: 900;
}

.bg-degradado {
    background: linear-gradient(#343434, #000000 100%);
}

.vc-nb-bg {
    background: #343434 !important;
    height: 4rem;
}

.text-green {
    color: #BCCF0F;
}

.nav-link {
    text-align: center;
    color: white;
}

.nav-link:hover {
    color: white;
}

.op-menu {
    border-bottom: transparent 3px solid;
}

.op-menu:hover {
    border-bottom: #BCCF0F 3px solid;
}

.op-menu-login {
    margin-bottom: -16px;
    background: #BCCF0F;
    border-bottom: #343434 15px solid;
}

.box-banner {
    position: absolute;
    bottom: 15%;
    right: 5%;
}


.menu-movil {
    background: #343434;
}

.menu-izq {
    text-align: left !important;
    font-size: 18px;
}

.cont-menu-movil:hover {
    background: #BCCF0F;
}

.titulo-box {
    background: #6BA527;
    color: #FFF;
    padding: 10px;
    font-size: 36px;
    font-weight: 700;
    margin: 3px;
}

.texto-box {
    background: #FFF;
    color: #292929;
    padding: 20px;
    margin: 3px;
    width: 100%;
    border-radius: 15px;
}

.btn-vida-club {
    background: #BCCF0F;
    border: transparent;
    /* box-shadow: 0px 1px 5px 0px; */
    transition: all 0.3s;
}

.btn-vc-compartir {
    background: #BCCF0F;
    border: transparent;
    transition: all 0.3s;
}

.btn-vc-compartir:hover {
    background: #bccf0f9f !important;
    border: transparent;
    fill: white;
}



.btn-vida-club:hover {
    background: #bccf0f9f !important;
    border: transparent;
}

.btn-vc-especialistas {
    border: 1px solid #BCCF0F;
    transition: all 0.3s;
    color: white;
}


.btn-vc-especialistas:hover {
    background: #BCCF0F !important;
    color: #000;
}

.btn-custom {
    background-color: #BCCF0F !important;
    color: #fff;
    /* Color de texto */
    border-color: #BCCF0F;
    /* Color de borde si aplica */
}

.card-especialistas {
    transition: all 0.3s;
}

.card-especialistas:hover {
    transform: scale(1.1) !important;
}

.btn-ver-mas {
    font-size: 22px;
    padding: 15px 30px;
    background: #BCCF0F;
    border-radius: 0px;
    border: transparent;
    margin: 0 auto;
    width: 95%;
}

.btn-ver-mas:hover {
    font-size: 22px;
    padding: 15px 40px;
    color: #BCCF0F;
    border-radius: 0px;
    border: transparent;
}

.btn-ver-mas-page {
    font-size: 16px;
    padding: 10px 10px;
    background: #BCCF0F;
    border-radius: 0px;
    border: transparent;
}

.btn-ver-mas-page:hover {
    font-size: 16px;
    color: #FFF !important;
    background: #000 !important;
}

.btn-link-volver {
    font-size: 22px;
    padding: 15px 30px;
    border: transparent;
    text-decoration: none;
    color: #000;
}


.titulos {
    color: #FFF;
    font-weight: 700;
    padding: 10px 35px;
    margin: 30px auto;
}

.contenedor-grid {
    position: absolute;
    bottom: 0px;
    background: rgb(102, 102, 102);
    background: linear-gradient(0deg, rgba(102, 102, 102, 0.9) 0%, rgba(0, 0, 0, 0) 76%);
    color: #FFF;
    padding: 10px;
    width: 100%;
    height: 350px;
    padding-top: 55%;
    overflow: hidden;
}

.contenedor-grid:hover {
    position: absolute;
    bottom: 0px;
    background: rgba(102, 102, 102, .9);
    color: #FFF;
    padding: 10px;
    width: 100%;
    transition: .6s;
    padding-top: 40%;
}

.contenedor-grid-home {
    position: absolute;
    bottom: 0px;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 0%, rgba(0, 0, 0, 0) 76%);
    color: #343434;
    text-align: center;
    padding: 10px;
    width: 100%;
    height: 350px;
    padding-top: 80%;
    overflow: hidden;
    border-radius: 25px;
}

.contenedor-grid-home:hover {
    position: absolute;
    bottom: 0px;
    background: rgba(169, 124, 81, .9);
    color: #FFF;
    text-align: center;
    padding: 10px;
    width: 100%;
    transition: .6s;
    padding-top: 50%;
    border-radius: 25px;
}

.y-130 {
    margin-top: 130px;
}

.y-130-b {
    margin-bottom: 130px;
}

.y-100 {
    margin-top: 2px;
}

.test-vc input,
.test-vc textarea,
.test-vc select {
    border-radius: 0px;
    border: solid 1px #BCCF0F;
}


.user-login-vc input,
.user-login-vc textarea,
.user-login-vc select {
    border-radius: 10px;
    border: solid 1px white;
    color: white;
    background-color: #ffffff00;
}

.user-login-vc input::placeholder,
.user-login-vc textarea::placeholder,
.user-login-vc select::placeholder {
    color: white;
}


.user-login-vc input:focus,
.user-login-vc textarea:focus,
.user-login-vc select:focus {
    border: solid 1px #BCCF0F;
    background-color: #ffffff00;
    color: white;
    outline: 0;
    box-shadow: 0 0 0 0
}


.user-login-vc select option {
    color: white;
    background-color: #343434;
}



.vp-pasos-cont {
    background: #000;
    color: #BCCF0F;
    border-radius: 15px;
    font-size: 1.3em;
    margin-bottom: 50px;
}

.vc-step {
    width: 50px !important;
    height: 50px !important;
    text-align: center;
    color: #BCCF0F;
    background: #FFF;
    padding-top: 5px;
    margin: 0 auto;
}

.vc-active {
    width: 50px !important;
    height: 50px !important;
    text-align: center;
    color: #FFF;
    background: #BCCF0F;
    padding-top: 5px;
    margin: 0 auto;
}


.bg-dark {
    background: #000;
}

.buscador-vc {
    height: 100px;
}

.btn-buscar {
    background: #BCCF0F;
    border-radius: 0px;
    border: 0px;
}

.form-buscar {
    border-radius: 0px;
    border: 0px;
    font-size: 20px;
}

.ver-ficha {
    background-size: cover;
    height: 350px;
    position: relative;
    padding: 0;
}


.h-250 {
    height: 250px !important;
}

.h-300 {
    height: 300px !important;
}



.custom-scroll {
    scrollbar-color: #444 #333;
    /* color de la barra y fondo */
}

/* Estilo para navegadores WebKit */
.custom-scroll::-webkit-scrollbar {
    width: 12px;
}

.custom-scroll::-webkit-scrollbar-track {
    background: #333;
}

.custom-scroll::-webkit-scrollbar-thumb {
    background-color: #444;
    border-radius: 6px;
    border: 3px solid #333;
}

/* Estilo para navegadores Firefox */
.custom-scroll {
    scrollbar-width: thin;
    scrollbar-color: #444 #333;
}

.bg-grad-dark {
    background: rgb(0, 0, 0);
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 9%, rgba(0, 0, 0, 0) 100%);
    margin: -8px;
    color: #FFF;
    height: 650px;
}

.burbuja-evento {
    border-radius: 15px;
    padding: 10px;
    width: 100%;
    height: 100%;
}

.whatsapp-flotante{
    position: fixed;
    bottom: 85px;
    right: 20px;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 999;
}

@media (max-width: 767px) {
    .burbuja-evento {
        font-size: 1.6vh !important;
    }
}

.text-sm {
    font-size: 12px;
}

.vc-pagos {
    border-radius: 15px;
}

.vc-banco-ru {
    border-radius: 15px;
}

.vc-banco-ru:hover {
    transition: .2s;
    background: #6c757d;
}

a {
    text-decoration: none;
}

.vc-quote {

    padding: 90px 30px;

    text-align: center;

    font-size: 2em;

    text-transform: uppercase;

}



.vc-quote span {

    color: #6ba527;

}



.vc-opinion {

    font-size: 1em;

}



.vc-opinion p {

    margin: 20px;

    z-index: 3;

    text-decoration: blink;

}



.vc-opinion p span {

    font-size: 2em;

    color: #6ba52754;

    z-index: 2;

}



.fs-16 {

    font-size: 1.1em;

    line-height: 25px;

    font-weight: 100 !important;

}



.vc-podcast-par {

    background: #6ba52754;

}



.vc-podcast:hover,
.vc-podcast-par:hover {

    background: #6ba527;

    color: #FFF;

    transition: .3s;

}




.contenedor-full {
    min-height: 100% !important;
    height: 100%;
    /*Solo para IE6*/
    overflow: hidden;
}

/* Media query para teléfonos */
@media only screen and (max-width: 767px) {
    .view-white {
        background: rgb(255, 255, 255);
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.0696079115239846) 0%, rgba(255, 255, 255, 0.610504270067402) 30%);
        /* opacity: .6;*/
    }
}


.th1 {

    font-size: 6vh;

}

.gradiente-blanco-i-d {

    background: rgb(255, 255, 255);

    background: linear-gradient(94deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 70%);

}


.bg-gris {

    background: #343434;

}

.bg-cobre {

    background: #b97d4f;

}

.bg-cobre2 {

    background: #e6d0bb;

}



.abs-center {

    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 100vh;

}



.abs-center>div:hover {

    color: red;

}



.pasos-vc {

    color: rgba(169, 124, 81, .9);

    font-size: 10em;

    font-weight: 900;

    text-align: center;

}



.cita-vc {

    background: rgba(169, 124, 81, .5);

    border-radius: 25px;

    padding: 20px;

    text-align: justify;

    font-weight: 100;

}



.cita-vc-white {

    background: rgba(255, 255, 255, .7);

    border-radius: 25px;

    padding: 20px;

    text-align: justify;

    font-weight: 100;
}



.border-d {

    border-top-right-radius: 20px;

    border-bottom-right-radius: 20px;

}



.border-i {

    border-top-left-radius: 20px;

    border-bottom-left-radius: 20px;

}






.slogan-vc {

    font-size: 2.3em;

    color: #FFF;

    background: rgba(169, 124, 81, .7);

    border-radius: 25px;

    padding: 18px;

}

.floating-bubble {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px;
    background-color: #FF9800;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.vp_productos_cart {
    position: absolute;
    bottom: -10px;
    /* Mueve la bolita hacia arriba */
    right: 0;
    /* Mueve la bolita hacia la derecha */
    background-color: red;
    /* Cambia el color de fondo de la bolita */
    color: white;
    /* Cambia el color del texto del contador */
    border-radius: 50%;
    /* Hace que el elemento sea una bolita redonda */
    width: 20px;
    /* Ajusta el ancho de la bolita */
    height: 20px;
    /* Ajusta la altura de la bolita */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    /* Tamaño del texto del contador */
    font-weight: bold;
    /* Asegura que el texto sea negrita */
}

.liked {
    color: red;
    /* Cambiar a rojo */
}

.rated {
    color: yellow;
    /* Cambiar a amarillo */
}


.star {
    display: inline-block;
    font-size: 30px;
    color: #ccc;
    cursor: pointer;
}

.star.active,
.star:hover {
    color: #fdd835;
    /* Amarillo */
}


.pie-pag h3 {
    font-size: 16px;
}

.pie-pag h5 {
    font-size: 14px;
}

.social-share {
    font-size: 15px;
    color: #bccf0f;
}

.social-share a {
    padding: 5px;
    color: #bccf0f;
}

.social-share a:hover {
    color: #bccf0f;
}

.buscador-contenedor {
    display: flex;
    align-items: center;
    /* Centra verticalmente los elementos */
    width: 100%;
    justify-content: center;
}

.buscador-contenido-v2 {
    border: none;
    border-radius: 0.5rem;
    height: 45px;
    padding-right: 10px;
    padding-left: 55px;
    background-color: #565756;
    color: white;
}

.buscador-contenido-v2::placeholder {
    color: rgb(197, 197, 197);
}

.buscador-contenido-v2:focus {
    border: none;
    outline: none
}


.btn-buscar-contenido-v2 {
    background: #565756;
    color: white;
    border: 0px;
    height: 45px;
    position: absolute;
    background: none;
    width: 45px;
    border-radius: 0.5rem;
    left: 0;
}


.buscador-contenido {
    /* border: 1px solid #BCCF0F;
    border-radius: 25px;
    height: 45px;
    width: 90%;
    padding-right: 10px; Ajusta el espacio a la derecha del cuadro de búsqueda */
    border: 1px solid #BCCF0F;
    border-radius: 1.5rem;
    height: 45px;
    padding-right: 10px;
    padding-left: 16px;
}

.btn-buscar-contenido {
    background: #BCCF0F;
    color: #000000;
    border-radius: 50%;
    border: 0px;
    height: 45px;
    width: 45px;
    margin-left: -40px;
    /* Mueve el botón a la izquierda para superponerlo al cuadro de búsqueda */
}


.migas-pan {
    background-color: #414141;
    padding: 10px;
    font-size: 14px;
    color: #ffffff;
    /* Color del texto */
}

.migas-pan a {
    text-decoration: none;
    color: inherit;
    /* Heredar el color del texto del contenedor */
}

.migas-pan a:hover {
    text-decoration: underline;
    color: #000;
}

.migas-pan span {
    font-weight: bold;
}

/* Agregar una animación de transición al hacer hover */
.migas-pan a,
.migas-pan span {
    transition: color 0.3s ease;
}

.migas-pan a:hover {
    color: #000;
}

.burbuja-vc {
    width: 50%;
}

.clave-icon {
    font-size: 1.25rem;
    right: 19px;
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
}


#myTable .col-md-6.mb-4 {
    display: block !important;
}

#myTable .col-md-6.mb-4 img {
    display: block;
    width: 100%;
    height: auto;
}

#noResultsMessage {
    text-align: center;
    display: none;
    /* Oculto por defecto */
}

#noResultsMessage {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 400px;
    text-align: center;
}

#noResultsMessage h1 {
    color: white;
    margin-top: 20px;
}

#noResultsMessage a {
    margin-top: 20px;
}

.swiper {
    padding: .5rem !important;
    width: 70%;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.swiper-slide.swiper-slide-puntosVC {
    width: auto !important;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 1rem !important;
    background-color: white;
    padding: 10px 14px;
    border-radius: 50px;
    color: #000;
    font-weight: 600;
}

.btn-filtro-vc {
    background-color: white;
    color: black;
    margin: .25rem;
    border: none;
    padding: 0 12px;
    border-radius: .375rem;
    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    height: 32px;
}


.btn-filtro-vc:hover {
    background-color: #343434;
    color: white;
}

/* Home page styles */
#mainCarousel {
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.carousel-item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent 50%, #000);
    z-index: -1;
}

.carousel-container.recommendations,
.carousel-container.recommendations .carousel-item {
    position: relative;
    height: 100%;
    width: 100%;
}


.carousel-container.recommendations .carousel-item .carousel-img {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: -1;
}


.navbar .logo {
    height: 50px;
}


.carousel-caption {
    background: none;
    padding: 10px;
    border-radius: 0px 10px 10px 0px;
    /* Borde redondeado */
    display: inline-block;
    /* Ajustar al contenido */
    left: 0;
    right: auto;
    bottom: 10%;
    text-align: left;
}

.carousel-caption h5,
.carousel-caption p {
    margin: 10px;
}

.top-ten .carousel-control-prev {
    left: -120px;
    /* Ajusta este valor según sea necesario */
}

.top-ten .carousel-control-next {
    right: -120px;
    /* Ajusta este valor según sea necesario */
}

.card.recomendations img {
    height: 100%;
    object-fit: cover;
    border-radius: 0.375rem;
}

.card-container-recommendations {
    cursor: pointer;
    transition: all 0.3s;
}

.card.recomendations {
    background-color: #444;
    border: none;
    height: 138px;
}



.card-eventos {
    transition: 0.3s all;
}

.card-eventos:hover {
    transform: scale(1.1) !important;
}

.section:hover {
    z-index: 4;
}


.margin-t-6rem {
    margin-top: 6rem;
}

.dropdown li:hover,
.dropdown label:hover {
    background-color: #292828 !important;
    cursor: pointer;
}

/* HOVER EN CARDS DE BANCO RUTINAS */
.hover-banco-rutina {
    scale: 1;
    transition: all 0.3s ease-in-out;
}

.hover-banco-rutina:hover {
    scale: 0.95;
}

/* CARD PRODUCTOS */
.card.productos img {
    height: 100%;
    object-fit: cover;
    border-radius: 0.375rem;
}

.card-container-productos{
    cursor: pointer;
    transition: all 0.3s;
}

.card.productos{
    background-color: #444;
    border: none;
    height: 134px;
}

   /* HOVER PARA LAS  CARD DEL SLIDER EN EL HOME PAGE */
.card-container-productos:hover {
    
    transform:translateX(0px) translateY(-146px) scaleX(1.12) scaleY(1.1) translateZ(0px) !important;
    z-index: 2;
}
/* HOVER PARA LA PRIMERA CARD DEL SLIDER EN EL HOME PAGE */
.first-card-producto:hover {
    transform: translateX(20px) translateY(-146px) scaleX(1.12) scaleY(1.1) translateZ(0px) !important;
}
/* HOVER PARA LA ULTIMA CARD DEL SLIDER EN EL HOME PAGE */
.last-card-producto:hover{
    transform: translateX(-20px) translateY(-146px) scaleX(1.2) scaleY(1.2) translateZ(0px) !important;
}

/* HOVER PARA LAS  CARD DEL SLIDER EN EL HOME PAGE */
.card-container-productos:hover .item-description{
    visibility: visible !important;
}


.btn-productos-cantidad{
    border: 1px solid #bccf0f;
    background: none;
    color: white;
    border-radius: 0.5rem;
    width: 100%;
    text-align: center;
}

.not-allowed{
    cursor: not-allowed;
}

/* Media query para teléfonos */
@media only screen and (max-width: 769px) {
    .migas-pan {
        margin-top: 4rem;
    }

    /* .burbuja-vc {
        width: 100%;
    } */

    /* .carousel-item img {
        height: 200px;
    } */
}

/* Media query para computadoras */
@media(min-width: 1180px) {

    /* .card-usuarios {
        width: 45%;
    }

    .burbuja-vc {
        width: 40%;
    } */
    /* HOVER PARA LA PRIMERA CARD DEL SLIDER EN EL HOME PAGE */
    
    
    /* HOVER PARA LAS  CARD DEL SLIDER EN EL HOME PAGE */
    .card-container-recommendations:hover {
        /* transform: scale(1.5) !important; */
        transform: translateX(0px) translateY(-72px) scaleX(1.2) scaleY(1.2) translateZ(0px) !important;
        z-index: 2;
    }
    
    .first-card:hover {
        transform: translateX(20px) translateY(-72px) scaleX(1.2) scaleY(1.2) translateZ(0px) !important;
    }
    /* HOVER PARA LA ULTIMA CARD DEL SLIDER EN EL HOME PAGE */
    .last-card:hover {
        transform: translateX(-20px) translateY(-72px) scaleX(1.2) scaleY(1.2) translateZ(0px) !important;
    }
    /* HOVER PARA LAS  CARD DEL SLIDER EN EL HOME PAGE */
    .card-container-recommendations:hover .item-description {
        visibility: visible !important;
    }

}

@media(max-width: 600px) {
    .card-usuarios {
        flex-direction: column;
    }

    #section_evento_destacado {
        position: absolute;
        background: none !important;
    }
}

@media(min-width: 700px) {
    .modal-registro {
        max-width: max-content;
        width: 700px;
    }
}