/* 
========================================================================================================================== 
        body solar de ayala
========================================================================================================================== 
*/

/* 
========================================================================================================================== 
        menu y mas
========================================================================================================================== 
*/
#sp-title .sp-page-title-heading {
        color: #fff;
}

.site #sp-header {
        position: relative;
}

/* 
========================================================================================================================== 
        PAGINA DE INICIO
========================================================================================================================== 
*/
.cabeza-inicio {
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
}

#justitos {
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
}

.vino-inicio-5 {
        width: 30%;
        margin: auto;
        display: block;
}

.arteche-last .vino-inicio-5 {
        width: 27%;
}

#sp-page-builder .page-content #section-id-1769612067983 {
        background-image: url(/images/inicio/bodega-solar-de-ayala.webp);
        background-repeat: no-repeat;
        background-size: 122%;
        background-attachment: scroll;
        background-position: 0px 0px;
        box-shadow: 0px 0px 0px 0px #FFFFFF;
}

/* 
========================================================================================================================== 
        galeria
========================================================================================================================== 
*/
.speasyimagegallery-album-title {
        display: none;
}

/* 
========================================================================================================================== 
        solar de ayala — wine gallery
========================================================================================================================== 
*/
.wine-gallery {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 1.25rem;
        margin: 1.5rem 0;
}

.wine-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.75rem;
        padding: 1.25rem 0.75rem 1rem;
        background: #fff;
        border: 1px solid #e8e0d4;
        border-radius: 12px;
        transition: border-color 0.2s, background 0.2s;
        text-align: center;
}

.wine-item:hover {
        border-color: #c9b99a;
        background: #faf7f4;
}

.wine-item img {
        width: auto;
        height: 140px;
        object-fit: contain;
        display: block;
}

.wine-item p {
        margin: 0;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 0.06em;
        color: #6b5744;
        line-height: 1.4;
}

.wine-item--cta {
        justify-content: center;
        gap: 1rem;
        border-style: dashed;
}

.wine-cta-label {
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 0.1em;
        color: #6b5744;
        margin: 0;
}

.wine-cta-btn {
        display: inline-block;
        padding: 0.5rem 1rem;
        border: 2px solid #6b5744;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.1em;
        color: #6b5744;
        text-decoration: none;
        background: transparent;
        transition: background 0.2s, color 0.2s;
}

.wine-cta-btn:hover {
        background: #6b5744;
        color: #fff;
}

.speasyimagegallery-gallery {
        margin-top: 108px;
}

#mod-custom141 {
        text-align: right;
}

.view-album #sp-main-body {
        padding: 0px 0px 100px 0px;
}

/* 
========================================================================================================================== 
        footer y bottom
========================================================================================================================== 
*/
.body-innerwrapper #sp-footer {
        padding: 0 0 20px 0;
}

#footer-info a {
        color: #fff;
}

#sp-footer #sp-footer2 {
        text-align: right;
}

#sp-footer #sp-footer2 ul.menu {
        display: inline-block;
        list-style: none;
        padding: 0;
        margin: 0 -10px;
        font-size: 14px;
        max-width: none;
}

/* 
==============================
        GLOBAL — imágenes fluidas
==============================
*/
img {
        max-width: 100%;
        height: auto;
}

.offcanvas-inner #section-id-1614161837190,
.offcanvas-inner #sppb-addon-1614160082354 {
        display: none;
}

/* 
==============================
        responsive
==============================
*/

@media (max-width: 1440px) {
        #sp-page-builder .page-content #section-id-1769612067983 {
                background-size: 146%;
        }
}

@media (max-width: 1199px) {
        .vino-inicio-5 {
                width: 40%;
        }

        .wine-gallery {
                grid-template-columns: repeat(4, 1fr);
        }

        .wine-item img {
                height: 130px;
        }
}

@media (max-width: 1024px) {
        #offcanvas-toggler {
                display: block !important;
        }

        #sp-menu {
                display: none !important;
        }

        #sp-page-builder .page-content #section-id-1769612067983 {
                background-size: 206%;
        }
}

@media (max-width: 991px) {
        .vino-inicio-5 {
                width: 50%;
        }

        .wine-gallery {
                grid-template-columns: repeat(3, 1fr);
                gap: 1rem;
        }

        #sp-footer #sp-footer2 {
                text-align: center;
        }

        .speasyimagegallery-gallery {
                margin-top: 40px;
        }

        #mod-custom141 {
                text-align: center;
        }

        .view-album #sp-main-body {
                padding: 0 0 60px 0;
        }
}

@media (max-width: 768px) {
        .vino-inicio-5 {
                width: 65%;
        }

        .wine-gallery {
                grid-template-columns: repeat(3, 1fr);
                gap: 0.75rem;
        }

        .wine-item img {
                height: 110px;
        }

        .speasyimagegallery-gallery {
                margin-top: 20px;
        }

        #sp-footer #sp-footer2 {
                text-align: center;
        }

        #sp-footer #sp-footer2 ul.menu {
                text-align: center;
                margin: 0;
        }

        #sp-footer #sp-footer2 ul.menu li {
                display: block;
                margin: 6px 0;
        }
}

@media (max-width: 575px) {
        .vino-inicio-5 {
                width: 80%;
        }

        .wine-gallery {
                grid-template-columns: repeat(2, 1fr);
                gap: 0.75rem;
        }

        .wine-item {
                padding: 1rem 0.5rem 0.75rem;
        }

        .wine-item img {
                height: 100px;
        }

        .speasyimagegallery-gallery {
                margin-top: 10px;
        }

        #sp-footer #sp-footer2 {
                text-align: center;
        }

        #sp-footer #sp-footer2 ul.menu li {
                display: block;
                margin: 8px 0;
        }

        .view-album #sp-main-body {
                padding: 0 0 40px 0;
        }

        #mod-custom141 {
                text-align: center;
        }

        #sp-title .sp-page-title-heading {
                font-size: 1.6rem;
        }
}

@media (max-width: 425px) {
        .vino-inicio-5 {
                width: 90%;
        }

        .wine-gallery {
                grid-template-columns: repeat(2, 1fr);
                gap: 0.5rem;
        }

        .wine-item img {
                height: 90px;
        }

        #sp-title .sp-page-title-heading {
                font-size: 1.4rem;
        }
}

@media (max-width: 375px) {
        .vino-inicio-5 {
                width: 95%;
        }

        .wine-item img {
                height: 80px;
        }

        #sp-title .sp-page-title-heading {
                font-size: 1.2rem;
        }
}

@media (max-width: 320px) {
        .vino-inicio-5 {
                width: 100%;
        }

        .wine-gallery {
                gap: 0.4rem;
        }

        .wine-item img {
                height: 72px;
        }
}