.elementor-364 .elementor-element.elementor-element-ff1cd36{--display:flex;--min-height:0vh;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:2rem 2rem;--row-gap:2rem;--column-gap:2rem;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;}.elementor-364 .elementor-element.elementor-element-ff1cd36:not(.elementor-motion-effects-element-type-background), .elementor-364 .elementor-element.elementor-element-ff1cd36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-364 .elementor-element.elementor-element-a46eddb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-a46eddb */.texture-gallery {
    display: flex;
    gap: 2rem;
    align-items: stretch;
}
.texture-main {
    width: 50%;
    display: flex;
}
.texture-main img {
    width: 100%;
    height: 100%;      
    object-fit: cover;
    display: block;
}
.textandthumbs {
    width: 50%;
    display: flex;
    gap: 2rem;
    padding: 5vw 3vw 5vw 3vw;
}
.text-slide {
    width: 50%;
    margin-top: auto;
    padding-block-end: 10vw;
}
.text-slide h2 {
    font-size: clamp(1.1rem, 2.5vw, 1.8rem);
    font-weight: 500;
    margin: 0 0 0.75rem;
}
.text-slide p {
    font-size: clamp(0.8rem, 1.5vw, 1rem);
    line-height: 1.6;
    margin: 0;
}
.texture-thumbs {
    width: 50%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    align-content: start;
}
.texture-thumbs img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    cursor: pointer;
    opacity: 0.7;
    transition: 0.3s;
}
.texture-thumbs img:hover { opacity: 1; }
.texture-thumbs img.active {
    outline: 2px solid #C8A76A;
    opacity: 1;
}

/* Tablet */
@media (max-width: 768px) {
    .textandthumbs {
        flex-direction: column;
        padding: 1.5rem 1rem;
        gap: 1.25rem;
    }
    .text-slide {
        width: 100%;
        padding-block-end: 0;
        margin-top: 0;
    }
    .texture-thumbs {
        width: 100%;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.5rem;
    }
}

/* Móvil */
@media (max-width: 600px) {
    .texture-gallery {
        flex-direction: column;
        gap: 0;
    }
    .texture-main {
        width: 100%;
    }
    .textandthumbs {
        width: 100%;
        flex-direction: column-reverse;
        padding: 1.25rem 0.75rem;
        gap: 1rem;
    }
    .text-slide {
        width: 100%;
        padding-block-end: 10vh;
    }
    .texture-thumbs {
        width: 100%;
        grid-template-columns: repeat(4, 1fr);
        gap: 0.5rem;
    }
    .texture-main img {
        height: auto;
        aspect-ratio: 1 / 1;
    }
}/* End custom CSS */