.elementor-111 .elementor-element.elementor-element-1529a8b6{padding:5em 1em 1em 1em;}.elementor-111 .elementor-element.elementor-element-41a387dd > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:3px;}.elementor-111 .elementor-element.elementor-element-41a387dd > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-111 .elementor-element.elementor-element-6e44aaa5{text-align:start;}.elementor-111 .elementor-element.elementor-element-6e44aaa5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.5rem;font-weight:300;text-transform:uppercase;color:#333D50;}.elementor-111 .elementor-element.elementor-element-1de86be{text-align:start;}.elementor-111 .elementor-element.elementor-element-1de86be .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:3rem;font-weight:700;text-transform:uppercase;}.elementor-111 .elementor-element.elementor-element-41c9dffc > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-111 .elementor-element.elementor-element-9666977{--display:flex;--padding-top:4rem;--padding-bottom:4rem;--padding-left:0rem;--padding-right:0rem;}.elementor-111 .elementor-element.elementor-element-a8ead92{--display:flex;}.elementor-111 .elementor-element.elementor-element-dd73826{--display:flex;--min-height:28rem;--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;--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-111 .elementor-element.elementor-element-fee9c68{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-111 .elementor-element.elementor-element-fee9c68.elementor-element{--align-self:center;}.elementor-111 .elementor-element.elementor-element-fee9c68 img{height:28rem;}.elementor-111 .elementor-element.elementor-element-776b8ad{--display:flex;}.elementor-111 .elementor-element.elementor-element-74c24be{--display:flex;}.elementor-111 .elementor-element.elementor-element-2a0c1a5{--display:flex;--min-height:28rem;--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;--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-111 .elementor-element.elementor-element-f21ef5e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-111 .elementor-element.elementor-element-f21ef5e.elementor-element{--align-self:center;}.elementor-111 .elementor-element.elementor-element-f21ef5e img{height:28rem;}.elementor-111 .elementor-element.elementor-element-3211fd3{--display:flex;}.elementor-111 .elementor-element.elementor-element-911912d{--display:flex;--min-height:28rem;--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;--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-111 .elementor-element.elementor-element-6a728be{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-111 .elementor-element.elementor-element-6a728be.elementor-element{--align-self:center;}.elementor-111 .elementor-element.elementor-element-6a728be img{height:28rem;}.elementor-111 .elementor-element.elementor-element-af0cca6{--display:flex;}.elementor-111 .elementor-element.elementor-element-33c317c{--display:flex;--min-height:28rem;--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;--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-111 .elementor-element.elementor-element-35d12a9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-111 .elementor-element.elementor-element-35d12a9.elementor-element{--align-self:center;}.elementor-111 .elementor-element.elementor-element-35d12a9 img{height:28rem;}.elementor-111 .elementor-element.elementor-element-0721056{--display:flex;}.elementor-111 .elementor-element.elementor-element-f278242{--display:flex;--min-height:28rem;--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;--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-111 .elementor-element.elementor-element-3398ccf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-111 .elementor-element.elementor-element-3398ccf.elementor-element{--align-self:center;}.elementor-111 .elementor-element.elementor-element-3398ccf img{height:28rem;}.elementor-111 .elementor-element.elementor-element-480f137{--display:flex;}.elementor-111 .elementor-element.elementor-element-312723e{--display:flex;--min-height:28rem;--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;--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-111 .elementor-element.elementor-element-1cffd50{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-111 .elementor-element.elementor-element-1cffd50.elementor-element{--align-self:center;}.elementor-111 .elementor-element.elementor-element-1cffd50 img{height:28rem;}.elementor-111 .elementor-element.elementor-element-44af2f0{--display:flex;}.elementor-111 .elementor-element.elementor-element-c162c43{--display:flex;--min-height:28rem;--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;--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-111 .elementor-element.elementor-element-4ff01d2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-111 .elementor-element.elementor-element-4ff01d2.elementor-element{--align-self:center;}.elementor-111 .elementor-element.elementor-element-4ff01d2 img{height:28rem;}.elementor-111 .elementor-element.elementor-element-9f39406{--display:flex;}.elementor-111 .elementor-element.elementor-element-83e27c4{--display:flex;--min-height:28rem;--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;--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-111 .elementor-element.elementor-element-66ee31e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-111 .elementor-element.elementor-element-66ee31e.elementor-element{--align-self:center;}.elementor-111 .elementor-element.elementor-element-66ee31e img{height:28rem;}.elementor-111 .elementor-element.elementor-element-027a1cb{--display:flex;}.elementor-111 .elementor-element.elementor-element-5e6b21d{--display:flex;--min-height:28rem;--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;--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-111 .elementor-element.elementor-element-f76925e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-111 .elementor-element.elementor-element-f76925e.elementor-element{--align-self:center;}.elementor-111 .elementor-element.elementor-element-f76925e img{height:28rem;}.elementor-111 .elementor-element.elementor-element-13233b7{--display:flex;}.elementor-111 .elementor-element.elementor-element-95258e9{--display:flex;--min-height:28rem;--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;--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-111 .elementor-element.elementor-element-8ccc2d7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-111 .elementor-element.elementor-element-8ccc2d7.elementor-element{--align-self:center;}.elementor-111 .elementor-element.elementor-element-8ccc2d7 img{height:28rem;}.elementor-111 .elementor-element.elementor-element-bd9e2a3{--display:flex;}.elementor-111 .elementor-element.elementor-element-19e8df3{--display:flex;--min-height:28rem;--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;--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-111 .elementor-element.elementor-element-aed0b87{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-111 .elementor-element.elementor-element-aed0b87.elementor-element{--align-self:center;}.elementor-111 .elementor-element.elementor-element-aed0b87 img{height:28rem;}.elementor-111 .elementor-element.elementor-element-2cc4d04{--display:flex;}.elementor-111 .elementor-element.elementor-element-49bcce6{--display:flex;--min-height:28rem;--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;--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-111 .elementor-element.elementor-element-45dcfd0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-111 .elementor-element.elementor-element-45dcfd0.elementor-element{--align-self:center;}.elementor-111 .elementor-element.elementor-element-45dcfd0 img{height:28rem;}.elementor-111 .elementor-element.elementor-element-bb5b038{--display:flex;}.elementor-111 .elementor-element.elementor-element-1028978{--display:flex;--min-height:28rem;--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;--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-111 .elementor-element.elementor-element-61686b2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-111 .elementor-element.elementor-element-61686b2.elementor-element{--align-self:center;}.elementor-111 .elementor-element.elementor-element-61686b2 img{height:28rem;}.elementor-111 .elementor-element.elementor-element-7bd4101{--display:flex;}.elementor-111 .elementor-element.elementor-element-1d4db16{--display:flex;--min-height:28rem;--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;--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-111 .elementor-element.elementor-element-139b90d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-111 .elementor-element.elementor-element-139b90d.elementor-element{--align-self:center;}.elementor-111 .elementor-element.elementor-element-139b90d img{height:28rem;}.elementor-111 .elementor-element.elementor-element-ce5a90a{--display:flex;}.elementor-111 .elementor-element.elementor-element-441a8e5{--display:flex;--min-height:28rem;--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;--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-111 .elementor-element.elementor-element-ebaeb93{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-111 .elementor-element.elementor-element-ebaeb93.elementor-element{--align-self:center;}.elementor-111 .elementor-element.elementor-element-ebaeb93 img{height:28rem;}.elementor-111 .elementor-element.elementor-element-202ad15{--display:flex;}.elementor-111 .elementor-element.elementor-element-f8dcaa8{--display:flex;--min-height:28rem;--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;--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-111 .elementor-element.elementor-element-f37376b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-111 .elementor-element.elementor-element-f37376b.elementor-element{--align-self:center;}.elementor-111 .elementor-element.elementor-element-f37376b img{height:28rem;}.elementor-111 .elementor-element.elementor-element-2e6f06c{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-111 .elementor-element.elementor-element-9666977{--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-111 .elementor-element.elementor-element-fee9c68 img{height:28rem;}.elementor-111 .elementor-element.elementor-element-2e6f06c{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-111 .elementor-element.elementor-element-1529a8b6{padding:2rem 1rem 2rem 1rem;}.elementor-111 .elementor-element.elementor-element-6e44aaa5 .elementor-heading-title{font-size:0.9rem;}.elementor-111 .elementor-element.elementor-element-1de86be .elementor-heading-title{font-size:1rem;}.elementor-111 .elementor-element.elementor-element-a8ead92{--min-height:auto;}.elementor-111 .elementor-element.elementor-element-dd73826{--border-radius:0px 0px 0px 0px;}.elementor-111 .elementor-element.elementor-element-2e6f06c{--e-n-carousel-swiper-slides-to-display:1;}}@media(max-width:1024px) and (min-width:768px){.elementor-111 .elementor-element.elementor-element-41a387dd{width:100%;}.elementor-111 .elementor-element.elementor-element-41c9dffc{width:100%;}}/* Start custom CSS for container, class: .elementor-element-dd73826 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a0c1a5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911912d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33c317c *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f278242 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-312723e *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c162c43 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83e27c4 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e6b21d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95258e9 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19e8df3 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49bcce6 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1028978 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d4db16 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-441a8e5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8dcaa8 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd73826 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a0c1a5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911912d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33c317c *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f278242 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-312723e *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c162c43 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83e27c4 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e6b21d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95258e9 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19e8df3 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49bcce6 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1028978 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d4db16 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-441a8e5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8dcaa8 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd73826 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a0c1a5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911912d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33c317c *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f278242 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-312723e *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c162c43 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83e27c4 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e6b21d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95258e9 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19e8df3 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49bcce6 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1028978 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d4db16 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-441a8e5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8dcaa8 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd73826 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a0c1a5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911912d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33c317c *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f278242 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-312723e *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c162c43 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83e27c4 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e6b21d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95258e9 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19e8df3 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49bcce6 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1028978 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d4db16 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-441a8e5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8dcaa8 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd73826 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a0c1a5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911912d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33c317c *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f278242 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-312723e *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c162c43 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83e27c4 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e6b21d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95258e9 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19e8df3 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49bcce6 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1028978 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d4db16 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-441a8e5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8dcaa8 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd73826 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a0c1a5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911912d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33c317c *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f278242 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-312723e *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c162c43 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83e27c4 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e6b21d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95258e9 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19e8df3 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49bcce6 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1028978 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d4db16 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-441a8e5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8dcaa8 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd73826 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a0c1a5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911912d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33c317c *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f278242 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-312723e *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c162c43 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83e27c4 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e6b21d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95258e9 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19e8df3 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49bcce6 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1028978 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d4db16 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-441a8e5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8dcaa8 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd73826 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a0c1a5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911912d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33c317c *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f278242 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-312723e *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c162c43 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83e27c4 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e6b21d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95258e9 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19e8df3 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49bcce6 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1028978 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d4db16 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-441a8e5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8dcaa8 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd73826 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a0c1a5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911912d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33c317c *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f278242 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-312723e *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c162c43 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83e27c4 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e6b21d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95258e9 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19e8df3 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49bcce6 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1028978 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d4db16 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-441a8e5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8dcaa8 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd73826 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a0c1a5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911912d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33c317c *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f278242 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-312723e *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c162c43 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83e27c4 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e6b21d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95258e9 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19e8df3 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49bcce6 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1028978 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d4db16 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-441a8e5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8dcaa8 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd73826 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a0c1a5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911912d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33c317c *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f278242 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-312723e *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c162c43 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83e27c4 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e6b21d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95258e9 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19e8df3 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49bcce6 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1028978 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d4db16 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-441a8e5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8dcaa8 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd73826 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a0c1a5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911912d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33c317c *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f278242 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-312723e *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c162c43 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83e27c4 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e6b21d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95258e9 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19e8df3 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49bcce6 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1028978 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d4db16 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-441a8e5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8dcaa8 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd73826 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a0c1a5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911912d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33c317c *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f278242 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-312723e *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c162c43 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83e27c4 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e6b21d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95258e9 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19e8df3 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49bcce6 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1028978 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d4db16 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-441a8e5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8dcaa8 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd73826 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a0c1a5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911912d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33c317c *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f278242 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-312723e *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c162c43 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83e27c4 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e6b21d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95258e9 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19e8df3 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49bcce6 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1028978 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d4db16 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-441a8e5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8dcaa8 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd73826 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a0c1a5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911912d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33c317c *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f278242 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-312723e *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c162c43 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83e27c4 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e6b21d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95258e9 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19e8df3 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49bcce6 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1028978 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d4db16 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-441a8e5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8dcaa8 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd73826 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a0c1a5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911912d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33c317c *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f278242 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-312723e *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c162c43 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83e27c4 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e6b21d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95258e9 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19e8df3 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49bcce6 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1028978 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d4db16 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-441a8e5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8dcaa8 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd73826 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a0c1a5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-911912d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33c317c *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f278242 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-312723e *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c162c43 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83e27c4 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5e6b21d *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95258e9 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19e8df3 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49bcce6 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1028978 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d4db16 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-441a8e5 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f8dcaa8 *//* Contenedor principal */
.card-project {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
}

/* La imagen ocupa todo el card */
.card-media {
    position: absolute;
    inset: 0;
    margin: 0;
}

.card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* Overlay hover: gradiente dorado (empieza invisible) */
.card-project::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(193,187,139,0.87) 25%, rgba(193,187,139,0.69) 46%, rgba(0,0,0,0) 75%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.card-project:hover::after {
    opacity: 1;
}

/* Card body al fondo */
.card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 3;
}

/* Textos */
.card-title,
.card-description {
    color: #fff !important;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9666977 *//* Ambas flechas */
.project-list .elementor-swiper-button {
    width: 44px;
    height: 44px;
    top: -60px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
    position: absolute;
}

/* Flecha anterior — gris oscuro */
.project-list .elementor-swiper-button-prev {
    background-color: #2F3A4A;
    right: 54px;
    left: auto;
}

/* Flecha siguiente — dorado */
.project-list .elementor-swiper-button-next {
    background-color: #C1BB8B;
    right: 0;
}

/* Ícono SVG */
.project-list .elementor-swiper-button svg {
    width: 18px;
    height: 18px;
    fill: #ffffff;
}

/* Hover */
.project-list .elementor-swiper-button:hover {
    opacity: 0.8;
}/* End custom CSS */