footer {
    padding-top: 90px;
}

:root {
    --card-height: 300px;
    --card-width: calc(var(--card-height)/1.5)
}

.bg-verde-jade {
    background: #0e3138;
    background: linear-gradient(0deg, rgba(14, 49, 56, 1) 0, rgba(12, 76, 70, 1) 100%)
}

.bg-light-green {
    background: #6a9c95
}

.text-light-green {
    color: #6a9c95
}

.bg-transparent {
    background-color: transparent !important
}

p {
    line-height: 22px
}

@media (max-width:991px) {
    header.sticky.sticky-active .navbar-toggler-line {
        background: #262626 !important
    }

    .navbar-full-screen-menu-inner.bg-transparent,
    .navbar-modern-inner.bg-transparent,
    .navbar.bg-transparent {
        background-color: transparent !important
    }

    .sticky-active .navbar-brand .mobile-logo {
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important
    }

    header.sticky.sticky-active .navbar-brand .alt-logo {
        visibility: visible !important;
        opacity: 1 !important;
        width: auto !important
    }
}

header.sticky.sticky-active [data-header-hover=light] {
    background-color: #fffffff0 !important
}

.navbar-toggler-line {
    background: #fff
}

* {
    box-sizing: border-box
}

.custom-card {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    perspective: 2500px;
    border-radius: 12px
}

.custom-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: -1
}

.image-tilt {
    width: 100%;
    height: 100%;
    transition: all .5s;
    transform-origin: bottom
}

.custom-card:hover .image-tilt {
    transform: perspective(900px) translateY(-20%) rotateX(45deg) translateZ(0);
    box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, .75)
}

.cover-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain
}

.character {
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 50px;
    top: 0;
    left: 0;
    transition: all .5s;
    pointer-events: none;
    transform: none;
    object-fit: contain
}

.custom-card:hover .character {
    transform: translate3d(0, -20%, 100px);
    filter: drop-shadow(0 8px 4px rgba(0, 0, 0, .5))
}

.bg-footer {
    background-size: 750px !important
}

.disabled-link {
    pointer-events: none;
    opacity: .5;
    cursor: not-allowed
}

@media(min-width:768px) {
    .bg-footer {
        background-size: cover !important
    }
}

#slider-3d .custom-card {
    padding-top: 90px !important;
}

/* Recetarios slider styles */
.recetarios-swiper .swiper-slide {
    width: auto;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.recetario-card {
    width: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.recetario-card:hover {
    transform: scale(1.05);
}

.recetario-card img {
    width: 100%;
    height: auto;
    display: block;
}

.recetario-subtitle {
    font-size: 14px;
    color: #334;
    font-weight: 600;
}

@media (min-width: 992px) {
    /*.recetarios-swiper .swiper-slide{ max-width: 220px; }*/
}

@media (max-width: 991px) {
    .recetarios-swiper .swiper-slide {
        max-width: 45%;
    }
}

.recetarios-pagination {
    bottom: -9px !important;
}