.elementor-5157 .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-5157 .elementor-element.elementor-element-82bb2e0:not(.elementor-motion-effects-element-type-background), .elementor-5157 .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-5157 .elementor-element.elementor-element-82bb2e0::before, .elementor-5157 .elementor-element.elementor-element-82bb2e0 > .elementor-background-video-container::before, .elementor-5157 .elementor-element.elementor-element-82bb2e0 > .e-con-inner > .elementor-background-video-container::before, .elementor-5157 .elementor-element.elementor-element-82bb2e0 > .elementor-background-slideshow::before, .elementor-5157 .elementor-element.elementor-element-82bb2e0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5157 .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/01/expert-witness-04.jpg");--background-overlay:'';background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-5157 .elementor-element.elementor-element-a811982{--display:flex;--justify-content:center;}.elementor-5157 .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-5157 .elementor-element.elementor-element-56c4bef .elementor-heading-title{font-size:44px;color:var( --e-global-color-d6cea4e );}.elementor-5157 .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-5157 .elementor-element.elementor-element-ae9da23:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-ae9da23 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d6cea4e );}.elementor-5157 .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-5157 .elementor-element.elementor-element-5768da0::before, .elementor-5157 .elementor-element.elementor-element-5768da0 > .elementor-background-video-container::before, .elementor-5157 .elementor-element.elementor-element-5768da0 > .e-con-inner > .elementor-background-video-container::before, .elementor-5157 .elementor-element.elementor-element-5768da0 > .elementor-background-slideshow::before, .elementor-5157 .elementor-element.elementor-element-5768da0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5157 .elementor-element.elementor-element-5768da0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-5157 .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-5157 .elementor-element.elementor-element-8b838a3{--divider-border-style:solid;--divider-color:var( --e-global-color-6217cc3 );--divider-border-width:3px;}.elementor-5157 .elementor-element.elementor-element-8b838a3 .elementor-divider-separator{width:10%;margin:0 auto;margin-center:0;}.elementor-5157 .elementor-element.elementor-element-8b838a3 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-5157 .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-5157 .elementor-element.elementor-element-c0a5d60{--display:flex;--justify-content:center;--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-5157 .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-5157 .elementor-element.elementor-element-691694d:not(.elementor-motion-effects-element-type-background), .elementor-5157 .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-5157 .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-5157 .elementor-element.elementor-element-691694d, .elementor-5157 .elementor-element.elementor-element-691694d::before{--border-transition:0.3s;}.elementor-5157 .elementor-element.elementor-element-6d4fb71{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-5157 .elementor-element.elementor-element-6d4fb71.elementor-element{--align-self:center;}.elementor-5157 .elementor-element.elementor-element-6d4fb71 .elementor-icon-box-wrapper{text-align:center;}.elementor-5157 .elementor-element.elementor-element-6d4fb71 .elementor-icon-box-title, .elementor-5157 .elementor-element.elementor-element-6d4fb71 .elementor-icon-box-title a{font-family:"TrajanPro-Regular", Sans-serif;font-size:28px;font-weight:400;}.elementor-5157 .elementor-element.elementor-element-6d4fb71 .elementor-icon-box-title{color:var( --e-global-color-c696dce );}.elementor-5157 .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-5157 .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-5157 .elementor-element.elementor-element-ff3aa03:not(.elementor-motion-effects-element-type-background), .elementor-5157 .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-5157 .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-5157 .elementor-element.elementor-element-ff3aa03, .elementor-5157 .elementor-element.elementor-element-ff3aa03::before{--border-transition:0.3s;}.elementor-5157 .elementor-element.elementor-element-8073d5e{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-5157 .elementor-element.elementor-element-8073d5e.elementor-element{--align-self:center;}.elementor-5157 .elementor-element.elementor-element-8073d5e .elementor-icon-box-wrapper{text-align:center;}.elementor-5157 .elementor-element.elementor-element-8073d5e .elementor-icon-box-title, .elementor-5157 .elementor-element.elementor-element-8073d5e .elementor-icon-box-title a{font-family:"TrajanPro-Regular", Sans-serif;font-size:28px;font-weight:400;}.elementor-5157 .elementor-element.elementor-element-8073d5e .elementor-icon-box-title{color:var( --e-global-color-c696dce );}.elementor-5157 .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-5157 .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-5157 .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-5157 .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-5157 .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-5157 .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-5157 .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-5157 .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-5157 .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-5157 .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-5157 .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-5157 .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-5157 .elementor-element.elementor-element-3ae414e:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-3ae414e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-764183d );}.elementor-5157 .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-5157 .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-5157 .elementor-element.elementor-element-702fd00.elementor-element{--align-self:center;}.elementor-5157 .elementor-element.elementor-element-39cd655{--divider-border-style:solid;--divider-color:var( --e-global-color-6217cc3 );--divider-border-width:3px;}.elementor-5157 .elementor-element.elementor-element-39cd655 > .elementor-widget-container{padding:10px 0px 20px 0px;}.elementor-5157 .elementor-element.elementor-element-39cd655 .elementor-divider-separator{width:10%;margin:0 auto;margin-center:0;}.elementor-5157 .elementor-element.elementor-element-39cd655 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-5157 .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-5157 .elementor-element.elementor-element-2a519f6 > .elementor-widget-container{padding:0% 0% 2% 0%;}.elementor-5157 .elementor-element.elementor-element-2a519f6.elementor-element{--align-self:center;}.elementor-5157 .elementor-element.elementor-element-b292a8e{--display:flex;}.elementor-5157 .elementor-element.elementor-element-0f79a3d{--display:flex;--min-height:60vh;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5157 .elementor-element.elementor-element-0f79a3d:hover{box-shadow:0px 11px 11px 0px rgba(0, 0, 0, 0.18);}.elementor-5157 .elementor-element.elementor-element-dac3f90{--display:flex;--position:absolute;top:0px;}.elementor-5157 .elementor-element.elementor-element-dac3f90:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-dac3f90 > .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-5157 .elementor-element.elementor-element-dac3f90{left:0px;}body.rtl .elementor-5157 .elementor-element.elementor-element-dac3f90{right:0px;}.elementor-5157 .elementor-element.elementor-element-6e16635{--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-5157 .elementor-element.elementor-element-6e16635:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-6e16635 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-86b4fcd );}.elementor-5157 .elementor-element.elementor-element-b4b4084 .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-5157 .elementor-element.elementor-element-b4b4084 .elementor-button:hover, .elementor-5157 .elementor-element.elementor-element-b4b4084 .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-5157 .elementor-element.elementor-element-b4b4084 > .elementor-widget-container{padding:4px 0px 4px 0px;}.elementor-5157 .elementor-element.elementor-element-b4b4084 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-5157 .elementor-element.elementor-element-b4b4084 .elementor-button:hover svg, .elementor-5157 .elementor-element.elementor-element-b4b4084 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-5157 .elementor-element.elementor-element-80ac4d7{--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-5157 .elementor-element.elementor-element-80ac4d7:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-80ac4d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c696dce );}body:not(.rtl) .elementor-5157 .elementor-element.elementor-element-80ac4d7{left:0px;}body.rtl .elementor-5157 .elementor-element.elementor-element-80ac4d7{right:0px;}.elementor-5157 .elementor-element.elementor-element-36fcb12 > .elementor-widget-container{margin:0px 0px 5px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9F884059;}.elementor-5157 .elementor-element.elementor-element-36fcb12 .elementor-heading-title{font-size:10px;font-weight:600;text-transform:uppercase;text-decoration:none;color:var( --e-global-color-6217cc3 );}.elementor-5157 .elementor-element.elementor-element-037f5c6 > .elementor-widget-container{margin:0px 0px 00px 0px;}.elementor-5157 .elementor-element.elementor-element-037f5c6 .elementor-heading-title{font-family:"Prata", Sans-serif;color:var( --e-global-color-primary );}.elementor-5157 .elementor-element.elementor-element-ad94a43 > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-5157 .elementor-element.elementor-element-ad94a43 .elementor-heading-title{font-size:12px;color:var( --e-global-color-accent );}.elementor-5157 .elementor-element.elementor-element-f8439e9{--display:flex;}.elementor-5157 .elementor-element.elementor-element-ec9ec63{--display:flex;--min-height:60vh;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5157 .elementor-element.elementor-element-ec9ec63:hover{box-shadow:0px 11px 11px 0px rgba(0, 0, 0, 0.18);}.elementor-5157 .elementor-element.elementor-element-cda2c06{--display:flex;--position:absolute;top:0px;}.elementor-5157 .elementor-element.elementor-element-cda2c06:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-cda2c06 > .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-5157 .elementor-element.elementor-element-cda2c06{left:0px;}body.rtl .elementor-5157 .elementor-element.elementor-element-cda2c06{right:0px;}.elementor-5157 .elementor-element.elementor-element-0f6ca29{--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-5157 .elementor-element.elementor-element-0f6ca29:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-0f6ca29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-86b4fcd );}.elementor-5157 .elementor-element.elementor-element-c7b51af .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-5157 .elementor-element.elementor-element-c7b51af .elementor-button:hover, .elementor-5157 .elementor-element.elementor-element-c7b51af .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-5157 .elementor-element.elementor-element-c7b51af > .elementor-widget-container{padding:4px 0px 4px 0px;}.elementor-5157 .elementor-element.elementor-element-c7b51af .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-5157 .elementor-element.elementor-element-c7b51af .elementor-button:hover svg, .elementor-5157 .elementor-element.elementor-element-c7b51af .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-5157 .elementor-element.elementor-element-2d697e5{--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-5157 .elementor-element.elementor-element-2d697e5:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-2d697e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c696dce );}body:not(.rtl) .elementor-5157 .elementor-element.elementor-element-2d697e5{left:0px;}body.rtl .elementor-5157 .elementor-element.elementor-element-2d697e5{right:0px;}.elementor-5157 .elementor-element.elementor-element-3765d3a > .elementor-widget-container{margin:0px 0px 5px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9F884059;}.elementor-5157 .elementor-element.elementor-element-3765d3a .elementor-heading-title{font-size:10px;font-weight:600;text-transform:uppercase;text-decoration:none;color:var( --e-global-color-6217cc3 );}.elementor-5157 .elementor-element.elementor-element-3e1f1d9 > .elementor-widget-container{margin:0px 0px 00px 0px;}.elementor-5157 .elementor-element.elementor-element-3e1f1d9 .elementor-heading-title{font-family:"Prata", Sans-serif;color:var( --e-global-color-primary );}.elementor-5157 .elementor-element.elementor-element-57d7266 > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-5157 .elementor-element.elementor-element-57d7266 .elementor-heading-title{font-size:12px;color:var( --e-global-color-accent );}.elementor-5157 .elementor-element.elementor-element-134b160{--display:flex;}.elementor-5157 .elementor-element.elementor-element-624a46d{--display:flex;--min-height:60vh;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5157 .elementor-element.elementor-element-624a46d:hover{box-shadow:0px 11px 11px 0px rgba(0, 0, 0, 0.18);}.elementor-5157 .elementor-element.elementor-element-9e5e226{--display:flex;--position:absolute;top:0px;}.elementor-5157 .elementor-element.elementor-element-9e5e226:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-9e5e226 > .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-5157 .elementor-element.elementor-element-9e5e226{left:0px;}body.rtl .elementor-5157 .elementor-element.elementor-element-9e5e226{right:0px;}.elementor-5157 .elementor-element.elementor-element-2296cea{--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-5157 .elementor-element.elementor-element-2296cea:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-2296cea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-86b4fcd );}.elementor-5157 .elementor-element.elementor-element-e8e001a .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-5157 .elementor-element.elementor-element-e8e001a .elementor-button:hover, .elementor-5157 .elementor-element.elementor-element-e8e001a .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-5157 .elementor-element.elementor-element-e8e001a > .elementor-widget-container{padding:4px 0px 4px 0px;}.elementor-5157 .elementor-element.elementor-element-e8e001a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-5157 .elementor-element.elementor-element-e8e001a .elementor-button:hover svg, .elementor-5157 .elementor-element.elementor-element-e8e001a .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-5157 .elementor-element.elementor-element-cb279df{--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-5157 .elementor-element.elementor-element-cb279df:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-cb279df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c696dce );}body:not(.rtl) .elementor-5157 .elementor-element.elementor-element-cb279df{left:0px;}body.rtl .elementor-5157 .elementor-element.elementor-element-cb279df{right:0px;}.elementor-5157 .elementor-element.elementor-element-80d2eab > .elementor-widget-container{margin:0px 0px 5px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9F884059;}.elementor-5157 .elementor-element.elementor-element-80d2eab .elementor-heading-title{font-size:10px;font-weight:600;text-transform:uppercase;text-decoration:none;color:var( --e-global-color-6217cc3 );}.elementor-5157 .elementor-element.elementor-element-b520d96 > .elementor-widget-container{margin:0px 0px 00px 0px;}.elementor-5157 .elementor-element.elementor-element-b520d96 .elementor-heading-title{font-family:"Prata", Sans-serif;color:var( --e-global-color-primary );}.elementor-5157 .elementor-element.elementor-element-0e8339e > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-5157 .elementor-element.elementor-element-0e8339e .elementor-heading-title{font-size:12px;color:var( --e-global-color-accent );}.elementor-5157 .elementor-element.elementor-element-4b71e66{--display:flex;}.elementor-5157 .elementor-element.elementor-element-56a7d8d{--display:flex;--min-height:60vh;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5157 .elementor-element.elementor-element-56a7d8d:hover{box-shadow:0px 11px 11px 0px rgba(0, 0, 0, 0.18);}.elementor-5157 .elementor-element.elementor-element-f0ef0cc{--display:flex;--position:absolute;top:0px;}.elementor-5157 .elementor-element.elementor-element-f0ef0cc:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-f0ef0cc > .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-5157 .elementor-element.elementor-element-f0ef0cc{left:0px;}body.rtl .elementor-5157 .elementor-element.elementor-element-f0ef0cc{right:0px;}.elementor-5157 .elementor-element.elementor-element-407cccf{--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-5157 .elementor-element.elementor-element-407cccf:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-407cccf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-86b4fcd );}.elementor-5157 .elementor-element.elementor-element-a23a0d5 .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-5157 .elementor-element.elementor-element-a23a0d5 .elementor-button:hover, .elementor-5157 .elementor-element.elementor-element-a23a0d5 .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-5157 .elementor-element.elementor-element-a23a0d5 > .elementor-widget-container{padding:4px 0px 4px 0px;}.elementor-5157 .elementor-element.elementor-element-a23a0d5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-5157 .elementor-element.elementor-element-a23a0d5 .elementor-button:hover svg, .elementor-5157 .elementor-element.elementor-element-a23a0d5 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-5157 .elementor-element.elementor-element-1e88938{--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-5157 .elementor-element.elementor-element-1e88938:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-1e88938 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c696dce );}body:not(.rtl) .elementor-5157 .elementor-element.elementor-element-1e88938{left:0px;}body.rtl .elementor-5157 .elementor-element.elementor-element-1e88938{right:0px;}.elementor-5157 .elementor-element.elementor-element-6bbbd7d > .elementor-widget-container{margin:0px 0px 5px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9F884059;}.elementor-5157 .elementor-element.elementor-element-6bbbd7d .elementor-heading-title{font-size:10px;font-weight:600;text-transform:uppercase;text-decoration:none;color:var( --e-global-color-6217cc3 );}.elementor-5157 .elementor-element.elementor-element-de6eb05 > .elementor-widget-container{margin:0px 0px 00px 0px;}.elementor-5157 .elementor-element.elementor-element-de6eb05 .elementor-heading-title{font-family:"Prata", Sans-serif;color:var( --e-global-color-primary );}.elementor-5157 .elementor-element.elementor-element-b7ba597 > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-5157 .elementor-element.elementor-element-b7ba597 .elementor-heading-title{font-size:12px;color:var( --e-global-color-accent );}.elementor-5157 .elementor-element.elementor-element-3beebd3{--display:flex;}.elementor-5157 .elementor-element.elementor-element-9e0d94a{--display:flex;--min-height:60vh;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5157 .elementor-element.elementor-element-9e0d94a:hover{box-shadow:0px 11px 11px 0px rgba(0, 0, 0, 0.18);}.elementor-5157 .elementor-element.elementor-element-9249881{--display:flex;--position:absolute;top:0px;}.elementor-5157 .elementor-element.elementor-element-9249881:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-9249881 > .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-5157 .elementor-element.elementor-element-9249881{left:0px;}body.rtl .elementor-5157 .elementor-element.elementor-element-9249881{right:0px;}.elementor-5157 .elementor-element.elementor-element-db39c9f{--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-5157 .elementor-element.elementor-element-db39c9f:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-db39c9f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-86b4fcd );}.elementor-5157 .elementor-element.elementor-element-bd0ee8a .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-5157 .elementor-element.elementor-element-bd0ee8a .elementor-button:hover, .elementor-5157 .elementor-element.elementor-element-bd0ee8a .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-5157 .elementor-element.elementor-element-bd0ee8a > .elementor-widget-container{padding:4px 0px 4px 0px;}.elementor-5157 .elementor-element.elementor-element-bd0ee8a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-5157 .elementor-element.elementor-element-bd0ee8a .elementor-button:hover svg, .elementor-5157 .elementor-element.elementor-element-bd0ee8a .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-5157 .elementor-element.elementor-element-34d2d05{--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-5157 .elementor-element.elementor-element-34d2d05:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-34d2d05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c696dce );}body:not(.rtl) .elementor-5157 .elementor-element.elementor-element-34d2d05{left:0px;}body.rtl .elementor-5157 .elementor-element.elementor-element-34d2d05{right:0px;}.elementor-5157 .elementor-element.elementor-element-432b8fa > .elementor-widget-container{margin:0px 0px 5px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9F884059;}.elementor-5157 .elementor-element.elementor-element-432b8fa .elementor-heading-title{font-size:10px;font-weight:600;text-transform:uppercase;text-decoration:none;color:var( --e-global-color-6217cc3 );}.elementor-5157 .elementor-element.elementor-element-46557aa > .elementor-widget-container{margin:0px 0px 00px 0px;}.elementor-5157 .elementor-element.elementor-element-46557aa .elementor-heading-title{font-family:"Prata", Sans-serif;color:var( --e-global-color-primary );}.elementor-5157 .elementor-element.elementor-element-7096b91 > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-5157 .elementor-element.elementor-element-7096b91 .elementor-heading-title{font-size:12px;color:var( --e-global-color-accent );}.elementor-5157 .elementor-element.elementor-element-4060901{--display:flex;}.elementor-5157 .elementor-element.elementor-element-1a00606{--display:flex;--min-height:60vh;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5157 .elementor-element.elementor-element-1a00606:hover{box-shadow:0px 11px 11px 0px rgba(0, 0, 0, 0.18);}.elementor-5157 .elementor-element.elementor-element-86fe785{--display:flex;--position:absolute;top:0px;}.elementor-5157 .elementor-element.elementor-element-86fe785:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-86fe785 > .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-5157 .elementor-element.elementor-element-86fe785{left:0px;}body.rtl .elementor-5157 .elementor-element.elementor-element-86fe785{right:0px;}.elementor-5157 .elementor-element.elementor-element-7e8811d{--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-5157 .elementor-element.elementor-element-7e8811d:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-7e8811d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-86b4fcd );}.elementor-5157 .elementor-element.elementor-element-55422d4 .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-5157 .elementor-element.elementor-element-55422d4 .elementor-button:hover, .elementor-5157 .elementor-element.elementor-element-55422d4 .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-5157 .elementor-element.elementor-element-55422d4 > .elementor-widget-container{padding:4px 0px 4px 0px;}.elementor-5157 .elementor-element.elementor-element-55422d4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-5157 .elementor-element.elementor-element-55422d4 .elementor-button:hover svg, .elementor-5157 .elementor-element.elementor-element-55422d4 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-5157 .elementor-element.elementor-element-b3ac7db{--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-5157 .elementor-element.elementor-element-b3ac7db:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-b3ac7db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c696dce );}body:not(.rtl) .elementor-5157 .elementor-element.elementor-element-b3ac7db{left:0px;}body.rtl .elementor-5157 .elementor-element.elementor-element-b3ac7db{right:0px;}.elementor-5157 .elementor-element.elementor-element-c8c020e > .elementor-widget-container{margin:0px 0px 5px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9F884059;}.elementor-5157 .elementor-element.elementor-element-c8c020e .elementor-heading-title{font-size:10px;font-weight:600;text-transform:uppercase;text-decoration:none;color:var( --e-global-color-6217cc3 );}.elementor-5157 .elementor-element.elementor-element-6781a19 > .elementor-widget-container{margin:0px 0px 00px 0px;}.elementor-5157 .elementor-element.elementor-element-6781a19 .elementor-heading-title{font-family:"Prata", Sans-serif;color:var( --e-global-color-primary );}.elementor-5157 .elementor-element.elementor-element-23038f0 > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-5157 .elementor-element.elementor-element-23038f0 .elementor-heading-title{font-size:12px;color:var( --e-global-color-accent );}.elementor-5157 .elementor-element.elementor-element-cf50876{--display:flex;}.elementor-5157 .elementor-element.elementor-element-de202aa{--display:flex;--min-height:60vh;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5157 .elementor-element.elementor-element-de202aa:hover{box-shadow:0px 11px 11px 0px rgba(0, 0, 0, 0.18);}.elementor-5157 .elementor-element.elementor-element-616e5da{--display:flex;--position:absolute;top:0px;}.elementor-5157 .elementor-element.elementor-element-616e5da:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-616e5da > .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-5157 .elementor-element.elementor-element-616e5da{left:0px;}body.rtl .elementor-5157 .elementor-element.elementor-element-616e5da{right:0px;}.elementor-5157 .elementor-element.elementor-element-686a39b{--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-5157 .elementor-element.elementor-element-686a39b:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-686a39b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-86b4fcd );}.elementor-5157 .elementor-element.elementor-element-a54cba3 .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-5157 .elementor-element.elementor-element-a54cba3 .elementor-button:hover, .elementor-5157 .elementor-element.elementor-element-a54cba3 .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-5157 .elementor-element.elementor-element-a54cba3 > .elementor-widget-container{padding:4px 0px 4px 0px;}.elementor-5157 .elementor-element.elementor-element-a54cba3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-5157 .elementor-element.elementor-element-a54cba3 .elementor-button:hover svg, .elementor-5157 .elementor-element.elementor-element-a54cba3 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-5157 .elementor-element.elementor-element-23a20bd{--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-5157 .elementor-element.elementor-element-23a20bd:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-23a20bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c696dce );}body:not(.rtl) .elementor-5157 .elementor-element.elementor-element-23a20bd{left:0px;}body.rtl .elementor-5157 .elementor-element.elementor-element-23a20bd{right:0px;}.elementor-5157 .elementor-element.elementor-element-581e0fb > .elementor-widget-container{margin:0px 0px 5px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9F884059;}.elementor-5157 .elementor-element.elementor-element-581e0fb .elementor-heading-title{font-size:10px;font-weight:600;text-transform:uppercase;text-decoration:none;color:var( --e-global-color-6217cc3 );}.elementor-5157 .elementor-element.elementor-element-5c7e551 > .elementor-widget-container{margin:0px 0px 00px 0px;}.elementor-5157 .elementor-element.elementor-element-5c7e551 .elementor-heading-title{font-family:"Prata", Sans-serif;color:var( --e-global-color-primary );}.elementor-5157 .elementor-element.elementor-element-b255aa1 > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-5157 .elementor-element.elementor-element-b255aa1 .elementor-heading-title{font-size:12px;color:var( --e-global-color-accent );}.elementor-5157 .elementor-element.elementor-element-6e9cb64{--display:flex;}.elementor-5157 .elementor-element.elementor-element-5fdd943{--display:flex;--min-height:60vh;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5157 .elementor-element.elementor-element-5fdd943:hover{box-shadow:0px 11px 11px 0px rgba(0, 0, 0, 0.18);}.elementor-5157 .elementor-element.elementor-element-fb2fa7e{--display:flex;--position:absolute;top:0px;}.elementor-5157 .elementor-element.elementor-element-fb2fa7e:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-fb2fa7e > .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-5157 .elementor-element.elementor-element-fb2fa7e{left:0px;}body.rtl .elementor-5157 .elementor-element.elementor-element-fb2fa7e{right:0px;}.elementor-5157 .elementor-element.elementor-element-576e746{--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-5157 .elementor-element.elementor-element-576e746:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-576e746 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-86b4fcd );}.elementor-5157 .elementor-element.elementor-element-a58a527 .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-5157 .elementor-element.elementor-element-a58a527 .elementor-button:hover, .elementor-5157 .elementor-element.elementor-element-a58a527 .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-5157 .elementor-element.elementor-element-a58a527 > .elementor-widget-container{padding:4px 0px 4px 0px;}.elementor-5157 .elementor-element.elementor-element-a58a527 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-5157 .elementor-element.elementor-element-a58a527 .elementor-button:hover svg, .elementor-5157 .elementor-element.elementor-element-a58a527 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-5157 .elementor-element.elementor-element-54d2ae0{--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-5157 .elementor-element.elementor-element-54d2ae0:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-54d2ae0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c696dce );}body:not(.rtl) .elementor-5157 .elementor-element.elementor-element-54d2ae0{left:0px;}body.rtl .elementor-5157 .elementor-element.elementor-element-54d2ae0{right:0px;}.elementor-5157 .elementor-element.elementor-element-957cbb4 > .elementor-widget-container{margin:0px 0px 5px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9F884059;}.elementor-5157 .elementor-element.elementor-element-957cbb4 .elementor-heading-title{font-size:10px;font-weight:600;text-transform:uppercase;text-decoration:none;color:var( --e-global-color-6217cc3 );}.elementor-5157 .elementor-element.elementor-element-bc7cf35 > .elementor-widget-container{margin:0px 0px 00px 0px;}.elementor-5157 .elementor-element.elementor-element-bc7cf35 .elementor-heading-title{font-family:"Prata", Sans-serif;color:var( --e-global-color-primary );}.elementor-5157 .elementor-element.elementor-element-dcb37c6 > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-5157 .elementor-element.elementor-element-dcb37c6 .elementor-heading-title{font-size:12px;color:var( --e-global-color-accent );}.elementor-5157 .elementor-element.elementor-element-ab87871{--display:flex;}.elementor-5157 .elementor-element.elementor-element-4c722cb{--display:flex;--min-height:60vh;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5157 .elementor-element.elementor-element-4c722cb:hover{box-shadow:0px 11px 11px 0px rgba(0, 0, 0, 0.18);}.elementor-5157 .elementor-element.elementor-element-4793d7d{--display:flex;--position:absolute;top:0px;}.elementor-5157 .elementor-element.elementor-element-4793d7d:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-4793d7d > .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-5157 .elementor-element.elementor-element-4793d7d{left:0px;}body.rtl .elementor-5157 .elementor-element.elementor-element-4793d7d{right:0px;}.elementor-5157 .elementor-element.elementor-element-81cb7f1{--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-5157 .elementor-element.elementor-element-81cb7f1:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-81cb7f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-86b4fcd );}.elementor-5157 .elementor-element.elementor-element-c8f8d51 .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-5157 .elementor-element.elementor-element-c8f8d51 .elementor-button:hover, .elementor-5157 .elementor-element.elementor-element-c8f8d51 .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-5157 .elementor-element.elementor-element-c8f8d51 > .elementor-widget-container{padding:4px 0px 4px 0px;}.elementor-5157 .elementor-element.elementor-element-c8f8d51 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-5157 .elementor-element.elementor-element-c8f8d51 .elementor-button:hover svg, .elementor-5157 .elementor-element.elementor-element-c8f8d51 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-5157 .elementor-element.elementor-element-4f4ba01{--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-5157 .elementor-element.elementor-element-4f4ba01:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-4f4ba01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c696dce );}body:not(.rtl) .elementor-5157 .elementor-element.elementor-element-4f4ba01{left:0px;}body.rtl .elementor-5157 .elementor-element.elementor-element-4f4ba01{right:0px;}.elementor-5157 .elementor-element.elementor-element-aa469dc > .elementor-widget-container{margin:0px 0px 5px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#9F884059;}.elementor-5157 .elementor-element.elementor-element-aa469dc .elementor-heading-title{font-size:10px;font-weight:600;text-transform:uppercase;text-decoration:none;color:var( --e-global-color-6217cc3 );}.elementor-5157 .elementor-element.elementor-element-c1682eb > .elementor-widget-container{margin:0px 0px 00px 0px;}.elementor-5157 .elementor-element.elementor-element-c1682eb .elementor-heading-title{font-family:"Prata", Sans-serif;color:var( --e-global-color-primary );}.elementor-5157 .elementor-element.elementor-element-d69f748 > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-5157 .elementor-element.elementor-element-d69f748 .elementor-heading-title{font-size:12px;color:var( --e-global-color-accent );}.elementor-5157 .elementor-element.elementor-element-9180683{--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-5157 .elementor-element.elementor-element-9180683 > .elementor-widget-container{padding:0% 4% 0% 4%;}:where( .elementor-5157 .elementor-element.elementor-element-9180683 .swiper-slide ) > .e-con{border-style:none;}.elementor-5157 .elementor-element.elementor-element-16851fa{--spacer-size:50px;}.elementor-5157 .elementor-element.elementor-element-b0d832a .elementor-button{background-color:#FFFFFF00;fill:var( --e-global-color-6217cc3 );color:var( --e-global-color-6217cc3 );}.elementor-5157 .elementor-element.elementor-element-b0d832a .elementor-button:hover, .elementor-5157 .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-5157 .elementor-element.elementor-element-b0d832a .elementor-button:hover svg, .elementor-5157 .elementor-element.elementor-element-b0d832a .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-5157 .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-5157 .elementor-element.elementor-element-1cad734:not(.elementor-motion-effects-element-type-background), .elementor-5157 .elementor-element.elementor-element-1cad734 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c696dce );}.elementor-5157 .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-5157 .elementor-element.elementor-element-7c46365.e-con{--align-self:center;}.elementor-5157 .elementor-element.elementor-element-55f76c6.elementor-element{--align-self:center;}.elementor-5157 .elementor-element.elementor-element-55f76c6{text-align:center;}.elementor-5157 .elementor-element.elementor-element-5a762ce{--divider-border-style:solid;--divider-color:var( --e-global-color-6217cc3 );--divider-border-width:3px;}.elementor-5157 .elementor-element.elementor-element-5a762ce > .elementor-widget-container{padding:10px 0px 20px 0px;}.elementor-5157 .elementor-element.elementor-element-5a762ce .elementor-divider-separator{width:10%;margin:0 auto;margin-center:0;}.elementor-5157 .elementor-element.elementor-element-5a762ce .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-5157 .elementor-element.elementor-element-9ff2af2{text-align:center;}.elementor-5157 .elementor-element.elementor-element-f42f364 > .elementor-widget-container{padding:4% 0% 4% 0%;}.elementor-5157 .elementor-element.elementor-element-f42f364{text-align:center;}.elementor-5157 .elementor-element.elementor-element-d309e7c .elementor-button{background-color:#FFFFFF00;fill:var( --e-global-color-6217cc3 );color:var( --e-global-color-6217cc3 );}.elementor-5157 .elementor-element.elementor-element-d309e7c .elementor-button:hover, .elementor-5157 .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-5157 .elementor-element.elementor-element-d309e7c .elementor-button:hover svg, .elementor-5157 .elementor-element.elementor-element-d309e7c .elementor-button:focus svg{fill:var( --e-global-color-primary );}@media(min-width:768px){.elementor-5157 .elementor-element.elementor-element-ae9da23{--content-width:1280px;}.elementor-5157 .elementor-element.elementor-element-5768da0{--width:100%;}.elementor-5157 .elementor-element.elementor-element-0f79a3d{--width:100%;}.elementor-5157 .elementor-element.elementor-element-dac3f90{--content-width:100%;}.elementor-5157 .elementor-element.elementor-element-ec9ec63{--width:100%;}.elementor-5157 .elementor-element.elementor-element-cda2c06{--content-width:100%;}.elementor-5157 .elementor-element.elementor-element-624a46d{--width:100%;}.elementor-5157 .elementor-element.elementor-element-9e5e226{--content-width:100%;}.elementor-5157 .elementor-element.elementor-element-56a7d8d{--width:100%;}.elementor-5157 .elementor-element.elementor-element-f0ef0cc{--content-width:100%;}.elementor-5157 .elementor-element.elementor-element-9e0d94a{--width:100%;}.elementor-5157 .elementor-element.elementor-element-9249881{--content-width:100%;}.elementor-5157 .elementor-element.elementor-element-1a00606{--width:100%;}.elementor-5157 .elementor-element.elementor-element-86fe785{--content-width:100%;}.elementor-5157 .elementor-element.elementor-element-de202aa{--width:100%;}.elementor-5157 .elementor-element.elementor-element-616e5da{--content-width:100%;}.elementor-5157 .elementor-element.elementor-element-5fdd943{--width:100%;}.elementor-5157 .elementor-element.elementor-element-fb2fa7e{--content-width:100%;}.elementor-5157 .elementor-element.elementor-element-4c722cb{--width:100%;}.elementor-5157 .elementor-element.elementor-element-4793d7d{--content-width:100%;}.elementor-5157 .elementor-element.elementor-element-7c46365{--width:80%;}}@media(max-width:1024px){.elementor-5157 .elementor-element.elementor-element-82bb2e0{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-5157 .elementor-element.elementor-element-c0a5d60{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-5157 .elementor-element.elementor-element-b4b4084 .elementor-button{font-size:14px;}.elementor-5157 .elementor-element.elementor-element-037f5c6 .elementor-heading-title{font-size:25px;}.elementor-5157 .elementor-element.elementor-element-c7b51af .elementor-button{font-size:14px;}.elementor-5157 .elementor-element.elementor-element-3e1f1d9 .elementor-heading-title{font-size:25px;}.elementor-5157 .elementor-element.elementor-element-e8e001a .elementor-button{font-size:14px;}.elementor-5157 .elementor-element.elementor-element-b520d96 .elementor-heading-title{font-size:25px;}.elementor-5157 .elementor-element.elementor-element-a23a0d5 .elementor-button{font-size:14px;}.elementor-5157 .elementor-element.elementor-element-de6eb05 .elementor-heading-title{font-size:25px;}.elementor-5157 .elementor-element.elementor-element-bd0ee8a .elementor-button{font-size:14px;}.elementor-5157 .elementor-element.elementor-element-46557aa .elementor-heading-title{font-size:25px;}.elementor-5157 .elementor-element.elementor-element-55422d4 .elementor-button{font-size:14px;}.elementor-5157 .elementor-element.elementor-element-6781a19 .elementor-heading-title{font-size:25px;}.elementor-5157 .elementor-element.elementor-element-a54cba3 .elementor-button{font-size:14px;}.elementor-5157 .elementor-element.elementor-element-5c7e551 .elementor-heading-title{font-size:25px;}.elementor-5157 .elementor-element.elementor-element-a58a527 .elementor-button{font-size:14px;}.elementor-5157 .elementor-element.elementor-element-bc7cf35 .elementor-heading-title{font-size:25px;}.elementor-5157 .elementor-element.elementor-element-c8f8d51 .elementor-button{font-size:14px;}.elementor-5157 .elementor-element.elementor-element-c1682eb .elementor-heading-title{font-size:25px;}.elementor-5157 .elementor-element.elementor-element-9180683{--e-n-carousel-swiper-slides-to-display:2;}.elementor-5157 .elementor-element.elementor-element-b0d832a .elementor-button{font-size:14px;padding:14px 35px 14px 35px;}.elementor-5157 .elementor-element.elementor-element-d309e7c .elementor-button{font-size:14px;padding:14px 35px 14px 35px;}}@media(max-width:767px){.elementor-5157 .elementor-element.elementor-element-56c4bef .elementor-heading-title{font-size:28px;}.elementor-5157 .elementor-element.elementor-element-ae9da23{--padding-top:18%;--padding-bottom:18%;--padding-left:0%;--padding-right:0%;}.elementor-5157 .elementor-element.elementor-element-fdb4f00{--container-widget-width:85%;--container-widget-flex-grow:0;width:var( --container-widget-width, 85% );max-width:85%;}.elementor-5157 .elementor-element.elementor-element-fdb4f00 .elementor-heading-title{font-size:28px;}.elementor-5157 .elementor-element.elementor-element-3ae414e{--padding-top:18%;--padding-bottom:18%;--padding-left:0%;--padding-right:0%;}.elementor-5157 .elementor-element.elementor-element-702fd00 .elementor-heading-title{font-size:28px;}.elementor-5157 .elementor-element.elementor-element-80ac4d7{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-5157 .elementor-element.elementor-element-037f5c6 .elementor-heading-title{font-size:20px;}.elementor-5157 .elementor-element.elementor-element-2d697e5{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-5157 .elementor-element.elementor-element-3e1f1d9 .elementor-heading-title{font-size:20px;}.elementor-5157 .elementor-element.elementor-element-cb279df{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-5157 .elementor-element.elementor-element-b520d96 .elementor-heading-title{font-size:20px;}.elementor-5157 .elementor-element.elementor-element-1e88938{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-5157 .elementor-element.elementor-element-de6eb05 .elementor-heading-title{font-size:20px;}.elementor-5157 .elementor-element.elementor-element-34d2d05{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-5157 .elementor-element.elementor-element-46557aa .elementor-heading-title{font-size:20px;}.elementor-5157 .elementor-element.elementor-element-b3ac7db{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-5157 .elementor-element.elementor-element-6781a19 .elementor-heading-title{font-size:20px;}.elementor-5157 .elementor-element.elementor-element-23a20bd{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-5157 .elementor-element.elementor-element-5c7e551 .elementor-heading-title{font-size:20px;}.elementor-5157 .elementor-element.elementor-element-54d2ae0{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-5157 .elementor-element.elementor-element-bc7cf35 .elementor-heading-title{font-size:20px;}.elementor-5157 .elementor-element.elementor-element-4f4ba01{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-5157 .elementor-element.elementor-element-c1682eb .elementor-heading-title{font-size:20px;}.elementor-5157 .elementor-element.elementor-element-9180683{--e-n-carousel-swiper-slides-to-display:1;}.elementor-5157 .elementor-element.elementor-element-b0d832a .elementor-button{padding:12px 25px 12px 25px;}.elementor-5157 .elementor-element.elementor-element-1cad734{--padding-top:18%;--padding-bottom:18%;--padding-left:8%;--padding-right:8%;}.elementor-5157 .elementor-element.elementor-element-55f76c6 .elementor-heading-title{font-size:28px;}.elementor-5157 .elementor-element.elementor-element-f42f364 > .elementor-widget-container{padding:8% 0% 8% 0%;}.elementor-5157 .elementor-element.elementor-element-d309e7c .elementor-button{padding:12px 25px 12px 25px;}}@media(min-width:1025px){.elementor-5157 .elementor-element.elementor-element-82bb2e0::before, .elementor-5157 .elementor-element.elementor-element-82bb2e0 > .elementor-background-video-container::before, .elementor-5157 .elementor-element.elementor-element-82bb2e0 > .e-con-inner > .elementor-background-video-container::before, .elementor-5157 .elementor-element.elementor-element-82bb2e0 > .elementor-background-slideshow::before, .elementor-5157 .elementor-element.elementor-element-82bb2e0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5157 .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-5157 .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-5157 .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-5157 .elementor-element.elementor-element-8b42bf8 .e-n-tab-title[aria-selected="true"],
.elementor-5157 .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-5157 .elementor-element.elementor-element-8b42bf8 .e-n-tab-title[aria-selected="true"]::before,
.elementor-5157 .elementor-element.elementor-element-8b42bf8 .e-n-tab-title:hover::before {
    width: 5px; 
}

/* --- 5. LA FLECHA --- */
.elementor-5157 .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-5157 .elementor-element.elementor-element-8b42bf8 .e-n-tab-title[aria-selected="true"]::after,
.elementor-5157 .elementor-element.elementor-element-8b42bf8 .e-n-tab-title:hover::after {
    opacity: 1;
    transform: translateX(0px);
}

/* Quitar borde inferior al último elemento */
.elementor-5157 .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-5157 .elementor-element.elementor-element-8b42bf8 .e-n-tabs-content > .e-con, 
.elementor-5157 .elementor-element.elementor-element-8b42bf8 .e-n-tabs-content > .e-n-tab-content {
    position: relative; 
    border-bottom: none !important; 
}

.elementor-5157 .elementor-element.elementor-element-8b42bf8 .e-n-tabs-content > .e-con::after, 
.elementor-5157 .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-dac3f90 */.elementor-5157 .elementor-element.elementor-element-dac3f90 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e16635 */.elementor-5157 .elementor-element.elementor-element-6e16635 {
    /* 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-80ac4d7 */.elementor-5157 .elementor-element.elementor-element-80ac4d7 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f79a3d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-0f79a3d {
    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-5157 .elementor-element.elementor-element-0f79a3d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-0f79a3d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-0f79a3d .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-5157 .elementor-element.elementor-element-0f79a3d::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-5157 .elementor-element.elementor-element-0f79a3d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-0f79a3d::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-5157 .elementor-element.elementor-element-0f79a3d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-0f79a3d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-0f79a3d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cda2c06 */.elementor-5157 .elementor-element.elementor-element-cda2c06 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6ca29 */.elementor-5157 .elementor-element.elementor-element-0f6ca29 {
    /* 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-2d697e5 */.elementor-5157 .elementor-element.elementor-element-2d697e5 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec9ec63 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-ec9ec63 {
    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-5157 .elementor-element.elementor-element-ec9ec63:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-ec9ec63:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-ec9ec63 .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-5157 .elementor-element.elementor-element-ec9ec63::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-5157 .elementor-element.elementor-element-ec9ec63:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-ec9ec63::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-5157 .elementor-element.elementor-element-ec9ec63:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-ec9ec63 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-ec9ec63:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e5e226 */.elementor-5157 .elementor-element.elementor-element-9e5e226 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2296cea */.elementor-5157 .elementor-element.elementor-element-2296cea {
    /* 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-cb279df */.elementor-5157 .elementor-element.elementor-element-cb279df { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-624a46d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-624a46d {
    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-5157 .elementor-element.elementor-element-624a46d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-624a46d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-624a46d .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-5157 .elementor-element.elementor-element-624a46d::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-5157 .elementor-element.elementor-element-624a46d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-624a46d::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-5157 .elementor-element.elementor-element-624a46d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-624a46d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-624a46d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0ef0cc */.elementor-5157 .elementor-element.elementor-element-f0ef0cc {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-407cccf */.elementor-5157 .elementor-element.elementor-element-407cccf {
    /* 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-1e88938 */.elementor-5157 .elementor-element.elementor-element-1e88938 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56a7d8d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-56a7d8d {
    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-5157 .elementor-element.elementor-element-56a7d8d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-56a7d8d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-56a7d8d .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-5157 .elementor-element.elementor-element-56a7d8d::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-5157 .elementor-element.elementor-element-56a7d8d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-56a7d8d::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-5157 .elementor-element.elementor-element-56a7d8d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-56a7d8d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-56a7d8d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9249881 */.elementor-5157 .elementor-element.elementor-element-9249881 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db39c9f */.elementor-5157 .elementor-element.elementor-element-db39c9f {
    /* 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-34d2d05 */.elementor-5157 .elementor-element.elementor-element-34d2d05 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e0d94a *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-9e0d94a {
    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-5157 .elementor-element.elementor-element-9e0d94a:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-9e0d94a:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-9e0d94a .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-5157 .elementor-element.elementor-element-9e0d94a::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-5157 .elementor-element.elementor-element-9e0d94a:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-9e0d94a::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-5157 .elementor-element.elementor-element-9e0d94a:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-9e0d94a .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-9e0d94a:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86fe785 */.elementor-5157 .elementor-element.elementor-element-86fe785 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e8811d */.elementor-5157 .elementor-element.elementor-element-7e8811d {
    /* 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-b3ac7db */.elementor-5157 .elementor-element.elementor-element-b3ac7db { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a00606 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-1a00606 {
    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-5157 .elementor-element.elementor-element-1a00606:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-1a00606:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-1a00606 .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-5157 .elementor-element.elementor-element-1a00606::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-5157 .elementor-element.elementor-element-1a00606:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-1a00606::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-5157 .elementor-element.elementor-element-1a00606:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-1a00606 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-1a00606:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-616e5da */.elementor-5157 .elementor-element.elementor-element-616e5da {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-686a39b */.elementor-5157 .elementor-element.elementor-element-686a39b {
    /* 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-23a20bd */.elementor-5157 .elementor-element.elementor-element-23a20bd { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de202aa *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-de202aa {
    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-5157 .elementor-element.elementor-element-de202aa:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-de202aa:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-de202aa .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-5157 .elementor-element.elementor-element-de202aa::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-5157 .elementor-element.elementor-element-de202aa:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-de202aa::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-5157 .elementor-element.elementor-element-de202aa:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-de202aa .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-de202aa:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb2fa7e */.elementor-5157 .elementor-element.elementor-element-fb2fa7e {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-576e746 */.elementor-5157 .elementor-element.elementor-element-576e746 {
    /* 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-54d2ae0 */.elementor-5157 .elementor-element.elementor-element-54d2ae0 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fdd943 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-5fdd943 {
    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-5157 .elementor-element.elementor-element-5fdd943:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-5fdd943:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-5fdd943 .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-5157 .elementor-element.elementor-element-5fdd943::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-5157 .elementor-element.elementor-element-5fdd943:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-5fdd943::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-5157 .elementor-element.elementor-element-5fdd943:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-5fdd943 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-5fdd943:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4793d7d */.elementor-5157 .elementor-element.elementor-element-4793d7d {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81cb7f1 */.elementor-5157 .elementor-element.elementor-element-81cb7f1 {
    /* 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-4f4ba01 */.elementor-5157 .elementor-element.elementor-element-4f4ba01 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c722cb *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-4c722cb {
    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-5157 .elementor-element.elementor-element-4c722cb:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-4c722cb:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-4c722cb .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-5157 .elementor-element.elementor-element-4c722cb::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-5157 .elementor-element.elementor-element-4c722cb:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-4c722cb::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-5157 .elementor-element.elementor-element-4c722cb:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-4c722cb .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-4c722cb:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dac3f90 */.elementor-5157 .elementor-element.elementor-element-dac3f90 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e16635 */.elementor-5157 .elementor-element.elementor-element-6e16635 {
    /* 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-80ac4d7 */.elementor-5157 .elementor-element.elementor-element-80ac4d7 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f79a3d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-0f79a3d {
    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-5157 .elementor-element.elementor-element-0f79a3d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-0f79a3d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-0f79a3d .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-5157 .elementor-element.elementor-element-0f79a3d::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-5157 .elementor-element.elementor-element-0f79a3d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-0f79a3d::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-5157 .elementor-element.elementor-element-0f79a3d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-0f79a3d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-0f79a3d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cda2c06 */.elementor-5157 .elementor-element.elementor-element-cda2c06 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6ca29 */.elementor-5157 .elementor-element.elementor-element-0f6ca29 {
    /* 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-2d697e5 */.elementor-5157 .elementor-element.elementor-element-2d697e5 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec9ec63 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-ec9ec63 {
    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-5157 .elementor-element.elementor-element-ec9ec63:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-ec9ec63:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-ec9ec63 .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-5157 .elementor-element.elementor-element-ec9ec63::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-5157 .elementor-element.elementor-element-ec9ec63:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-ec9ec63::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-5157 .elementor-element.elementor-element-ec9ec63:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-ec9ec63 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-ec9ec63:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e5e226 */.elementor-5157 .elementor-element.elementor-element-9e5e226 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2296cea */.elementor-5157 .elementor-element.elementor-element-2296cea {
    /* 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-cb279df */.elementor-5157 .elementor-element.elementor-element-cb279df { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-624a46d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-624a46d {
    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-5157 .elementor-element.elementor-element-624a46d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-624a46d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-624a46d .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-5157 .elementor-element.elementor-element-624a46d::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-5157 .elementor-element.elementor-element-624a46d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-624a46d::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-5157 .elementor-element.elementor-element-624a46d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-624a46d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-624a46d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0ef0cc */.elementor-5157 .elementor-element.elementor-element-f0ef0cc {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-407cccf */.elementor-5157 .elementor-element.elementor-element-407cccf {
    /* 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-1e88938 */.elementor-5157 .elementor-element.elementor-element-1e88938 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56a7d8d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-56a7d8d {
    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-5157 .elementor-element.elementor-element-56a7d8d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-56a7d8d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-56a7d8d .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-5157 .elementor-element.elementor-element-56a7d8d::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-5157 .elementor-element.elementor-element-56a7d8d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-56a7d8d::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-5157 .elementor-element.elementor-element-56a7d8d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-56a7d8d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-56a7d8d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9249881 */.elementor-5157 .elementor-element.elementor-element-9249881 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db39c9f */.elementor-5157 .elementor-element.elementor-element-db39c9f {
    /* 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-34d2d05 */.elementor-5157 .elementor-element.elementor-element-34d2d05 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e0d94a *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-9e0d94a {
    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-5157 .elementor-element.elementor-element-9e0d94a:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-9e0d94a:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-9e0d94a .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-5157 .elementor-element.elementor-element-9e0d94a::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-5157 .elementor-element.elementor-element-9e0d94a:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-9e0d94a::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-5157 .elementor-element.elementor-element-9e0d94a:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-9e0d94a .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-9e0d94a:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86fe785 */.elementor-5157 .elementor-element.elementor-element-86fe785 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e8811d */.elementor-5157 .elementor-element.elementor-element-7e8811d {
    /* 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-b3ac7db */.elementor-5157 .elementor-element.elementor-element-b3ac7db { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a00606 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-1a00606 {
    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-5157 .elementor-element.elementor-element-1a00606:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-1a00606:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-1a00606 .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-5157 .elementor-element.elementor-element-1a00606::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-5157 .elementor-element.elementor-element-1a00606:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-1a00606::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-5157 .elementor-element.elementor-element-1a00606:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-1a00606 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-1a00606:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-616e5da */.elementor-5157 .elementor-element.elementor-element-616e5da {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-686a39b */.elementor-5157 .elementor-element.elementor-element-686a39b {
    /* 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-23a20bd */.elementor-5157 .elementor-element.elementor-element-23a20bd { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de202aa *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-de202aa {
    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-5157 .elementor-element.elementor-element-de202aa:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-de202aa:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-de202aa .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-5157 .elementor-element.elementor-element-de202aa::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-5157 .elementor-element.elementor-element-de202aa:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-de202aa::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-5157 .elementor-element.elementor-element-de202aa:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-de202aa .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-de202aa:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb2fa7e */.elementor-5157 .elementor-element.elementor-element-fb2fa7e {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-576e746 */.elementor-5157 .elementor-element.elementor-element-576e746 {
    /* 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-54d2ae0 */.elementor-5157 .elementor-element.elementor-element-54d2ae0 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fdd943 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-5fdd943 {
    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-5157 .elementor-element.elementor-element-5fdd943:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-5fdd943:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-5fdd943 .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-5157 .elementor-element.elementor-element-5fdd943::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-5157 .elementor-element.elementor-element-5fdd943:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-5fdd943::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-5157 .elementor-element.elementor-element-5fdd943:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-5fdd943 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-5fdd943:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4793d7d */.elementor-5157 .elementor-element.elementor-element-4793d7d {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81cb7f1 */.elementor-5157 .elementor-element.elementor-element-81cb7f1 {
    /* 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-4f4ba01 */.elementor-5157 .elementor-element.elementor-element-4f4ba01 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c722cb *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-4c722cb {
    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-5157 .elementor-element.elementor-element-4c722cb:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-4c722cb:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-4c722cb .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-5157 .elementor-element.elementor-element-4c722cb::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-5157 .elementor-element.elementor-element-4c722cb:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-4c722cb::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-5157 .elementor-element.elementor-element-4c722cb:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-4c722cb .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-4c722cb:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dac3f90 */.elementor-5157 .elementor-element.elementor-element-dac3f90 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e16635 */.elementor-5157 .elementor-element.elementor-element-6e16635 {
    /* 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-80ac4d7 */.elementor-5157 .elementor-element.elementor-element-80ac4d7 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f79a3d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-0f79a3d {
    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-5157 .elementor-element.elementor-element-0f79a3d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-0f79a3d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-0f79a3d .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-5157 .elementor-element.elementor-element-0f79a3d::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-5157 .elementor-element.elementor-element-0f79a3d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-0f79a3d::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-5157 .elementor-element.elementor-element-0f79a3d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-0f79a3d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-0f79a3d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cda2c06 */.elementor-5157 .elementor-element.elementor-element-cda2c06 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6ca29 */.elementor-5157 .elementor-element.elementor-element-0f6ca29 {
    /* 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-2d697e5 */.elementor-5157 .elementor-element.elementor-element-2d697e5 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec9ec63 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-ec9ec63 {
    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-5157 .elementor-element.elementor-element-ec9ec63:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-ec9ec63:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-ec9ec63 .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-5157 .elementor-element.elementor-element-ec9ec63::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-5157 .elementor-element.elementor-element-ec9ec63:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-ec9ec63::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-5157 .elementor-element.elementor-element-ec9ec63:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-ec9ec63 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-ec9ec63:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e5e226 */.elementor-5157 .elementor-element.elementor-element-9e5e226 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2296cea */.elementor-5157 .elementor-element.elementor-element-2296cea {
    /* 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-cb279df */.elementor-5157 .elementor-element.elementor-element-cb279df { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-624a46d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-624a46d {
    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-5157 .elementor-element.elementor-element-624a46d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-624a46d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-624a46d .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-5157 .elementor-element.elementor-element-624a46d::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-5157 .elementor-element.elementor-element-624a46d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-624a46d::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-5157 .elementor-element.elementor-element-624a46d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-624a46d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-624a46d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0ef0cc */.elementor-5157 .elementor-element.elementor-element-f0ef0cc {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-407cccf */.elementor-5157 .elementor-element.elementor-element-407cccf {
    /* 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-1e88938 */.elementor-5157 .elementor-element.elementor-element-1e88938 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56a7d8d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-56a7d8d {
    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-5157 .elementor-element.elementor-element-56a7d8d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-56a7d8d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-56a7d8d .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-5157 .elementor-element.elementor-element-56a7d8d::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-5157 .elementor-element.elementor-element-56a7d8d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-56a7d8d::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-5157 .elementor-element.elementor-element-56a7d8d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-56a7d8d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-56a7d8d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9249881 */.elementor-5157 .elementor-element.elementor-element-9249881 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db39c9f */.elementor-5157 .elementor-element.elementor-element-db39c9f {
    /* 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-34d2d05 */.elementor-5157 .elementor-element.elementor-element-34d2d05 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e0d94a *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-9e0d94a {
    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-5157 .elementor-element.elementor-element-9e0d94a:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-9e0d94a:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-9e0d94a .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-5157 .elementor-element.elementor-element-9e0d94a::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-5157 .elementor-element.elementor-element-9e0d94a:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-9e0d94a::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-5157 .elementor-element.elementor-element-9e0d94a:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-9e0d94a .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-9e0d94a:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86fe785 */.elementor-5157 .elementor-element.elementor-element-86fe785 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e8811d */.elementor-5157 .elementor-element.elementor-element-7e8811d {
    /* 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-b3ac7db */.elementor-5157 .elementor-element.elementor-element-b3ac7db { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a00606 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-1a00606 {
    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-5157 .elementor-element.elementor-element-1a00606:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-1a00606:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-1a00606 .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-5157 .elementor-element.elementor-element-1a00606::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-5157 .elementor-element.elementor-element-1a00606:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-1a00606::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-5157 .elementor-element.elementor-element-1a00606:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-1a00606 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-1a00606:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-616e5da */.elementor-5157 .elementor-element.elementor-element-616e5da {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-686a39b */.elementor-5157 .elementor-element.elementor-element-686a39b {
    /* 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-23a20bd */.elementor-5157 .elementor-element.elementor-element-23a20bd { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de202aa *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-de202aa {
    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-5157 .elementor-element.elementor-element-de202aa:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-de202aa:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-de202aa .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-5157 .elementor-element.elementor-element-de202aa::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-5157 .elementor-element.elementor-element-de202aa:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-de202aa::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-5157 .elementor-element.elementor-element-de202aa:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-de202aa .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-de202aa:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb2fa7e */.elementor-5157 .elementor-element.elementor-element-fb2fa7e {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-576e746 */.elementor-5157 .elementor-element.elementor-element-576e746 {
    /* 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-54d2ae0 */.elementor-5157 .elementor-element.elementor-element-54d2ae0 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fdd943 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-5fdd943 {
    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-5157 .elementor-element.elementor-element-5fdd943:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-5fdd943:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-5fdd943 .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-5157 .elementor-element.elementor-element-5fdd943::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-5157 .elementor-element.elementor-element-5fdd943:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-5fdd943::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-5157 .elementor-element.elementor-element-5fdd943:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-5fdd943 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-5fdd943:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4793d7d */.elementor-5157 .elementor-element.elementor-element-4793d7d {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81cb7f1 */.elementor-5157 .elementor-element.elementor-element-81cb7f1 {
    /* 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-4f4ba01 */.elementor-5157 .elementor-element.elementor-element-4f4ba01 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c722cb *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-4c722cb {
    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-5157 .elementor-element.elementor-element-4c722cb:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-4c722cb:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-4c722cb .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-5157 .elementor-element.elementor-element-4c722cb::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-5157 .elementor-element.elementor-element-4c722cb:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-4c722cb::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-5157 .elementor-element.elementor-element-4c722cb:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-4c722cb .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-4c722cb:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dac3f90 */.elementor-5157 .elementor-element.elementor-element-dac3f90 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e16635 */.elementor-5157 .elementor-element.elementor-element-6e16635 {
    /* 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-80ac4d7 */.elementor-5157 .elementor-element.elementor-element-80ac4d7 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f79a3d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-0f79a3d {
    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-5157 .elementor-element.elementor-element-0f79a3d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-0f79a3d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-0f79a3d .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-5157 .elementor-element.elementor-element-0f79a3d::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-5157 .elementor-element.elementor-element-0f79a3d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-0f79a3d::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-5157 .elementor-element.elementor-element-0f79a3d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-0f79a3d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-0f79a3d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cda2c06 */.elementor-5157 .elementor-element.elementor-element-cda2c06 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6ca29 */.elementor-5157 .elementor-element.elementor-element-0f6ca29 {
    /* 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-2d697e5 */.elementor-5157 .elementor-element.elementor-element-2d697e5 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec9ec63 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-ec9ec63 {
    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-5157 .elementor-element.elementor-element-ec9ec63:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-ec9ec63:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-ec9ec63 .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-5157 .elementor-element.elementor-element-ec9ec63::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-5157 .elementor-element.elementor-element-ec9ec63:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-ec9ec63::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-5157 .elementor-element.elementor-element-ec9ec63:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-ec9ec63 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-ec9ec63:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e5e226 */.elementor-5157 .elementor-element.elementor-element-9e5e226 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2296cea */.elementor-5157 .elementor-element.elementor-element-2296cea {
    /* 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-cb279df */.elementor-5157 .elementor-element.elementor-element-cb279df { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-624a46d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-624a46d {
    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-5157 .elementor-element.elementor-element-624a46d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-624a46d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-624a46d .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-5157 .elementor-element.elementor-element-624a46d::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-5157 .elementor-element.elementor-element-624a46d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-624a46d::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-5157 .elementor-element.elementor-element-624a46d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-624a46d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-624a46d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0ef0cc */.elementor-5157 .elementor-element.elementor-element-f0ef0cc {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-407cccf */.elementor-5157 .elementor-element.elementor-element-407cccf {
    /* 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-1e88938 */.elementor-5157 .elementor-element.elementor-element-1e88938 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56a7d8d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-56a7d8d {
    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-5157 .elementor-element.elementor-element-56a7d8d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-56a7d8d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-56a7d8d .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-5157 .elementor-element.elementor-element-56a7d8d::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-5157 .elementor-element.elementor-element-56a7d8d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-56a7d8d::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-5157 .elementor-element.elementor-element-56a7d8d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-56a7d8d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-56a7d8d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9249881 */.elementor-5157 .elementor-element.elementor-element-9249881 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db39c9f */.elementor-5157 .elementor-element.elementor-element-db39c9f {
    /* 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-34d2d05 */.elementor-5157 .elementor-element.elementor-element-34d2d05 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e0d94a *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-9e0d94a {
    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-5157 .elementor-element.elementor-element-9e0d94a:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-9e0d94a:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-9e0d94a .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-5157 .elementor-element.elementor-element-9e0d94a::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-5157 .elementor-element.elementor-element-9e0d94a:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-9e0d94a::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-5157 .elementor-element.elementor-element-9e0d94a:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-9e0d94a .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-9e0d94a:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86fe785 */.elementor-5157 .elementor-element.elementor-element-86fe785 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e8811d */.elementor-5157 .elementor-element.elementor-element-7e8811d {
    /* 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-b3ac7db */.elementor-5157 .elementor-element.elementor-element-b3ac7db { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a00606 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-1a00606 {
    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-5157 .elementor-element.elementor-element-1a00606:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-1a00606:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-1a00606 .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-5157 .elementor-element.elementor-element-1a00606::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-5157 .elementor-element.elementor-element-1a00606:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-1a00606::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-5157 .elementor-element.elementor-element-1a00606:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-1a00606 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-1a00606:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-616e5da */.elementor-5157 .elementor-element.elementor-element-616e5da {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-686a39b */.elementor-5157 .elementor-element.elementor-element-686a39b {
    /* 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-23a20bd */.elementor-5157 .elementor-element.elementor-element-23a20bd { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de202aa *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-de202aa {
    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-5157 .elementor-element.elementor-element-de202aa:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-de202aa:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-de202aa .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-5157 .elementor-element.elementor-element-de202aa::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-5157 .elementor-element.elementor-element-de202aa:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-de202aa::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-5157 .elementor-element.elementor-element-de202aa:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-de202aa .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-de202aa:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb2fa7e */.elementor-5157 .elementor-element.elementor-element-fb2fa7e {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-576e746 */.elementor-5157 .elementor-element.elementor-element-576e746 {
    /* 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-54d2ae0 */.elementor-5157 .elementor-element.elementor-element-54d2ae0 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fdd943 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-5fdd943 {
    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-5157 .elementor-element.elementor-element-5fdd943:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-5fdd943:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-5fdd943 .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-5157 .elementor-element.elementor-element-5fdd943::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-5157 .elementor-element.elementor-element-5fdd943:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-5fdd943::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-5157 .elementor-element.elementor-element-5fdd943:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-5fdd943 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-5fdd943:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4793d7d */.elementor-5157 .elementor-element.elementor-element-4793d7d {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81cb7f1 */.elementor-5157 .elementor-element.elementor-element-81cb7f1 {
    /* 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-4f4ba01 */.elementor-5157 .elementor-element.elementor-element-4f4ba01 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c722cb *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-4c722cb {
    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-5157 .elementor-element.elementor-element-4c722cb:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-4c722cb:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-4c722cb .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-5157 .elementor-element.elementor-element-4c722cb::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-5157 .elementor-element.elementor-element-4c722cb:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-4c722cb::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-5157 .elementor-element.elementor-element-4c722cb:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-4c722cb .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-4c722cb:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dac3f90 */.elementor-5157 .elementor-element.elementor-element-dac3f90 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e16635 */.elementor-5157 .elementor-element.elementor-element-6e16635 {
    /* 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-80ac4d7 */.elementor-5157 .elementor-element.elementor-element-80ac4d7 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f79a3d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-0f79a3d {
    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-5157 .elementor-element.elementor-element-0f79a3d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-0f79a3d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-0f79a3d .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-5157 .elementor-element.elementor-element-0f79a3d::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-5157 .elementor-element.elementor-element-0f79a3d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-0f79a3d::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-5157 .elementor-element.elementor-element-0f79a3d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-0f79a3d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-0f79a3d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cda2c06 */.elementor-5157 .elementor-element.elementor-element-cda2c06 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6ca29 */.elementor-5157 .elementor-element.elementor-element-0f6ca29 {
    /* 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-2d697e5 */.elementor-5157 .elementor-element.elementor-element-2d697e5 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec9ec63 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-ec9ec63 {
    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-5157 .elementor-element.elementor-element-ec9ec63:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-ec9ec63:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-ec9ec63 .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-5157 .elementor-element.elementor-element-ec9ec63::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-5157 .elementor-element.elementor-element-ec9ec63:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-ec9ec63::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-5157 .elementor-element.elementor-element-ec9ec63:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-ec9ec63 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-ec9ec63:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e5e226 */.elementor-5157 .elementor-element.elementor-element-9e5e226 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2296cea */.elementor-5157 .elementor-element.elementor-element-2296cea {
    /* 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-cb279df */.elementor-5157 .elementor-element.elementor-element-cb279df { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-624a46d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-624a46d {
    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-5157 .elementor-element.elementor-element-624a46d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-624a46d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-624a46d .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-5157 .elementor-element.elementor-element-624a46d::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-5157 .elementor-element.elementor-element-624a46d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-624a46d::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-5157 .elementor-element.elementor-element-624a46d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-624a46d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-624a46d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0ef0cc */.elementor-5157 .elementor-element.elementor-element-f0ef0cc {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-407cccf */.elementor-5157 .elementor-element.elementor-element-407cccf {
    /* 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-1e88938 */.elementor-5157 .elementor-element.elementor-element-1e88938 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56a7d8d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-56a7d8d {
    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-5157 .elementor-element.elementor-element-56a7d8d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-56a7d8d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-56a7d8d .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-5157 .elementor-element.elementor-element-56a7d8d::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-5157 .elementor-element.elementor-element-56a7d8d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-56a7d8d::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-5157 .elementor-element.elementor-element-56a7d8d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-56a7d8d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-56a7d8d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9249881 */.elementor-5157 .elementor-element.elementor-element-9249881 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db39c9f */.elementor-5157 .elementor-element.elementor-element-db39c9f {
    /* 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-34d2d05 */.elementor-5157 .elementor-element.elementor-element-34d2d05 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e0d94a *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-9e0d94a {
    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-5157 .elementor-element.elementor-element-9e0d94a:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-9e0d94a:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-9e0d94a .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-5157 .elementor-element.elementor-element-9e0d94a::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-5157 .elementor-element.elementor-element-9e0d94a:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-9e0d94a::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-5157 .elementor-element.elementor-element-9e0d94a:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-9e0d94a .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-9e0d94a:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86fe785 */.elementor-5157 .elementor-element.elementor-element-86fe785 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e8811d */.elementor-5157 .elementor-element.elementor-element-7e8811d {
    /* 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-b3ac7db */.elementor-5157 .elementor-element.elementor-element-b3ac7db { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a00606 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-1a00606 {
    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-5157 .elementor-element.elementor-element-1a00606:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-1a00606:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-1a00606 .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-5157 .elementor-element.elementor-element-1a00606::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-5157 .elementor-element.elementor-element-1a00606:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-1a00606::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-5157 .elementor-element.elementor-element-1a00606:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-1a00606 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-1a00606:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-616e5da */.elementor-5157 .elementor-element.elementor-element-616e5da {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-686a39b */.elementor-5157 .elementor-element.elementor-element-686a39b {
    /* 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-23a20bd */.elementor-5157 .elementor-element.elementor-element-23a20bd { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de202aa *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-de202aa {
    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-5157 .elementor-element.elementor-element-de202aa:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-de202aa:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-de202aa .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-5157 .elementor-element.elementor-element-de202aa::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-5157 .elementor-element.elementor-element-de202aa:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-de202aa::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-5157 .elementor-element.elementor-element-de202aa:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-de202aa .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-de202aa:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb2fa7e */.elementor-5157 .elementor-element.elementor-element-fb2fa7e {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-576e746 */.elementor-5157 .elementor-element.elementor-element-576e746 {
    /* 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-54d2ae0 */.elementor-5157 .elementor-element.elementor-element-54d2ae0 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fdd943 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-5fdd943 {
    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-5157 .elementor-element.elementor-element-5fdd943:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-5fdd943:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-5fdd943 .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-5157 .elementor-element.elementor-element-5fdd943::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-5157 .elementor-element.elementor-element-5fdd943:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-5fdd943::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-5157 .elementor-element.elementor-element-5fdd943:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-5fdd943 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-5fdd943:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4793d7d */.elementor-5157 .elementor-element.elementor-element-4793d7d {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81cb7f1 */.elementor-5157 .elementor-element.elementor-element-81cb7f1 {
    /* 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-4f4ba01 */.elementor-5157 .elementor-element.elementor-element-4f4ba01 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c722cb *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-4c722cb {
    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-5157 .elementor-element.elementor-element-4c722cb:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-4c722cb:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-4c722cb .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-5157 .elementor-element.elementor-element-4c722cb::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-5157 .elementor-element.elementor-element-4c722cb:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-4c722cb::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-5157 .elementor-element.elementor-element-4c722cb:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-4c722cb .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-4c722cb:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dac3f90 */.elementor-5157 .elementor-element.elementor-element-dac3f90 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e16635 */.elementor-5157 .elementor-element.elementor-element-6e16635 {
    /* 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-80ac4d7 */.elementor-5157 .elementor-element.elementor-element-80ac4d7 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f79a3d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-0f79a3d {
    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-5157 .elementor-element.elementor-element-0f79a3d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-0f79a3d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-0f79a3d .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-5157 .elementor-element.elementor-element-0f79a3d::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-5157 .elementor-element.elementor-element-0f79a3d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-0f79a3d::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-5157 .elementor-element.elementor-element-0f79a3d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-0f79a3d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-0f79a3d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cda2c06 */.elementor-5157 .elementor-element.elementor-element-cda2c06 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6ca29 */.elementor-5157 .elementor-element.elementor-element-0f6ca29 {
    /* 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-2d697e5 */.elementor-5157 .elementor-element.elementor-element-2d697e5 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec9ec63 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-ec9ec63 {
    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-5157 .elementor-element.elementor-element-ec9ec63:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-ec9ec63:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-ec9ec63 .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-5157 .elementor-element.elementor-element-ec9ec63::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-5157 .elementor-element.elementor-element-ec9ec63:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-ec9ec63::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-5157 .elementor-element.elementor-element-ec9ec63:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-ec9ec63 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-ec9ec63:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e5e226 */.elementor-5157 .elementor-element.elementor-element-9e5e226 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2296cea */.elementor-5157 .elementor-element.elementor-element-2296cea {
    /* 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-cb279df */.elementor-5157 .elementor-element.elementor-element-cb279df { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-624a46d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-624a46d {
    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-5157 .elementor-element.elementor-element-624a46d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-624a46d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-624a46d .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-5157 .elementor-element.elementor-element-624a46d::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-5157 .elementor-element.elementor-element-624a46d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-624a46d::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-5157 .elementor-element.elementor-element-624a46d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-624a46d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-624a46d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0ef0cc */.elementor-5157 .elementor-element.elementor-element-f0ef0cc {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-407cccf */.elementor-5157 .elementor-element.elementor-element-407cccf {
    /* 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-1e88938 */.elementor-5157 .elementor-element.elementor-element-1e88938 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56a7d8d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-56a7d8d {
    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-5157 .elementor-element.elementor-element-56a7d8d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-56a7d8d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-56a7d8d .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-5157 .elementor-element.elementor-element-56a7d8d::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-5157 .elementor-element.elementor-element-56a7d8d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-56a7d8d::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-5157 .elementor-element.elementor-element-56a7d8d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-56a7d8d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-56a7d8d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9249881 */.elementor-5157 .elementor-element.elementor-element-9249881 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db39c9f */.elementor-5157 .elementor-element.elementor-element-db39c9f {
    /* 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-34d2d05 */.elementor-5157 .elementor-element.elementor-element-34d2d05 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e0d94a *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-9e0d94a {
    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-5157 .elementor-element.elementor-element-9e0d94a:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-9e0d94a:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-9e0d94a .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-5157 .elementor-element.elementor-element-9e0d94a::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-5157 .elementor-element.elementor-element-9e0d94a:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-9e0d94a::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-5157 .elementor-element.elementor-element-9e0d94a:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-9e0d94a .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-9e0d94a:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86fe785 */.elementor-5157 .elementor-element.elementor-element-86fe785 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e8811d */.elementor-5157 .elementor-element.elementor-element-7e8811d {
    /* 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-b3ac7db */.elementor-5157 .elementor-element.elementor-element-b3ac7db { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a00606 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-1a00606 {
    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-5157 .elementor-element.elementor-element-1a00606:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-1a00606:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-1a00606 .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-5157 .elementor-element.elementor-element-1a00606::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-5157 .elementor-element.elementor-element-1a00606:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-1a00606::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-5157 .elementor-element.elementor-element-1a00606:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-1a00606 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-1a00606:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-616e5da */.elementor-5157 .elementor-element.elementor-element-616e5da {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-686a39b */.elementor-5157 .elementor-element.elementor-element-686a39b {
    /* 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-23a20bd */.elementor-5157 .elementor-element.elementor-element-23a20bd { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de202aa *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-de202aa {
    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-5157 .elementor-element.elementor-element-de202aa:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-de202aa:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-de202aa .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-5157 .elementor-element.elementor-element-de202aa::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-5157 .elementor-element.elementor-element-de202aa:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-de202aa::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-5157 .elementor-element.elementor-element-de202aa:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-de202aa .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-de202aa:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb2fa7e */.elementor-5157 .elementor-element.elementor-element-fb2fa7e {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-576e746 */.elementor-5157 .elementor-element.elementor-element-576e746 {
    /* 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-54d2ae0 */.elementor-5157 .elementor-element.elementor-element-54d2ae0 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fdd943 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-5fdd943 {
    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-5157 .elementor-element.elementor-element-5fdd943:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-5fdd943:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-5fdd943 .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-5157 .elementor-element.elementor-element-5fdd943::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-5157 .elementor-element.elementor-element-5fdd943:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-5fdd943::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-5157 .elementor-element.elementor-element-5fdd943:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-5fdd943 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-5fdd943:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4793d7d */.elementor-5157 .elementor-element.elementor-element-4793d7d {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81cb7f1 */.elementor-5157 .elementor-element.elementor-element-81cb7f1 {
    /* 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-4f4ba01 */.elementor-5157 .elementor-element.elementor-element-4f4ba01 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c722cb *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-4c722cb {
    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-5157 .elementor-element.elementor-element-4c722cb:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-4c722cb:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-4c722cb .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-5157 .elementor-element.elementor-element-4c722cb::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-5157 .elementor-element.elementor-element-4c722cb:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-4c722cb::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-5157 .elementor-element.elementor-element-4c722cb:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-4c722cb .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-4c722cb:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dac3f90 */.elementor-5157 .elementor-element.elementor-element-dac3f90 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e16635 */.elementor-5157 .elementor-element.elementor-element-6e16635 {
    /* 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-80ac4d7 */.elementor-5157 .elementor-element.elementor-element-80ac4d7 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f79a3d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-0f79a3d {
    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-5157 .elementor-element.elementor-element-0f79a3d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-0f79a3d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-0f79a3d .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-5157 .elementor-element.elementor-element-0f79a3d::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-5157 .elementor-element.elementor-element-0f79a3d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-0f79a3d::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-5157 .elementor-element.elementor-element-0f79a3d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-0f79a3d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-0f79a3d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cda2c06 */.elementor-5157 .elementor-element.elementor-element-cda2c06 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6ca29 */.elementor-5157 .elementor-element.elementor-element-0f6ca29 {
    /* 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-2d697e5 */.elementor-5157 .elementor-element.elementor-element-2d697e5 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec9ec63 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-ec9ec63 {
    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-5157 .elementor-element.elementor-element-ec9ec63:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-ec9ec63:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-ec9ec63 .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-5157 .elementor-element.elementor-element-ec9ec63::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-5157 .elementor-element.elementor-element-ec9ec63:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-ec9ec63::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-5157 .elementor-element.elementor-element-ec9ec63:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-ec9ec63 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-ec9ec63:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e5e226 */.elementor-5157 .elementor-element.elementor-element-9e5e226 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2296cea */.elementor-5157 .elementor-element.elementor-element-2296cea {
    /* 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-cb279df */.elementor-5157 .elementor-element.elementor-element-cb279df { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-624a46d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-624a46d {
    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-5157 .elementor-element.elementor-element-624a46d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-624a46d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-624a46d .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-5157 .elementor-element.elementor-element-624a46d::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-5157 .elementor-element.elementor-element-624a46d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-624a46d::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-5157 .elementor-element.elementor-element-624a46d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-624a46d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-624a46d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0ef0cc */.elementor-5157 .elementor-element.elementor-element-f0ef0cc {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-407cccf */.elementor-5157 .elementor-element.elementor-element-407cccf {
    /* 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-1e88938 */.elementor-5157 .elementor-element.elementor-element-1e88938 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56a7d8d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-56a7d8d {
    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-5157 .elementor-element.elementor-element-56a7d8d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-56a7d8d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-56a7d8d .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-5157 .elementor-element.elementor-element-56a7d8d::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-5157 .elementor-element.elementor-element-56a7d8d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-56a7d8d::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-5157 .elementor-element.elementor-element-56a7d8d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-56a7d8d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-56a7d8d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9249881 */.elementor-5157 .elementor-element.elementor-element-9249881 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db39c9f */.elementor-5157 .elementor-element.elementor-element-db39c9f {
    /* 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-34d2d05 */.elementor-5157 .elementor-element.elementor-element-34d2d05 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e0d94a *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-9e0d94a {
    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-5157 .elementor-element.elementor-element-9e0d94a:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-9e0d94a:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-9e0d94a .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-5157 .elementor-element.elementor-element-9e0d94a::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-5157 .elementor-element.elementor-element-9e0d94a:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-9e0d94a::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-5157 .elementor-element.elementor-element-9e0d94a:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-9e0d94a .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-9e0d94a:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86fe785 */.elementor-5157 .elementor-element.elementor-element-86fe785 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e8811d */.elementor-5157 .elementor-element.elementor-element-7e8811d {
    /* 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-b3ac7db */.elementor-5157 .elementor-element.elementor-element-b3ac7db { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a00606 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-1a00606 {
    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-5157 .elementor-element.elementor-element-1a00606:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-1a00606:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-1a00606 .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-5157 .elementor-element.elementor-element-1a00606::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-5157 .elementor-element.elementor-element-1a00606:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-1a00606::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-5157 .elementor-element.elementor-element-1a00606:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-1a00606 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-1a00606:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-616e5da */.elementor-5157 .elementor-element.elementor-element-616e5da {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-686a39b */.elementor-5157 .elementor-element.elementor-element-686a39b {
    /* 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-23a20bd */.elementor-5157 .elementor-element.elementor-element-23a20bd { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de202aa *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-de202aa {
    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-5157 .elementor-element.elementor-element-de202aa:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-de202aa:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-de202aa .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-5157 .elementor-element.elementor-element-de202aa::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-5157 .elementor-element.elementor-element-de202aa:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-de202aa::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-5157 .elementor-element.elementor-element-de202aa:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-de202aa .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-de202aa:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb2fa7e */.elementor-5157 .elementor-element.elementor-element-fb2fa7e {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-576e746 */.elementor-5157 .elementor-element.elementor-element-576e746 {
    /* 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-54d2ae0 */.elementor-5157 .elementor-element.elementor-element-54d2ae0 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fdd943 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-5fdd943 {
    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-5157 .elementor-element.elementor-element-5fdd943:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-5fdd943:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-5fdd943 .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-5157 .elementor-element.elementor-element-5fdd943::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-5157 .elementor-element.elementor-element-5fdd943:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-5fdd943::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-5157 .elementor-element.elementor-element-5fdd943:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-5fdd943 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-5fdd943:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4793d7d */.elementor-5157 .elementor-element.elementor-element-4793d7d {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81cb7f1 */.elementor-5157 .elementor-element.elementor-element-81cb7f1 {
    /* 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-4f4ba01 */.elementor-5157 .elementor-element.elementor-element-4f4ba01 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c722cb *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-4c722cb {
    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-5157 .elementor-element.elementor-element-4c722cb:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-4c722cb:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-4c722cb .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-5157 .elementor-element.elementor-element-4c722cb::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-5157 .elementor-element.elementor-element-4c722cb:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-4c722cb::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-5157 .elementor-element.elementor-element-4c722cb:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-4c722cb .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-4c722cb:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dac3f90 */.elementor-5157 .elementor-element.elementor-element-dac3f90 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e16635 */.elementor-5157 .elementor-element.elementor-element-6e16635 {
    /* 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-80ac4d7 */.elementor-5157 .elementor-element.elementor-element-80ac4d7 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f79a3d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-0f79a3d {
    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-5157 .elementor-element.elementor-element-0f79a3d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-0f79a3d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-0f79a3d .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-5157 .elementor-element.elementor-element-0f79a3d::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-5157 .elementor-element.elementor-element-0f79a3d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-0f79a3d::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-5157 .elementor-element.elementor-element-0f79a3d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-0f79a3d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-0f79a3d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cda2c06 */.elementor-5157 .elementor-element.elementor-element-cda2c06 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6ca29 */.elementor-5157 .elementor-element.elementor-element-0f6ca29 {
    /* 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-2d697e5 */.elementor-5157 .elementor-element.elementor-element-2d697e5 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec9ec63 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-ec9ec63 {
    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-5157 .elementor-element.elementor-element-ec9ec63:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-ec9ec63:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-ec9ec63 .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-5157 .elementor-element.elementor-element-ec9ec63::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-5157 .elementor-element.elementor-element-ec9ec63:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-ec9ec63::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-5157 .elementor-element.elementor-element-ec9ec63:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-ec9ec63 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-ec9ec63:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e5e226 */.elementor-5157 .elementor-element.elementor-element-9e5e226 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2296cea */.elementor-5157 .elementor-element.elementor-element-2296cea {
    /* 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-cb279df */.elementor-5157 .elementor-element.elementor-element-cb279df { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-624a46d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-624a46d {
    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-5157 .elementor-element.elementor-element-624a46d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-624a46d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-624a46d .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-5157 .elementor-element.elementor-element-624a46d::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-5157 .elementor-element.elementor-element-624a46d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-624a46d::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-5157 .elementor-element.elementor-element-624a46d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-624a46d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-624a46d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0ef0cc */.elementor-5157 .elementor-element.elementor-element-f0ef0cc {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-407cccf */.elementor-5157 .elementor-element.elementor-element-407cccf {
    /* 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-1e88938 */.elementor-5157 .elementor-element.elementor-element-1e88938 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56a7d8d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-56a7d8d {
    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-5157 .elementor-element.elementor-element-56a7d8d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-56a7d8d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-56a7d8d .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-5157 .elementor-element.elementor-element-56a7d8d::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-5157 .elementor-element.elementor-element-56a7d8d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-56a7d8d::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-5157 .elementor-element.elementor-element-56a7d8d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-56a7d8d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-56a7d8d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9249881 */.elementor-5157 .elementor-element.elementor-element-9249881 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db39c9f */.elementor-5157 .elementor-element.elementor-element-db39c9f {
    /* 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-34d2d05 */.elementor-5157 .elementor-element.elementor-element-34d2d05 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e0d94a *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-9e0d94a {
    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-5157 .elementor-element.elementor-element-9e0d94a:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-9e0d94a:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-9e0d94a .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-5157 .elementor-element.elementor-element-9e0d94a::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-5157 .elementor-element.elementor-element-9e0d94a:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-9e0d94a::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-5157 .elementor-element.elementor-element-9e0d94a:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-9e0d94a .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-9e0d94a:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86fe785 */.elementor-5157 .elementor-element.elementor-element-86fe785 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e8811d */.elementor-5157 .elementor-element.elementor-element-7e8811d {
    /* 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-b3ac7db */.elementor-5157 .elementor-element.elementor-element-b3ac7db { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a00606 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-1a00606 {
    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-5157 .elementor-element.elementor-element-1a00606:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-1a00606:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-1a00606 .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-5157 .elementor-element.elementor-element-1a00606::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-5157 .elementor-element.elementor-element-1a00606:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-1a00606::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-5157 .elementor-element.elementor-element-1a00606:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-1a00606 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-1a00606:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-616e5da */.elementor-5157 .elementor-element.elementor-element-616e5da {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-686a39b */.elementor-5157 .elementor-element.elementor-element-686a39b {
    /* 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-23a20bd */.elementor-5157 .elementor-element.elementor-element-23a20bd { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de202aa *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-de202aa {
    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-5157 .elementor-element.elementor-element-de202aa:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-de202aa:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-de202aa .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-5157 .elementor-element.elementor-element-de202aa::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-5157 .elementor-element.elementor-element-de202aa:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-de202aa::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-5157 .elementor-element.elementor-element-de202aa:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-de202aa .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-de202aa:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb2fa7e */.elementor-5157 .elementor-element.elementor-element-fb2fa7e {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-576e746 */.elementor-5157 .elementor-element.elementor-element-576e746 {
    /* 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-54d2ae0 */.elementor-5157 .elementor-element.elementor-element-54d2ae0 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fdd943 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-5fdd943 {
    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-5157 .elementor-element.elementor-element-5fdd943:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-5fdd943:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-5fdd943 .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-5157 .elementor-element.elementor-element-5fdd943::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-5157 .elementor-element.elementor-element-5fdd943:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-5fdd943::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-5157 .elementor-element.elementor-element-5fdd943:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-5fdd943 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-5fdd943:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4793d7d */.elementor-5157 .elementor-element.elementor-element-4793d7d {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81cb7f1 */.elementor-5157 .elementor-element.elementor-element-81cb7f1 {
    /* 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-4f4ba01 */.elementor-5157 .elementor-element.elementor-element-4f4ba01 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c722cb *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-4c722cb {
    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-5157 .elementor-element.elementor-element-4c722cb:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-4c722cb:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-4c722cb .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-5157 .elementor-element.elementor-element-4c722cb::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-5157 .elementor-element.elementor-element-4c722cb:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-4c722cb::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-5157 .elementor-element.elementor-element-4c722cb:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-4c722cb .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-4c722cb:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dac3f90 */.elementor-5157 .elementor-element.elementor-element-dac3f90 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e16635 */.elementor-5157 .elementor-element.elementor-element-6e16635 {
    /* 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-80ac4d7 */.elementor-5157 .elementor-element.elementor-element-80ac4d7 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f79a3d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-0f79a3d {
    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-5157 .elementor-element.elementor-element-0f79a3d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-0f79a3d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-0f79a3d .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-5157 .elementor-element.elementor-element-0f79a3d::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-5157 .elementor-element.elementor-element-0f79a3d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-0f79a3d::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-5157 .elementor-element.elementor-element-0f79a3d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-0f79a3d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-0f79a3d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cda2c06 */.elementor-5157 .elementor-element.elementor-element-cda2c06 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6ca29 */.elementor-5157 .elementor-element.elementor-element-0f6ca29 {
    /* 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-2d697e5 */.elementor-5157 .elementor-element.elementor-element-2d697e5 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec9ec63 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-ec9ec63 {
    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-5157 .elementor-element.elementor-element-ec9ec63:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-ec9ec63:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-ec9ec63 .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-5157 .elementor-element.elementor-element-ec9ec63::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-5157 .elementor-element.elementor-element-ec9ec63:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-ec9ec63::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-5157 .elementor-element.elementor-element-ec9ec63:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-ec9ec63 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-ec9ec63:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e5e226 */.elementor-5157 .elementor-element.elementor-element-9e5e226 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2296cea */.elementor-5157 .elementor-element.elementor-element-2296cea {
    /* 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-cb279df */.elementor-5157 .elementor-element.elementor-element-cb279df { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-624a46d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-624a46d {
    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-5157 .elementor-element.elementor-element-624a46d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-624a46d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-624a46d .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-5157 .elementor-element.elementor-element-624a46d::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-5157 .elementor-element.elementor-element-624a46d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-624a46d::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-5157 .elementor-element.elementor-element-624a46d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-624a46d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-624a46d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0ef0cc */.elementor-5157 .elementor-element.elementor-element-f0ef0cc {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-407cccf */.elementor-5157 .elementor-element.elementor-element-407cccf {
    /* 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-1e88938 */.elementor-5157 .elementor-element.elementor-element-1e88938 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56a7d8d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-56a7d8d {
    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-5157 .elementor-element.elementor-element-56a7d8d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-56a7d8d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-56a7d8d .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-5157 .elementor-element.elementor-element-56a7d8d::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-5157 .elementor-element.elementor-element-56a7d8d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-56a7d8d::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-5157 .elementor-element.elementor-element-56a7d8d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-56a7d8d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-56a7d8d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9249881 */.elementor-5157 .elementor-element.elementor-element-9249881 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db39c9f */.elementor-5157 .elementor-element.elementor-element-db39c9f {
    /* 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-34d2d05 */.elementor-5157 .elementor-element.elementor-element-34d2d05 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e0d94a *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-9e0d94a {
    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-5157 .elementor-element.elementor-element-9e0d94a:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-9e0d94a:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-9e0d94a .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-5157 .elementor-element.elementor-element-9e0d94a::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-5157 .elementor-element.elementor-element-9e0d94a:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-9e0d94a::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-5157 .elementor-element.elementor-element-9e0d94a:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-9e0d94a .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-9e0d94a:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86fe785 */.elementor-5157 .elementor-element.elementor-element-86fe785 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e8811d */.elementor-5157 .elementor-element.elementor-element-7e8811d {
    /* 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-b3ac7db */.elementor-5157 .elementor-element.elementor-element-b3ac7db { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a00606 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-1a00606 {
    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-5157 .elementor-element.elementor-element-1a00606:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-1a00606:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-1a00606 .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-5157 .elementor-element.elementor-element-1a00606::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-5157 .elementor-element.elementor-element-1a00606:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-1a00606::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-5157 .elementor-element.elementor-element-1a00606:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-1a00606 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-1a00606:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-616e5da */.elementor-5157 .elementor-element.elementor-element-616e5da {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-686a39b */.elementor-5157 .elementor-element.elementor-element-686a39b {
    /* 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-23a20bd */.elementor-5157 .elementor-element.elementor-element-23a20bd { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de202aa *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-de202aa {
    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-5157 .elementor-element.elementor-element-de202aa:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-de202aa:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-de202aa .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-5157 .elementor-element.elementor-element-de202aa::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-5157 .elementor-element.elementor-element-de202aa:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-de202aa::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-5157 .elementor-element.elementor-element-de202aa:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-de202aa .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-de202aa:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb2fa7e */.elementor-5157 .elementor-element.elementor-element-fb2fa7e {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-576e746 */.elementor-5157 .elementor-element.elementor-element-576e746 {
    /* 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-54d2ae0 */.elementor-5157 .elementor-element.elementor-element-54d2ae0 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fdd943 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-5fdd943 {
    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-5157 .elementor-element.elementor-element-5fdd943:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-5fdd943:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-5fdd943 .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-5157 .elementor-element.elementor-element-5fdd943::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-5157 .elementor-element.elementor-element-5fdd943:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-5fdd943::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-5157 .elementor-element.elementor-element-5fdd943:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-5fdd943 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-5fdd943:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4793d7d */.elementor-5157 .elementor-element.elementor-element-4793d7d {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81cb7f1 */.elementor-5157 .elementor-element.elementor-element-81cb7f1 {
    /* 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-4f4ba01 */.elementor-5157 .elementor-element.elementor-element-4f4ba01 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c722cb *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-4c722cb {
    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-5157 .elementor-element.elementor-element-4c722cb:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-4c722cb:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-4c722cb .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-5157 .elementor-element.elementor-element-4c722cb::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-5157 .elementor-element.elementor-element-4c722cb:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-4c722cb::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-5157 .elementor-element.elementor-element-4c722cb:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-4c722cb .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-4c722cb:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dac3f90 */.elementor-5157 .elementor-element.elementor-element-dac3f90 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e16635 */.elementor-5157 .elementor-element.elementor-element-6e16635 {
    /* 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-80ac4d7 */.elementor-5157 .elementor-element.elementor-element-80ac4d7 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f79a3d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-0f79a3d {
    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-5157 .elementor-element.elementor-element-0f79a3d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-0f79a3d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-0f79a3d .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-5157 .elementor-element.elementor-element-0f79a3d::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-5157 .elementor-element.elementor-element-0f79a3d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-0f79a3d::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-5157 .elementor-element.elementor-element-0f79a3d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-0f79a3d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-0f79a3d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cda2c06 */.elementor-5157 .elementor-element.elementor-element-cda2c06 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f6ca29 */.elementor-5157 .elementor-element.elementor-element-0f6ca29 {
    /* 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-2d697e5 */.elementor-5157 .elementor-element.elementor-element-2d697e5 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec9ec63 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-ec9ec63 {
    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-5157 .elementor-element.elementor-element-ec9ec63:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-ec9ec63:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-ec9ec63 .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-5157 .elementor-element.elementor-element-ec9ec63::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-5157 .elementor-element.elementor-element-ec9ec63:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-ec9ec63::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-5157 .elementor-element.elementor-element-ec9ec63:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-ec9ec63 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-ec9ec63:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e5e226 */.elementor-5157 .elementor-element.elementor-element-9e5e226 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2296cea */.elementor-5157 .elementor-element.elementor-element-2296cea {
    /* 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-cb279df */.elementor-5157 .elementor-element.elementor-element-cb279df { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-624a46d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-624a46d {
    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-5157 .elementor-element.elementor-element-624a46d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-624a46d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-624a46d .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-5157 .elementor-element.elementor-element-624a46d::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-5157 .elementor-element.elementor-element-624a46d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-624a46d::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-5157 .elementor-element.elementor-element-624a46d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-624a46d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-624a46d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0ef0cc */.elementor-5157 .elementor-element.elementor-element-f0ef0cc {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-407cccf */.elementor-5157 .elementor-element.elementor-element-407cccf {
    /* 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-1e88938 */.elementor-5157 .elementor-element.elementor-element-1e88938 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56a7d8d *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-56a7d8d {
    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-5157 .elementor-element.elementor-element-56a7d8d:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-56a7d8d:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-56a7d8d .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-5157 .elementor-element.elementor-element-56a7d8d::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-5157 .elementor-element.elementor-element-56a7d8d:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-56a7d8d::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-5157 .elementor-element.elementor-element-56a7d8d:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-56a7d8d .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-56a7d8d:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9249881 */.elementor-5157 .elementor-element.elementor-element-9249881 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db39c9f */.elementor-5157 .elementor-element.elementor-element-db39c9f {
    /* 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-34d2d05 */.elementor-5157 .elementor-element.elementor-element-34d2d05 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e0d94a *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-9e0d94a {
    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-5157 .elementor-element.elementor-element-9e0d94a:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-9e0d94a:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-9e0d94a .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-5157 .elementor-element.elementor-element-9e0d94a::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-5157 .elementor-element.elementor-element-9e0d94a:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-9e0d94a::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-5157 .elementor-element.elementor-element-9e0d94a:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-9e0d94a .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-9e0d94a:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86fe785 */.elementor-5157 .elementor-element.elementor-element-86fe785 {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e8811d */.elementor-5157 .elementor-element.elementor-element-7e8811d {
    /* 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-b3ac7db */.elementor-5157 .elementor-element.elementor-element-b3ac7db { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a00606 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-1a00606 {
    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-5157 .elementor-element.elementor-element-1a00606:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-1a00606:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-1a00606 .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-5157 .elementor-element.elementor-element-1a00606::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-5157 .elementor-element.elementor-element-1a00606:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-1a00606::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-5157 .elementor-element.elementor-element-1a00606:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-1a00606 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-1a00606:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-616e5da */.elementor-5157 .elementor-element.elementor-element-616e5da {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-686a39b */.elementor-5157 .elementor-element.elementor-element-686a39b {
    /* 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-23a20bd */.elementor-5157 .elementor-element.elementor-element-23a20bd { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de202aa *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-de202aa {
    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-5157 .elementor-element.elementor-element-de202aa:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-de202aa:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-de202aa .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-5157 .elementor-element.elementor-element-de202aa::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-5157 .elementor-element.elementor-element-de202aa:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-de202aa::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-5157 .elementor-element.elementor-element-de202aa:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-de202aa .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-de202aa:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fb2fa7e */.elementor-5157 .elementor-element.elementor-element-fb2fa7e {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-576e746 */.elementor-5157 .elementor-element.elementor-element-576e746 {
    /* 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-54d2ae0 */.elementor-5157 .elementor-element.elementor-element-54d2ae0 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5fdd943 *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-5fdd943 {
    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-5157 .elementor-element.elementor-element-5fdd943:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-5fdd943:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-5fdd943 .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-5157 .elementor-element.elementor-element-5fdd943::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-5157 .elementor-element.elementor-element-5fdd943:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-5fdd943::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-5157 .elementor-element.elementor-element-5fdd943:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-5fdd943 .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-5fdd943:hover .overlay-button {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4793d7d */.elementor-5157 .elementor-element.elementor-element-4793d7d {
    height: 70%; /* Aquí está el cambio mágico */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81cb7f1 */.elementor-5157 .elementor-element.elementor-element-81cb7f1 {
    /* 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-4f4ba01 */.elementor-5157 .elementor-element.elementor-element-4f4ba01 { height: 30%; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c722cb *//* 1. CONFIGURACIÓN DEL PADRE */
.elementor-5157 .elementor-element.elementor-element-4c722cb {
    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-5157 .elementor-element.elementor-element-4c722cb:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0,0,0,0.15); 
}

/* 3. IMAGEN (ZOOM) */
.elementor-5157 .elementor-element.elementor-element-4c722cb:hover .zoom-image {
    transform: scale(1.1); 
    transition: transform 0.8s ease;
}
.elementor-5157 .elementor-element.elementor-element-4c722cb .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-5157 .elementor-element.elementor-element-4c722cb::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-5157 .elementor-element.elementor-element-4c722cb:hover::after {
    opacity: 1; /* Visible al hover */
}

/* 5. EL MARCO DORADO - ESTRATEGIA SEGURA (CENTRADO) */
.elementor-5157 .elementor-element.elementor-element-4c722cb::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-5157 .elementor-element.elementor-element-4c722cb:hover::before {
    opacity: 1;
}

/* 6. EL BOTÓN */
.elementor-5157 .elementor-element.elementor-element-4c722cb .overlay-button {
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease;
    /* Sin sombra extraña, solo el botón limpio */
}
.elementor-5157 .elementor-element.elementor-element-4c722cb: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 */