.elementor-26 .elementor-element.elementor-element-c83b99d{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-c83b99d:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-c83b99d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-26 .elementor-element.elementor-element-060cfda .elementor-heading-title{color:var( --e-global-color-text );}.elementor-26 .elementor-element.elementor-element-65cc8e8{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;--align-items:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-e190ae1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-26 .elementor-element.elementor-element-b13e7ad img{height:30vh;}.elementor-26 .elementor-element.elementor-element-aa43883 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-26 .elementor-element.elementor-element-3456e8a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-a38fd7a img{height:30vh;}.elementor-26 .elementor-element.elementor-element-0fdca7c .elementor-heading-title{color:var( --e-global-color-text );}.elementor-26 .elementor-element.elementor-element-2b47c45{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-27a67cb img{height:30vh;}.elementor-26 .elementor-element.elementor-element-a71ad25 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-26 .elementor-element.elementor-element-78213c2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-5678d24 img{height:30vh;}.elementor-26 .elementor-element.elementor-element-148fdbc .elementor-heading-title{color:var( --e-global-color-text );}.elementor-26 .elementor-element.elementor-element-022adef{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-dc6b760 img{height:30vh;}.elementor-26 .elementor-element.elementor-element-06748a4 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-26 .elementor-element.elementor-element-ef683e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-645e42a{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-3c10f97{--display:flex;--min-height:100vh;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-3c10f97:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-3c10f97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://test.emeraldstudiodm.com/wp-content/uploads/2026/03/emerald-studio-venus-glow-studio-portfolio-feed-branding.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-26 .elementor-element.elementor-element-3c10f97.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-26 .elementor-element.elementor-element-889496a{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2rem;--padding-bottom:2rem;--padding-left:4rem;--padding-right:4rem;}.elementor-26 .elementor-element.elementor-element-177da0a .elementor-heading-title{color:var( --e-global-color-text );}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-26 .elementor-element.elementor-element-138ba5a{--display:flex;--min-height:100vh;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-138ba5a:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-138ba5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://test.emeraldstudiodm.com/wp-content/uploads/2026/03/emerald-studio-float-portfolio-branding.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-26 .elementor-element.elementor-element-138ba5a.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-26 .elementor-element.elementor-element-6a5e3cd{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2rem;--padding-bottom:2rem;--padding-left:4rem;--padding-right:4rem;}.elementor-26 .elementor-element.elementor-element-c718459 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-26 .elementor-element.elementor-element-c9859ac{--display:flex;--min-height:100vh;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-c9859ac:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-c9859ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://test.emeraldstudiodm.com/wp-content/uploads/2026/03/emerald-studio-rancho-mombacho-portfolio-leather-mockup-branding.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-26 .elementor-element.elementor-element-c9859ac.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-26 .elementor-element.elementor-element-2acc4f1{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2rem;--padding-bottom:2rem;--padding-left:4rem;--padding-right:4rem;}.elementor-26 .elementor-element.elementor-element-f445499 .elementor-heading-title{color:var( --e-global-color-text );}@media(min-width:1920px){.elementor-26 .elementor-element.elementor-element-65cc8e8{--grid-auto-flow:row;}.elementor-26 .elementor-element.elementor-element-b13e7ad img{height:35vh;}.elementor-26 .elementor-element.elementor-element-a38fd7a img{height:35vh;}.elementor-26 .elementor-element.elementor-element-27a67cb img{height:35vh;}.elementor-26 .elementor-element.elementor-element-5678d24 img{height:35vh;}.elementor-26 .elementor-element.elementor-element-dc6b760 img{height:35vh;}}@media(max-width:1366px){.elementor-26 .elementor-element.elementor-element-65cc8e8{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-26 .elementor-element.elementor-element-c83b99d{--min-height:60vh;}.elementor-26 .elementor-element.elementor-element-65cc8e8{--grid-auto-flow:row;}.elementor-26 .elementor-element.elementor-element-b13e7ad img{height:20vh;}.elementor-26 .elementor-element.elementor-element-a38fd7a img{height:20vh;}.elementor-26 .elementor-element.elementor-element-27a67cb img{height:20vh;}.elementor-26 .elementor-element.elementor-element-5678d24 img{height:20vh;}.elementor-26 .elementor-element.elementor-element-dc6b760 img{height:20vh;}}@media(max-width:810px){.elementor-26 .elementor-element.elementor-element-65cc8e8{--grid-auto-flow:row;}.elementor-26 .elementor-element.elementor-element-889496a{--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-26 .elementor-element.elementor-element-6a5e3cd{--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-26 .elementor-element.elementor-element-2acc4f1{--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}}@media(max-width:767px){.elementor-26 .elementor-element.elementor-element-c83b99d{--min-height:70vh;--justify-content:space-evenly;}.elementor-26 .elementor-element.elementor-element-65cc8e8{--grid-auto-flow:row;}.elementor-26 .elementor-element.elementor-element-b13e7ad img{height:35vh;}.elementor-26 .elementor-element.elementor-element-a38fd7a img{height:35vh;}.elementor-26 .elementor-element.elementor-element-27a67cb img{height:35vh;}.elementor-26 .elementor-element.elementor-element-5678d24 img{height:35vh;}.elementor-26 .elementor-element.elementor-element-dc6b760 img{height:35vh;}}@media(max-width:480px){.elementor-26 .elementor-element.elementor-element-65cc8e8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-26 .elementor-element.elementor-element-b13e7ad img{height:35vh;}.elementor-26 .elementor-element.elementor-element-a38fd7a img{height:35vh;}.elementor-26 .elementor-element.elementor-element-27a67cb img{height:35vh;}.elementor-26 .elementor-element.elementor-element-5678d24 img{height:35vh;}.elementor-26 .elementor-element.elementor-element-dc6b760 img{height:35vh;}}/* Start custom CSS for image, class: .elementor-element-b13e7ad */.elementor-26 .elementor-element.elementor-element-b13e7ad img {
    aspect-ratio: 3/2;
    object-fit: cover;
    object-position: 50% 100%;
    border-radius: 4px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a38fd7a */.elementor-26 .elementor-element.elementor-element-a38fd7a img {
    aspect-ratio: 3/2;
    object-fit: cover;
    object-position: 50% 100%;
    border-radius: 4px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-27a67cb */.elementor-26 .elementor-element.elementor-element-27a67cb img {
    aspect-ratio: 3/2;
    object-fit: cover;
    object-position: 50% 100%;
    border-radius: 4px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5678d24 */.elementor-26 .elementor-element.elementor-element-5678d24 img {
    aspect-ratio: 3/2;
    object-fit: cover;
    object-position: 50% 100%;
    border-radius: 4px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dc6b760 */.elementor-26 .elementor-element.elementor-element-dc6b760 img {
    aspect-ratio: 3/2;
    object-fit: cover;
    object-position: 50% 100%;
    border-radius: 4px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c83b99d */.elementor main {
  padding-block: clamp(1.6rem, 2.8vw, 3.5rem);
  padding-inline: clamp(0.72rem, 3.6vw, 4.2rem);
  column-gap: clamp(0.75rem, 4vw, 2.5rem);
	row-gap: clamp(0.5rem, 3vw, 1.8rem);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b18ee33 */.elementor-26 .elementor-element.elementor-element-b18ee33 h2 {
    font-size: var(--fs-h1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-889496a */.elementor-26 .elementor-element.elementor-element-889496a {
    background: rgba(0, 202, 111, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    height: 20%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a5e3cd */.elementor-26 .elementor-element.elementor-element-6a5e3cd {
    background: rgba(0, 202, 111, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    height: 20%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2acc4f1 */.elementor-26 .elementor-element.elementor-element-2acc4f1 {
    background: rgba(0, 202, 111, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    height: 20%;
}/* End custom CSS */
/* Start custom CSS */<style>
.contenedor-proyectos {
    display: grid !important;
    transition: all 0.5s ease;
}

/* acá determino el estado base de cada imagen */
.item-proyecto {
    transition: filter 0.5s cubic-bezier(0.25, 1, 0.5, 1), 
                opacity 0.5s ease, 
                transform 0.5s ease !important;
}

/* establezco el efecto de grupo al hacer hover en el grid */
.contenedor-proyectos:hover .item-proyecto {
    filter: blur(10px) grayscale(100%);
    opacity: 0.4;
    transform: scale(0.95); 
}

/* acá ando aplicando el efecto sobre la imagen a la que se le hace el hover */
.contenedor-proyectos .item-proyecto:hover {
    filter: blur(0px) grayscale(0%);
    opacity: 1;
    transform: scale(1.05);
    z-index: 10;
}

/* acá comienza la lógica en móviles (767px hacia abajo)*/
@media (max-width: 767px) {
    
    .contenedor-proyectos {
        display: flex !important;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        gap: 20px;
        padding: 0 10vw !important; 
    }

    .contenedor-proyectos::-webkit-scrollbar {
        display: none;
    }

    .item-proyecto {
        flex: 0 0 80vw !important;
        scroll-snap-align: center;
        filter: blur(8px) grayscale(100%) !important;
        opacity: 0.4 !important;
        transform: scale(0.95) !important;
        pointer-events: none; 
    }

    .item-proyecto.is-active {
        filter: blur(0px) grayscale(0%) !important;
        opacity: 1 !important;
        transform: scale(1) !important;
    }
}

/* procedo a ocultar los H2 visualmente pero siempre los mantengo en el DOM para no botar el seo*/
.titulo-seo {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
</style>/* End custom CSS */