.elementor-37339 .elementor-element.elementor-element-7a5cb23{--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;}.elementor-37339 .elementor-element.elementor-element-db290b4 .tp-el-logo img{width:120px;}.elementor-37339 .elementor-element.elementor-element-db290b4 .tp-header-menu > nav > ul > li > a, .tp-header-dropdown nav ul li.has-dropdown::after br{display:unset;}.elementor-37339 .elementor-element.elementor-element-db290b4 .tp-el-btn-title br{display:unset;}.elementor-37339 .elementor-element.elementor-element-db290b4 .tp-el-btn-email br{display:unset;}.elementor-37339 .elementor-element.elementor-element-3964512{--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;--overflow:hidden;--z-index:1;}.elementor-37339 .elementor-element.elementor-element-c86a506 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-37339 .elementor-element.elementor-element-c86a506 .tp-el-sub-text{font-family:"avenir", Sans-serif;font-size:20px;}.elementor-37339 .elementor-element.elementor-element-c86a506 .tp-el-sub-text br{display:unset;}.elementor-37339 .elementor-element.elementor-element-c86a506 .tp-el-sec-text{transition:all 2s ease-in-out;-webkit-transition:all 2s ease-in-out;font-family:"avenir-bold", Sans-serif;font-size:80px;line-height:71px;letter-spacing:0px;word-spacing:0px;}.elementor-37339 .elementor-element.elementor-element-c86a506 .tp-el-sec-text br{display:unset;}.elementor-37339 .elementor-element.elementor-element-c86a506 .tp-el-prev br{display:unset;}.elementor-37339 .elementor-element.elementor-element-c86a506 .tp-el-next br{display:unset;}.elementor-37339 .elementor-element.elementor-element-c86a506 .tp-el-btn{color:#02010100 !important;background-color:#02010100;}.elementor-37339 .elementor-element.elementor-element-c86a506 .tp-el-btn:hover{background:transparent;-webkit-background-clip:text;-webkit-text-fill-color:#02010100;color:#02010100 !important;}.elementor-37339 .elementor-element.elementor-element-c86a506 .tp-el-btn br{display:none;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-37339 .elementor-element.elementor-element-a2f3e54{padding:0px 0px 0px 0px;}.elementor-37339 .elementor-element.elementor-element-95f1892{--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;--overflow:hidden;}.elementor-37339 .elementor-element.elementor-element-5604cb9{width:100%;max-width:100%;}.elementor-37339 .elementor-element.elementor-element-5604cb9 .tp-el-name{font-family:"avenir-bold", Sans-serif;font-size:35px;}.elementor-37339 .elementor-element.elementor-element-5604cb9 .tp-el-name br{display:unset;}.elementor-37339 .elementor-element.elementor-element-d1ec2f2{--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;--overflow:hidden;--padding-top:250px;--padding-bottom:250px;--padding-left:0px;--padding-right:0px;}.elementor-37339 .elementor-element.elementor-element-d1ec2f2:not(.elementor-motion-effects-element-type-background), .elementor-37339 .elementor-element.elementor-element-d1ec2f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ssperu.pe/web/wp-content/uploads/2025/12/VIDEO-PARA-FONDO-WEB-2.gif");background-position:center center;background-size:cover;}.elementor-37339 .elementor-element.elementor-element-557602b{--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;}.elementor-37339 .elementor-element.elementor-element-557602b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-37339 .elementor-element.elementor-element-2b99b55 .elementor-heading-title{font-family:"avenir-bold", Sans-serif;font-size:80px;font-weight:600;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-7b7c187{width:var( --container-widget-width, 1524px );max-width:1524px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:1524px;--container-widget-flex-grow:0;text-align:justify;}.elementor-37339 .elementor-element.elementor-element-7b7c187.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-37339 .elementor-element.elementor-element-7b7c187 .elementor-heading-title{font-family:"avenir-light", Sans-serif;font-size:25px;font-weight:400;line-height:28px;letter-spacing:-0.02em;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-40e6001{--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;--overflow:hidden;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-37339 .elementor-element.elementor-element-40e6001:not(.elementor-motion-effects-element-type-background), .elementor-37339 .elementor-element.elementor-element-40e6001 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-37339 .elementor-element.elementor-element-1e05e88{width:100%;max-width:100%;}.elementor-37339 .elementor-element.elementor-element-1e05e88 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-37339 .elementor-element.elementor-element-1e05e88 .tp-el-section{padding:0px 0px 0px 0px !important;}.elementor-37339 .elementor-element.elementor-element-1e05e88 .img-invert img{filter:invert(0);}.elementor-37339 .elementor-element.elementor-element-7b8b74c{--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;--overflow:hidden;}.elementor-37339 .elementor-element.elementor-element-7b8b74c:not(.elementor-motion-effects-element-type-background), .elementor-37339 .elementor-element.elementor-element-7b8b74c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-37339 .elementor-element.elementor-element-dbfe6dc > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-37339 .elementor-element.elementor-element-dbfe6dc.elementor-element{--align-self:center;}.elementor-37339 .elementor-element.elementor-element-dbfe6dc .tp-el-section{padding:0px 0px 0px 0px !important;margin:-20px 0px 0px 0px !important;}.elementor-37339 .elementor-element.elementor-element-dbfe6dc .tp-el-title{color:#FFFFFF !important;font-family:"avenir-bold", Sans-serif;font-size:70px;font-weight:600;text-transform:none;line-height:0.9em;letter-spacing:-1px;}.elementor-37339 .elementor-element.elementor-element-dbfe6dc .tp-el-title br{display:unset;}.elementor-37339 .elementor-element.elementor-element-dbfe6dc .tp-el-content p{background:transparent;-webkit-background-clip:text;-webkit-text-fill-color:#FFFFFF;color:#FFFFFF;font-family:"avenir", Sans-serif;font-size:25px;line-height:69px;}.elementor-37339 .elementor-element.elementor-element-dbfe6dc .tp-el-content p br{display:unset;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-37339 .elementor-element.elementor-element-818f3e2 .elementor-repeater-item-b714064 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://ssperu.pe/web/wp-content/uploads/2026/01/SINERGIAS-ESTRATEGICAS-3-2.png);background-size:cover;}.elementor-37339 .elementor-element.elementor-element-818f3e2 .elementor-repeater-item-a14c932 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://ssperu.pe/web/wp-content/uploads/2026/01/SINERGIAS-ESTRATEGICAS-5-2.png);background-size:cover;}.elementor-37339 .elementor-element.elementor-element-818f3e2 .swiper-slide{transition-duration:calc(3000ms*1.2);height:723px;}.elementor-37339 .elementor-element.elementor-element-818f3e2 .swiper-slide-contents{max-width:66%;}.elementor-37339 .elementor-element.elementor-element-818f3e2 .swiper-slide-inner{text-align:center;}.elementor-37339 .elementor-element.elementor-element-6404c20{--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;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}.elementor-37339 .elementor-element.elementor-element-6404c20:not(.elementor-motion-effects-element-type-background), .elementor-37339 .elementor-element.elementor-element-6404c20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-37339 .elementor-element.elementor-element-4b7762d > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-37339 .elementor-element.elementor-element-4b7762d.elementor-element{--align-self:center;}.elementor-37339 .elementor-element.elementor-element-4b7762d .tp-el-section{padding:0px 0px 0px 0px !important;margin:-20px 0px 0px 0px !important;}.elementor-37339 .elementor-element.elementor-element-4b7762d .tp-el-title{color:#FFFFFF !important;font-family:"Inter", Sans-serif;font-size:70px;font-weight:600;text-transform:none;line-height:1.1em;letter-spacing:-4px;}.elementor-37339 .elementor-element.elementor-element-4b7762d .tp-el-title br{display:unset;}.elementor-37339 .elementor-element.elementor-element-4b7762d .tp-el-content p br{display:unset;}.elementor-37339 .elementor-element.elementor-element-f92a458{--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;--overflow:hidden;--overlay-opacity:1;}.elementor-37339 .elementor-element.elementor-element-f92a458::before, .elementor-37339 .elementor-element.elementor-element-f92a458 > .elementor-background-video-container::before, .elementor-37339 .elementor-element.elementor-element-f92a458 > .e-con-inner > .elementor-background-video-container::before, .elementor-37339 .elementor-element.elementor-element-f92a458 > .elementor-background-slideshow::before, .elementor-37339 .elementor-element.elementor-element-f92a458 > .e-con-inner > .elementor-background-slideshow::before, .elementor-37339 .elementor-element.elementor-element-f92a458 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-37339 .elementor-element.elementor-element-b42eaa6{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-37339 .elementor-element.elementor-element-7cdc0c5{--display:flex;}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-37339 .elementor-element.elementor-element-b9fb6fd{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 00px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-37339 .elementor-element.elementor-element-b9fb6fd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-37339 .elementor-element.elementor-element-b9fb6fd .gallery-item img{border-radius:13px 13px 13px 13px;}.elementor-37339 .elementor-element.elementor-element-b9fb6fd .gallery-item .gallery-caption{text-align:center;margin-block-start:0px;}.elementor-37339 .elementor-element.elementor-element-958c6ea .elementor-heading-title{font-family:"avenir-bold", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-a8d8670{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-37339 .elementor-element.elementor-element-a8d8670 .elementor-heading-title{font-family:"avenir-light", Sans-serif;font-size:15px;font-weight:600;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-1714f49{--display:flex;}.elementor-37339 .elementor-element.elementor-element-938387f{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 00px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-37339 .elementor-element.elementor-element-938387f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-37339 .elementor-element.elementor-element-938387f .gallery-item img{border-radius:13px 13px 13px 13px;}.elementor-37339 .elementor-element.elementor-element-938387f .gallery-item .gallery-caption{text-align:center;margin-block-start:0px;}.elementor-37339 .elementor-element.elementor-element-08d2231 .elementor-heading-title{font-family:"avenir-bold", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-6d731be{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-37339 .elementor-element.elementor-element-6d731be .elementor-heading-title{font-family:"avenir-light", Sans-serif;font-size:15px;font-weight:600;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-6367ed7{--display:flex;}.elementor-37339 .elementor-element.elementor-element-e17c6ba{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 00px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-37339 .elementor-element.elementor-element-e17c6ba.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-37339 .elementor-element.elementor-element-e17c6ba .gallery-item img{border-radius:13px 13px 13px 13px;}.elementor-37339 .elementor-element.elementor-element-e17c6ba .gallery-item .gallery-caption{text-align:center;margin-block-start:0px;}.elementor-37339 .elementor-element.elementor-element-a909bc5 .elementor-heading-title{font-family:"avenir-bold", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-8ac3cd8{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-37339 .elementor-element.elementor-element-8ac3cd8 .elementor-heading-title{font-family:"avenir-light", Sans-serif;font-size:15px;font-weight:600;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-49a8fb7{--display:flex;}.elementor-37339 .elementor-element.elementor-element-cfa274e{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 00px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-37339 .elementor-element.elementor-element-cfa274e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-37339 .elementor-element.elementor-element-cfa274e .gallery-item img{border-radius:13px 13px 13px 13px;}.elementor-37339 .elementor-element.elementor-element-cfa274e .gallery-item .gallery-caption{text-align:center;margin-block-start:0px;}.elementor-37339 .elementor-element.elementor-element-b168206 .elementor-heading-title{font-family:"avenir-bold", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-c475e17{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-37339 .elementor-element.elementor-element-c475e17 .elementor-heading-title{font-family:"avenir-light", Sans-serif;font-size:15px;font-weight:600;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-e88ce04{--display:flex;}.elementor-37339 .elementor-element.elementor-element-8297a4d{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 00px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-37339 .elementor-element.elementor-element-8297a4d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-37339 .elementor-element.elementor-element-8297a4d .gallery-item img{border-radius:13px 13px 13px 13px;}.elementor-37339 .elementor-element.elementor-element-8297a4d .gallery-item .gallery-caption{text-align:center;margin-block-start:0px;}.elementor-37339 .elementor-element.elementor-element-29dcca8 .elementor-heading-title{font-family:"avenir-bold", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-37d6273{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-37339 .elementor-element.elementor-element-37d6273 .elementor-heading-title{font-family:"avenir-light", Sans-serif;font-size:15px;font-weight:600;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-56af32f{--display:flex;}.elementor-37339 .elementor-element.elementor-element-366a98e{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 00px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-37339 .elementor-element.elementor-element-366a98e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-37339 .elementor-element.elementor-element-366a98e .gallery-item img{border-radius:13px 13px 13px 13px;}.elementor-37339 .elementor-element.elementor-element-366a98e .gallery-item .gallery-caption{text-align:center;margin-block-start:0px;}.elementor-37339 .elementor-element.elementor-element-d4472b6 .elementor-heading-title{font-family:"avenir-bold", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-f4d5942{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-37339 .elementor-element.elementor-element-f4d5942 .elementor-heading-title{font-family:"avenir-light", Sans-serif;font-size:15px;font-weight:600;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-13c5fdc{--display:flex;}.elementor-37339 .elementor-element.elementor-element-95da81d{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 00px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-37339 .elementor-element.elementor-element-95da81d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-37339 .elementor-element.elementor-element-95da81d .gallery-item img{border-radius:13px 13px 13px 13px;}.elementor-37339 .elementor-element.elementor-element-95da81d .gallery-item .gallery-caption{text-align:center;margin-block-start:0px;}.elementor-37339 .elementor-element.elementor-element-96d1685 .elementor-heading-title{font-family:"avenir-bold", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-2211603{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-37339 .elementor-element.elementor-element-2211603 .elementor-heading-title{font-family:"avenir-light", Sans-serif;font-size:15px;font-weight:600;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-ea53f7f{--display:flex;}.elementor-37339 .elementor-element.elementor-element-9d67f0b{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 00px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-37339 .elementor-element.elementor-element-9d67f0b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-37339 .elementor-element.elementor-element-9d67f0b .gallery-item img{border-radius:13px 13px 13px 13px;}.elementor-37339 .elementor-element.elementor-element-9d67f0b .gallery-item .gallery-caption{text-align:center;margin-block-start:0px;}.elementor-37339 .elementor-element.elementor-element-af9efbb .elementor-heading-title{font-family:"avenir-bold", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-173fc84{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-37339 .elementor-element.elementor-element-173fc84 .elementor-heading-title{font-family:"avenir-light", Sans-serif;font-size:15px;font-weight:600;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-f0e5469{--display:flex;}.elementor-37339 .elementor-element.elementor-element-15170ec{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 00px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-37339 .elementor-element.elementor-element-15170ec.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-37339 .elementor-element.elementor-element-15170ec .gallery-item img{border-radius:13px 13px 13px 13px;}.elementor-37339 .elementor-element.elementor-element-15170ec .gallery-item .gallery-caption{text-align:center;margin-block-start:0px;}.elementor-37339 .elementor-element.elementor-element-87711a2 .elementor-heading-title{font-family:"avenir-bold", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-fab90c3{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-37339 .elementor-element.elementor-element-fab90c3 .elementor-heading-title{font-family:"avenir-light", Sans-serif;font-size:15px;font-weight:600;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-8874da3{--display:flex;}.elementor-37339 .elementor-element.elementor-element-02bf805{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 00px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-37339 .elementor-element.elementor-element-02bf805.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-37339 .elementor-element.elementor-element-02bf805 .gallery-item img{border-radius:13px 13px 13px 13px;}.elementor-37339 .elementor-element.elementor-element-02bf805 .gallery-item .gallery-caption{text-align:center;margin-block-start:0px;}.elementor-37339 .elementor-element.elementor-element-459a3f9 .elementor-heading-title{font-family:"avenir-bold", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-e381294{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-37339 .elementor-element.elementor-element-e381294 .elementor-heading-title{font-family:"avenir-light", Sans-serif;font-size:15px;font-weight:600;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-473ee35{--display:flex;}.elementor-37339 .elementor-element.elementor-element-3ad410d{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 00px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-37339 .elementor-element.elementor-element-3ad410d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-37339 .elementor-element.elementor-element-3ad410d .gallery-item img{border-radius:13px 13px 13px 13px;}.elementor-37339 .elementor-element.elementor-element-3ad410d .gallery-item .gallery-caption{text-align:center;margin-block-start:0px;}.elementor-37339 .elementor-element.elementor-element-fa6d6d0 .elementor-heading-title{font-family:"avenir-bold", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-b73b82e{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-37339 .elementor-element.elementor-element-b73b82e .elementor-heading-title{font-family:"avenir-light", Sans-serif;font-size:15px;font-weight:600;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-a6ffe05{--display:flex;}.elementor-37339 .elementor-element.elementor-element-dae8b37{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 00px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-37339 .elementor-element.elementor-element-dae8b37.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-37339 .elementor-element.elementor-element-dae8b37 .gallery-item img{border-radius:13px 13px 13px 13px;}.elementor-37339 .elementor-element.elementor-element-dae8b37 .gallery-item .gallery-caption{text-align:center;margin-block-start:0px;}.elementor-37339 .elementor-element.elementor-element-871089f .elementor-heading-title{font-family:"avenir-bold", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-7e0e344{margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-37339 .elementor-element.elementor-element-7e0e344 .elementor-heading-title{font-family:"avenir-light", Sans-serif;font-size:15px;font-weight:600;color:#FFFFFF;}.elementor-37339 .elementor-element.elementor-element-6f47330{--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;--overflow:hidden;--padding-top:70px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-37339 .elementor-element.elementor-element-6f47330:not(.elementor-motion-effects-element-type-background), .elementor-37339 .elementor-element.elementor-element-6f47330 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-37339 .elementor-element.elementor-element-154061e .elementor-button{background-color:#2FB4E6;font-family:"avenir", Sans-serif;font-size:20px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition-duration:0.5s;border-radius:35px 35px 35px 35px;padding:20px 600px 20px 600px;}.elementor-37339 .elementor-element.elementor-element-154061e .elementor-button:hover, .elementor-37339 .elementor-element.elementor-element-154061e .elementor-button:focus{background-color:#1E94C0;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-37339 .elementor-element.elementor-element-154061e{width:100%;max-width:100%;}.elementor-37339 .elementor-element.elementor-element-154061e.elementor-element{--align-self:center;}.elementor-37339 .elementor-element.elementor-element-3e0428a{--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;--overflow:hidden;}.elementor-37339 .elementor-element.elementor-element-3e0428a:not(.elementor-motion-effects-element-type-background), .elementor-37339 .elementor-element.elementor-element-3e0428a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-37339 .elementor-element.elementor-element-b2e590e{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:140px;--margin-bottom:130px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-37339 .elementor-element.elementor-element-ed4ab74{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-37339 .elementor-element.elementor-element-80cd15b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 15px 0px;}.elementor-37339 .elementor-element.elementor-element-80cd15b .tp-el-alignment{text-align:left !important;}.elementor-37339 .elementor-element.elementor-element-80cd15b .tp-el-title{font-family:"avenir-bold", Sans-serif;font-size:48px;font-weight:500;color:#FFFFFF !important;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-37339 .elementor-element.elementor-element-80cd15b .tp-el-title svg{color:#FFFFFF !important;}.elementor-37339 .elementor-element.elementor-element-c076f78{--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;--overflow:hidden;}.elementor-37339 .elementor-element.elementor-element-c076f78:not(.elementor-motion-effects-element-type-background), .elementor-37339 .elementor-element.elementor-element-c076f78 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-37339 .elementor-element.elementor-element-fe6ab93.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-37339 .elementor-element.elementor-element-fe6ab93  .tp-el-footer-title{color:#FFFFFF !important;font-family:"avenir", Sans-serif;font-size:20px;}.elementor-37339 .elementor-element.elementor-element-fe6ab93  .tp-el-footer-title br{display:unset;}@media(max-width:1400px){.elementor-37339 .elementor-element.elementor-element-c86a506 .tp-el-sec-text{font-size:50px;line-height:55px;}.elementor-37339 .elementor-element.elementor-element-2b99b55 .elementor-heading-title{font-size:60px;}.elementor-37339 .elementor-element.elementor-element-7b7c187{width:var( --container-widget-width, 1277px );max-width:1277px;--container-widget-width:1277px;--container-widget-flex-grow:0;text-align:justify;}.elementor-37339 .elementor-element.elementor-element-7b7c187.elementor-element{--align-self:center;}.elementor-37339 .elementor-element.elementor-element-7b7c187 .elementor-heading-title{font-size:20px;}.elementor-37339 .elementor-element.elementor-element-dbfe6dc .tp-el-section{padding:0px 0px 0px 0px !important;margin:-15px 0px 0px 0px !important;}.elementor-37339 .elementor-element.elementor-element-dbfe6dc .tp-el-title{font-size:85px;}.elementor-37339 .elementor-element.elementor-element-4b7762d .tp-el-section{padding:0px 0px 0px 0px !important;margin:-15px 0px 0px 0px !important;}.elementor-37339 .elementor-element.elementor-element-4b7762d .tp-el-title{font-size:85px;}.elementor-37339 .elementor-element.elementor-element-b42eaa6{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-37339 .elementor-element.elementor-element-154061e .elementor-button{padding:20px 90px 20px 90px;}.elementor-37339 .elementor-element.elementor-element-b2e590e{--margin-top:97px;--margin-bottom:130px;--margin-left:0px;--margin-right:0px;}.elementor-37339 .elementor-element.elementor-element-ed4ab74{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-37339 .elementor-element.elementor-element-80cd15b > .elementor-widget-container{padding:0px 0px 15px 0px;}}@media(max-width:1200px){.elementor-37339 .elementor-element.elementor-element-c86a506 .tp-el-sec-text{font-size:61px;}.elementor-37339 .elementor-element.elementor-element-1e05e88.elementor-element{--align-self:center;}.elementor-37339 .elementor-element.elementor-element-dbfe6dc .tp-el-title{font-size:75px;}.elementor-37339 .elementor-element.elementor-element-4b7762d .tp-el-title{font-size:75px;}.elementor-37339 .elementor-element.elementor-element-b42eaa6{--grid-auto-flow:row;}.elementor-37339 .elementor-element.elementor-element-154061e .elementor-button{padding:20px 200px 20px 200px;}.elementor-37339 .elementor-element.elementor-element-b2e590e{--margin-top:100px;--margin-bottom:115px;--margin-left:0px;--margin-right:0px;}.elementor-37339 .elementor-element.elementor-element-ed4ab74{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-37339 .elementor-element.elementor-element-80cd15b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-37339 .elementor-element.elementor-element-80cd15b .tp-el-section{margin:0px 0px 18px 0px !important;}}@media(max-width:992px){.elementor-37339 .elementor-element.elementor-element-c86a506 .tp-el-sec-text{font-size:60px;line-height:1.1em;}.elementor-37339 .elementor-element.elementor-element-5604cb9 .tp-el-name{line-height:1.2em;}.elementor-37339 .elementor-element.elementor-element-2b99b55 .elementor-heading-title{font-size:40px;}.elementor-37339 .elementor-element.elementor-element-7b7c187 .elementor-heading-title{font-size:15px;}.elementor-37339 .elementor-element.elementor-element-1e05e88{width:auto;max-width:auto;}.elementor-37339 .elementor-element.elementor-element-dbfe6dc .tp-el-title{font-size:65px;}.elementor-37339 .elementor-element.elementor-element-4b7762d .tp-el-title{font-size:65px;}.elementor-37339 .elementor-element.elementor-element-b42eaa6{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-37339 .elementor-element.elementor-element-958c6ea .elementor-heading-title{font-size:17px;}.elementor-37339 .elementor-element.elementor-element-a8d8670 .elementor-heading-title{font-size:10px;}.elementor-37339 .elementor-element.elementor-element-08d2231 .elementor-heading-title{font-size:17px;}.elementor-37339 .elementor-element.elementor-element-6d731be .elementor-heading-title{font-size:10px;}.elementor-37339 .elementor-element.elementor-element-a909bc5 .elementor-heading-title{font-size:17px;}.elementor-37339 .elementor-element.elementor-element-8ac3cd8 .elementor-heading-title{font-size:10px;}.elementor-37339 .elementor-element.elementor-element-b168206 .elementor-heading-title{font-size:17px;}.elementor-37339 .elementor-element.elementor-element-c475e17 .elementor-heading-title{font-size:10px;}.elementor-37339 .elementor-element.elementor-element-29dcca8 .elementor-heading-title{font-size:17px;}.elementor-37339 .elementor-element.elementor-element-37d6273 .elementor-heading-title{font-size:10px;}.elementor-37339 .elementor-element.elementor-element-d4472b6 .elementor-heading-title{font-size:17px;}.elementor-37339 .elementor-element.elementor-element-f4d5942 .elementor-heading-title{font-size:10px;}.elementor-37339 .elementor-element.elementor-element-96d1685 .elementor-heading-title{font-size:17px;}.elementor-37339 .elementor-element.elementor-element-2211603 .elementor-heading-title{font-size:10px;}.elementor-37339 .elementor-element.elementor-element-af9efbb .elementor-heading-title{font-size:17px;}.elementor-37339 .elementor-element.elementor-element-173fc84 .elementor-heading-title{font-size:10px;}.elementor-37339 .elementor-element.elementor-element-87711a2 .elementor-heading-title{font-size:17px;}.elementor-37339 .elementor-element.elementor-element-fab90c3 .elementor-heading-title{font-size:10px;}.elementor-37339 .elementor-element.elementor-element-459a3f9 .elementor-heading-title{font-size:17px;}.elementor-37339 .elementor-element.elementor-element-e381294 .elementor-heading-title{font-size:10px;}.elementor-37339 .elementor-element.elementor-element-fa6d6d0 .elementor-heading-title{font-size:17px;}.elementor-37339 .elementor-element.elementor-element-b73b82e .elementor-heading-title{font-size:10px;}.elementor-37339 .elementor-element.elementor-element-871089f .elementor-heading-title{font-size:17px;}.elementor-37339 .elementor-element.elementor-element-7e0e344 .elementor-heading-title{font-size:10px;}.elementor-37339 .elementor-element.elementor-element-154061e .elementor-button{padding:25px 150px 25px 150px;}.elementor-37339 .elementor-element.elementor-element-b2e590e{--margin-top:85px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}}@media(max-width:768px){.elementor-37339 .elementor-element.elementor-element-c86a506 .tp-el-sub-text{font-size:15px;}.elementor-37339 .elementor-element.elementor-element-c86a506 .tp-el-sec-text{font-size:46px;line-height:47px;}.elementor-37339 .elementor-element.elementor-element-1e05e88{width:100%;max-width:100%;}.elementor-37339 .elementor-element.elementor-element-1e05e88 > .elementor-widget-container{margin:0px 0px 100px 0px;}.elementor-37339 .elementor-element.elementor-element-dbfe6dc .tp-el-title{font-size:40px;}.elementor-37339 .elementor-element.elementor-element-dbfe6dc .tp-el-content p{font-size:18px;line-height:36px;}.elementor-37339 .elementor-element.elementor-element-4b7762d .tp-el-title{font-size:55px;}.elementor-37339 .elementor-element.elementor-element-b42eaa6{--grid-auto-flow:row;}.elementor-37339 .elementor-element.elementor-element-154061e .elementor-button{padding:25px 25px 25px 25px;}.elementor-37339 .elementor-element.elementor-element-b2e590e{--margin-top:75px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}}@media(max-width:575px){.elementor-37339 .elementor-element.elementor-element-c86a506 .tp-el-sub-text{font-size:12px;}.elementor-37339 .elementor-element.elementor-element-c86a506 .tp-el-sec-text{font-size:30px;line-height:0.9em;}.elementor-37339 .elementor-element.elementor-element-2b99b55{text-align:center;}.elementor-37339 .elementor-element.elementor-element-7b7c187{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 30px 0px 30px;}.elementor-37339 .elementor-element.elementor-element-7b7c187 .elementor-heading-title{font-size:15px;line-height:2em;}.elementor-37339 .elementor-element.elementor-element-1e05e88 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-37339 .elementor-element.elementor-element-dbfe6dc .tp-el-title{font-size:40px;line-height:1.1em;}.elementor-37339 .elementor-element.elementor-element-dbfe6dc .tp-el-content p{font-size:17px;line-height:1.4em;}.elementor-37339 .elementor-element.elementor-element-f92a458{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;}.elementor-37339 .elementor-element.elementor-element-b42eaa6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-37339 .elementor-element.elementor-element-7cdc0c5{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-37339 .elementor-element.elementor-element-b9fb6fd{padding:0px 00px 0px 30px;}.elementor-37339 .elementor-element.elementor-element-b9fb6fd.elementor-element{--align-self:center;}.elementor-37339 .elementor-element.elementor-element-b9fb6fd .gallery-item img{border-radius:0px 0px 0px 0px;}.elementor-37339 .elementor-element.elementor-element-958c6ea{text-align:center;}.elementor-37339 .elementor-element.elementor-element-a8d8670{text-align:center;}.elementor-37339 .elementor-element.elementor-element-1714f49{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-37339 .elementor-element.elementor-element-938387f{padding:0px 00px 0px 30px;}.elementor-37339 .elementor-element.elementor-element-938387f.elementor-element{--align-self:center;}.elementor-37339 .elementor-element.elementor-element-938387f .gallery-item img{border-radius:0px 0px 0px 0px;}.elementor-37339 .elementor-element.elementor-element-08d2231{text-align:center;}.elementor-37339 .elementor-element.elementor-element-6d731be{text-align:center;}.elementor-37339 .elementor-element.elementor-element-6367ed7{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-37339 .elementor-element.elementor-element-e17c6ba{padding:0px 00px 0px 30px;}.elementor-37339 .elementor-element.elementor-element-e17c6ba.elementor-element{--align-self:center;}.elementor-37339 .elementor-element.elementor-element-e17c6ba .gallery-item img{border-radius:0px 0px 0px 0px;}.elementor-37339 .elementor-element.elementor-element-a909bc5{text-align:center;}.elementor-37339 .elementor-element.elementor-element-8ac3cd8{text-align:center;}.elementor-37339 .elementor-element.elementor-element-cfa274e{padding:0px 00px 0px 30px;}.elementor-37339 .elementor-element.elementor-element-b168206{text-align:center;}.elementor-37339 .elementor-element.elementor-element-c475e17{text-align:center;}.elementor-37339 .elementor-element.elementor-element-8297a4d{padding:0px 00px 0px 30px;}.elementor-37339 .elementor-element.elementor-element-29dcca8{text-align:center;}.elementor-37339 .elementor-element.elementor-element-37d6273{text-align:center;}.elementor-37339 .elementor-element.elementor-element-366a98e{padding:0px 00px 0px 30px;}.elementor-37339 .elementor-element.elementor-element-d4472b6{text-align:center;}.elementor-37339 .elementor-element.elementor-element-f4d5942{text-align:center;}.elementor-37339 .elementor-element.elementor-element-95da81d{padding:0px 00px 0px 30px;}.elementor-37339 .elementor-element.elementor-element-96d1685{text-align:center;}.elementor-37339 .elementor-element.elementor-element-2211603{text-align:center;}.elementor-37339 .elementor-element.elementor-element-9d67f0b{padding:0px 00px 0px 30px;}.elementor-37339 .elementor-element.elementor-element-af9efbb{text-align:center;}.elementor-37339 .elementor-element.elementor-element-173fc84{text-align:center;}.elementor-37339 .elementor-element.elementor-element-f0e5469{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-37339 .elementor-element.elementor-element-15170ec{padding:0px 00px 0px 30px;}.elementor-37339 .elementor-element.elementor-element-15170ec.elementor-element{--align-self:center;}.elementor-37339 .elementor-element.elementor-element-15170ec .gallery-item img{border-radius:0px 0px 0px 0px;}.elementor-37339 .elementor-element.elementor-element-87711a2{text-align:center;}.elementor-37339 .elementor-element.elementor-element-fab90c3{text-align:center;}.elementor-37339 .elementor-element.elementor-element-02bf805{padding:0px 00px 0px 30px;}.elementor-37339 .elementor-element.elementor-element-459a3f9{text-align:center;}.elementor-37339 .elementor-element.elementor-element-e381294{text-align:center;}.elementor-37339 .elementor-element.elementor-element-3ad410d{padding:0px 00px 0px 30px;}.elementor-37339 .elementor-element.elementor-element-fa6d6d0{text-align:center;}.elementor-37339 .elementor-element.elementor-element-b73b82e{text-align:center;}.elementor-37339 .elementor-element.elementor-element-dae8b37{padding:0px 00px 0px 30px;}.elementor-37339 .elementor-element.elementor-element-871089f{text-align:center;}.elementor-37339 .elementor-element.elementor-element-7e0e344{text-align:center;}.elementor-37339 .elementor-element.elementor-element-154061e .elementor-button{font-size:17px;border-radius:32px 32px 32px 32px;padding:25px 20px 25px 20px;}.elementor-37339 .elementor-element.elementor-element-b2e590e{--margin-top:75px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-37339 .elementor-element.elementor-element-c076f78{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-37339 .elementor-element.elementor-element-fe6ab93{width:var( --container-widget-width, 408.984px );max-width:408.984px;--container-widget-width:408.984px;--container-widget-flex-grow:0;}.elementor-37339 .elementor-element.elementor-element-fe6ab93.elementor-element{--align-self:flex-start;}.elementor-37339 .elementor-element.elementor-element-fe6ab93  .tp-el-footer-title{font-size:20px;}}@media(min-width:576px){.elementor-37339 .elementor-element.elementor-element-557602b{--content-width:1168px;}.elementor-37339 .elementor-element.elementor-element-ed4ab74{--content-width:83.33%;}}@media(max-width:1400px) and (min-width:576px){.elementor-37339 .elementor-element.elementor-element-557602b{--content-width:920px;}}@media(max-width:992px) and (min-width:576px){.elementor-37339 .elementor-element.elementor-element-ed4ab74{--content-width:100%;}}@media(min-width:2400px){.elementor-37339 .elementor-element.elementor-element-7b7c187{width:var( --container-widget-width, 1376px );max-width:1376px;--container-widget-width:1376px;--container-widget-flex-grow:0;}.elementor-37339 .elementor-element.elementor-element-b42eaa6{--grid-auto-flow:row;}}/* Start custom CSS for tp-portfolio-slider-1, class: .elementor-element-c86a506 *//* Opción 1: Ocultar SOLO el botón con las clases específicas */
.tp-btn-black.btn-green-light-bg {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a2f3e54 *//* ==================================================== */
/* CSS FINAL - FLECHA CON EFECTO DE DESLIZAMIENTO      */
/* (Con .elementor-37339 .elementor-element.elementor-element-a2f3e54es enfáticos para forzar los estilos)   */
/* ==================================================== */

/* 1. CONTENEDOR - Clase: contenedor-banner */
.contenedor-banner {
    position: relative !important;
    overflow: visible !important;
}

/* 2. FLECHA - Clase: arrow-indicator */
/* Selector muy específico para forzar el estilo */
.contenedor-banner .arrow-indicator,
button.arrow-indicator,
a.arrow-indicator {
    /* POSICIÓN CLAVE: Dentro del contenedor */
    position: absolute !important;
    bottom: 40px !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(0) !important;
    z-index: 9999 !important;

    /* APARIENCIA: Sin fondo, solo flecha */
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;

    /* TAMAÑO */
    width: 60px !important;
    height: 60px !important;

    /* COMPORTAMIENTO */
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;

    /* ANIMACIÓN PRINCIPAL */
    animation: slide-down 2s infinite ease-in-out !important;
}

/* ANIMACIÓN DE DESLIZAMIENTO SUAVE */
@keyframes slide-down {
    0%, 100% {
        transform: translateX(-50%) translateY(0);
        opacity: 1;
    }
    50% {
        transform: translateX(-50%) translateY(20px); /* Punto más bajo */
        opacity: 0.7;
    }
}

/* CREAR LA FLECHA DOBLE (CSS PURO) */
.contenedor-banner .arrow-indicator::before,
.contenedor-banner .arrow-indicator::after {
    content: '' !important;
    position: absolute !important;
    width: 20px !important;
    height: 20px !important;
    border-right: 3px solid white !important;
    border-bottom: 3px solid white !important;
    transform: rotate(45deg) !important;
    left: 50% !important;
    margin-left: -10px !important;
}

/* Primera flecha (arriba) */
.contenedor-banner .arrow-indicator::before {
    top: 10px !important;
}

/* Segunda flecha (abajo) */
.contenedor-banner .arrow-indicator::after {
    top: 20px !important;
    opacity: 0.8 !important;
}

/* EFECTO HOVER: Pausa la animación y brilla más */
.contenedor-banner .arrow-indicator:hover {
    animation-play-state: paused !important;
}

.contenedor-banner .arrow-indicator:hover::before,
.contenedor-banner .arrow-indicator:hover::after {
    border-color: rgba(255, 255, 255, 1) !important;
    filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.8)) !important;
}

/* OCULTAR CUALQUIER TEXTO O ELEMENTO HIJO (IMPORTANTE) */
.contenedor-banner .arrow-indicator > *,
.arrow-indicator span,
.arrow-indicator .elementor-button-text,
.arrow-indicator .elementor-button-content-wrapper {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .contenedor-banner .arrow-indicator {
        bottom: 25px !important;
        width: 50px !important;
        height: 50px !important;
    }
    .contenedor-banner .arrow-indicator::before,
    .contenedor-banner .arrow-indicator::after {
        width: 18px !important;
        height: 18px !important;
        margin-left: -9px !important;
        border-width: 2.5px !important;
    }
    .contenedor-banner .arrow-indicator::before { top: 8px !important; }
    .contenedor-banner .arrow-indicator::after { top: 18px !important; }
}

@media (max-width: 480px) {
    .contenedor-banner .arrow-indicator {
        bottom: 20px !important;
        width: 40px !important;
        height: 40px !important;
    }
    .contenedor-banner .arrow-indicator::before,
    .contenedor-banner .arrow-indicator::after {
        width: 16px !important;
        height: 16px !important;
        margin-left: -8px !important;
        border-width: 2px !important;
    }
    .contenedor-banner .arrow-indicator::before { top: 6px !important; }
    .contenedor-banner .arrow-indicator::after { top: 16px !important; }
}/* End custom CSS */
/* Start custom CSS for tp-portfolio-slider-1, class: .elementor-element-5604cb9 */.tp-portfolio-11-slider-link {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}


span[style*="background: #FFFFFF33"],
span[style*="background:#FFFFFF33"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}


----------


/* SEPARACIÓN ENTRE CADA CUADRADO */
.elementor-37339 .elementor-element.elementor-element-5604cb9 .slick-slide {
  margin: 0 14px; /* ← cambia este valor (12–20px recomendado) */
}

/* COMPENSAR EL TRACK PARA QUE NO SE CORTE */
.elementor-37339 .elementor-element.elementor-element-5604cb9 .slick-list {
  margin: 0 -14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-40e6001 */.elementor-37339 .elementor-element.elementor-element-40e6001 {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

/* fuerza que el fondo ocupe todo el ancho */
.elementor-37339 .elementor-element.elementor-element-40e6001 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* FIX mobile / tablet */
@media (max-width: 1024px) {
  .elementor-37339 .elementor-element.elementor-element-40e6001 {
    min-height: auto;
  }

  .elementor-37339 .elementor-element.elementor-element-40e6001 > .e-con-inner {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-b9fb6fd *//* ==================================================== */
/* CSS PARA IMÁGENES CON CONTROL DE ANCHO Y ALTO        */
/* ==================================================== */

/* ---------------------------------------------------- */
/* 1. SOLO MUESTRA LA PRIMERA IMAGEN                    */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item:not(:first-child) {
    display: none !important;
}

/* ---------------------------------------------------- */
/* 2. CONTENEDOR PRINCIPAL - CONTROL DE ANCHO           */
/* ---------------------------------------------------- */
.solo-una-imagen {
    width: 100% !important;             /* OCUPA TODO EL ANCHO DISPONIBLE */
    max-width: 400px !important;        /* ANCHO MÁXIMO - AJUSTA AQUÍ */
    display: block !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    overflow: hidden !important;
    margin: 0 auto !important;          /* CENTRADO HORIZONTAL */
}

/* ---------------------------------------------------- */
/* 3. CONTENEDOR DE IMAGEN - CONTROL DE ALTO            */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item {
    width: 100% !important;             /* OCUPA TODO EL ANCHO DEL CONTENEDOR */
    height: 400px !important;           /* ALTURA - AJUSTA AQUÍ */
    min-height: 400px !important;       /* Mismo valor que height */
    max-height: 400px !important;       /* Mismo valor que height */
    aspect-ratio: 4/3 !important;       /* PROPORCIÓN (opcional) - AJUSTA O ELIMINA */
    overflow: hidden !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    position: relative !important;
    display: block !important;
    margin: 0 !important;
}

/* ---------------------------------------------------- */
/* 4. IMAGEN - AJUSTE PROPORCIONAL                      */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;       /* ESCALA SIN DISTORSIÓN */
    object-position: center center !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    transition: transform 0.5s ease !important;
}

/* ---------------------------------------------------- */
/* 5. EFECTO HOVER                                      */
/* ---------------------------------------------------- */
.solo-una-imagen:hover {
    transform: scale(1.02) !important;
}

.solo-una-imagen:hover .gallery-item img {
    transform: scale(1.08) !important;
}

/* ---------------------------------------------------- */
/* 6. VERSIÓN CUADRADA (opcional)                       */
/* ---------------------------------------------------- */
/* Si quieres imágenes cuadradas perfectas, usa esto: */
.solo-una-imagen.cuadrada .gallery-item {
    aspect-ratio: 1/1 !important;       /* PROPORCIÓN 1:1 (CUADRADO) */
}

/* ---------------------------------------------------- */
/* 7. RESPONSIVE TABLET                                 */
/* ---------------------------------------------------- */
@media (max-width: 1024px) {
    .solo-una-imagen {
        max-width: 350px !important;    /* ANCHO MÁXIMO EN TABLET */
    }
    
    .solo-una-imagen .gallery-item {
        height: 280px !important;       /* ALTURA EN TABLET */
        min-height: 280px !important;
        max-height: 280px !important;
    }
}

/* ---------------------------------------------------- */
/* 8. RESPONSIVE MÓVIL                                  */
/* ---------------------------------------------------- */
@media (max-width: 768px) {
    .solo-una-imagen {
        max-width: 100% !important;     /* OCUPA TODO EL ANCHO EN MÓVIL */
    }
    
    .solo-una-imagen .gallery-item {
        height: 250px !important;       /* ALTURA EN MÓVIL */
        min-height: 250px !important;
        max-height: 250px !important;
    }
}

/* ---------------------------------------------------- */
/* 9. RESPONSIVE MÓVILES PEQUEÑOS                       */
/* ---------------------------------------------------- */
@media (max-width: 480px) {
    .solo-una-imagen .gallery-item {
        height: 220px !important;       /* ALTURA MÓVILES PEQUEÑOS */
        min-height: 220px !important;
        max-height: 220px !important;
    }
}

/* ---------------------------------------------------- */
/* 10. CLASES ADICIONALES PARA CONTROL RÁPIDO           */
/* ---------------------------------------------------- */

/* Diferentes anchos */
.ancho-pequeno {
    max-width: 300px !important;
}

.ancho-mediano {
    max-width: 400px !important;
}

.ancho-grande {
    max-width: 500px !important;
}

.ancho-completo {
    max-width: 100% !important;
}

/* Diferentes altos */
.alto-pequeno .gallery-item {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
}

.alto-mediano .gallery-item {
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
}

.alto-grande .gallery-item {
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
}

/* Proporciones comunes */
.proporcion-1-1 .gallery-item { aspect-ratio: 1/1 !important; }    /* Cuadrado */
.proporcion-4-3 .gallery-item { aspect-ratio: 4/3 !important; }    /* Rectángulo estándar */
.proporcion-16-9 .gallery-item { aspect-ratio: 16/9 !important; }  /* Panorámico */
.proporcion-3-2 .gallery-item { aspect-ratio: 3/2 !important; }    /* Fotografía */


/* ==================================================== */
/* SOLO PARA OCULTAR NOMBRES EN LIGHTBOX               */
/* ==================================================== */

/* Para Elementor Pro Lightbox */
.elementor-lightbox-title,
.elementor-lightbox-description,
.elementor-slideshow__title,
.elementor-slideshow__description,
.elementor-carousel-image-title {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* Para PhotoSwipe (plugin común de lightbox) */
.pswp__caption,
.pswp__caption__center {
    display: none !important;
}

/* Para Fancybox */
.fancybox-caption {
    display: none !important;
}

/* Para cualquier otro lightbox que use el atributo title */
a[title]::after,
img[title]::after,
[data-title]::after,
[data-caption]::after {
    content: none !important;
}

/* Ocultar cualquier tooltip que pueda aparecer */
[title]:hover::before,
[title]:hover::after {
    display: none !important;
}

/* Para lightboxes específicos de WordPress */
.gallery-caption,
.wp-caption-text,
.attachment-caption {
    display: none !important;
}

/* Para asegurar que no haya espacio reservado para el título */
.elementor-lightbox .elementor-lightbox-image__caption {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-938387f *//* ==================================================== */
/* CSS PARA IMÁGENES CON CONTROL DE ANCHO Y ALTO        */
/* ==================================================== */

/* ---------------------------------------------------- */
/* 1. SOLO MUESTRA LA PRIMERA IMAGEN                    */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item:not(:first-child) {
    display: none !important;
}

/* ---------------------------------------------------- */
/* 2. CONTENEDOR PRINCIPAL - CONTROL DE ANCHO           */
/* ---------------------------------------------------- */
.solo-una-imagen {
    width: 100% !important;             /* OCUPA TODO EL ANCHO DISPONIBLE */
    max-width: 400px !important;        /* ANCHO MÁXIMO - AJUSTA AQUÍ */
    display: block !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    overflow: hidden !important;
    margin: 0 auto !important;          /* CENTRADO HORIZONTAL */
}

/* ---------------------------------------------------- */
/* 3. CONTENEDOR DE IMAGEN - CONTROL DE ALTO            */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item {
    width: 100% !important;             /* OCUPA TODO EL ANCHO DEL CONTENEDOR */
    height: 400px !important;           /* ALTURA - AJUSTA AQUÍ */
    min-height: 400px !important;       /* Mismo valor que height */
    max-height: 400px !important;       /* Mismo valor que height */
    aspect-ratio: 4/3 !important;       /* PROPORCIÓN (opcional) - AJUSTA O ELIMINA */
    overflow: hidden !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    position: relative !important;
    display: block !important;
    margin: 0 !important;
}

/* ---------------------------------------------------- */
/* 4. IMAGEN - AJUSTE PROPORCIONAL                      */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;       /* ESCALA SIN DISTORSIÓN */
    object-position: center center !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    transition: transform 0.5s ease !important;
}

/* ---------------------------------------------------- */
/* 5. EFECTO HOVER                                      */
/* ---------------------------------------------------- */
.solo-una-imagen:hover {
    transform: scale(1.02) !important;
}

.solo-una-imagen:hover .gallery-item img {
    transform: scale(1.08) !important;
}

/* ---------------------------------------------------- */
/* 6. VERSIÓN CUADRADA (opcional)                       */
/* ---------------------------------------------------- */
/* Si quieres imágenes cuadradas perfectas, usa esto: */
.solo-una-imagen.cuadrada .gallery-item {
    aspect-ratio: 1/1 !important;       /* PROPORCIÓN 1:1 (CUADRADO) */
}

/* ---------------------------------------------------- */
/* 7. RESPONSIVE TABLET                                 */
/* ---------------------------------------------------- */
@media (max-width: 1024px) {
    .solo-una-imagen {
        max-width: 350px !important;    /* ANCHO MÁXIMO EN TABLET */
    }
    
    .solo-una-imagen .gallery-item {
        height: 280px !important;       /* ALTURA EN TABLET */
        min-height: 280px !important;
        max-height: 280px !important;
    }
}

/* ---------------------------------------------------- */
/* 8. RESPONSIVE MÓVIL                                  */
/* ---------------------------------------------------- */
@media (max-width: 768px) {
    .solo-una-imagen {
        max-width: 100% !important;     /* OCUPA TODO EL ANCHO EN MÓVIL */
    }
    
    .solo-una-imagen .gallery-item {
        height: 250px !important;       /* ALTURA EN MÓVIL */
        min-height: 250px !important;
        max-height: 250px !important;
    }
}

/* ---------------------------------------------------- */
/* 9. RESPONSIVE MÓVILES PEQUEÑOS                       */
/* ---------------------------------------------------- */
@media (max-width: 480px) {
    .solo-una-imagen .gallery-item {
        height: 220px !important;       /* ALTURA MÓVILES PEQUEÑOS */
        min-height: 220px !important;
        max-height: 220px !important;
    }
}

/* ---------------------------------------------------- */
/* 10. CLASES ADICIONALES PARA CONTROL RÁPIDO           */
/* ---------------------------------------------------- */

/* Diferentes anchos */
.ancho-pequeno {
    max-width: 300px !important;
}

.ancho-mediano {
    max-width: 400px !important;
}

.ancho-grande {
    max-width: 500px !important;
}

.ancho-completo {
    max-width: 100% !important;
}

/* Diferentes altos */
.alto-pequeno .gallery-item {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
}

.alto-mediano .gallery-item {
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
}

.alto-grande .gallery-item {
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
}

/* Proporciones comunes */
.proporcion-1-1 .gallery-item { aspect-ratio: 1/1 !important; }    /* Cuadrado */
.proporcion-4-3 .gallery-item { aspect-ratio: 4/3 !important; }    /* Rectángulo estándar */
.proporcion-16-9 .gallery-item { aspect-ratio: 16/9 !important; }  /* Panorámico */
.proporcion-3-2 .gallery-item { aspect-ratio: 3/2 !important; }    /* Fotografía */


/* ==================================================== */
/* SOLO PARA OCULTAR NOMBRES EN LIGHTBOX               */
/* ==================================================== */

/* Para Elementor Pro Lightbox */
.elementor-lightbox-title,
.elementor-lightbox-description,
.elementor-slideshow__title,
.elementor-slideshow__description,
.elementor-carousel-image-title {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* Para PhotoSwipe (plugin común de lightbox) */
.pswp__caption,
.pswp__caption__center {
    display: none !important;
}

/* Para Fancybox */
.fancybox-caption {
    display: none !important;
}

/* Para cualquier otro lightbox que use el atributo title */
a[title]::after,
img[title]::after,
[data-title]::after,
[data-caption]::after {
    content: none !important;
}

/* Ocultar cualquier tooltip que pueda aparecer */
[title]:hover::before,
[title]:hover::after {
    display: none !important;
}

/* Para lightboxes específicos de WordPress */
.gallery-caption,
.wp-caption-text,
.attachment-caption {
    display: none !important;
}

/* Para asegurar que no haya espacio reservado para el título */
.elementor-lightbox .elementor-lightbox-image__caption {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-e17c6ba *//* ==================================================== */
/* CSS PARA IMÁGENES CON CONTROL DE ANCHO Y ALTO        */
/* ==================================================== */

/* ---------------------------------------------------- */
/* 1. SOLO MUESTRA LA PRIMERA IMAGEN                    */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item:not(:first-child) {
    display: none !important;
}

/* ---------------------------------------------------- */
/* 2. CONTENEDOR PRINCIPAL - CONTROL DE ANCHO           */
/* ---------------------------------------------------- */
.solo-una-imagen {
    width: 100% !important;             /* OCUPA TODO EL ANCHO DISPONIBLE */
    max-width: 400px !important;        /* ANCHO MÁXIMO - AJUSTA AQUÍ */
    display: block !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    overflow: hidden !important;
    margin: 0 auto !important;          /* CENTRADO HORIZONTAL */
}

/* ---------------------------------------------------- */
/* 3. CONTENEDOR DE IMAGEN - CONTROL DE ALTO            */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item {
    width: 100% !important;             /* OCUPA TODO EL ANCHO DEL CONTENEDOR */
    height: 400px !important;           /* ALTURA - AJUSTA AQUÍ */
    min-height: 400px !important;       /* Mismo valor que height */
    max-height: 400px !important;       /* Mismo valor que height */
    aspect-ratio: 4/3 !important;       /* PROPORCIÓN (opcional) - AJUSTA O ELIMINA */
    overflow: hidden !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    position: relative !important;
    display: block !important;
    margin: 0 !important;
}

/* ---------------------------------------------------- */
/* 4. IMAGEN - AJUSTE PROPORCIONAL                      */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;       /* ESCALA SIN DISTORSIÓN */
    object-position: center center !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    transition: transform 0.5s ease !important;
}

/* ---------------------------------------------------- */
/* 5. EFECTO HOVER                                      */
/* ---------------------------------------------------- */
.solo-una-imagen:hover {
    transform: scale(1.02) !important;
}

.solo-una-imagen:hover .gallery-item img {
    transform: scale(1.08) !important;
}

/* ---------------------------------------------------- */
/* 6. VERSIÓN CUADRADA (opcional)                       */
/* ---------------------------------------------------- */
/* Si quieres imágenes cuadradas perfectas, usa esto: */
.solo-una-imagen.cuadrada .gallery-item {
    aspect-ratio: 1/1 !important;       /* PROPORCIÓN 1:1 (CUADRADO) */
}

/* ---------------------------------------------------- */
/* 7. RESPONSIVE TABLET                                 */
/* ---------------------------------------------------- */
@media (max-width: 1024px) {
    .solo-una-imagen {
        max-width: 350px !important;    /* ANCHO MÁXIMO EN TABLET */
    }
    
    .solo-una-imagen .gallery-item {
        height: 280px !important;       /* ALTURA EN TABLET */
        min-height: 280px !important;
        max-height: 280px !important;
    }
}

/* ---------------------------------------------------- */
/* 8. RESPONSIVE MÓVIL                                  */
/* ---------------------------------------------------- */
@media (max-width: 768px) {
    .solo-una-imagen {
        max-width: 100% !important;     /* OCUPA TODO EL ANCHO EN MÓVIL */
    }
    
    .solo-una-imagen .gallery-item {
        height: 250px !important;       /* ALTURA EN MÓVIL */
        min-height: 250px !important;
        max-height: 250px !important;
    }
}

/* ---------------------------------------------------- */
/* 9. RESPONSIVE MÓVILES PEQUEÑOS                       */
/* ---------------------------------------------------- */
@media (max-width: 480px) {
    .solo-una-imagen .gallery-item {
        height: 220px !important;       /* ALTURA MÓVILES PEQUEÑOS */
        min-height: 220px !important;
        max-height: 220px !important;
    }
}

/* ---------------------------------------------------- */
/* 10. CLASES ADICIONALES PARA CONTROL RÁPIDO           */
/* ---------------------------------------------------- */

/* Diferentes anchos */
.ancho-pequeno {
    max-width: 300px !important;
}

.ancho-mediano {
    max-width: 400px !important;
}

.ancho-grande {
    max-width: 500px !important;
}

.ancho-completo {
    max-width: 100% !important;
}

/* Diferentes altos */
.alto-pequeno .gallery-item {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
}

.alto-mediano .gallery-item {
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
}

.alto-grande .gallery-item {
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
}

/* Proporciones comunes */
.proporcion-1-1 .gallery-item { aspect-ratio: 1/1 !important; }    /* Cuadrado */
.proporcion-4-3 .gallery-item { aspect-ratio: 4/3 !important; }    /* Rectángulo estándar */
.proporcion-16-9 .gallery-item { aspect-ratio: 16/9 !important; }  /* Panorámico */
.proporcion-3-2 .gallery-item { aspect-ratio: 3/2 !important; }    /* Fotografía */


/* ==================================================== */
/* SOLO PARA OCULTAR NOMBRES EN LIGHTBOX               */
/* ==================================================== */

/* Para Elementor Pro Lightbox */
.elementor-lightbox-title,
.elementor-lightbox-description,
.elementor-slideshow__title,
.elementor-slideshow__description,
.elementor-carousel-image-title {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* Para PhotoSwipe (plugin común de lightbox) */
.pswp__caption,
.pswp__caption__center {
    display: none !important;
}

/* Para Fancybox */
.fancybox-caption {
    display: none !important;
}

/* Para cualquier otro lightbox que use el atributo title */
a[title]::after,
img[title]::after,
[data-title]::after,
[data-caption]::after {
    content: none !important;
}

/* Ocultar cualquier tooltip que pueda aparecer */
[title]:hover::before,
[title]:hover::after {
    display: none !important;
}

/* Para lightboxes específicos de WordPress */
.gallery-caption,
.wp-caption-text,
.attachment-caption {
    display: none !important;
}

/* Para asegurar que no haya espacio reservado para el título */
.elementor-lightbox .elementor-lightbox-image__caption {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-cfa274e *//* ==================================================== */
/* CSS PARA IMÁGENES CON CONTROL DE ANCHO Y ALTO        */
/* ==================================================== */

/* ---------------------------------------------------- */
/* 1. SOLO MUESTRA LA PRIMERA IMAGEN                    */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item:not(:first-child) {
    display: none !important;
}

/* ---------------------------------------------------- */
/* 2. CONTENEDOR PRINCIPAL - CONTROL DE ANCHO           */
/* ---------------------------------------------------- */
.solo-una-imagen {
    width: 100% !important;             /* OCUPA TODO EL ANCHO DISPONIBLE */
    max-width: 400px !important;        /* ANCHO MÁXIMO - AJUSTA AQUÍ */
    display: block !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    overflow: hidden !important;
    margin: 0 auto !important;          /* CENTRADO HORIZONTAL */
}

/* ---------------------------------------------------- */
/* 3. CONTENEDOR DE IMAGEN - CONTROL DE ALTO            */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item {
    width: 100% !important;             /* OCUPA TODO EL ANCHO DEL CONTENEDOR */
    height: 400px !important;           /* ALTURA - AJUSTA AQUÍ */
    min-height: 400px !important;       /* Mismo valor que height */
    max-height: 400px !important;       /* Mismo valor que height */
    aspect-ratio: 4/3 !important;       /* PROPORCIÓN (opcional) - AJUSTA O ELIMINA */
    overflow: hidden !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    position: relative !important;
    display: block !important;
    margin: 0 !important;
}

/* ---------------------------------------------------- */
/* 4. IMAGEN - AJUSTE PROPORCIONAL                      */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;       /* ESCALA SIN DISTORSIÓN */
    object-position: center center !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    transition: transform 0.5s ease !important;
}

/* ---------------------------------------------------- */
/* 5. EFECTO HOVER                                      */
/* ---------------------------------------------------- */
.solo-una-imagen:hover {
    transform: scale(1.02) !important;
}

.solo-una-imagen:hover .gallery-item img {
    transform: scale(1.08) !important;
}

/* ---------------------------------------------------- */
/* 6. VERSIÓN CUADRADA (opcional)                       */
/* ---------------------------------------------------- */
/* Si quieres imágenes cuadradas perfectas, usa esto: */
.solo-una-imagen.cuadrada .gallery-item {
    aspect-ratio: 1/1 !important;       /* PROPORCIÓN 1:1 (CUADRADO) */
}

/* ---------------------------------------------------- */
/* 7. RESPONSIVE TABLET                                 */
/* ---------------------------------------------------- */
@media (max-width: 1024px) {
    .solo-una-imagen {
        max-width: 350px !important;    /* ANCHO MÁXIMO EN TABLET */
    }
    
    .solo-una-imagen .gallery-item {
        height: 280px !important;       /* ALTURA EN TABLET */
        min-height: 280px !important;
        max-height: 280px !important;
    }
}

/* ---------------------------------------------------- */
/* 8. RESPONSIVE MÓVIL                                  */
/* ---------------------------------------------------- */
@media (max-width: 768px) {
    .solo-una-imagen {
        max-width: 100% !important;     /* OCUPA TODO EL ANCHO EN MÓVIL */
    }
    
    .solo-una-imagen .gallery-item {
        height: 250px !important;       /* ALTURA EN MÓVIL */
        min-height: 250px !important;
        max-height: 250px !important;
    }
}

/* ---------------------------------------------------- */
/* 9. RESPONSIVE MÓVILES PEQUEÑOS                       */
/* ---------------------------------------------------- */
@media (max-width: 480px) {
    .solo-una-imagen .gallery-item {
        height: 220px !important;       /* ALTURA MÓVILES PEQUEÑOS */
        min-height: 220px !important;
        max-height: 220px !important;
    }
}

/* ---------------------------------------------------- */
/* 10. CLASES ADICIONALES PARA CONTROL RÁPIDO           */
/* ---------------------------------------------------- */

/* Diferentes anchos */
.ancho-pequeno {
    max-width: 300px !important;
}

.ancho-mediano {
    max-width: 400px !important;
}

.ancho-grande {
    max-width: 500px !important;
}

.ancho-completo {
    max-width: 100% !important;
}

/* Diferentes altos */
.alto-pequeno .gallery-item {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
}

.alto-mediano .gallery-item {
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
}

.alto-grande .gallery-item {
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
}

/* Proporciones comunes */
.proporcion-1-1 .gallery-item { aspect-ratio: 1/1 !important; }    /* Cuadrado */
.proporcion-4-3 .gallery-item { aspect-ratio: 4/3 !important; }    /* Rectángulo estándar */
.proporcion-16-9 .gallery-item { aspect-ratio: 16/9 !important; }  /* Panorámico */
.proporcion-3-2 .gallery-item { aspect-ratio: 3/2 !important; }    /* Fotografía */


/* ==================================================== */
/* SOLO PARA OCULTAR NOMBRES EN LIGHTBOX               */
/* ==================================================== */

/* Para Elementor Pro Lightbox */
.elementor-lightbox-title,
.elementor-lightbox-description,
.elementor-slideshow__title,
.elementor-slideshow__description,
.elementor-carousel-image-title {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* Para PhotoSwipe (plugin común de lightbox) */
.pswp__caption,
.pswp__caption__center {
    display: none !important;
}

/* Para Fancybox */
.fancybox-caption {
    display: none !important;
}

/* Para cualquier otro lightbox que use el atributo title */
a[title]::after,
img[title]::after,
[data-title]::after,
[data-caption]::after {
    content: none !important;
}

/* Ocultar cualquier tooltip que pueda aparecer */
[title]:hover::before,
[title]:hover::after {
    display: none !important;
}

/* Para lightboxes específicos de WordPress */
.gallery-caption,
.wp-caption-text,
.attachment-caption {
    display: none !important;
}

/* Para asegurar que no haya espacio reservado para el título */
.elementor-lightbox .elementor-lightbox-image__caption {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-8297a4d *//* ==================================================== */
/* CSS PARA IMÁGENES CON CONTROL DE ANCHO Y ALTO        */
/* ==================================================== */

/* ---------------------------------------------------- */
/* 1. SOLO MUESTRA LA PRIMERA IMAGEN                    */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item:not(:first-child) {
    display: none !important;
}

/* ---------------------------------------------------- */
/* 2. CONTENEDOR PRINCIPAL - CONTROL DE ANCHO           */
/* ---------------------------------------------------- */
.solo-una-imagen {
    width: 100% !important;             /* OCUPA TODO EL ANCHO DISPONIBLE */
    max-width: 400px !important;        /* ANCHO MÁXIMO - AJUSTA AQUÍ */
    display: block !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    overflow: hidden !important;
    margin: 0 auto !important;          /* CENTRADO HORIZONTAL */
}

/* ---------------------------------------------------- */
/* 3. CONTENEDOR DE IMAGEN - CONTROL DE ALTO            */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item {
    width: 100% !important;             /* OCUPA TODO EL ANCHO DEL CONTENEDOR */
    height: 400px !important;           /* ALTURA - AJUSTA AQUÍ */
    min-height: 400px !important;       /* Mismo valor que height */
    max-height: 400px !important;       /* Mismo valor que height */
    aspect-ratio: 4/3 !important;       /* PROPORCIÓN (opcional) - AJUSTA O ELIMINA */
    overflow: hidden !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    position: relative !important;
    display: block !important;
    margin: 0 !important;
}

/* ---------------------------------------------------- */
/* 4. IMAGEN - AJUSTE PROPORCIONAL                      */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;       /* ESCALA SIN DISTORSIÓN */
    object-position: center center !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    transition: transform 0.5s ease !important;
}

/* ---------------------------------------------------- */
/* 5. EFECTO HOVER                                      */
/* ---------------------------------------------------- */
.solo-una-imagen:hover {
    transform: scale(1.02) !important;
}

.solo-una-imagen:hover .gallery-item img {
    transform: scale(1.08) !important;
}

/* ---------------------------------------------------- */
/* 6. VERSIÓN CUADRADA (opcional)                       */
/* ---------------------------------------------------- */
/* Si quieres imágenes cuadradas perfectas, usa esto: */
.solo-una-imagen.cuadrada .gallery-item {
    aspect-ratio: 1/1 !important;       /* PROPORCIÓN 1:1 (CUADRADO) */
}

/* ---------------------------------------------------- */
/* 7. RESPONSIVE TABLET                                 */
/* ---------------------------------------------------- */
@media (max-width: 1024px) {
    .solo-una-imagen {
        max-width: 350px !important;    /* ANCHO MÁXIMO EN TABLET */
    }
    
    .solo-una-imagen .gallery-item {
        height: 280px !important;       /* ALTURA EN TABLET */
        min-height: 280px !important;
        max-height: 280px !important;
    }
}

/* ---------------------------------------------------- */
/* 8. RESPONSIVE MÓVIL                                  */
/* ---------------------------------------------------- */
@media (max-width: 768px) {
    .solo-una-imagen {
        max-width: 100% !important;     /* OCUPA TODO EL ANCHO EN MÓVIL */
    }
    
    .solo-una-imagen .gallery-item {
        height: 250px !important;       /* ALTURA EN MÓVIL */
        min-height: 250px !important;
        max-height: 250px !important;
    }
}

/* ---------------------------------------------------- */
/* 9. RESPONSIVE MÓVILES PEQUEÑOS                       */
/* ---------------------------------------------------- */
@media (max-width: 480px) {
    .solo-una-imagen .gallery-item {
        height: 220px !important;       /* ALTURA MÓVILES PEQUEÑOS */
        min-height: 220px !important;
        max-height: 220px !important;
    }
}

/* ---------------------------------------------------- */
/* 10. CLASES ADICIONALES PARA CONTROL RÁPIDO           */
/* ---------------------------------------------------- */

/* Diferentes anchos */
.ancho-pequeno {
    max-width: 300px !important;
}

.ancho-mediano {
    max-width: 400px !important;
}

.ancho-grande {
    max-width: 500px !important;
}

.ancho-completo {
    max-width: 100% !important;
}

/* Diferentes altos */
.alto-pequeno .gallery-item {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
}

.alto-mediano .gallery-item {
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
}

.alto-grande .gallery-item {
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
}

/* Proporciones comunes */
.proporcion-1-1 .gallery-item { aspect-ratio: 1/1 !important; }    /* Cuadrado */
.proporcion-4-3 .gallery-item { aspect-ratio: 4/3 !important; }    /* Rectángulo estándar */
.proporcion-16-9 .gallery-item { aspect-ratio: 16/9 !important; }  /* Panorámico */
.proporcion-3-2 .gallery-item { aspect-ratio: 3/2 !important; }    /* Fotografía */


/* ==================================================== */
/* SOLO PARA OCULTAR NOMBRES EN LIGHTBOX               */
/* ==================================================== */

/* Para Elementor Pro Lightbox */
.elementor-lightbox-title,
.elementor-lightbox-description,
.elementor-slideshow__title,
.elementor-slideshow__description,
.elementor-carousel-image-title {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* Para PhotoSwipe (plugin común de lightbox) */
.pswp__caption,
.pswp__caption__center {
    display: none !important;
}

/* Para Fancybox */
.fancybox-caption {
    display: none !important;
}

/* Para cualquier otro lightbox que use el atributo title */
a[title]::after,
img[title]::after,
[data-title]::after,
[data-caption]::after {
    content: none !important;
}

/* Ocultar cualquier tooltip que pueda aparecer */
[title]:hover::before,
[title]:hover::after {
    display: none !important;
}

/* Para lightboxes específicos de WordPress */
.gallery-caption,
.wp-caption-text,
.attachment-caption {
    display: none !important;
}

/* Para asegurar que no haya espacio reservado para el título */
.elementor-lightbox .elementor-lightbox-image__caption {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-366a98e *//* ==================================================== */
/* CSS PARA IMÁGENES CON CONTROL DE ANCHO Y ALTO        */
/* ==================================================== */

/* ---------------------------------------------------- */
/* 1. SOLO MUESTRA LA PRIMERA IMAGEN                    */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item:not(:first-child) {
    display: none !important;
}

/* ---------------------------------------------------- */
/* 2. CONTENEDOR PRINCIPAL - CONTROL DE ANCHO           */
/* ---------------------------------------------------- */
.solo-una-imagen {
    width: 100% !important;             /* OCUPA TODO EL ANCHO DISPONIBLE */
    max-width: 400px !important;        /* ANCHO MÁXIMO - AJUSTA AQUÍ */
    display: block !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    overflow: hidden !important;
    margin: 0 auto !important;          /* CENTRADO HORIZONTAL */
}

/* ---------------------------------------------------- */
/* 3. CONTENEDOR DE IMAGEN - CONTROL DE ALTO            */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item {
    width: 100% !important;             /* OCUPA TODO EL ANCHO DEL CONTENEDOR */
    height: 400px !important;           /* ALTURA - AJUSTA AQUÍ */
    min-height: 400px !important;       /* Mismo valor que height */
    max-height: 400px !important;       /* Mismo valor que height */
    aspect-ratio: 4/3 !important;       /* PROPORCIÓN (opcional) - AJUSTA O ELIMINA */
    overflow: hidden !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    position: relative !important;
    display: block !important;
    margin: 0 !important;
}

/* ---------------------------------------------------- */
/* 4. IMAGEN - AJUSTE PROPORCIONAL                      */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;       /* ESCALA SIN DISTORSIÓN */
    object-position: center center !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    transition: transform 0.5s ease !important;
}

/* ---------------------------------------------------- */
/* 5. EFECTO HOVER                                      */
/* ---------------------------------------------------- */
.solo-una-imagen:hover {
    transform: scale(1.02) !important;
}

.solo-una-imagen:hover .gallery-item img {
    transform: scale(1.08) !important;
}

/* ---------------------------------------------------- */
/* 6. VERSIÓN CUADRADA (opcional)                       */
/* ---------------------------------------------------- */
/* Si quieres imágenes cuadradas perfectas, usa esto: */
.solo-una-imagen.cuadrada .gallery-item {
    aspect-ratio: 1/1 !important;       /* PROPORCIÓN 1:1 (CUADRADO) */
}

/* ---------------------------------------------------- */
/* 7. RESPONSIVE TABLET                                 */
/* ---------------------------------------------------- */
@media (max-width: 1024px) {
    .solo-una-imagen {
        max-width: 350px !important;    /* ANCHO MÁXIMO EN TABLET */
    }
    
    .solo-una-imagen .gallery-item {
        height: 280px !important;       /* ALTURA EN TABLET */
        min-height: 280px !important;
        max-height: 280px !important;
    }
}

/* ---------------------------------------------------- */
/* 8. RESPONSIVE MÓVIL                                  */
/* ---------------------------------------------------- */
@media (max-width: 768px) {
    .solo-una-imagen {
        max-width: 100% !important;     /* OCUPA TODO EL ANCHO EN MÓVIL */
    }
    
    .solo-una-imagen .gallery-item {
        height: 250px !important;       /* ALTURA EN MÓVIL */
        min-height: 250px !important;
        max-height: 250px !important;
    }
}

/* ---------------------------------------------------- */
/* 9. RESPONSIVE MÓVILES PEQUEÑOS                       */
/* ---------------------------------------------------- */
@media (max-width: 480px) {
    .solo-una-imagen .gallery-item {
        height: 220px !important;       /* ALTURA MÓVILES PEQUEÑOS */
        min-height: 220px !important;
        max-height: 220px !important;
    }
}

/* ---------------------------------------------------- */
/* 10. CLASES ADICIONALES PARA CONTROL RÁPIDO           */
/* ---------------------------------------------------- */

/* Diferentes anchos */
.ancho-pequeno {
    max-width: 300px !important;
}

.ancho-mediano {
    max-width: 400px !important;
}

.ancho-grande {
    max-width: 500px !important;
}

.ancho-completo {
    max-width: 100% !important;
}

/* Diferentes altos */
.alto-pequeno .gallery-item {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
}

.alto-mediano .gallery-item {
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
}

.alto-grande .gallery-item {
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
}

/* Proporciones comunes */
.proporcion-1-1 .gallery-item { aspect-ratio: 1/1 !important; }    /* Cuadrado */
.proporcion-4-3 .gallery-item { aspect-ratio: 4/3 !important; }    /* Rectángulo estándar */
.proporcion-16-9 .gallery-item { aspect-ratio: 16/9 !important; }  /* Panorámico */
.proporcion-3-2 .gallery-item { aspect-ratio: 3/2 !important; }    /* Fotografía */


/* ==================================================== */
/* SOLO PARA OCULTAR NOMBRES EN LIGHTBOX               */
/* ==================================================== */

/* Para Elementor Pro Lightbox */
.elementor-lightbox-title,
.elementor-lightbox-description,
.elementor-slideshow__title,
.elementor-slideshow__description,
.elementor-carousel-image-title {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* Para PhotoSwipe (plugin común de lightbox) */
.pswp__caption,
.pswp__caption__center {
    display: none !important;
}

/* Para Fancybox */
.fancybox-caption {
    display: none !important;
}

/* Para cualquier otro lightbox que use el atributo title */
a[title]::after,
img[title]::after,
[data-title]::after,
[data-caption]::after {
    content: none !important;
}

/* Ocultar cualquier tooltip que pueda aparecer */
[title]:hover::before,
[title]:hover::after {
    display: none !important;
}

/* Para lightboxes específicos de WordPress */
.gallery-caption,
.wp-caption-text,
.attachment-caption {
    display: none !important;
}

/* Para asegurar que no haya espacio reservado para el título */
.elementor-lightbox .elementor-lightbox-image__caption {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-95da81d *//* ==================================================== */
/* CSS PARA IMÁGENES CON CONTROL DE ANCHO Y ALTO        */
/* ==================================================== */

/* ---------------------------------------------------- */
/* 1. SOLO MUESTRA LA PRIMERA IMAGEN                    */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item:not(:first-child) {
    display: none !important;
}

/* ---------------------------------------------------- */
/* 2. CONTENEDOR PRINCIPAL - CONTROL DE ANCHO           */
/* ---------------------------------------------------- */
.solo-una-imagen {
    width: 100% !important;             /* OCUPA TODO EL ANCHO DISPONIBLE */
    max-width: 400px !important;        /* ANCHO MÁXIMO - AJUSTA AQUÍ */
    display: block !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    overflow: hidden !important;
    margin: 0 auto !important;          /* CENTRADO HORIZONTAL */
}

/* ---------------------------------------------------- */
/* 3. CONTENEDOR DE IMAGEN - CONTROL DE ALTO            */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item {
    width: 100% !important;             /* OCUPA TODO EL ANCHO DEL CONTENEDOR */
    height: 400px !important;           /* ALTURA - AJUSTA AQUÍ */
    min-height: 400px !important;       /* Mismo valor que height */
    max-height: 400px !important;       /* Mismo valor que height */
    aspect-ratio: 4/3 !important;       /* PROPORCIÓN (opcional) - AJUSTA O ELIMINA */
    overflow: hidden !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    position: relative !important;
    display: block !important;
    margin: 0 !important;
}

/* ---------------------------------------------------- */
/* 4. IMAGEN - AJUSTE PROPORCIONAL                      */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;       /* ESCALA SIN DISTORSIÓN */
    object-position: center center !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    transition: transform 0.5s ease !important;
}

/* ---------------------------------------------------- */
/* 5. EFECTO HOVER                                      */
/* ---------------------------------------------------- */
.solo-una-imagen:hover {
    transform: scale(1.02) !important;
}

.solo-una-imagen:hover .gallery-item img {
    transform: scale(1.08) !important;
}

/* ---------------------------------------------------- */
/* 6. VERSIÓN CUADRADA (opcional)                       */
/* ---------------------------------------------------- */
/* Si quieres imágenes cuadradas perfectas, usa esto: */
.solo-una-imagen.cuadrada .gallery-item {
    aspect-ratio: 1/1 !important;       /* PROPORCIÓN 1:1 (CUADRADO) */
}

/* ---------------------------------------------------- */
/* 7. RESPONSIVE TABLET                                 */
/* ---------------------------------------------------- */
@media (max-width: 1024px) {
    .solo-una-imagen {
        max-width: 350px !important;    /* ANCHO MÁXIMO EN TABLET */
    }
    
    .solo-una-imagen .gallery-item {
        height: 280px !important;       /* ALTURA EN TABLET */
        min-height: 280px !important;
        max-height: 280px !important;
    }
}

/* ---------------------------------------------------- */
/* 8. RESPONSIVE MÓVIL                                  */
/* ---------------------------------------------------- */
@media (max-width: 768px) {
    .solo-una-imagen {
        max-width: 100% !important;     /* OCUPA TODO EL ANCHO EN MÓVIL */
    }
    
    .solo-una-imagen .gallery-item {
        height: 250px !important;       /* ALTURA EN MÓVIL */
        min-height: 250px !important;
        max-height: 250px !important;
    }
}

/* ---------------------------------------------------- */
/* 9. RESPONSIVE MÓVILES PEQUEÑOS                       */
/* ---------------------------------------------------- */
@media (max-width: 480px) {
    .solo-una-imagen .gallery-item {
        height: 220px !important;       /* ALTURA MÓVILES PEQUEÑOS */
        min-height: 220px !important;
        max-height: 220px !important;
    }
}

/* ---------------------------------------------------- */
/* 10. CLASES ADICIONALES PARA CONTROL RÁPIDO           */
/* ---------------------------------------------------- */

/* Diferentes anchos */
.ancho-pequeno {
    max-width: 300px !important;
}

.ancho-mediano {
    max-width: 400px !important;
}

.ancho-grande {
    max-width: 500px !important;
}

.ancho-completo {
    max-width: 100% !important;
}

/* Diferentes altos */
.alto-pequeno .gallery-item {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
}

.alto-mediano .gallery-item {
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
}

.alto-grande .gallery-item {
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
}

/* Proporciones comunes */
.proporcion-1-1 .gallery-item { aspect-ratio: 1/1 !important; }    /* Cuadrado */
.proporcion-4-3 .gallery-item { aspect-ratio: 4/3 !important; }    /* Rectángulo estándar */
.proporcion-16-9 .gallery-item { aspect-ratio: 16/9 !important; }  /* Panorámico */
.proporcion-3-2 .gallery-item { aspect-ratio: 3/2 !important; }    /* Fotografía */


/* ==================================================== */
/* SOLO PARA OCULTAR NOMBRES EN LIGHTBOX               */
/* ==================================================== */

/* Para Elementor Pro Lightbox */
.elementor-lightbox-title,
.elementor-lightbox-description,
.elementor-slideshow__title,
.elementor-slideshow__description,
.elementor-carousel-image-title {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* Para PhotoSwipe (plugin común de lightbox) */
.pswp__caption,
.pswp__caption__center {
    display: none !important;
}

/* Para Fancybox */
.fancybox-caption {
    display: none !important;
}

/* Para cualquier otro lightbox que use el atributo title */
a[title]::after,
img[title]::after,
[data-title]::after,
[data-caption]::after {
    content: none !important;
}

/* Ocultar cualquier tooltip que pueda aparecer */
[title]:hover::before,
[title]:hover::after {
    display: none !important;
}

/* Para lightboxes específicos de WordPress */
.gallery-caption,
.wp-caption-text,
.attachment-caption {
    display: none !important;
}

/* Para asegurar que no haya espacio reservado para el título */
.elementor-lightbox .elementor-lightbox-image__caption {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-9d67f0b *//* ==================================================== */
/* CSS PARA IMÁGENES CON CONTROL DE ANCHO Y ALTO        */
/* ==================================================== */

/* ---------------------------------------------------- */
/* 1. SOLO MUESTRA LA PRIMERA IMAGEN                    */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item:not(:first-child) {
    display: none !important;
}

/* ---------------------------------------------------- */
/* 2. CONTENEDOR PRINCIPAL - CONTROL DE ANCHO           */
/* ---------------------------------------------------- */
.solo-una-imagen {
    width: 100% !important;             /* OCUPA TODO EL ANCHO DISPONIBLE */
    max-width: 400px !important;        /* ANCHO MÁXIMO - AJUSTA AQUÍ */
    display: block !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    overflow: hidden !important;
    margin: 0 auto !important;          /* CENTRADO HORIZONTAL */
}

/* ---------------------------------------------------- */
/* 3. CONTENEDOR DE IMAGEN - CONTROL DE ALTO            */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item {
    width: 100% !important;             /* OCUPA TODO EL ANCHO DEL CONTENEDOR */
    height: 400px !important;           /* ALTURA - AJUSTA AQUÍ */
    min-height: 400px !important;       /* Mismo valor que height */
    max-height: 400px !important;       /* Mismo valor que height */
    aspect-ratio: 4/3 !important;       /* PROPORCIÓN (opcional) - AJUSTA O ELIMINA */
    overflow: hidden !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    position: relative !important;
    display: block !important;
    margin: 0 !important;
}

/* ---------------------------------------------------- */
/* 4. IMAGEN - AJUSTE PROPORCIONAL                      */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;       /* ESCALA SIN DISTORSIÓN */
    object-position: center center !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    transition: transform 0.5s ease !important;
}

/* ---------------------------------------------------- */
/* 5. EFECTO HOVER                                      */
/* ---------------------------------------------------- */
.solo-una-imagen:hover {
    transform: scale(1.02) !important;
}

.solo-una-imagen:hover .gallery-item img {
    transform: scale(1.08) !important;
}

/* ---------------------------------------------------- */
/* 6. VERSIÓN CUADRADA (opcional)                       */
/* ---------------------------------------------------- */
/* Si quieres imágenes cuadradas perfectas, usa esto: */
.solo-una-imagen.cuadrada .gallery-item {
    aspect-ratio: 1/1 !important;       /* PROPORCIÓN 1:1 (CUADRADO) */
}

/* ---------------------------------------------------- */
/* 7. RESPONSIVE TABLET                                 */
/* ---------------------------------------------------- */
@media (max-width: 1024px) {
    .solo-una-imagen {
        max-width: 350px !important;    /* ANCHO MÁXIMO EN TABLET */
    }
    
    .solo-una-imagen .gallery-item {
        height: 280px !important;       /* ALTURA EN TABLET */
        min-height: 280px !important;
        max-height: 280px !important;
    }
}

/* ---------------------------------------------------- */
/* 8. RESPONSIVE MÓVIL                                  */
/* ---------------------------------------------------- */
@media (max-width: 768px) {
    .solo-una-imagen {
        max-width: 100% !important;     /* OCUPA TODO EL ANCHO EN MÓVIL */
    }
    
    .solo-una-imagen .gallery-item {
        height: 250px !important;       /* ALTURA EN MÓVIL */
        min-height: 250px !important;
        max-height: 250px !important;
    }
}

/* ---------------------------------------------------- */
/* 9. RESPONSIVE MÓVILES PEQUEÑOS                       */
/* ---------------------------------------------------- */
@media (max-width: 480px) {
    .solo-una-imagen .gallery-item {
        height: 220px !important;       /* ALTURA MÓVILES PEQUEÑOS */
        min-height: 220px !important;
        max-height: 220px !important;
    }
}

/* ---------------------------------------------------- */
/* 10. CLASES ADICIONALES PARA CONTROL RÁPIDO           */
/* ---------------------------------------------------- */

/* Diferentes anchos */
.ancho-pequeno {
    max-width: 300px !important;
}

.ancho-mediano {
    max-width: 400px !important;
}

.ancho-grande {
    max-width: 500px !important;
}

.ancho-completo {
    max-width: 100% !important;
}

/* Diferentes altos */
.alto-pequeno .gallery-item {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
}

.alto-mediano .gallery-item {
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
}

.alto-grande .gallery-item {
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
}

/* Proporciones comunes */
.proporcion-1-1 .gallery-item { aspect-ratio: 1/1 !important; }    /* Cuadrado */
.proporcion-4-3 .gallery-item { aspect-ratio: 4/3 !important; }    /* Rectángulo estándar */
.proporcion-16-9 .gallery-item { aspect-ratio: 16/9 !important; }  /* Panorámico */
.proporcion-3-2 .gallery-item { aspect-ratio: 3/2 !important; }    /* Fotografía */


/* ==================================================== */
/* SOLO PARA OCULTAR NOMBRES EN LIGHTBOX               */
/* ==================================================== */

/* Para Elementor Pro Lightbox */
.elementor-lightbox-title,
.elementor-lightbox-description,
.elementor-slideshow__title,
.elementor-slideshow__description,
.elementor-carousel-image-title {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* Para PhotoSwipe (plugin común de lightbox) */
.pswp__caption,
.pswp__caption__center {
    display: none !important;
}

/* Para Fancybox */
.fancybox-caption {
    display: none !important;
}

/* Para cualquier otro lightbox que use el atributo title */
a[title]::after,
img[title]::after,
[data-title]::after,
[data-caption]::after {
    content: none !important;
}

/* Ocultar cualquier tooltip que pueda aparecer */
[title]:hover::before,
[title]:hover::after {
    display: none !important;
}

/* Para lightboxes específicos de WordPress */
.gallery-caption,
.wp-caption-text,
.attachment-caption {
    display: none !important;
}

/* Para asegurar que no haya espacio reservado para el título */
.elementor-lightbox .elementor-lightbox-image__caption {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-15170ec *//* ==================================================== */
/* CSS PARA IMÁGENES CON CONTROL DE ANCHO Y ALTO        */
/* ==================================================== */

/* ---------------------------------------------------- */
/* 1. SOLO MUESTRA LA PRIMERA IMAGEN                    */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item:not(:first-child) {
    display: none !important;
}

/* ---------------------------------------------------- */
/* 2. CONTENEDOR PRINCIPAL - CONTROL DE ANCHO           */
/* ---------------------------------------------------- */
.solo-una-imagen {
    width: 100% !important;             /* OCUPA TODO EL ANCHO DISPONIBLE */
    max-width: 400px !important;        /* ANCHO MÁXIMO - AJUSTA AQUÍ */
    display: block !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    overflow: hidden !important;
    margin: 0 auto !important;          /* CENTRADO HORIZONTAL */
}

/* ---------------------------------------------------- */
/* 3. CONTENEDOR DE IMAGEN - CONTROL DE ALTO            */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item {
    width: 100% !important;             /* OCUPA TODO EL ANCHO DEL CONTENEDOR */
    height: 400px !important;           /* ALTURA - AJUSTA AQUÍ */
    min-height: 400px !important;       /* Mismo valor que height */
    max-height: 400px !important;       /* Mismo valor que height */
    aspect-ratio: 4/3 !important;       /* PROPORCIÓN (opcional) - AJUSTA O ELIMINA */
    overflow: hidden !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    position: relative !important;
    display: block !important;
    margin: 0 !important;
}

/* ---------------------------------------------------- */
/* 4. IMAGEN - AJUSTE PROPORCIONAL                      */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;       /* ESCALA SIN DISTORSIÓN */
    object-position: center center !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    transition: transform 0.5s ease !important;
}

/* ---------------------------------------------------- */
/* 5. EFECTO HOVER                                      */
/* ---------------------------------------------------- */
.solo-una-imagen:hover {
    transform: scale(1.02) !important;
}

.solo-una-imagen:hover .gallery-item img {
    transform: scale(1.08) !important;
}

/* ---------------------------------------------------- */
/* 6. VERSIÓN CUADRADA (opcional)                       */
/* ---------------------------------------------------- */
/* Si quieres imágenes cuadradas perfectas, usa esto: */
.solo-una-imagen.cuadrada .gallery-item {
    aspect-ratio: 1/1 !important;       /* PROPORCIÓN 1:1 (CUADRADO) */
}

/* ---------------------------------------------------- */
/* 7. RESPONSIVE TABLET                                 */
/* ---------------------------------------------------- */
@media (max-width: 1024px) {
    .solo-una-imagen {
        max-width: 350px !important;    /* ANCHO MÁXIMO EN TABLET */
    }
    
    .solo-una-imagen .gallery-item {
        height: 280px !important;       /* ALTURA EN TABLET */
        min-height: 280px !important;
        max-height: 280px !important;
    }
}

/* ---------------------------------------------------- */
/* 8. RESPONSIVE MÓVIL                                  */
/* ---------------------------------------------------- */
@media (max-width: 768px) {
    .solo-una-imagen {
        max-width: 100% !important;     /* OCUPA TODO EL ANCHO EN MÓVIL */
    }
    
    .solo-una-imagen .gallery-item {
        height: 250px !important;       /* ALTURA EN MÓVIL */
        min-height: 250px !important;
        max-height: 250px !important;
    }
}

/* ---------------------------------------------------- */
/* 9. RESPONSIVE MÓVILES PEQUEÑOS                       */
/* ---------------------------------------------------- */
@media (max-width: 480px) {
    .solo-una-imagen .gallery-item {
        height: 220px !important;       /* ALTURA MÓVILES PEQUEÑOS */
        min-height: 220px !important;
        max-height: 220px !important;
    }
}

/* ---------------------------------------------------- */
/* 10. CLASES ADICIONALES PARA CONTROL RÁPIDO           */
/* ---------------------------------------------------- */

/* Diferentes anchos */
.ancho-pequeno {
    max-width: 300px !important;
}

.ancho-mediano {
    max-width: 400px !important;
}

.ancho-grande {
    max-width: 500px !important;
}

.ancho-completo {
    max-width: 100% !important;
}

/* Diferentes altos */
.alto-pequeno .gallery-item {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
}

.alto-mediano .gallery-item {
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
}

.alto-grande .gallery-item {
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
}

/* Proporciones comunes */
.proporcion-1-1 .gallery-item { aspect-ratio: 1/1 !important; }    /* Cuadrado */
.proporcion-4-3 .gallery-item { aspect-ratio: 4/3 !important; }    /* Rectángulo estándar */
.proporcion-16-9 .gallery-item { aspect-ratio: 16/9 !important; }  /* Panorámico */
.proporcion-3-2 .gallery-item { aspect-ratio: 3/2 !important; }    /* Fotografía */


/* ==================================================== */
/* SOLO PARA OCULTAR NOMBRES EN LIGHTBOX               */
/* ==================================================== */

/* Para Elementor Pro Lightbox */
.elementor-lightbox-title,
.elementor-lightbox-description,
.elementor-slideshow__title,
.elementor-slideshow__description,
.elementor-carousel-image-title {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* Para PhotoSwipe (plugin común de lightbox) */
.pswp__caption,
.pswp__caption__center {
    display: none !important;
}

/* Para Fancybox */
.fancybox-caption {
    display: none !important;
}

/* Para cualquier otro lightbox que use el atributo title */
a[title]::after,
img[title]::after,
[data-title]::after,
[data-caption]::after {
    content: none !important;
}

/* Ocultar cualquier tooltip que pueda aparecer */
[title]:hover::before,
[title]:hover::after {
    display: none !important;
}

/* Para lightboxes específicos de WordPress */
.gallery-caption,
.wp-caption-text,
.attachment-caption {
    display: none !important;
}

/* Para asegurar que no haya espacio reservado para el título */
.elementor-lightbox .elementor-lightbox-image__caption {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-02bf805 *//* ==================================================== */
/* CSS PARA IMÁGENES CON CONTROL DE ANCHO Y ALTO        */
/* ==================================================== */

/* ---------------------------------------------------- */
/* 1. SOLO MUESTRA LA PRIMERA IMAGEN                    */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item:not(:first-child) {
    display: none !important;
}

/* ---------------------------------------------------- */
/* 2. CONTENEDOR PRINCIPAL - CONTROL DE ANCHO           */
/* ---------------------------------------------------- */
.solo-una-imagen {
    width: 100% !important;             /* OCUPA TODO EL ANCHO DISPONIBLE */
    max-width: 400px !important;        /* ANCHO MÁXIMO - AJUSTA AQUÍ */
    display: block !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    overflow: hidden !important;
    margin: 0 auto !important;          /* CENTRADO HORIZONTAL */
}

/* ---------------------------------------------------- */
/* 3. CONTENEDOR DE IMAGEN - CONTROL DE ALTO            */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item {
    width: 100% !important;             /* OCUPA TODO EL ANCHO DEL CONTENEDOR */
    height: 400px !important;           /* ALTURA - AJUSTA AQUÍ */
    min-height: 400px !important;       /* Mismo valor que height */
    max-height: 400px !important;       /* Mismo valor que height */
    aspect-ratio: 4/3 !important;       /* PROPORCIÓN (opcional) - AJUSTA O ELIMINA */
    overflow: hidden !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    position: relative !important;
    display: block !important;
    margin: 0 !important;
}

/* ---------------------------------------------------- */
/* 4. IMAGEN - AJUSTE PROPORCIONAL                      */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;       /* ESCALA SIN DISTORSIÓN */
    object-position: center center !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    transition: transform 0.5s ease !important;
}

/* ---------------------------------------------------- */
/* 5. EFECTO HOVER                                      */
/* ---------------------------------------------------- */
.solo-una-imagen:hover {
    transform: scale(1.02) !important;
}

.solo-una-imagen:hover .gallery-item img {
    transform: scale(1.08) !important;
}

/* ---------------------------------------------------- */
/* 6. VERSIÓN CUADRADA (opcional)                       */
/* ---------------------------------------------------- */
/* Si quieres imágenes cuadradas perfectas, usa esto: */
.solo-una-imagen.cuadrada .gallery-item {
    aspect-ratio: 1/1 !important;       /* PROPORCIÓN 1:1 (CUADRADO) */
}

/* ---------------------------------------------------- */
/* 7. RESPONSIVE TABLET                                 */
/* ---------------------------------------------------- */
@media (max-width: 1024px) {
    .solo-una-imagen {
        max-width: 350px !important;    /* ANCHO MÁXIMO EN TABLET */
    }
    
    .solo-una-imagen .gallery-item {
        height: 280px !important;       /* ALTURA EN TABLET */
        min-height: 280px !important;
        max-height: 280px !important;
    }
}

/* ---------------------------------------------------- */
/* 8. RESPONSIVE MÓVIL                                  */
/* ---------------------------------------------------- */
@media (max-width: 768px) {
    .solo-una-imagen {
        max-width: 100% !important;     /* OCUPA TODO EL ANCHO EN MÓVIL */
    }
    
    .solo-una-imagen .gallery-item {
        height: 250px !important;       /* ALTURA EN MÓVIL */
        min-height: 250px !important;
        max-height: 250px !important;
    }
}

/* ---------------------------------------------------- */
/* 9. RESPONSIVE MÓVILES PEQUEÑOS                       */
/* ---------------------------------------------------- */
@media (max-width: 480px) {
    .solo-una-imagen .gallery-item {
        height: 220px !important;       /* ALTURA MÓVILES PEQUEÑOS */
        min-height: 220px !important;
        max-height: 220px !important;
    }
}

/* ---------------------------------------------------- */
/* 10. CLASES ADICIONALES PARA CONTROL RÁPIDO           */
/* ---------------------------------------------------- */

/* Diferentes anchos */
.ancho-pequeno {
    max-width: 300px !important;
}

.ancho-mediano {
    max-width: 400px !important;
}

.ancho-grande {
    max-width: 500px !important;
}

.ancho-completo {
    max-width: 100% !important;
}

/* Diferentes altos */
.alto-pequeno .gallery-item {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
}

.alto-mediano .gallery-item {
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
}

.alto-grande .gallery-item {
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
}

/* Proporciones comunes */
.proporcion-1-1 .gallery-item { aspect-ratio: 1/1 !important; }    /* Cuadrado */
.proporcion-4-3 .gallery-item { aspect-ratio: 4/3 !important; }    /* Rectángulo estándar */
.proporcion-16-9 .gallery-item { aspect-ratio: 16/9 !important; }  /* Panorámico */
.proporcion-3-2 .gallery-item { aspect-ratio: 3/2 !important; }    /* Fotografía */


/* ==================================================== */
/* SOLO PARA OCULTAR NOMBRES EN LIGHTBOX               */
/* ==================================================== */

/* Para Elementor Pro Lightbox */
.elementor-lightbox-title,
.elementor-lightbox-description,
.elementor-slideshow__title,
.elementor-slideshow__description,
.elementor-carousel-image-title {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* Para PhotoSwipe (plugin común de lightbox) */
.pswp__caption,
.pswp__caption__center {
    display: none !important;
}

/* Para Fancybox */
.fancybox-caption {
    display: none !important;
}

/* Para cualquier otro lightbox que use el atributo title */
a[title]::after,
img[title]::after,
[data-title]::after,
[data-caption]::after {
    content: none !important;
}

/* Ocultar cualquier tooltip que pueda aparecer */
[title]:hover::before,
[title]:hover::after {
    display: none !important;
}

/* Para lightboxes específicos de WordPress */
.gallery-caption,
.wp-caption-text,
.attachment-caption {
    display: none !important;
}

/* Para asegurar que no haya espacio reservado para el título */
.elementor-lightbox .elementor-lightbox-image__caption {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-3ad410d *//* ==================================================== */
/* CSS PARA IMÁGENES CON CONTROL DE ANCHO Y ALTO        */
/* ==================================================== */

/* ---------------------------------------------------- */
/* 1. SOLO MUESTRA LA PRIMERA IMAGEN                    */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item:not(:first-child) {
    display: none !important;
}

/* ---------------------------------------------------- */
/* 2. CONTENEDOR PRINCIPAL - CONTROL DE ANCHO           */
/* ---------------------------------------------------- */
.solo-una-imagen {
    width: 100% !important;             /* OCUPA TODO EL ANCHO DISPONIBLE */
    max-width: 400px !important;        /* ANCHO MÁXIMO - AJUSTA AQUÍ */
    display: block !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    overflow: hidden !important;
    margin: 0 auto !important;          /* CENTRADO HORIZONTAL */
}

/* ---------------------------------------------------- */
/* 3. CONTENEDOR DE IMAGEN - CONTROL DE ALTO            */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item {
    width: 100% !important;             /* OCUPA TODO EL ANCHO DEL CONTENEDOR */
    height: 400px !important;           /* ALTURA - AJUSTA AQUÍ */
    min-height: 400px !important;       /* Mismo valor que height */
    max-height: 400px !important;       /* Mismo valor que height */
    aspect-ratio: 4/3 !important;       /* PROPORCIÓN (opcional) - AJUSTA O ELIMINA */
    overflow: hidden !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    position: relative !important;
    display: block !important;
    margin: 0 !important;
}

/* ---------------------------------------------------- */
/* 4. IMAGEN - AJUSTE PROPORCIONAL                      */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;       /* ESCALA SIN DISTORSIÓN */
    object-position: center center !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    transition: transform 0.5s ease !important;
}

/* ---------------------------------------------------- */
/* 5. EFECTO HOVER                                      */
/* ---------------------------------------------------- */
.solo-una-imagen:hover {
    transform: scale(1.02) !important;
}

.solo-una-imagen:hover .gallery-item img {
    transform: scale(1.08) !important;
}

/* ---------------------------------------------------- */
/* 6. VERSIÓN CUADRADA (opcional)                       */
/* ---------------------------------------------------- */
/* Si quieres imágenes cuadradas perfectas, usa esto: */
.solo-una-imagen.cuadrada .gallery-item {
    aspect-ratio: 1/1 !important;       /* PROPORCIÓN 1:1 (CUADRADO) */
}

/* ---------------------------------------------------- */
/* 7. RESPONSIVE TABLET                                 */
/* ---------------------------------------------------- */
@media (max-width: 1024px) {
    .solo-una-imagen {
        max-width: 350px !important;    /* ANCHO MÁXIMO EN TABLET */
    }
    
    .solo-una-imagen .gallery-item {
        height: 280px !important;       /* ALTURA EN TABLET */
        min-height: 280px !important;
        max-height: 280px !important;
    }
}

/* ---------------------------------------------------- */
/* 8. RESPONSIVE MÓVIL                                  */
/* ---------------------------------------------------- */
@media (max-width: 768px) {
    .solo-una-imagen {
        max-width: 100% !important;     /* OCUPA TODO EL ANCHO EN MÓVIL */
    }
    
    .solo-una-imagen .gallery-item {
        height: 250px !important;       /* ALTURA EN MÓVIL */
        min-height: 250px !important;
        max-height: 250px !important;
    }
}

/* ---------------------------------------------------- */
/* 9. RESPONSIVE MÓVILES PEQUEÑOS                       */
/* ---------------------------------------------------- */
@media (max-width: 480px) {
    .solo-una-imagen .gallery-item {
        height: 220px !important;       /* ALTURA MÓVILES PEQUEÑOS */
        min-height: 220px !important;
        max-height: 220px !important;
    }
}

/* ---------------------------------------------------- */
/* 10. CLASES ADICIONALES PARA CONTROL RÁPIDO           */
/* ---------------------------------------------------- */

/* Diferentes anchos */
.ancho-pequeno {
    max-width: 300px !important;
}

.ancho-mediano {
    max-width: 400px !important;
}

.ancho-grande {
    max-width: 500px !important;
}

.ancho-completo {
    max-width: 100% !important;
}

/* Diferentes altos */
.alto-pequeno .gallery-item {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
}

.alto-mediano .gallery-item {
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
}

.alto-grande .gallery-item {
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
}

/* Proporciones comunes */
.proporcion-1-1 .gallery-item { aspect-ratio: 1/1 !important; }    /* Cuadrado */
.proporcion-4-3 .gallery-item { aspect-ratio: 4/3 !important; }    /* Rectángulo estándar */
.proporcion-16-9 .gallery-item { aspect-ratio: 16/9 !important; }  /* Panorámico */
.proporcion-3-2 .gallery-item { aspect-ratio: 3/2 !important; }    /* Fotografía */


/* ==================================================== */
/* SOLO PARA OCULTAR NOMBRES EN LIGHTBOX               */
/* ==================================================== */

/* Para Elementor Pro Lightbox */
.elementor-lightbox-title,
.elementor-lightbox-description,
.elementor-slideshow__title,
.elementor-slideshow__description,
.elementor-carousel-image-title {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* Para PhotoSwipe (plugin común de lightbox) */
.pswp__caption,
.pswp__caption__center {
    display: none !important;
}

/* Para Fancybox */
.fancybox-caption {
    display: none !important;
}

/* Para cualquier otro lightbox que use el atributo title */
a[title]::after,
img[title]::after,
[data-title]::after,
[data-caption]::after {
    content: none !important;
}

/* Ocultar cualquier tooltip que pueda aparecer */
[title]:hover::before,
[title]:hover::after {
    display: none !important;
}

/* Para lightboxes específicos de WordPress */
.gallery-caption,
.wp-caption-text,
.attachment-caption {
    display: none !important;
}

/* Para asegurar que no haya espacio reservado para el título */
.elementor-lightbox .elementor-lightbox-image__caption {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-dae8b37 *//* ==================================================== */
/* CSS PARA IMÁGENES CON CONTROL DE ANCHO Y ALTO        */
/* ==================================================== */

/* ---------------------------------------------------- */
/* 1. SOLO MUESTRA LA PRIMERA IMAGEN                    */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item:not(:first-child) {
    display: none !important;
}

/* ---------------------------------------------------- */
/* 2. CONTENEDOR PRINCIPAL - CONTROL DE ANCHO           */
/* ---------------------------------------------------- */
.solo-una-imagen {
    width: 100% !important;             /* OCUPA TODO EL ANCHO DISPONIBLE */
    max-width: 400px !important;        /* ANCHO MÁXIMO - AJUSTA AQUÍ */
    display: block !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    overflow: hidden !important;
    margin: 0 auto !important;          /* CENTRADO HORIZONTAL */
}

/* ---------------------------------------------------- */
/* 3. CONTENEDOR DE IMAGEN - CONTROL DE ALTO            */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item {
    width: 100% !important;             /* OCUPA TODO EL ANCHO DEL CONTENEDOR */
    height: 400px !important;           /* ALTURA - AJUSTA AQUÍ */
    min-height: 400px !important;       /* Mismo valor que height */
    max-height: 400px !important;       /* Mismo valor que height */
    aspect-ratio: 4/3 !important;       /* PROPORCIÓN (opcional) - AJUSTA O ELIMINA */
    overflow: hidden !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    position: relative !important;
    display: block !important;
    margin: 0 !important;
}

/* ---------------------------------------------------- */
/* 4. IMAGEN - AJUSTE PROPORCIONAL                      */
/* ---------------------------------------------------- */
.solo-una-imagen .gallery-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;       /* ESCALA SIN DISTORSIÓN */
    object-position: center center !important;
    border-radius: 15px !important;     /* BORDES REDONDEADOS */
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    transition: transform 0.5s ease !important;
}

/* ---------------------------------------------------- */
/* 5. EFECTO HOVER                                      */
/* ---------------------------------------------------- */
.solo-una-imagen:hover {
    transform: scale(1.02) !important;
}

.solo-una-imagen:hover .gallery-item img {
    transform: scale(1.08) !important;
}

/* ---------------------------------------------------- */
/* 6. VERSIÓN CUADRADA (opcional)                       */
/* ---------------------------------------------------- */
/* Si quieres imágenes cuadradas perfectas, usa esto: */
.solo-una-imagen.cuadrada .gallery-item {
    aspect-ratio: 1/1 !important;       /* PROPORCIÓN 1:1 (CUADRADO) */
}

/* ---------------------------------------------------- */
/* 7. RESPONSIVE TABLET                                 */
/* ---------------------------------------------------- */
@media (max-width: 1024px) {
    .solo-una-imagen {
        max-width: 350px !important;    /* ANCHO MÁXIMO EN TABLET */
    }
    
    .solo-una-imagen .gallery-item {
        height: 280px !important;       /* ALTURA EN TABLET */
        min-height: 280px !important;
        max-height: 280px !important;
    }
}

/* ---------------------------------------------------- */
/* 8. RESPONSIVE MÓVIL                                  */
/* ---------------------------------------------------- */
@media (max-width: 768px) {
    .solo-una-imagen {
        max-width: 100% !important;     /* OCUPA TODO EL ANCHO EN MÓVIL */
    }
    
    .solo-una-imagen .gallery-item {
        height: 250px !important;       /* ALTURA EN MÓVIL */
        min-height: 250px !important;
        max-height: 250px !important;
    }
}

/* ---------------------------------------------------- */
/* 9. RESPONSIVE MÓVILES PEQUEÑOS                       */
/* ---------------------------------------------------- */
@media (max-width: 480px) {
    .solo-una-imagen .gallery-item {
        height: 220px !important;       /* ALTURA MÓVILES PEQUEÑOS */
        min-height: 220px !important;
        max-height: 220px !important;
    }
}

/* ---------------------------------------------------- */
/* 10. CLASES ADICIONALES PARA CONTROL RÁPIDO           */
/* ---------------------------------------------------- */

/* Diferentes anchos */
.ancho-pequeno {
    max-width: 300px !important;
}

.ancho-mediano {
    max-width: 400px !important;
}

.ancho-grande {
    max-width: 500px !important;
}

.ancho-completo {
    max-width: 100% !important;
}

/* Diferentes altos */
.alto-pequeno .gallery-item {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
}

.alto-mediano .gallery-item {
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
}

.alto-grande .gallery-item {
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
}

/* Proporciones comunes */
.proporcion-1-1 .gallery-item { aspect-ratio: 1/1 !important; }    /* Cuadrado */
.proporcion-4-3 .gallery-item { aspect-ratio: 4/3 !important; }    /* Rectángulo estándar */
.proporcion-16-9 .gallery-item { aspect-ratio: 16/9 !important; }  /* Panorámico */
.proporcion-3-2 .gallery-item { aspect-ratio: 3/2 !important; }    /* Fotografía */


/* ==================================================== */
/* SOLO PARA OCULTAR NOMBRES EN LIGHTBOX               */
/* ==================================================== */

/* Para Elementor Pro Lightbox */
.elementor-lightbox-title,
.elementor-lightbox-description,
.elementor-slideshow__title,
.elementor-slideshow__description,
.elementor-carousel-image-title {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* Para PhotoSwipe (plugin común de lightbox) */
.pswp__caption,
.pswp__caption__center {
    display: none !important;
}

/* Para Fancybox */
.fancybox-caption {
    display: none !important;
}

/* Para cualquier otro lightbox que use el atributo title */
a[title]::after,
img[title]::after,
[data-title]::after,
[data-caption]::after {
    content: none !important;
}

/* Ocultar cualquier tooltip que pueda aparecer */
[title]:hover::before,
[title]:hover::after {
    display: none !important;
}

/* Para lightboxes específicos de WordPress */
.gallery-caption,
.wp-caption-text,
.attachment-caption {
    display: none !important;
}

/* Para asegurar que no haya espacio reservado para el título */
.elementor-lightbox .elementor-lightbox-image__caption {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}/* End custom CSS */