.elementor-2499 .elementor-element.elementor-element-82bb2e0{--display:flex;--min-height:60vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:1;--overlay-mix-blend-mode:multiply;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;--z-index:80;}.elementor-2499 .elementor-element.elementor-element-82bb2e0:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-82bb2e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #1A2B4B 14%, var( --e-global-color-primary ) 100%);}.elementor-2499 .elementor-element.elementor-element-82bb2e0::before, .elementor-2499 .elementor-element.elementor-element-82bb2e0 > .elementor-background-video-container::before, .elementor-2499 .elementor-element.elementor-element-82bb2e0 > .e-con-inner > .elementor-background-video-container::before, .elementor-2499 .elementor-element.elementor-element-82bb2e0 > .elementor-background-slideshow::before, .elementor-2499 .elementor-element.elementor-element-82bb2e0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2499 .elementor-element.elementor-element-82bb2e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-4f92f85 );background-image:url("https://harboraluminum.com/wp-content/uploads/2026/03/industry-consulting-02-1.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2499 .elementor-element.elementor-element-a811982{--display:flex;--justify-content:center;}.elementor-2499 .elementor-element.elementor-element-56c4bef > .elementor-widget-container{padding:0% 0% 0% 2%;border-style:solid;border-width:0px 0px 0px 3px;border-color:var( --e-global-color-6217cc3 );}.elementor-2499 .elementor-element.elementor-element-56c4bef .elementor-heading-title{font-size:44px;color:var( --e-global-color-d6cea4e );}.elementor-2499 .elementor-element.elementor-element-ae9da23{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:8%;--padding-bottom:8%;--padding-left:0%;--padding-right:0%;--z-index:82;}.elementor-2499 .elementor-element.elementor-element-ae9da23:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-ae9da23 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d6cea4e );}.elementor-2499 .elementor-element.elementor-element-5768da0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:1;}.elementor-2499 .elementor-element.elementor-element-5768da0::before, .elementor-2499 .elementor-element.elementor-element-5768da0 > .elementor-background-video-container::before, .elementor-2499 .elementor-element.elementor-element-5768da0 > .e-con-inner > .elementor-background-video-container::before, .elementor-2499 .elementor-element.elementor-element-5768da0 > .elementor-background-slideshow::before, .elementor-2499 .elementor-element.elementor-element-5768da0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2499 .elementor-element.elementor-element-5768da0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2499 .elementor-element.elementor-element-fdb4f00{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;}.elementor-2499 .elementor-element.elementor-element-8b838a3{--divider-border-style:solid;--divider-color:var( --e-global-color-6217cc3 );--divider-border-width:3px;}.elementor-2499 .elementor-element.elementor-element-8b838a3 .elementor-divider-separator{width:10%;margin:0 auto;margin-center:0;}.elementor-2499 .elementor-element.elementor-element-8b838a3 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2499 .elementor-element.elementor-element-f4ee67d{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-2499 .elementor-element.elementor-element-c0a5d60{--display:flex;--justify-content:center;--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-2499 .elementor-element.elementor-element-691694d{--display:flex;--min-height:400px;--background-transition:0.3s;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:10%;--padding-bottom:10%;--padding-left:6%;--padding-right:6%;}.elementor-2499 .elementor-element.elementor-element-691694d:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-691694d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(150deg, #1A2B4B 25%, #0A1529 100%);}.elementor-2499 .elementor-element.elementor-element-691694d:hover{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-4f92f85 ) 0%, var( --e-global-color-4f92f85 ) 100%);border-style:solid;border-width:0px 0px 6px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:6px;--border-left-width:0px;border-color:#9F8840;--border-color:#9F8840;--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}.elementor-2499 .elementor-element.elementor-element-691694d, .elementor-2499 .elementor-element.elementor-element-691694d::before{--border-transition:0.3s;}.elementor-2499 .elementor-element.elementor-element-6d4fb71{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-2499 .elementor-element.elementor-element-6d4fb71.elementor-element{--align-self:center;}.elementor-2499 .elementor-element.elementor-element-6d4fb71 .elementor-icon-box-wrapper{text-align:center;}.elementor-2499 .elementor-element.elementor-element-6d4fb71 .elementor-icon-box-title, .elementor-2499 .elementor-element.elementor-element-6d4fb71 .elementor-icon-box-title a{font-family:"TrajanPro-Regular", Sans-serif;font-size:28px;font-weight:400;}.elementor-2499 .elementor-element.elementor-element-6d4fb71 .elementor-icon-box-title{color:var( --e-global-color-c696dce );}.elementor-2499 .elementor-element.elementor-element-6d4fb71 .elementor-icon-box-description{font-size:15px;font-weight:200;line-height:1.8em;color:var( --e-global-color-c696dce );}.elementor-2499 .elementor-element.elementor-element-ff3aa03{--display:flex;--min-height:400px;--background-transition:0.3s;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:10%;--padding-bottom:10%;--padding-left:6%;--padding-right:6%;}.elementor-2499 .elementor-element.elementor-element-ff3aa03:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-ff3aa03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(150deg, #1A2B4B 25%, #0A1529 100%);}.elementor-2499 .elementor-element.elementor-element-ff3aa03:hover{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-4f92f85 ) 0%, var( --e-global-color-4f92f85 ) 100%);border-style:solid;border-width:0px 0px 6px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:6px;--border-left-width:0px;border-color:var( --e-global-color-6217cc3 );--border-color:var( --e-global-color-6217cc3 );--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}.elementor-2499 .elementor-element.elementor-element-ff3aa03, .elementor-2499 .elementor-element.elementor-element-ff3aa03::before{--border-transition:0.3s;}.elementor-2499 .elementor-element.elementor-element-8073d5e{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-2499 .elementor-element.elementor-element-8073d5e.elementor-element{--align-self:center;}.elementor-2499 .elementor-element.elementor-element-8073d5e .elementor-icon-box-wrapper{text-align:center;}.elementor-2499 .elementor-element.elementor-element-8073d5e .elementor-icon-box-title, .elementor-2499 .elementor-element.elementor-element-8073d5e .elementor-icon-box-title a{font-family:"TrajanPro-Regular", Sans-serif;font-size:28px;font-weight:400;}.elementor-2499 .elementor-element.elementor-element-8073d5e .elementor-icon-box-title{color:var( --e-global-color-c696dce );}.elementor-2499 .elementor-element.elementor-element-8073d5e .elementor-icon-box-description{font-size:15px;font-weight:200;line-height:1.8em;color:var( --e-global-color-c696dce );}.elementor-2499 .elementor-element.elementor-element-42c5ae3{--display:flex;--min-height:400px;--background-transition:0.3s;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:10%;--padding-bottom:10%;--padding-left:6%;--padding-right:6%;}.elementor-2499 .elementor-element.elementor-element-42c5ae3:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-42c5ae3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(150deg, #1A2B4B 25%, #0A1529 100%);}.elementor-2499 .elementor-element.elementor-element-42c5ae3:hover{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-4f92f85 ) 0%, var( --e-global-color-4f92f85 ) 100%);border-style:solid;border-width:0px 0px 6px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:6px;--border-left-width:0px;border-color:var( --e-global-color-6217cc3 );--border-color:var( --e-global-color-6217cc3 );--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}.elementor-2499 .elementor-element.elementor-element-42c5ae3, .elementor-2499 .elementor-element.elementor-element-42c5ae3::before{--border-transition:0.3s;}.elementor-2499 .elementor-element.elementor-element-2eb4abd{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-2499 .elementor-element.elementor-element-2eb4abd.elementor-element{--align-self:center;}.elementor-2499 .elementor-element.elementor-element-2eb4abd .elementor-icon-box-wrapper{text-align:center;}.elementor-2499 .elementor-element.elementor-element-2eb4abd .elementor-icon-box-title, .elementor-2499 .elementor-element.elementor-element-2eb4abd .elementor-icon-box-title a{font-family:"TrajanPro-Regular", Sans-serif;font-size:28px;font-weight:400;}.elementor-2499 .elementor-element.elementor-element-2eb4abd .elementor-icon-box-title{color:var( --e-global-color-c696dce );}.elementor-2499 .elementor-element.elementor-element-2eb4abd .elementor-icon-box-description{font-size:15px;font-weight:200;line-height:1.8em;color:var( --e-global-color-c696dce );}.elementor-2499 .elementor-element.elementor-element-8b42bf8{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:50%;--n-tabs-title-flex-basis:auto;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:100%;--n-tabs-title-align-items:flex-start;--n-tabs-heading-wrap:nowrap;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:0px;--n-tabs-gap:0px;--n-tabs-title-font-size:20px;--n-tabs-title-color:#0A1529;--n-tabs-title-color-active:var( --e-global-color-primary );--n-tabs-title-direction:row;--n-tabs-icon-order:1;--n-tabs-title-justify-content-toggle:initial;--n-tabs-title-align-items-toggle:center;--n-tabs-icon-size:13px;--n-tabs-icon-gap:40px;--n-tabs-icon-color:var( --e-global-color-d6cea4e );--n-tabs-icon-color-active:var( --e-global-color-6217cc3 );}.elementor-2499 .elementor-element.elementor-element-8b42bf8 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-2499 .elementor-element.elementor-element-8b42bf8.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-14ef391 );border-style:solid;border-width:0px 0px 0px 4px;border-color:var( --e-global-color-6217cc3 );}.elementor-2499 .elementor-element.elementor-element-8b42bf8.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-2499 .elementor-element.elementor-element-8b42bf8.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-14ef391 );border-style:solid;border-width:0px 0px 0px 4px;border-color:var( --e-global-color-6217cc3 );}:where( .elementor-2499 .elementor-element.elementor-element-8b42bf8.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-content ) > .e-con{background-color:var( --e-global-color-4f92f85 );--padding-top:5%;--padding-right:5%;--padding-bottom:5%;--padding-left:5%;}.elementor-2499 .elementor-element.elementor-element-8b42bf8 > .elementor-widget-container{background-color:var( --e-global-color-d6cea4e );box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);}.elementor-2499 .elementor-element.elementor-element-8b42bf8.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-2499 .elementor-element.elementor-element-8b42bf8.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"TrajanPro-Regular", Sans-serif;font-weight:400;text-transform:none;line-height:1.8em;}.elementor-2499 .elementor-element.elementor-element-8b42bf8 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#0A1529;--n-tabs-icon-color-hover:var( --e-global-color-6217cc3 );}.elementor-2499 .elementor-element.elementor-element-3ae414e{--display:flex;--min-height:90vh;--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;--padding-top:8%;--padding-bottom:8%;--padding-left:0%;--padding-right:0%;--z-index:82;}.elementor-2499 .elementor-element.elementor-element-3ae414e:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-3ae414e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-764183d );}.elementor-2499 .elementor-element.elementor-element-9d7968a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2499 .elementor-element.elementor-element-702fd00{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-2499 .elementor-element.elementor-element-702fd00.elementor-element{--align-self:center;}.elementor-2499 .elementor-element.elementor-element-39cd655{--divider-border-style:solid;--divider-color:var( --e-global-color-6217cc3 );--divider-border-width:3px;}.elementor-2499 .elementor-element.elementor-element-39cd655 > .elementor-widget-container{padding:10px 0px 20px 0px;}.elementor-2499 .elementor-element.elementor-element-39cd655 .elementor-divider-separator{width:10%;margin:0 auto;margin-center:0;}.elementor-2499 .elementor-element.elementor-element-39cd655 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2499 .elementor-element.elementor-element-2a519f6{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;column-gap:0px;text-align:center;}.elementor-2499 .elementor-element.elementor-element-2a519f6 > .elementor-widget-container{padding:0% 0% 2% 0%;}.elementor-2499 .elementor-element.elementor-element-2a519f6.elementor-element{--align-self:center;}.elementor-2499 .elementor-element.elementor-element-b9045cf{--display:flex;}.elementor-2499 .elementor-element.elementor-element-6fd44e8{--display:flex;--min-height:60vh;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover{box-shadow:0px 11px 11px 0px rgba(0, 0, 0, 0.18);}.elementor-2499 .elementor-element.elementor-element-b09090c{--display:flex;--position:absolute;top:0px;}.elementor-2499 .elementor-element.elementor-element-b09090c:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-b09090c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://harboraluminum.com/wp-content/uploads/2026/02/jorge-v-feb2026.jpg");background-position:top center;background-size:cover;}body:not(.rtl) .elementor-2499 .elementor-element.elementor-element-b09090c{left:0px;}body.rtl .elementor-2499 .elementor-element.elementor-element-b09090c{right:0px;}.elementor-2499 .elementor-element.elementor-element-68ceb96{--display:flex;--position:absolute;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2499 .elementor-element.elementor-element-68ceb96:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-68ceb96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-86b4fcd );}.elementor-2499 .elementor-element.elementor-element-e0b6d67 .elementor-button{background-color:var( --e-global-color-d6cea4e );font-size:12px;line-height:1em;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:none;}.elementor-2499 .elementor-element.elementor-element-e0b6d67 .elementor-button:hover, .elementor-2499 .elementor-element.elementor-element-e0b6d67 .elementor-button:focus{background-color:var( --e-global-color-d6cea4e );color:var( --e-global-color-primary );box-shadow:0px 0px 10px 4px rgba(0,0,0,0.5);}.elementor-2499 .elementor-element.elementor-element-e0b6d67 > .elementor-widget-container{padding:4px 0px 4px 0px;}.elementor-2499 .elementor-element.elementor-element-e0b6d67 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2499 .elementor-element.elementor-element-e0b6d67 .elementor-button:hover svg, .elementor-2499 .elementor-element.elementor-element-e0b6d67 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-2499 .elementor-element.elementor-element-9f2d6c2{--display:flex;--position:absolute;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;bottom:0px;--z-index:10;}.elementor-2499 .elementor-element.elementor-element-9f2d6c2:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-9f2d6c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c696dce );}body:not(.rtl) .elementor-2499 .elementor-element.elementor-element-9f2d6c2{left:0px;}body.rtl .elementor-2499 .elementor-element.elementor-element-9f2d6c2{right:0px;}.elementor-2499 .elementor-element.elementor-element-a00c11b > .elementor-widget-container{margin:0px 0px 5px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9F884059;}.elementor-2499 .elementor-element.elementor-element-a00c11b .elementor-heading-title{font-size:10px;font-weight:600;text-transform:uppercase;text-decoration:none;color:var( --e-global-color-6217cc3 );}.elementor-2499 .elementor-element.elementor-element-89bbf96 > .elementor-widget-container{margin:0px 0px 00px 0px;}.elementor-2499 .elementor-element.elementor-element-89bbf96 .elementor-heading-title{font-family:"Prata", Sans-serif;color:var( --e-global-color-primary );}.elementor-2499 .elementor-element.elementor-element-7cd086a > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-2499 .elementor-element.elementor-element-7cd086a .elementor-heading-title{font-size:12px;color:var( --e-global-color-accent );}.elementor-2499 .elementor-element.elementor-element-6268af2{--display:flex;}.elementor-2499 .elementor-element.elementor-element-e56253f{--display:flex;--min-height:60vh;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2499 .elementor-element.elementor-element-e56253f:hover{box-shadow:0px 11px 11px 0px rgba(0, 0, 0, 0.18);}.elementor-2499 .elementor-element.elementor-element-0667b30{--display:flex;--position:absolute;top:0px;}.elementor-2499 .elementor-element.elementor-element-0667b30:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-0667b30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://harboraluminum.com/wp-content/uploads/2026/02/tim-w-feb2026.jpg");background-position:top center;background-size:cover;}body:not(.rtl) .elementor-2499 .elementor-element.elementor-element-0667b30{left:0px;}body.rtl .elementor-2499 .elementor-element.elementor-element-0667b30{right:0px;}.elementor-2499 .elementor-element.elementor-element-078e03c{--display:flex;--position:absolute;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2499 .elementor-element.elementor-element-078e03c:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-078e03c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-86b4fcd );}.elementor-2499 .elementor-element.elementor-element-90f4e12 .elementor-button{background-color:var( --e-global-color-d6cea4e );font-size:12px;line-height:1em;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:none;}.elementor-2499 .elementor-element.elementor-element-90f4e12 .elementor-button:hover, .elementor-2499 .elementor-element.elementor-element-90f4e12 .elementor-button:focus{background-color:var( --e-global-color-d6cea4e );color:var( --e-global-color-primary );box-shadow:0px 0px 10px 4px rgba(0,0,0,0.5);}.elementor-2499 .elementor-element.elementor-element-90f4e12 > .elementor-widget-container{padding:4px 0px 4px 0px;}.elementor-2499 .elementor-element.elementor-element-90f4e12 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2499 .elementor-element.elementor-element-90f4e12 .elementor-button:hover svg, .elementor-2499 .elementor-element.elementor-element-90f4e12 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-2499 .elementor-element.elementor-element-a509aa6{--display:flex;--position:absolute;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;bottom:0px;--z-index:10;}.elementor-2499 .elementor-element.elementor-element-a509aa6:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-a509aa6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c696dce );}body:not(.rtl) .elementor-2499 .elementor-element.elementor-element-a509aa6{left:0px;}body.rtl .elementor-2499 .elementor-element.elementor-element-a509aa6{right:0px;}.elementor-2499 .elementor-element.elementor-element-78dfd29 > .elementor-widget-container{margin:0px 0px 5px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9F884059;}.elementor-2499 .elementor-element.elementor-element-78dfd29 .elementor-heading-title{font-size:10px;font-weight:600;text-transform:uppercase;text-decoration:none;color:var( --e-global-color-6217cc3 );}.elementor-2499 .elementor-element.elementor-element-8cab2ea > .elementor-widget-container{margin:0px 0px 00px 0px;}.elementor-2499 .elementor-element.elementor-element-8cab2ea .elementor-heading-title{font-family:"Prata", Sans-serif;color:var( --e-global-color-primary );}.elementor-2499 .elementor-element.elementor-element-e56e902 > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-2499 .elementor-element.elementor-element-e56e902 .elementor-heading-title{font-size:12px;color:var( --e-global-color-accent );}.elementor-2499 .elementor-element.elementor-element-7917a02{--display:flex;}.elementor-2499 .elementor-element.elementor-element-accd2ca{--display:flex;--min-height:60vh;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2499 .elementor-element.elementor-element-accd2ca:hover{box-shadow:0px 11px 11px 0px rgba(0, 0, 0, 0.18);}.elementor-2499 .elementor-element.elementor-element-5b1135b{--display:flex;--position:absolute;top:0px;}.elementor-2499 .elementor-element.elementor-element-5b1135b:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-5b1135b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://harboraluminum.com/wp-content/uploads/2026/02/jesus-v-feb2026.jpg");background-position:top center;background-size:cover;}body:not(.rtl) .elementor-2499 .elementor-element.elementor-element-5b1135b{left:0px;}body.rtl .elementor-2499 .elementor-element.elementor-element-5b1135b{right:0px;}.elementor-2499 .elementor-element.elementor-element-e947763{--display:flex;--position:absolute;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2499 .elementor-element.elementor-element-e947763:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-e947763 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-86b4fcd );}.elementor-2499 .elementor-element.elementor-element-6d91e1b .elementor-button{background-color:var( --e-global-color-d6cea4e );font-size:12px;line-height:1em;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:none;}.elementor-2499 .elementor-element.elementor-element-6d91e1b .elementor-button:hover, .elementor-2499 .elementor-element.elementor-element-6d91e1b .elementor-button:focus{background-color:var( --e-global-color-d6cea4e );color:var( --e-global-color-primary );box-shadow:0px 0px 10px 4px rgba(0,0,0,0.5);}.elementor-2499 .elementor-element.elementor-element-6d91e1b > .elementor-widget-container{padding:4px 0px 4px 0px;}.elementor-2499 .elementor-element.elementor-element-6d91e1b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2499 .elementor-element.elementor-element-6d91e1b .elementor-button:hover svg, .elementor-2499 .elementor-element.elementor-element-6d91e1b .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-2499 .elementor-element.elementor-element-cc5c7a9{--display:flex;--position:absolute;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;bottom:0px;--z-index:10;}.elementor-2499 .elementor-element.elementor-element-cc5c7a9:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-cc5c7a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c696dce );}body:not(.rtl) .elementor-2499 .elementor-element.elementor-element-cc5c7a9{left:0px;}body.rtl .elementor-2499 .elementor-element.elementor-element-cc5c7a9{right:0px;}.elementor-2499 .elementor-element.elementor-element-b8042e3 > .elementor-widget-container{margin:0px 0px 5px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9F884059;}.elementor-2499 .elementor-element.elementor-element-b8042e3 .elementor-heading-title{font-size:10px;font-weight:600;text-transform:uppercase;text-decoration:none;color:var( --e-global-color-6217cc3 );}.elementor-2499 .elementor-element.elementor-element-848c09e > .elementor-widget-container{margin:0px 0px 00px 0px;}.elementor-2499 .elementor-element.elementor-element-848c09e .elementor-heading-title{font-family:"Prata", Sans-serif;color:var( --e-global-color-primary );}.elementor-2499 .elementor-element.elementor-element-dd7a97c > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-2499 .elementor-element.elementor-element-dd7a97c .elementor-heading-title{font-size:12px;color:var( --e-global-color-accent );}.elementor-2499 .elementor-element.elementor-element-2f9a3e9{--display:flex;}.elementor-2499 .elementor-element.elementor-element-9f0d7e0{--display:flex;--min-height:60vh;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover{box-shadow:0px 11px 11px 0px rgba(0, 0, 0, 0.18);}.elementor-2499 .elementor-element.elementor-element-15126be{--display:flex;--position:absolute;top:0px;}.elementor-2499 .elementor-element.elementor-element-15126be:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-15126be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://harboraluminum.com/wp-content/uploads/2026/02/juan-b-feb2026.jpg");background-position:top center;background-size:cover;}body:not(.rtl) .elementor-2499 .elementor-element.elementor-element-15126be{left:0px;}body.rtl .elementor-2499 .elementor-element.elementor-element-15126be{right:0px;}.elementor-2499 .elementor-element.elementor-element-65fde1d{--display:flex;--position:absolute;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2499 .elementor-element.elementor-element-65fde1d:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-65fde1d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-86b4fcd );}.elementor-2499 .elementor-element.elementor-element-47f12c6 .elementor-button{background-color:var( --e-global-color-d6cea4e );font-size:12px;line-height:1em;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:none;}.elementor-2499 .elementor-element.elementor-element-47f12c6 .elementor-button:hover, .elementor-2499 .elementor-element.elementor-element-47f12c6 .elementor-button:focus{background-color:var( --e-global-color-d6cea4e );color:var( --e-global-color-primary );box-shadow:0px 0px 10px 4px rgba(0,0,0,0.5);}.elementor-2499 .elementor-element.elementor-element-47f12c6 > .elementor-widget-container{padding:4px 0px 4px 0px;}.elementor-2499 .elementor-element.elementor-element-47f12c6 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2499 .elementor-element.elementor-element-47f12c6 .elementor-button:hover svg, .elementor-2499 .elementor-element.elementor-element-47f12c6 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-2499 .elementor-element.elementor-element-fcdd3fb{--display:flex;--position:absolute;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;bottom:0px;--z-index:10;}.elementor-2499 .elementor-element.elementor-element-fcdd3fb:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-fcdd3fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c696dce );}body:not(.rtl) .elementor-2499 .elementor-element.elementor-element-fcdd3fb{left:0px;}body.rtl .elementor-2499 .elementor-element.elementor-element-fcdd3fb{right:0px;}.elementor-2499 .elementor-element.elementor-element-bd230a0 > .elementor-widget-container{margin:0px 0px 5px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9F884059;}.elementor-2499 .elementor-element.elementor-element-bd230a0 .elementor-heading-title{font-size:10px;font-weight:600;text-transform:uppercase;text-decoration:none;color:var( --e-global-color-6217cc3 );}.elementor-2499 .elementor-element.elementor-element-d88b0b3 > .elementor-widget-container{margin:0px 0px 00px 0px;}.elementor-2499 .elementor-element.elementor-element-d88b0b3 .elementor-heading-title{font-family:"Prata", Sans-serif;color:var( --e-global-color-primary );}.elementor-2499 .elementor-element.elementor-element-b3d0ffa > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-2499 .elementor-element.elementor-element-b3d0ffa .elementor-heading-title{font-size:12px;color:var( --e-global-color-accent );}.elementor-2499 .elementor-element.elementor-element-3e03345{--display:flex;}.elementor-2499 .elementor-element.elementor-element-15d5d43{--display:flex;--min-height:60vh;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2499 .elementor-element.elementor-element-15d5d43:hover{box-shadow:0px 11px 11px 0px rgba(0, 0, 0, 0.18);}.elementor-2499 .elementor-element.elementor-element-9c68db6{--display:flex;--position:absolute;top:0px;}.elementor-2499 .elementor-element.elementor-element-9c68db6:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-9c68db6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://harboraluminum.com/wp-content/uploads/2026/01/patrick-keatin-bn-03.jpg");background-position:top center;background-size:cover;}body:not(.rtl) .elementor-2499 .elementor-element.elementor-element-9c68db6{left:0px;}body.rtl .elementor-2499 .elementor-element.elementor-element-9c68db6{right:0px;}.elementor-2499 .elementor-element.elementor-element-356c157{--display:flex;--position:absolute;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2499 .elementor-element.elementor-element-356c157:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-356c157 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-86b4fcd );}.elementor-2499 .elementor-element.elementor-element-94188e7 .elementor-button{background-color:var( --e-global-color-d6cea4e );font-size:12px;line-height:1em;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:none;}.elementor-2499 .elementor-element.elementor-element-94188e7 .elementor-button:hover, .elementor-2499 .elementor-element.elementor-element-94188e7 .elementor-button:focus{background-color:var( --e-global-color-d6cea4e );color:var( --e-global-color-primary );box-shadow:0px 0px 10px 4px rgba(0,0,0,0.5);}.elementor-2499 .elementor-element.elementor-element-94188e7 > .elementor-widget-container{padding:4px 0px 4px 0px;}.elementor-2499 .elementor-element.elementor-element-94188e7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2499 .elementor-element.elementor-element-94188e7 .elementor-button:hover svg, .elementor-2499 .elementor-element.elementor-element-94188e7 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-2499 .elementor-element.elementor-element-0afb375{--display:flex;--position:absolute;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;bottom:0px;--z-index:10;}.elementor-2499 .elementor-element.elementor-element-0afb375:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-0afb375 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c696dce );}body:not(.rtl) .elementor-2499 .elementor-element.elementor-element-0afb375{left:0px;}body.rtl .elementor-2499 .elementor-element.elementor-element-0afb375{right:0px;}.elementor-2499 .elementor-element.elementor-element-1cee6f0 > .elementor-widget-container{margin:0px 0px 5px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9F884059;}.elementor-2499 .elementor-element.elementor-element-1cee6f0 .elementor-heading-title{font-size:10px;font-weight:600;text-transform:uppercase;text-decoration:none;color:var( --e-global-color-6217cc3 );}.elementor-2499 .elementor-element.elementor-element-530fac8 > .elementor-widget-container{margin:0px 0px 00px 0px;}.elementor-2499 .elementor-element.elementor-element-530fac8 .elementor-heading-title{font-family:"Prata", Sans-serif;color:var( --e-global-color-primary );}.elementor-2499 .elementor-element.elementor-element-b6c26df > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-2499 .elementor-element.elementor-element-b6c26df .elementor-heading-title{font-size:12px;color:var( --e-global-color-accent );}.elementor-2499 .elementor-element.elementor-element-bb25ffc{--display:flex;}.elementor-2499 .elementor-element.elementor-element-1dae3ae{--display:flex;--min-height:60vh;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover{box-shadow:0px 11px 11px 0px rgba(0, 0, 0, 0.18);}.elementor-2499 .elementor-element.elementor-element-d7a6b6e{--display:flex;--position:absolute;top:0px;}.elementor-2499 .elementor-element.elementor-element-d7a6b6e:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-d7a6b6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://harboraluminum.com/wp-content/uploads/2026/01/gerardo-solorio-bn-00.jpg");background-position:top center;background-size:cover;}body:not(.rtl) .elementor-2499 .elementor-element.elementor-element-d7a6b6e{left:0px;}body.rtl .elementor-2499 .elementor-element.elementor-element-d7a6b6e{right:0px;}.elementor-2499 .elementor-element.elementor-element-c00e621{--display:flex;--position:absolute;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2499 .elementor-element.elementor-element-c00e621:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-c00e621 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-86b4fcd );}.elementor-2499 .elementor-element.elementor-element-2a823c7 .elementor-button{background-color:var( --e-global-color-d6cea4e );font-size:12px;line-height:1em;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:none;}.elementor-2499 .elementor-element.elementor-element-2a823c7 .elementor-button:hover, .elementor-2499 .elementor-element.elementor-element-2a823c7 .elementor-button:focus{background-color:var( --e-global-color-d6cea4e );color:var( --e-global-color-primary );box-shadow:0px 0px 10px 4px rgba(0,0,0,0.5);}.elementor-2499 .elementor-element.elementor-element-2a823c7 > .elementor-widget-container{padding:4px 0px 4px 0px;}.elementor-2499 .elementor-element.elementor-element-2a823c7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2499 .elementor-element.elementor-element-2a823c7 .elementor-button:hover svg, .elementor-2499 .elementor-element.elementor-element-2a823c7 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-2499 .elementor-element.elementor-element-c7a8cc5{--display:flex;--position:absolute;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;bottom:0px;--z-index:10;}.elementor-2499 .elementor-element.elementor-element-c7a8cc5:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-c7a8cc5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c696dce );}body:not(.rtl) .elementor-2499 .elementor-element.elementor-element-c7a8cc5{left:0px;}body.rtl .elementor-2499 .elementor-element.elementor-element-c7a8cc5{right:0px;}.elementor-2499 .elementor-element.elementor-element-f41efa3 > .elementor-widget-container{margin:0px 0px 5px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9F884059;}.elementor-2499 .elementor-element.elementor-element-f41efa3 .elementor-heading-title{font-size:10px;font-weight:600;text-transform:uppercase;text-decoration:none;color:var( --e-global-color-6217cc3 );}.elementor-2499 .elementor-element.elementor-element-769d088 > .elementor-widget-container{margin:0px 0px 00px 0px;}.elementor-2499 .elementor-element.elementor-element-769d088 .elementor-heading-title{font-family:"Prata", Sans-serif;color:var( --e-global-color-primary );}.elementor-2499 .elementor-element.elementor-element-a95b705 > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-2499 .elementor-element.elementor-element-a95b705 .elementor-heading-title{font-size:12px;color:var( --e-global-color-accent );}.elementor-2499 .elementor-element.elementor-element-fa676d2{--display:flex;}.elementor-2499 .elementor-element.elementor-element-04055cb{--display:flex;--min-height:60vh;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2499 .elementor-element.elementor-element-04055cb:hover{box-shadow:0px 11px 11px 0px rgba(0, 0, 0, 0.18);}.elementor-2499 .elementor-element.elementor-element-55030f5{--display:flex;--position:absolute;top:0px;}.elementor-2499 .elementor-element.elementor-element-55030f5:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-55030f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://harboraluminum.com/wp-content/uploads/2026/01/fabio-garcia.jpg");background-position:top center;background-size:cover;}body:not(.rtl) .elementor-2499 .elementor-element.elementor-element-55030f5{left:0px;}body.rtl .elementor-2499 .elementor-element.elementor-element-55030f5{right:0px;}.elementor-2499 .elementor-element.elementor-element-a12fc3e{--display:flex;--position:absolute;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2499 .elementor-element.elementor-element-a12fc3e:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-a12fc3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-86b4fcd );}.elementor-2499 .elementor-element.elementor-element-2d8155b .elementor-button{background-color:var( --e-global-color-d6cea4e );font-size:12px;line-height:1em;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:none;}.elementor-2499 .elementor-element.elementor-element-2d8155b .elementor-button:hover, .elementor-2499 .elementor-element.elementor-element-2d8155b .elementor-button:focus{background-color:var( --e-global-color-d6cea4e );color:var( --e-global-color-primary );box-shadow:0px 0px 10px 4px rgba(0,0,0,0.5);}.elementor-2499 .elementor-element.elementor-element-2d8155b > .elementor-widget-container{padding:4px 0px 4px 0px;}.elementor-2499 .elementor-element.elementor-element-2d8155b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2499 .elementor-element.elementor-element-2d8155b .elementor-button:hover svg, .elementor-2499 .elementor-element.elementor-element-2d8155b .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-2499 .elementor-element.elementor-element-e47c62d{--display:flex;--position:absolute;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;bottom:0px;--z-index:10;}.elementor-2499 .elementor-element.elementor-element-e47c62d:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-e47c62d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c696dce );}body:not(.rtl) .elementor-2499 .elementor-element.elementor-element-e47c62d{left:0px;}body.rtl .elementor-2499 .elementor-element.elementor-element-e47c62d{right:0px;}.elementor-2499 .elementor-element.elementor-element-6df1a74 > .elementor-widget-container{margin:0px 0px 5px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9F884059;}.elementor-2499 .elementor-element.elementor-element-6df1a74 .elementor-heading-title{font-size:10px;font-weight:600;text-transform:uppercase;text-decoration:none;color:var( --e-global-color-6217cc3 );}.elementor-2499 .elementor-element.elementor-element-c6fee29 > .elementor-widget-container{margin:0px 0px 00px 0px;}.elementor-2499 .elementor-element.elementor-element-c6fee29 .elementor-heading-title{font-family:"Prata", Sans-serif;color:var( --e-global-color-primary );}.elementor-2499 .elementor-element.elementor-element-304a433 > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-2499 .elementor-element.elementor-element-304a433 .elementor-heading-title{font-size:12px;color:var( --e-global-color-accent );}.elementor-2499 .elementor-element.elementor-element-3164ecd{--display:flex;}.elementor-2499 .elementor-element.elementor-element-4ebd75c{--display:flex;--min-height:60vh;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover{box-shadow:0px 11px 11px 0px rgba(0, 0, 0, 0.18);}.elementor-2499 .elementor-element.elementor-element-765f8e1{--display:flex;--position:absolute;top:0px;}.elementor-2499 .elementor-element.elementor-element-765f8e1:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-765f8e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://harboraluminum.com/wp-content/uploads/2026/02/emmauel-r-feb2026.jpg");background-position:top center;background-size:cover;}body:not(.rtl) .elementor-2499 .elementor-element.elementor-element-765f8e1{left:0px;}body.rtl .elementor-2499 .elementor-element.elementor-element-765f8e1{right:0px;}.elementor-2499 .elementor-element.elementor-element-c696bff{--display:flex;--position:absolute;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2499 .elementor-element.elementor-element-c696bff:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-c696bff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-86b4fcd );}.elementor-2499 .elementor-element.elementor-element-901ce04 .elementor-button{background-color:var( --e-global-color-d6cea4e );font-size:12px;line-height:1em;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:none;}.elementor-2499 .elementor-element.elementor-element-901ce04 .elementor-button:hover, .elementor-2499 .elementor-element.elementor-element-901ce04 .elementor-button:focus{background-color:var( --e-global-color-d6cea4e );color:var( --e-global-color-primary );box-shadow:0px 0px 10px 4px rgba(0,0,0,0.5);}.elementor-2499 .elementor-element.elementor-element-901ce04 > .elementor-widget-container{padding:4px 0px 4px 0px;}.elementor-2499 .elementor-element.elementor-element-901ce04 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2499 .elementor-element.elementor-element-901ce04 .elementor-button:hover svg, .elementor-2499 .elementor-element.elementor-element-901ce04 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-2499 .elementor-element.elementor-element-69534e7{--display:flex;--position:absolute;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;bottom:0px;--z-index:10;}.elementor-2499 .elementor-element.elementor-element-69534e7:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-69534e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c696dce );}body:not(.rtl) .elementor-2499 .elementor-element.elementor-element-69534e7{left:0px;}body.rtl .elementor-2499 .elementor-element.elementor-element-69534e7{right:0px;}.elementor-2499 .elementor-element.elementor-element-87b128f > .elementor-widget-container{margin:0px 0px 5px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9F884059;}.elementor-2499 .elementor-element.elementor-element-87b128f .elementor-heading-title{font-size:10px;font-weight:600;text-transform:uppercase;text-decoration:none;color:var( --e-global-color-6217cc3 );}.elementor-2499 .elementor-element.elementor-element-b3c6c0b > .elementor-widget-container{margin:0px 0px 00px 0px;}.elementor-2499 .elementor-element.elementor-element-b3c6c0b .elementor-heading-title{font-family:"Prata", Sans-serif;color:var( --e-global-color-primary );}.elementor-2499 .elementor-element.elementor-element-8b49157 > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-2499 .elementor-element.elementor-element-8b49157 .elementor-heading-title{font-size:12px;color:var( --e-global-color-accent );}.elementor-2499 .elementor-element.elementor-element-131673b{--display:flex;}.elementor-2499 .elementor-element.elementor-element-437ebf2{--display:flex;--min-height:60vh;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2499 .elementor-element.elementor-element-437ebf2:hover{box-shadow:0px 11px 11px 0px rgba(0, 0, 0, 0.18);}.elementor-2499 .elementor-element.elementor-element-d61460b{--display:flex;--position:absolute;top:0px;}.elementor-2499 .elementor-element.elementor-element-d61460b:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-d61460b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://harboraluminum.com/wp-content/uploads/2026/01/john-betz-ex.jpg");background-position:top center;background-size:cover;}body:not(.rtl) .elementor-2499 .elementor-element.elementor-element-d61460b{left:0px;}body.rtl .elementor-2499 .elementor-element.elementor-element-d61460b{right:0px;}.elementor-2499 .elementor-element.elementor-element-86f4800{--display:flex;--position:absolute;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2499 .elementor-element.elementor-element-86f4800:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-86f4800 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-86b4fcd );}.elementor-2499 .elementor-element.elementor-element-2018754 .elementor-button{background-color:var( --e-global-color-d6cea4e );font-size:12px;line-height:1em;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:none;}.elementor-2499 .elementor-element.elementor-element-2018754 .elementor-button:hover, .elementor-2499 .elementor-element.elementor-element-2018754 .elementor-button:focus{background-color:var( --e-global-color-d6cea4e );color:var( --e-global-color-primary );box-shadow:0px 0px 10px 4px rgba(0,0,0,0.5);}.elementor-2499 .elementor-element.elementor-element-2018754 > .elementor-widget-container{padding:4px 0px 4px 0px;}.elementor-2499 .elementor-element.elementor-element-2018754 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2499 .elementor-element.elementor-element-2018754 .elementor-button:hover svg, .elementor-2499 .elementor-element.elementor-element-2018754 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-2499 .elementor-element.elementor-element-e336626{--display:flex;--position:absolute;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;bottom:0px;--z-index:10;}.elementor-2499 .elementor-element.elementor-element-e336626:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-e336626 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c696dce );}body:not(.rtl) .elementor-2499 .elementor-element.elementor-element-e336626{left:0px;}body.rtl .elementor-2499 .elementor-element.elementor-element-e336626{right:0px;}.elementor-2499 .elementor-element.elementor-element-9228925 > .elementor-widget-container{margin:0px 0px 5px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9F884059;}.elementor-2499 .elementor-element.elementor-element-9228925 .elementor-heading-title{font-size:10px;font-weight:600;text-transform:uppercase;text-decoration:none;color:var( --e-global-color-6217cc3 );}.elementor-2499 .elementor-element.elementor-element-0c2a150 > .elementor-widget-container{margin:0px 0px 00px 0px;}.elementor-2499 .elementor-element.elementor-element-0c2a150 .elementor-heading-title{font-family:"Prata", Sans-serif;color:var( --e-global-color-primary );}.elementor-2499 .elementor-element.elementor-element-7b6009f > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-2499 .elementor-element.elementor-element-7b6009f .elementor-heading-title{font-size:12px;color:var( --e-global-color-accent );}.elementor-2499 .elementor-element.elementor-element-9119467{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:30px;--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:2.5%;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:2.5%;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:20px;--e-n-carousel-arrow-normal-color:var( --e-global-color-6217cc3 );--e-n-carousel-arrow-hover-color:var( --e-global-color-primary );}.elementor-2499 .elementor-element.elementor-element-9119467 > .elementor-widget-container{padding:0% 4% 0% 4%;}:where( .elementor-2499 .elementor-element.elementor-element-9119467 .swiper-slide ) > .e-con{border-style:none;}.elementor-2499 .elementor-element.elementor-element-16851fa{--spacer-size:50px;}.elementor-2499 .elementor-element.elementor-element-b0d832a .elementor-button{background-color:#FFFFFF00;fill:var( --e-global-color-6217cc3 );color:var( --e-global-color-6217cc3 );}.elementor-2499 .elementor-element.elementor-element-b0d832a .elementor-button:hover, .elementor-2499 .elementor-element.elementor-element-b0d832a .elementor-button:focus{background-color:#FFFFFF00;color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2499 .elementor-element.elementor-element-b0d832a .elementor-button:hover svg, .elementor-2499 .elementor-element.elementor-element-b0d832a .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-2499 .elementor-element.elementor-element-1cad734{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:8%;--padding-bottom:8%;--padding-left:0%;--padding-right:0%;--z-index:82;}.elementor-2499 .elementor-element.elementor-element-1cad734:not(.elementor-motion-effects-element-type-background), .elementor-2499 .elementor-element.elementor-element-1cad734 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c696dce );}.elementor-2499 .elementor-element.elementor-element-7c46365{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2499 .elementor-element.elementor-element-7c46365.e-con{--align-self:center;}.elementor-2499 .elementor-element.elementor-element-55f76c6.elementor-element{--align-self:center;}.elementor-2499 .elementor-element.elementor-element-55f76c6{text-align:center;}.elementor-2499 .elementor-element.elementor-element-5a762ce{--divider-border-style:solid;--divider-color:var( --e-global-color-6217cc3 );--divider-border-width:3px;}.elementor-2499 .elementor-element.elementor-element-5a762ce > .elementor-widget-container{padding:10px 0px 20px 0px;}.elementor-2499 .elementor-element.elementor-element-5a762ce .elementor-divider-separator{width:10%;margin:0 auto;margin-center:0;}.elementor-2499 .elementor-element.elementor-element-5a762ce .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2499 .elementor-element.elementor-element-9ff2af2{text-align:center;}.elementor-2499 .elementor-element.elementor-element-f42f364 > .elementor-widget-container{padding:4% 0% 4% 0%;}.elementor-2499 .elementor-element.elementor-element-f42f364{text-align:center;}.elementor-2499 .elementor-element.elementor-element-d309e7c .elementor-button{background-color:#FFFFFF00;fill:var( --e-global-color-6217cc3 );color:var( --e-global-color-6217cc3 );}.elementor-2499 .elementor-element.elementor-element-d309e7c .elementor-button:hover, .elementor-2499 .elementor-element.elementor-element-d309e7c .elementor-button:focus{background-color:#FFFFFF00;color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2499 .elementor-element.elementor-element-d309e7c .elementor-button:hover svg, .elementor-2499 .elementor-element.elementor-element-d309e7c .elementor-button:focus svg{fill:var( --e-global-color-primary );}@media(min-width:768px){.elementor-2499 .elementor-element.elementor-element-ae9da23{--content-width:1280px;}.elementor-2499 .elementor-element.elementor-element-5768da0{--width:100%;}.elementor-2499 .elementor-element.elementor-element-6fd44e8{--width:100%;}.elementor-2499 .elementor-element.elementor-element-b09090c{--content-width:100%;}.elementor-2499 .elementor-element.elementor-element-e56253f{--width:100%;}.elementor-2499 .elementor-element.elementor-element-0667b30{--content-width:100%;}.elementor-2499 .elementor-element.elementor-element-accd2ca{--width:100%;}.elementor-2499 .elementor-element.elementor-element-5b1135b{--content-width:100%;}.elementor-2499 .elementor-element.elementor-element-9f0d7e0{--width:100%;}.elementor-2499 .elementor-element.elementor-element-15126be{--content-width:100%;}.elementor-2499 .elementor-element.elementor-element-15d5d43{--width:100%;}.elementor-2499 .elementor-element.elementor-element-9c68db6{--content-width:100%;}.elementor-2499 .elementor-element.elementor-element-1dae3ae{--width:100%;}.elementor-2499 .elementor-element.elementor-element-d7a6b6e{--content-width:100%;}.elementor-2499 .elementor-element.elementor-element-04055cb{--width:100%;}.elementor-2499 .elementor-element.elementor-element-55030f5{--content-width:100%;}.elementor-2499 .elementor-element.elementor-element-4ebd75c{--width:100%;}.elementor-2499 .elementor-element.elementor-element-765f8e1{--content-width:100%;}.elementor-2499 .elementor-element.elementor-element-437ebf2{--width:100%;}.elementor-2499 .elementor-element.elementor-element-d61460b{--content-width:100%;}.elementor-2499 .elementor-element.elementor-element-7c46365{--width:80%;}}@media(max-width:1024px){.elementor-2499 .elementor-element.elementor-element-82bb2e0{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-2499 .elementor-element.elementor-element-c0a5d60{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-2499 .elementor-element.elementor-element-691694d{--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-2499 .elementor-element.elementor-element-6d4fb71{--container-widget-width:85%;--container-widget-flex-grow:0;width:var( --container-widget-width, 85% );max-width:85%;}.elementor-2499 .elementor-element.elementor-element-ff3aa03{--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-2499 .elementor-element.elementor-element-8073d5e{--container-widget-width:85%;--container-widget-flex-grow:0;width:var( --container-widget-width, 85% );max-width:85%;}.elementor-2499 .elementor-element.elementor-element-42c5ae3{--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-2499 .elementor-element.elementor-element-2eb4abd{--container-widget-width:85%;--container-widget-flex-grow:0;width:var( --container-widget-width, 85% );max-width:85%;}.elementor-2499 .elementor-element.elementor-element-e0b6d67 .elementor-button{font-size:14px;}.elementor-2499 .elementor-element.elementor-element-89bbf96 .elementor-heading-title{font-size:25px;}.elementor-2499 .elementor-element.elementor-element-90f4e12 .elementor-button{font-size:14px;}.elementor-2499 .elementor-element.elementor-element-8cab2ea .elementor-heading-title{font-size:25px;}.elementor-2499 .elementor-element.elementor-element-6d91e1b .elementor-button{font-size:14px;}.elementor-2499 .elementor-element.elementor-element-848c09e .elementor-heading-title{font-size:25px;}.elementor-2499 .elementor-element.elementor-element-47f12c6 .elementor-button{font-size:14px;}.elementor-2499 .elementor-element.elementor-element-d88b0b3 .elementor-heading-title{font-size:25px;}.elementor-2499 .elementor-element.elementor-element-94188e7 .elementor-button{font-size:14px;}.elementor-2499 .elementor-element.elementor-element-530fac8 .elementor-heading-title{font-size:25px;}.elementor-2499 .elementor-element.elementor-element-2a823c7 .elementor-button{font-size:14px;}.elementor-2499 .elementor-element.elementor-element-769d088 .elementor-heading-title{font-size:25px;}.elementor-2499 .elementor-element.elementor-element-2d8155b .elementor-button{font-size:14px;}.elementor-2499 .elementor-element.elementor-element-c6fee29 .elementor-heading-title{font-size:25px;}.elementor-2499 .elementor-element.elementor-element-901ce04 .elementor-button{font-size:14px;}.elementor-2499 .elementor-element.elementor-element-b3c6c0b .elementor-heading-title{font-size:25px;}.elementor-2499 .elementor-element.elementor-element-2018754 .elementor-button{font-size:14px;}.elementor-2499 .elementor-element.elementor-element-0c2a150 .elementor-heading-title{font-size:25px;}.elementor-2499 .elementor-element.elementor-element-9119467{--e-n-carousel-swiper-slides-to-display:2;}.elementor-2499 .elementor-element.elementor-element-b0d832a .elementor-button{font-size:14px;padding:14px 35px 14px 35px;}.elementor-2499 .elementor-element.elementor-element-d309e7c .elementor-button{font-size:14px;padding:14px 35px 14px 35px;}}@media(max-width:767px){.elementor-2499 .elementor-element.elementor-element-56c4bef .elementor-heading-title{font-size:28px;}.elementor-2499 .elementor-element.elementor-element-ae9da23{--padding-top:18%;--padding-bottom:18%;--padding-left:0%;--padding-right:0%;}.elementor-2499 .elementor-element.elementor-element-fdb4f00{--container-widget-width:95%;--container-widget-flex-grow:0;width:var( --container-widget-width, 95% );max-width:95%;}.elementor-2499 .elementor-element.elementor-element-fdb4f00 .elementor-heading-title{font-size:28px;}.elementor-2499 .elementor-element.elementor-element-f4ee67d{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-2499 .elementor-element.elementor-element-3ae414e{--padding-top:18%;--padding-bottom:18%;--padding-left:0%;--padding-right:0%;}.elementor-2499 .elementor-element.elementor-element-702fd00 .elementor-heading-title{font-size:28px;}.elementor-2499 .elementor-element.elementor-element-9f2d6c2{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-2499 .elementor-element.elementor-element-89bbf96 .elementor-heading-title{font-size:20px;}.elementor-2499 .elementor-element.elementor-element-a509aa6{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-2499 .elementor-element.elementor-element-8cab2ea .elementor-heading-title{font-size:20px;}.elementor-2499 .elementor-element.elementor-element-cc5c7a9{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-2499 .elementor-element.elementor-element-848c09e .elementor-heading-title{font-size:20px;}.elementor-2499 .elementor-element.elementor-element-fcdd3fb{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-2499 .elementor-element.elementor-element-d88b0b3 .elementor-heading-title{font-size:20px;}.elementor-2499 .elementor-element.elementor-element-0afb375{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-2499 .elementor-element.elementor-element-530fac8 .elementor-heading-title{font-size:20px;}.elementor-2499 .elementor-element.elementor-element-c7a8cc5{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-2499 .elementor-element.elementor-element-769d088 .elementor-heading-title{font-size:20px;}.elementor-2499 .elementor-element.elementor-element-e47c62d{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-2499 .elementor-element.elementor-element-c6fee29 .elementor-heading-title{font-size:20px;}.elementor-2499 .elementor-element.elementor-element-69534e7{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-2499 .elementor-element.elementor-element-b3c6c0b .elementor-heading-title{font-size:20px;}.elementor-2499 .elementor-element.elementor-element-e336626{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-2499 .elementor-element.elementor-element-0c2a150 .elementor-heading-title{font-size:20px;}.elementor-2499 .elementor-element.elementor-element-9119467{--e-n-carousel-swiper-slides-to-display:1;}.elementor-2499 .elementor-element.elementor-element-16851fa{--spacer-size:40px;}.elementor-2499 .elementor-element.elementor-element-b0d832a .elementor-button{padding:12px 25px 12px 25px;}.elementor-2499 .elementor-element.elementor-element-1cad734{--padding-top:18%;--padding-bottom:18%;--padding-left:8%;--padding-right:8%;}.elementor-2499 .elementor-element.elementor-element-55f76c6 .elementor-heading-title{font-size:28px;}.elementor-2499 .elementor-element.elementor-element-f42f364 > .elementor-widget-container{padding:8% 0% 8% 0%;}.elementor-2499 .elementor-element.elementor-element-d309e7c .elementor-button{padding:12px 25px 12px 25px;}}@media(min-width:1025px){.elementor-2499 .elementor-element.elementor-element-82bb2e0::before, .elementor-2499 .elementor-element.elementor-element-82bb2e0 > .elementor-background-video-container::before, .elementor-2499 .elementor-element.elementor-element-82bb2e0 > .e-con-inner > .elementor-background-video-container::before, .elementor-2499 .elementor-element.elementor-element-82bb2e0 > .elementor-background-slideshow::before, .elementor-2499 .elementor-element.elementor-element-82bb2e0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2499 .elementor-element.elementor-element-82bb2e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}/* Start custom CSS for nested-tabs, class: .elementor-element-8b42bf8 *//* --- 1. ESTADO INACTIVO (Normal) --- */
.elementor-2499 .elementor-element.elementor-element-8b42bf8 .e-n-tab-title {
    border-bottom: 1px solid #E0E0E0 !important;
    border-left: none !important; 
    
    /* Espaciado */
    padding: 22px 40px 22px 20px !important;
    margin-bottom: 0px !important;
    
    /* Tipografía NORMAL */
    color: #1A2B4B !important;
    font-weight: 400 !important;
    background: transparent;
    
    position: relative; 
    /* CAMBIO: De 0.3s a 0.6s para suavizar el cambio de color de fondo y texto */
    transition: all 0.6s ease;
    z-index: 1;
    overflow: hidden; 
}

/* --- 2. NUEVO: LA LÍNEA DORADA QUE CRECE (::before) --- */
.elementor-2499 .elementor-element.elementor-element-8b42bf8 .e-n-tab-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0; 
    
    width: 0px; 
    background-color: #9F8840; 
    
    /* CAMBIO: De 0.3s a 0.6s. Ahora verás claramente cómo se llena la línea */
    transition: width 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 3; 
}

/* --- 3. ESTADO ACTIVO / HOVER --- */
.elementor-2499 .elementor-element.elementor-element-8b42bf8 .e-n-tab-title[aria-selected="true"],
.elementor-2499 .elementor-element.elementor-element-8b42bf8 .e-n-tab-title:hover {
    background-color: #F7F3E8 !important; 
    color: #1A2B4B !important; 
    font-weight: 700 !important; 
    padding-left: 25px !important; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    z-index: 2;
}

/* --- 4. DISPARADOR DE LA LÍNEA --- */
.elementor-2499 .elementor-element.elementor-element-8b42bf8 .e-n-tab-title[aria-selected="true"]::before,
.elementor-2499 .elementor-element.elementor-element-8b42bf8 .e-n-tab-title:hover::before {
    width: 5px; 
}

/* --- 5. LA FLECHA --- */
.elementor-2499 .elementor-element.elementor-element-8b42bf8 .e-n-tab-title::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239F8840' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -11px;
    opacity: 0;
    transform: translateX(-15px);
    
    /* CAMBIO: De 0.3s a 0.6s. La flecha entra más despacio y elegante */
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.elementor-2499 .elementor-element.elementor-element-8b42bf8 .e-n-tab-title[aria-selected="true"]::after,
.elementor-2499 .elementor-element.elementor-element-8b42bf8 .e-n-tab-title:hover::after {
    opacity: 1;
    transform: translateX(0px);
}

/* Quitar borde inferior al último elemento */
.elementor-2499 .elementor-element.elementor-element-8b42bf8 .e-n-tabs-heading .e-n-tab-title:last-child {
    border-bottom: none !important;
}

/* =========================================
   ANIMACIÓN: LÍNEA INFERIOR TARJETA AZUL
   ========================================= */

@keyframes crecerDesdeAbajo {
    0% { transform: scaleY(0); }
    100% { transform: scaleY(1); }
}

.elementor-2499 .elementor-element.elementor-element-8b42bf8 .e-n-tabs-content > .e-con, 
.elementor-2499 .elementor-element.elementor-element-8b42bf8 .e-n-tabs-content > .e-n-tab-content {
    position: relative; 
    border-bottom: none !important; 
}

.elementor-2499 .elementor-element.elementor-element-8b42bf8 .e-n-tabs-content > .e-con::after, 
.elementor-2499 .elementor-element.elementor-element-8b42bf8 .e-n-tabs-content > .e-n-tab-content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; 
    height: 6px; 
    background-color: #9f8840; 
    transform: scaleY(0); 
    transform-origin: bottom; 
    animation: crecerDesdeAbajo 0.6s ease-out forwards 0.2s;
    z-index: 10;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b09090c */.elementor-2499 .elementor-element.elementor-element-b09090c {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68ceb96 */.elementor-2499 .elementor-element.elementor-element-68ceb96 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f2d6c2 */.elementor-2499 .elementor-element.elementor-element-9f2d6c2 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fd44e8 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-6fd44e8 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-6fd44e8::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-6fd44e8 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0667b30 */.elementor-2499 .elementor-element.elementor-element-0667b30 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-078e03c */.elementor-2499 .elementor-element.elementor-element-078e03c {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a509aa6 */.elementor-2499 .elementor-element.elementor-element-a509aa6 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e56253f *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-e56253f {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-e56253f .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-e56253f::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-e56253f:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-e56253f::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-e56253f .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-e56253f:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b1135b */.elementor-2499 .elementor-element.elementor-element-5b1135b {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e947763 */.elementor-2499 .elementor-element.elementor-element-e947763 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc5c7a9 */.elementor-2499 .elementor-element.elementor-element-cc5c7a9 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-accd2ca *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-accd2ca {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-accd2ca .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-accd2ca::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-accd2ca::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-accd2ca .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15126be */.elementor-2499 .elementor-element.elementor-element-15126be {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65fde1d */.elementor-2499 .elementor-element.elementor-element-65fde1d {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcdd3fb */.elementor-2499 .elementor-element.elementor-element-fcdd3fb { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f0d7e0 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c68db6 */.elementor-2499 .elementor-element.elementor-element-9c68db6 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-356c157 */.elementor-2499 .elementor-element.elementor-element-356c157 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0afb375 */.elementor-2499 .elementor-element.elementor-element-0afb375 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15d5d43 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-15d5d43 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-15d5d43 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-15d5d43::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-15d5d43::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-15d5d43 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7a6b6e */.elementor-2499 .elementor-element.elementor-element-d7a6b6e {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c00e621 */.elementor-2499 .elementor-element.elementor-element-c00e621 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7a8cc5 */.elementor-2499 .elementor-element.elementor-element-c7a8cc5 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dae3ae *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-1dae3ae {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-1dae3ae::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-1dae3ae .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55030f5 */.elementor-2499 .elementor-element.elementor-element-55030f5 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a12fc3e */.elementor-2499 .elementor-element.elementor-element-a12fc3e {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e47c62d */.elementor-2499 .elementor-element.elementor-element-e47c62d { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04055cb *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-04055cb {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-04055cb .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-04055cb::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-04055cb:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-04055cb::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-04055cb .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-04055cb:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-765f8e1 */.elementor-2499 .elementor-element.elementor-element-765f8e1 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c696bff */.elementor-2499 .elementor-element.elementor-element-c696bff {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69534e7 */.elementor-2499 .elementor-element.elementor-element-69534e7 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ebd75c *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-4ebd75c {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-4ebd75c::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-4ebd75c .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d61460b */.elementor-2499 .elementor-element.elementor-element-d61460b {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86f4800 */.elementor-2499 .elementor-element.elementor-element-86f4800 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e336626 */.elementor-2499 .elementor-element.elementor-element-e336626 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-437ebf2 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-437ebf2 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-437ebf2 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-437ebf2::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-437ebf2::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-437ebf2 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b09090c */.elementor-2499 .elementor-element.elementor-element-b09090c {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68ceb96 */.elementor-2499 .elementor-element.elementor-element-68ceb96 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f2d6c2 */.elementor-2499 .elementor-element.elementor-element-9f2d6c2 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fd44e8 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-6fd44e8 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-6fd44e8::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-6fd44e8 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0667b30 */.elementor-2499 .elementor-element.elementor-element-0667b30 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-078e03c */.elementor-2499 .elementor-element.elementor-element-078e03c {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a509aa6 */.elementor-2499 .elementor-element.elementor-element-a509aa6 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e56253f *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-e56253f {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-e56253f .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-e56253f::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-e56253f:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-e56253f::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-e56253f .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-e56253f:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b1135b */.elementor-2499 .elementor-element.elementor-element-5b1135b {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e947763 */.elementor-2499 .elementor-element.elementor-element-e947763 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc5c7a9 */.elementor-2499 .elementor-element.elementor-element-cc5c7a9 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-accd2ca *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-accd2ca {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-accd2ca .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-accd2ca::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-accd2ca::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-accd2ca .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15126be */.elementor-2499 .elementor-element.elementor-element-15126be {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65fde1d */.elementor-2499 .elementor-element.elementor-element-65fde1d {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcdd3fb */.elementor-2499 .elementor-element.elementor-element-fcdd3fb { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f0d7e0 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c68db6 */.elementor-2499 .elementor-element.elementor-element-9c68db6 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-356c157 */.elementor-2499 .elementor-element.elementor-element-356c157 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0afb375 */.elementor-2499 .elementor-element.elementor-element-0afb375 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15d5d43 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-15d5d43 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-15d5d43 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-15d5d43::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-15d5d43::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-15d5d43 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7a6b6e */.elementor-2499 .elementor-element.elementor-element-d7a6b6e {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c00e621 */.elementor-2499 .elementor-element.elementor-element-c00e621 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7a8cc5 */.elementor-2499 .elementor-element.elementor-element-c7a8cc5 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dae3ae *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-1dae3ae {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-1dae3ae::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-1dae3ae .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55030f5 */.elementor-2499 .elementor-element.elementor-element-55030f5 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a12fc3e */.elementor-2499 .elementor-element.elementor-element-a12fc3e {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e47c62d */.elementor-2499 .elementor-element.elementor-element-e47c62d { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04055cb *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-04055cb {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-04055cb .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-04055cb::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-04055cb:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-04055cb::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-04055cb .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-04055cb:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-765f8e1 */.elementor-2499 .elementor-element.elementor-element-765f8e1 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c696bff */.elementor-2499 .elementor-element.elementor-element-c696bff {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69534e7 */.elementor-2499 .elementor-element.elementor-element-69534e7 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ebd75c *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-4ebd75c {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-4ebd75c::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-4ebd75c .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d61460b */.elementor-2499 .elementor-element.elementor-element-d61460b {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86f4800 */.elementor-2499 .elementor-element.elementor-element-86f4800 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e336626 */.elementor-2499 .elementor-element.elementor-element-e336626 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-437ebf2 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-437ebf2 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-437ebf2 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-437ebf2::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-437ebf2::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-437ebf2 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b09090c */.elementor-2499 .elementor-element.elementor-element-b09090c {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68ceb96 */.elementor-2499 .elementor-element.elementor-element-68ceb96 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f2d6c2 */.elementor-2499 .elementor-element.elementor-element-9f2d6c2 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fd44e8 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-6fd44e8 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-6fd44e8::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-6fd44e8 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0667b30 */.elementor-2499 .elementor-element.elementor-element-0667b30 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-078e03c */.elementor-2499 .elementor-element.elementor-element-078e03c {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a509aa6 */.elementor-2499 .elementor-element.elementor-element-a509aa6 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e56253f *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-e56253f {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-e56253f .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-e56253f::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-e56253f:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-e56253f::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-e56253f .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-e56253f:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b1135b */.elementor-2499 .elementor-element.elementor-element-5b1135b {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e947763 */.elementor-2499 .elementor-element.elementor-element-e947763 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc5c7a9 */.elementor-2499 .elementor-element.elementor-element-cc5c7a9 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-accd2ca *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-accd2ca {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-accd2ca .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-accd2ca::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-accd2ca::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-accd2ca .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15126be */.elementor-2499 .elementor-element.elementor-element-15126be {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65fde1d */.elementor-2499 .elementor-element.elementor-element-65fde1d {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcdd3fb */.elementor-2499 .elementor-element.elementor-element-fcdd3fb { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f0d7e0 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c68db6 */.elementor-2499 .elementor-element.elementor-element-9c68db6 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-356c157 */.elementor-2499 .elementor-element.elementor-element-356c157 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0afb375 */.elementor-2499 .elementor-element.elementor-element-0afb375 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15d5d43 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-15d5d43 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-15d5d43 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-15d5d43::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-15d5d43::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-15d5d43 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7a6b6e */.elementor-2499 .elementor-element.elementor-element-d7a6b6e {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c00e621 */.elementor-2499 .elementor-element.elementor-element-c00e621 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7a8cc5 */.elementor-2499 .elementor-element.elementor-element-c7a8cc5 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dae3ae *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-1dae3ae {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-1dae3ae::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-1dae3ae .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55030f5 */.elementor-2499 .elementor-element.elementor-element-55030f5 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a12fc3e */.elementor-2499 .elementor-element.elementor-element-a12fc3e {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e47c62d */.elementor-2499 .elementor-element.elementor-element-e47c62d { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04055cb *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-04055cb {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-04055cb .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-04055cb::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-04055cb:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-04055cb::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-04055cb .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-04055cb:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-765f8e1 */.elementor-2499 .elementor-element.elementor-element-765f8e1 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c696bff */.elementor-2499 .elementor-element.elementor-element-c696bff {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69534e7 */.elementor-2499 .elementor-element.elementor-element-69534e7 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ebd75c *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-4ebd75c {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-4ebd75c::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-4ebd75c .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d61460b */.elementor-2499 .elementor-element.elementor-element-d61460b {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86f4800 */.elementor-2499 .elementor-element.elementor-element-86f4800 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e336626 */.elementor-2499 .elementor-element.elementor-element-e336626 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-437ebf2 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-437ebf2 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-437ebf2 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-437ebf2::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-437ebf2::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-437ebf2 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b09090c */.elementor-2499 .elementor-element.elementor-element-b09090c {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68ceb96 */.elementor-2499 .elementor-element.elementor-element-68ceb96 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f2d6c2 */.elementor-2499 .elementor-element.elementor-element-9f2d6c2 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fd44e8 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-6fd44e8 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-6fd44e8::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-6fd44e8 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0667b30 */.elementor-2499 .elementor-element.elementor-element-0667b30 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-078e03c */.elementor-2499 .elementor-element.elementor-element-078e03c {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a509aa6 */.elementor-2499 .elementor-element.elementor-element-a509aa6 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e56253f *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-e56253f {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-e56253f .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-e56253f::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-e56253f:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-e56253f::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-e56253f .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-e56253f:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b1135b */.elementor-2499 .elementor-element.elementor-element-5b1135b {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e947763 */.elementor-2499 .elementor-element.elementor-element-e947763 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc5c7a9 */.elementor-2499 .elementor-element.elementor-element-cc5c7a9 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-accd2ca *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-accd2ca {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-accd2ca .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-accd2ca::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-accd2ca::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-accd2ca .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15126be */.elementor-2499 .elementor-element.elementor-element-15126be {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65fde1d */.elementor-2499 .elementor-element.elementor-element-65fde1d {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcdd3fb */.elementor-2499 .elementor-element.elementor-element-fcdd3fb { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f0d7e0 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c68db6 */.elementor-2499 .elementor-element.elementor-element-9c68db6 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-356c157 */.elementor-2499 .elementor-element.elementor-element-356c157 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0afb375 */.elementor-2499 .elementor-element.elementor-element-0afb375 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15d5d43 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-15d5d43 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-15d5d43 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-15d5d43::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-15d5d43::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-15d5d43 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7a6b6e */.elementor-2499 .elementor-element.elementor-element-d7a6b6e {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c00e621 */.elementor-2499 .elementor-element.elementor-element-c00e621 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7a8cc5 */.elementor-2499 .elementor-element.elementor-element-c7a8cc5 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dae3ae *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-1dae3ae {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-1dae3ae::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-1dae3ae .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55030f5 */.elementor-2499 .elementor-element.elementor-element-55030f5 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a12fc3e */.elementor-2499 .elementor-element.elementor-element-a12fc3e {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e47c62d */.elementor-2499 .elementor-element.elementor-element-e47c62d { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04055cb *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-04055cb {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-04055cb .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-04055cb::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-04055cb:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-04055cb::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-04055cb .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-04055cb:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-765f8e1 */.elementor-2499 .elementor-element.elementor-element-765f8e1 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c696bff */.elementor-2499 .elementor-element.elementor-element-c696bff {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69534e7 */.elementor-2499 .elementor-element.elementor-element-69534e7 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ebd75c *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-4ebd75c {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-4ebd75c::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-4ebd75c .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d61460b */.elementor-2499 .elementor-element.elementor-element-d61460b {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86f4800 */.elementor-2499 .elementor-element.elementor-element-86f4800 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e336626 */.elementor-2499 .elementor-element.elementor-element-e336626 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-437ebf2 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-437ebf2 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-437ebf2 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-437ebf2::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-437ebf2::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-437ebf2 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b09090c */.elementor-2499 .elementor-element.elementor-element-b09090c {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68ceb96 */.elementor-2499 .elementor-element.elementor-element-68ceb96 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f2d6c2 */.elementor-2499 .elementor-element.elementor-element-9f2d6c2 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fd44e8 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-6fd44e8 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-6fd44e8::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-6fd44e8 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0667b30 */.elementor-2499 .elementor-element.elementor-element-0667b30 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-078e03c */.elementor-2499 .elementor-element.elementor-element-078e03c {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a509aa6 */.elementor-2499 .elementor-element.elementor-element-a509aa6 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e56253f *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-e56253f {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-e56253f .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-e56253f::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-e56253f:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-e56253f::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-e56253f .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-e56253f:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b1135b */.elementor-2499 .elementor-element.elementor-element-5b1135b {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e947763 */.elementor-2499 .elementor-element.elementor-element-e947763 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc5c7a9 */.elementor-2499 .elementor-element.elementor-element-cc5c7a9 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-accd2ca *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-accd2ca {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-accd2ca .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-accd2ca::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-accd2ca::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-accd2ca .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15126be */.elementor-2499 .elementor-element.elementor-element-15126be {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65fde1d */.elementor-2499 .elementor-element.elementor-element-65fde1d {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcdd3fb */.elementor-2499 .elementor-element.elementor-element-fcdd3fb { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f0d7e0 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c68db6 */.elementor-2499 .elementor-element.elementor-element-9c68db6 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-356c157 */.elementor-2499 .elementor-element.elementor-element-356c157 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0afb375 */.elementor-2499 .elementor-element.elementor-element-0afb375 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15d5d43 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-15d5d43 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-15d5d43 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-15d5d43::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-15d5d43::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-15d5d43 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7a6b6e */.elementor-2499 .elementor-element.elementor-element-d7a6b6e {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c00e621 */.elementor-2499 .elementor-element.elementor-element-c00e621 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7a8cc5 */.elementor-2499 .elementor-element.elementor-element-c7a8cc5 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dae3ae *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-1dae3ae {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-1dae3ae::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-1dae3ae .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55030f5 */.elementor-2499 .elementor-element.elementor-element-55030f5 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a12fc3e */.elementor-2499 .elementor-element.elementor-element-a12fc3e {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e47c62d */.elementor-2499 .elementor-element.elementor-element-e47c62d { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04055cb *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-04055cb {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-04055cb .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-04055cb::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-04055cb:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-04055cb::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-04055cb .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-04055cb:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-765f8e1 */.elementor-2499 .elementor-element.elementor-element-765f8e1 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c696bff */.elementor-2499 .elementor-element.elementor-element-c696bff {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69534e7 */.elementor-2499 .elementor-element.elementor-element-69534e7 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ebd75c *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-4ebd75c {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-4ebd75c::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-4ebd75c .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d61460b */.elementor-2499 .elementor-element.elementor-element-d61460b {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86f4800 */.elementor-2499 .elementor-element.elementor-element-86f4800 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e336626 */.elementor-2499 .elementor-element.elementor-element-e336626 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-437ebf2 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-437ebf2 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-437ebf2 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-437ebf2::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-437ebf2::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-437ebf2 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b09090c */.elementor-2499 .elementor-element.elementor-element-b09090c {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68ceb96 */.elementor-2499 .elementor-element.elementor-element-68ceb96 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f2d6c2 */.elementor-2499 .elementor-element.elementor-element-9f2d6c2 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fd44e8 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-6fd44e8 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-6fd44e8::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-6fd44e8 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0667b30 */.elementor-2499 .elementor-element.elementor-element-0667b30 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-078e03c */.elementor-2499 .elementor-element.elementor-element-078e03c {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a509aa6 */.elementor-2499 .elementor-element.elementor-element-a509aa6 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e56253f *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-e56253f {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-e56253f .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-e56253f::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-e56253f:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-e56253f::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-e56253f .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-e56253f:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b1135b */.elementor-2499 .elementor-element.elementor-element-5b1135b {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e947763 */.elementor-2499 .elementor-element.elementor-element-e947763 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc5c7a9 */.elementor-2499 .elementor-element.elementor-element-cc5c7a9 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-accd2ca *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-accd2ca {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-accd2ca .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-accd2ca::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-accd2ca::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-accd2ca .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15126be */.elementor-2499 .elementor-element.elementor-element-15126be {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65fde1d */.elementor-2499 .elementor-element.elementor-element-65fde1d {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcdd3fb */.elementor-2499 .elementor-element.elementor-element-fcdd3fb { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f0d7e0 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c68db6 */.elementor-2499 .elementor-element.elementor-element-9c68db6 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-356c157 */.elementor-2499 .elementor-element.elementor-element-356c157 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0afb375 */.elementor-2499 .elementor-element.elementor-element-0afb375 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15d5d43 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-15d5d43 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-15d5d43 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-15d5d43::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-15d5d43::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-15d5d43 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7a6b6e */.elementor-2499 .elementor-element.elementor-element-d7a6b6e {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c00e621 */.elementor-2499 .elementor-element.elementor-element-c00e621 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7a8cc5 */.elementor-2499 .elementor-element.elementor-element-c7a8cc5 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dae3ae *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-1dae3ae {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-1dae3ae::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-1dae3ae .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55030f5 */.elementor-2499 .elementor-element.elementor-element-55030f5 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a12fc3e */.elementor-2499 .elementor-element.elementor-element-a12fc3e {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e47c62d */.elementor-2499 .elementor-element.elementor-element-e47c62d { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04055cb *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-04055cb {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-04055cb .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-04055cb::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-04055cb:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-04055cb::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-04055cb .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-04055cb:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-765f8e1 */.elementor-2499 .elementor-element.elementor-element-765f8e1 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c696bff */.elementor-2499 .elementor-element.elementor-element-c696bff {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69534e7 */.elementor-2499 .elementor-element.elementor-element-69534e7 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ebd75c *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-4ebd75c {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-4ebd75c::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-4ebd75c .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d61460b */.elementor-2499 .elementor-element.elementor-element-d61460b {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86f4800 */.elementor-2499 .elementor-element.elementor-element-86f4800 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e336626 */.elementor-2499 .elementor-element.elementor-element-e336626 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-437ebf2 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-437ebf2 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-437ebf2 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-437ebf2::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-437ebf2::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-437ebf2 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b09090c */.elementor-2499 .elementor-element.elementor-element-b09090c {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68ceb96 */.elementor-2499 .elementor-element.elementor-element-68ceb96 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f2d6c2 */.elementor-2499 .elementor-element.elementor-element-9f2d6c2 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fd44e8 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-6fd44e8 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-6fd44e8::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-6fd44e8 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0667b30 */.elementor-2499 .elementor-element.elementor-element-0667b30 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-078e03c */.elementor-2499 .elementor-element.elementor-element-078e03c {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a509aa6 */.elementor-2499 .elementor-element.elementor-element-a509aa6 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e56253f *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-e56253f {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-e56253f .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-e56253f::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-e56253f:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-e56253f::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-e56253f .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-e56253f:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b1135b */.elementor-2499 .elementor-element.elementor-element-5b1135b {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e947763 */.elementor-2499 .elementor-element.elementor-element-e947763 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc5c7a9 */.elementor-2499 .elementor-element.elementor-element-cc5c7a9 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-accd2ca *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-accd2ca {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-accd2ca .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-accd2ca::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-accd2ca::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-accd2ca .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15126be */.elementor-2499 .elementor-element.elementor-element-15126be {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65fde1d */.elementor-2499 .elementor-element.elementor-element-65fde1d {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcdd3fb */.elementor-2499 .elementor-element.elementor-element-fcdd3fb { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f0d7e0 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c68db6 */.elementor-2499 .elementor-element.elementor-element-9c68db6 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-356c157 */.elementor-2499 .elementor-element.elementor-element-356c157 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0afb375 */.elementor-2499 .elementor-element.elementor-element-0afb375 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15d5d43 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-15d5d43 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-15d5d43 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-15d5d43::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-15d5d43::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-15d5d43 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7a6b6e */.elementor-2499 .elementor-element.elementor-element-d7a6b6e {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c00e621 */.elementor-2499 .elementor-element.elementor-element-c00e621 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7a8cc5 */.elementor-2499 .elementor-element.elementor-element-c7a8cc5 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dae3ae *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-1dae3ae {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-1dae3ae::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-1dae3ae .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55030f5 */.elementor-2499 .elementor-element.elementor-element-55030f5 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a12fc3e */.elementor-2499 .elementor-element.elementor-element-a12fc3e {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e47c62d */.elementor-2499 .elementor-element.elementor-element-e47c62d { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04055cb *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-04055cb {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-04055cb .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-04055cb::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-04055cb:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-04055cb::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-04055cb .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-04055cb:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-765f8e1 */.elementor-2499 .elementor-element.elementor-element-765f8e1 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c696bff */.elementor-2499 .elementor-element.elementor-element-c696bff {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69534e7 */.elementor-2499 .elementor-element.elementor-element-69534e7 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ebd75c *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-4ebd75c {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-4ebd75c::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-4ebd75c .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d61460b */.elementor-2499 .elementor-element.elementor-element-d61460b {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86f4800 */.elementor-2499 .elementor-element.elementor-element-86f4800 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e336626 */.elementor-2499 .elementor-element.elementor-element-e336626 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-437ebf2 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-437ebf2 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-437ebf2 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-437ebf2::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-437ebf2::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-437ebf2 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b09090c */.elementor-2499 .elementor-element.elementor-element-b09090c {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68ceb96 */.elementor-2499 .elementor-element.elementor-element-68ceb96 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f2d6c2 */.elementor-2499 .elementor-element.elementor-element-9f2d6c2 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fd44e8 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-6fd44e8 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-6fd44e8::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-6fd44e8 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0667b30 */.elementor-2499 .elementor-element.elementor-element-0667b30 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-078e03c */.elementor-2499 .elementor-element.elementor-element-078e03c {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a509aa6 */.elementor-2499 .elementor-element.elementor-element-a509aa6 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e56253f *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-e56253f {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-e56253f .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-e56253f::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-e56253f:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-e56253f::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-e56253f .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-e56253f:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b1135b */.elementor-2499 .elementor-element.elementor-element-5b1135b {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e947763 */.elementor-2499 .elementor-element.elementor-element-e947763 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc5c7a9 */.elementor-2499 .elementor-element.elementor-element-cc5c7a9 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-accd2ca *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-accd2ca {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-accd2ca .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-accd2ca::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-accd2ca::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-accd2ca .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15126be */.elementor-2499 .elementor-element.elementor-element-15126be {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65fde1d */.elementor-2499 .elementor-element.elementor-element-65fde1d {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcdd3fb */.elementor-2499 .elementor-element.elementor-element-fcdd3fb { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f0d7e0 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c68db6 */.elementor-2499 .elementor-element.elementor-element-9c68db6 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-356c157 */.elementor-2499 .elementor-element.elementor-element-356c157 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0afb375 */.elementor-2499 .elementor-element.elementor-element-0afb375 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15d5d43 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-15d5d43 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-15d5d43 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-15d5d43::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-15d5d43::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-15d5d43 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7a6b6e */.elementor-2499 .elementor-element.elementor-element-d7a6b6e {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c00e621 */.elementor-2499 .elementor-element.elementor-element-c00e621 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7a8cc5 */.elementor-2499 .elementor-element.elementor-element-c7a8cc5 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dae3ae *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-1dae3ae {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-1dae3ae::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-1dae3ae .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55030f5 */.elementor-2499 .elementor-element.elementor-element-55030f5 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a12fc3e */.elementor-2499 .elementor-element.elementor-element-a12fc3e {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e47c62d */.elementor-2499 .elementor-element.elementor-element-e47c62d { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04055cb *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-04055cb {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-04055cb .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-04055cb::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-04055cb:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-04055cb::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-04055cb .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-04055cb:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-765f8e1 */.elementor-2499 .elementor-element.elementor-element-765f8e1 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c696bff */.elementor-2499 .elementor-element.elementor-element-c696bff {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69534e7 */.elementor-2499 .elementor-element.elementor-element-69534e7 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ebd75c *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-4ebd75c {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-4ebd75c::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-4ebd75c .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d61460b */.elementor-2499 .elementor-element.elementor-element-d61460b {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86f4800 */.elementor-2499 .elementor-element.elementor-element-86f4800 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e336626 */.elementor-2499 .elementor-element.elementor-element-e336626 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-437ebf2 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-437ebf2 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-437ebf2 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-437ebf2::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-437ebf2::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-437ebf2 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b09090c */.elementor-2499 .elementor-element.elementor-element-b09090c {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68ceb96 */.elementor-2499 .elementor-element.elementor-element-68ceb96 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f2d6c2 */.elementor-2499 .elementor-element.elementor-element-9f2d6c2 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fd44e8 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-6fd44e8 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-6fd44e8::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-6fd44e8 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0667b30 */.elementor-2499 .elementor-element.elementor-element-0667b30 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-078e03c */.elementor-2499 .elementor-element.elementor-element-078e03c {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a509aa6 */.elementor-2499 .elementor-element.elementor-element-a509aa6 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e56253f *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-e56253f {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-e56253f .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-e56253f::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-e56253f:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-e56253f::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-e56253f .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-e56253f:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b1135b */.elementor-2499 .elementor-element.elementor-element-5b1135b {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e947763 */.elementor-2499 .elementor-element.elementor-element-e947763 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc5c7a9 */.elementor-2499 .elementor-element.elementor-element-cc5c7a9 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-accd2ca *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-accd2ca {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-accd2ca .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-accd2ca::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-accd2ca::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-accd2ca .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15126be */.elementor-2499 .elementor-element.elementor-element-15126be {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65fde1d */.elementor-2499 .elementor-element.elementor-element-65fde1d {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcdd3fb */.elementor-2499 .elementor-element.elementor-element-fcdd3fb { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f0d7e0 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c68db6 */.elementor-2499 .elementor-element.elementor-element-9c68db6 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-356c157 */.elementor-2499 .elementor-element.elementor-element-356c157 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0afb375 */.elementor-2499 .elementor-element.elementor-element-0afb375 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15d5d43 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-15d5d43 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-15d5d43 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-15d5d43::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-15d5d43::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-15d5d43 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7a6b6e */.elementor-2499 .elementor-element.elementor-element-d7a6b6e {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c00e621 */.elementor-2499 .elementor-element.elementor-element-c00e621 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7a8cc5 */.elementor-2499 .elementor-element.elementor-element-c7a8cc5 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dae3ae *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-1dae3ae {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-1dae3ae::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-1dae3ae .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55030f5 */.elementor-2499 .elementor-element.elementor-element-55030f5 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a12fc3e */.elementor-2499 .elementor-element.elementor-element-a12fc3e {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e47c62d */.elementor-2499 .elementor-element.elementor-element-e47c62d { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04055cb *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-04055cb {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-04055cb .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-04055cb::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-04055cb:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-04055cb::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-04055cb .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-04055cb:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-765f8e1 */.elementor-2499 .elementor-element.elementor-element-765f8e1 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c696bff */.elementor-2499 .elementor-element.elementor-element-c696bff {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69534e7 */.elementor-2499 .elementor-element.elementor-element-69534e7 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ebd75c *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-4ebd75c {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-4ebd75c::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-4ebd75c .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d61460b */.elementor-2499 .elementor-element.elementor-element-d61460b {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86f4800 */.elementor-2499 .elementor-element.elementor-element-86f4800 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e336626 */.elementor-2499 .elementor-element.elementor-element-e336626 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-437ebf2 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-437ebf2 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-437ebf2 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-437ebf2::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-437ebf2::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-437ebf2 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b09090c */.elementor-2499 .elementor-element.elementor-element-b09090c {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68ceb96 */.elementor-2499 .elementor-element.elementor-element-68ceb96 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f2d6c2 */.elementor-2499 .elementor-element.elementor-element-9f2d6c2 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fd44e8 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-6fd44e8 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-6fd44e8::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-6fd44e8::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-6fd44e8 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-6fd44e8:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0667b30 */.elementor-2499 .elementor-element.elementor-element-0667b30 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-078e03c */.elementor-2499 .elementor-element.elementor-element-078e03c {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a509aa6 */.elementor-2499 .elementor-element.elementor-element-a509aa6 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e56253f *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-e56253f {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-e56253f .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-e56253f::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-e56253f:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-e56253f::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-e56253f:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-e56253f .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-e56253f:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b1135b */.elementor-2499 .elementor-element.elementor-element-5b1135b {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e947763 */.elementor-2499 .elementor-element.elementor-element-e947763 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc5c7a9 */.elementor-2499 .elementor-element.elementor-element-cc5c7a9 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-accd2ca *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-accd2ca {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-accd2ca .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-accd2ca::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-accd2ca::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-accd2ca .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-accd2ca:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15126be */.elementor-2499 .elementor-element.elementor-element-15126be {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65fde1d */.elementor-2499 .elementor-element.elementor-element-65fde1d {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcdd3fb */.elementor-2499 .elementor-element.elementor-element-fcdd3fb { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f0d7e0 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-9f0d7e0 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-9f0d7e0:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9c68db6 */.elementor-2499 .elementor-element.elementor-element-9c68db6 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-356c157 */.elementor-2499 .elementor-element.elementor-element-356c157 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0afb375 */.elementor-2499 .elementor-element.elementor-element-0afb375 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15d5d43 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-15d5d43 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-15d5d43 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-15d5d43::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-15d5d43::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-15d5d43 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-15d5d43:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7a6b6e */.elementor-2499 .elementor-element.elementor-element-d7a6b6e {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c00e621 */.elementor-2499 .elementor-element.elementor-element-c00e621 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7a8cc5 */.elementor-2499 .elementor-element.elementor-element-c7a8cc5 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dae3ae *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-1dae3ae {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-1dae3ae::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-1dae3ae::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-1dae3ae .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-1dae3ae:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55030f5 */.elementor-2499 .elementor-element.elementor-element-55030f5 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a12fc3e */.elementor-2499 .elementor-element.elementor-element-a12fc3e {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e47c62d */.elementor-2499 .elementor-element.elementor-element-e47c62d { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04055cb *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-04055cb {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-04055cb .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-04055cb::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-04055cb:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-04055cb::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-04055cb:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-04055cb .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-04055cb:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-765f8e1 */.elementor-2499 .elementor-element.elementor-element-765f8e1 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c696bff */.elementor-2499 .elementor-element.elementor-element-c696bff {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69534e7 */.elementor-2499 .elementor-element.elementor-element-69534e7 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ebd75c *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-4ebd75c {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-4ebd75c::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-4ebd75c::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-4ebd75c .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-4ebd75c:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d61460b */.elementor-2499 .elementor-element.elementor-element-d61460b {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86f4800 */.elementor-2499 .elementor-element.elementor-element-86f4800 {
    /* 1. Asegurar posición absoluta */
    position: absolute !important;
    
    /* 2. UBICACIÓN EXACTA */
    /* Lo sentamos exactamente sobre la línea del 30% (donde empieza lo blanco) */
    bottom: 40% !important;
    top: auto !important;
    left: 0;
    right: 0;
    
    /* 3. ¡IMPORTANTE! Esto lo trae al frente de la caja blanca */
    z-index: 99 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e336626 */.elementor-2499 .elementor-element.elementor-element-e336626 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-437ebf2 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-2499 .elementor-element.elementor-element-437ebf2 {
    position: relative;
    transition: all 0.4s ease-out;
    background-color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
}

/* 2. AL PASAR EL MOUSE (HOVER) */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-2499 .elementor-element.elementor-element-437ebf2 .zoom-image {
    transform: scale(1.0);
    transition: transform 0.6s ease;
    width: 100%; height: 70%;
}

/* --- AQUÍ ESTÁ LA CORRECCIÓN DE LA SOMBRA --- */

/* 4. EL DEGRADADO OSCURO (VIGNETTE) EN LA FOTO */
/* Usamos ::after para crear una capa oscura sobre la foto */
.elementor-2499 .elementor-element.elementor-element-437ebf2::after {
    content: '';
    position: absolute;
    top: 0; left: 0; 
    width: 100%; 
    height: 70%; /* Ocupa exactamente el espacio de la foto */
    
    /* Degradado: Oscuro abajo, transparente arriba */
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    
    opacity: 0; /* Invisible al inicio */
    z-index: 5; /* Encima de la foto */
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-2499 .elementor-element.elementor-element-437ebf2::before {
    content: '';
    position: absolute;
    
    /* 1. TAMAÑO SEGURO (Usamos porcentajes para que no se salga) */
    width: 94% !important;  /* Ocupa casi todo el ancho */
    height: 64% !important; /* Un poco menos del 70% de la foto */
    
    /* 2. CENTRADO AUTOMÁTICO */
    top: 3% !important;     /* Un poquito de aire arriba */
    left: 0 !important; right: 0 !important; margin: auto !important; /* Centrado horizontal */
    
    /* 3. SEGURIDAD PARA QUE NO SE CORTE EL BORDE */
    box-sizing: border-box !important; 

    /* Estilo */
    border: 1px solid #C5B358;
    opacity: 0;
    z-index: 10;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Interruptor */
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-2499 .elementor-element.elementor-element-437ebf2 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-2499 .elementor-element.elementor-element-437ebf2:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'TrajanPro-Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://harboraluminum.com/wp-content/uploads/2025/12/TrajanPro-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */