/* 
========================================================================================================================== 
        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;
}

/* ================================================
   NUESTRA BODEGA — Solar de Ayala
   Pegar en: SP Page Builder > addon HTML > Custom CSS
   o en Joomla > Templates > Custom CSS
   ================================================ */

/* --- Contenedor principal (grid 2 columnas) --- */
.sda-bodega {
        display: grid;
        grid-template-columns: 1fr 1.65fr;
        gap: 18px;
        width: 100%;
        box-sizing: border-box;
        padding: 0;
}

/* --- Columnas --- */
.sda-bodega__col {
        display: flex;
        flex-direction: column;
        gap: 14px;
}

/* --- Placeholder "+" (borde discontinuo) --- */
.sda-bodega__upload {
        border: 2px dashed #c0c0c0;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 130px;
        background: #fafafa;
}

.sda-bodega__upload-icon {
        font-size: 26px;
        color: #b0b0b0;
        line-height: 1;
        user-select: none;
}

/* --- Imágenes pequeñas (cubas y botellas) --- */
.sda-bodega__thumb img {
        width: 100%;
        height: 210px;
        object-fit: cover;
        display: block;
        border-radius: 2px;
}

/* --- Cabecera derecha (título + línea) --- */
.sda-bodega__header {
        display: flex;
        flex-direction: column;
        gap: 10px;
}

.sda-bodega__title {
        /* font-size: clamp(1.3rem, 2.5vw, 1.9rem); */
        font-weight: 300;
        color: #1a1a1a;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
}

/* .sda-bodega__line {
        width: 100%;
        height: 1px;
        background: #c8a96e;
} */

/* --- Imagen grande (bodega exterior) --- */
.sda-bodega__main img {
        width: 100%;
        height: 100%;
        max-height: 500px;
        object-fit: cover;
        display: block;
        border-radius: 2px;
}

/* ================================================
   RESPONSIVE
   ================================================ */

/* Tablet (≤ 900px) */
@media (max-width: 900px) {
        .sda-bodega {
                grid-template-columns: 1fr 1.3fr;
                gap: 12px;
        }

        .sda-bodega__thumb img {
                height: 175px;
        }

        .sda-bodega__main img {
                max-height: 400px;
        }
}

/* Móvil grande / tablet portrait (≤ 680px):
   pasa a 1 columna, derecha primero */
@media (max-width: 680px) {
        .sda-bodega {
                grid-template-columns: 1fr;
                gap: 12px;
        }

        .sda-bodega__col--right {
                order: 1;
        }

        .sda-bodega__col--left {
                order: 2;
        }

        /* Las dos fotos pequeñas van lado a lado */
        .sda-bodega__col--left {
                display: grid;
                grid-template-columns: 1fr 1fr;
                grid-template-rows: auto auto;
                gap: 10px;
        }

        /* El placeholder ocupa las dos columnas */
        .sda-bodega__upload {
                grid-column: 1 / -1;
                min-height: 90px;
        }

        .sda-bodega__thumb img {
                height: 150px;
        }

        .sda-bodega__main img {
                max-height: 280px;
        }
}

/* Móvil pequeño (≤ 420px) */
@media (max-width: 420px) {
        .sda-bodega__col--left {
                grid-template-columns: 1fr;
        }

        .sda-bodega__thumb img {
                height: 190px;
        }
}

/* 
========================================================================================================================== 
        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: 0px;
        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: 185px;
        object-fit: contain;
        display: block;
}

.wine-item p {
        margin: 0;
        font-size: medium;
        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: medium;
        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;
}

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

.wine-gallery.wine-gallery--3col {
        margin-top: 0;
}

/* 
========================================================================================================================== 
        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;
}

.itemid-281 div[itemprop="articleBody"] ,
.itemid-282 div[itemprop="articleBody"]  {
        padding: 0 5%;
}
/* 
==============================
        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;
        }

        /* imagen pie cielo */
        #sp-page-builder .page-content #section-id-1769612067983 {
                background-size: 206%;
        }

        #sppb-addon-1769614166738 img {
                height: auto;
        }
}

@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) {

        /* logo inicio */
        #cabeza-inicio #sppb-addon-1767627980005 img {
                width: 390px;
                max-width: 390px;
        }

        .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;
        }

        /* imagen pie cielo */
        #sp-page-builder .page-content #section-id-1769612067983 {
                background-size: 422%;
        }

        #sppb-addon-1769614166738 img {
                height: auto;
        }
}

@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;
        }
}