.elementor-34484 .elementor-element.elementor-element-2acdbf2b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34484 .elementor-element.elementor-element-2acdbf2b:not(.elementor-motion-effects-element-type-background), .elementor-34484 .elementor-element.elementor-element-2acdbf2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.diapisa.mx/wp-content/uploads/2026/09/landing-gabinetes-metalicos-banner.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-34484 .elementor-element.elementor-element-190d10e{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-34484 .elementor-element.elementor-element-29c83191 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-34484 .elementor-element.elementor-element-29c83191 .title-after_title, .elementor-34484 .elementor-element.elementor-element-29c83191 .title-subtitle, .elementor-34484 .elementor-element.elementor-element-29c83191 .woodmart-title-container{max-width:100%;}.elementor-34484 .elementor-element.elementor-element-29c83191 .title{font-size:4rem;font-weight:700;line-height:1em;}.elementor-34484 .elementor-element.elementor-element-63c46f72 .wd-text-block{max-width:100%;font-size:16px;font-weight:700;}.elementor-34484 .elementor-element.elementor-element-6b0b8113{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 15px;--row-gap:10px;--column-gap:15px;}.elementor-34484 .elementor-element.elementor-element-1646766b{width:auto;max-width:auto;}.elementor-34484 .elementor-element.elementor-element-b4a80d9 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-34484 .elementor-element.elementor-element-b4a80d9:not(.elementor-motion-effects-element-type-background), .elementor-34484 .elementor-element.elementor-element-b4a80d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-34484 .elementor-element.elementor-element-b4a80d9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-34484 .elementor-element.elementor-element-b4a80d9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-34484 .elementor-element.elementor-element-9187149:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-34484 .elementor-element.elementor-element-9187149 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.diapisa.mx/wp-content/uploads/2026/09/landing-gabinetes-metalicos-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-34484 .elementor-element.elementor-element-9187149 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-34484 .elementor-element.elementor-element-9187149 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-34484 .elementor-element.elementor-element-436104e{--spacer-size:500px;}.elementor-34484 .elementor-element.elementor-element-3a4ddd0 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:2rem 2rem 2rem 2rem;}.elementor-34484 .elementor-element.elementor-element-3a4ddd0 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-34484 .elementor-element.elementor-element-1e864ee .title-subtitle{font-family:"Italianno", Sans-serif;font-size:36px;line-height:1em;}.elementor-34484 .elementor-element.elementor-element-1e864ee .title{font-size:32px;font-weight:700;line-height:1.2em;}.elementor-34484 .elementor-element.elementor-element-f6d6beb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-34484 .elementor-element.elementor-element-f6d6beb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-34484 .elementor-element.elementor-element-f6d6beb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-34484 .elementor-element.elementor-element-f6d6beb .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-34484 .elementor-element.elementor-element-f6d6beb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-34484 .elementor-element.elementor-element-f6d6beb .elementor-icon-list-icon i{color:#C41B28;transition:color 0.3s;}.elementor-34484 .elementor-element.elementor-element-f6d6beb .elementor-icon-list-icon svg{fill:#C41B28;transition:fill 0.3s;}.elementor-34484 .elementor-element.elementor-element-f6d6beb{--e-icon-list-icon-size:13px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-offset:0px;}.elementor-34484 .elementor-element.elementor-element-f6d6beb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-34484 .elementor-element.elementor-element-f6d6beb .elementor-icon-list-item > a{font-weight:600;}.elementor-34484 .elementor-element.elementor-element-f6d6beb .elementor-icon-list-text{transition:color 0.3s;}.elementor-34484 .elementor-element.elementor-element-d5f779a .wd-button-wrapper a{background-color:#C41B28;border-color:#C41B28;}.elementor-34484 .elementor-element.elementor-element-d5f779a .wd-button-wrapper:hover a{background-color:#B31824;border-color:#B31824;}.elementor-34484 .elementor-element.elementor-element-f992d82 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-34484 .elementor-element.elementor-element-f992d82:not(.elementor-motion-effects-element-type-background), .elementor-34484 .elementor-element.elementor-element-f992d82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-34484 .elementor-element.elementor-element-f992d82{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-34484 .elementor-element.elementor-element-f992d82 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-34484 .elementor-element.elementor-element-19f9c4b > .elementor-element-populated{padding:2rem 2rem 2rem 2rem;}.elementor-34484 .elementor-element.elementor-element-68649af .title{font-size:32px;font-weight:700;line-height:1.2em;}.elementor-34484 .elementor-element.elementor-element-66bf0a4 .wd-button-wrapper a{background-color:#C41B28;border-color:#C41B28;}.elementor-34484 .elementor-element.elementor-element-66bf0a4 .wd-button-wrapper:hover a{background-color:#B31824;border-color:#B31824;}.elementor-34484 .elementor-element.elementor-element-4b4ae60 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-34484 .elementor-element.elementor-element-4b4ae60 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-34484 .elementor-element.elementor-element-4b4ae60 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-34484 .elementor-element.elementor-element-4b4ae60 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-34484 .elementor-element.elementor-element-4b4ae60 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-34484 .elementor-element.elementor-element-4b4ae60 .elementor-icon-list-icon i{color:#C41B28;transition:color 0.3s;}.elementor-34484 .elementor-element.elementor-element-4b4ae60 .elementor-icon-list-icon svg{fill:#C41B28;transition:fill 0.3s;}.elementor-34484 .elementor-element.elementor-element-4b4ae60{--e-icon-list-icon-size:5rem;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-offset:0px;}.elementor-34484 .elementor-element.elementor-element-4b4ae60 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-34484 .elementor-element.elementor-element-4b4ae60 .elementor-icon-list-item > a{font-weight:600;}.elementor-34484 .elementor-element.elementor-element-4b4ae60 .elementor-icon-list-text{transition:color 0.3s;}.elementor-34484 .elementor-element.elementor-element-beadfa5:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-34484 .elementor-element.elementor-element-beadfa5 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.diapisa.mx/wp-content/uploads/2026/09/bomba-35C50.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-34484 .elementor-element.elementor-element-beadfa5 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-34484 .elementor-element.elementor-element-beadfa5 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-34484 .elementor-element.elementor-element-c0c5e51{--spacer-size:500px;}.elementor-34484 .elementor-element.elementor-element-b4f1ca4 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-34484 .elementor-element.elementor-element-b4f1ca4:not(.elementor-motion-effects-element-type-background), .elementor-34484 .elementor-element.elementor-element-b4f1ca4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-34484 .elementor-element.elementor-element-b4f1ca4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-34484 .elementor-element.elementor-element-b4f1ca4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-34484 .elementor-element.elementor-element-3a7bf7c.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-34484 .elementor-element.elementor-element-3a7bf7c > .elementor-element-populated{margin:05% 05% 0% 05%;--e-column-margin-right:05%;--e-column-margin-left:05%;}.elementor-34484 .elementor-element.elementor-element-e817274 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-34484 .elementor-element.elementor-element-e817274 .title{color:#1462AC;font-size:32px;font-weight:700;line-height:1.2em;}.elementor-34484 .elementor-element.elementor-element-af5f863 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-34484 .elementor-element.elementor-element-af5f863{margin:0px 0px 40px 0px;}.elementor-34484 .elementor-element.elementor-element-1e52c7c:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-34484 .elementor-element.elementor-element-1e52c7c > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-34484 .elementor-element.elementor-element-1e52c7c:hover > .elementor-element-populated{box-shadow:2px 3px 16px 0px rgba(0, 0, 0, 0.16);}.elementor-34484 .elementor-element.elementor-element-1e52c7c > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0% 05% 0% 0%;--e-column-margin-right:05%;--e-column-margin-left:0%;padding:20px 20px 20px 20px;}.elementor-34484 .elementor-element.elementor-element-1e52c7c > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-34484 .elementor-element.elementor-element-9084901 .info-box-title{font-weight:700;}.elementor-34484 .elementor-element.elementor-element-8cfeb85:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-34484 .elementor-element.elementor-element-8cfeb85 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-34484 .elementor-element.elementor-element-8cfeb85:hover > .elementor-element-populated{box-shadow:2px 3px 16px 0px rgba(0, 0, 0, 0.16);}.elementor-34484 .elementor-element.elementor-element-8cfeb85 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0% 05% 0% 0%;--e-column-margin-right:05%;--e-column-margin-left:0%;padding:20px 20px 20px 20px;}.elementor-34484 .elementor-element.elementor-element-8cfeb85 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-34484 .elementor-element.elementor-element-08b79d1 .info-box-title{font-weight:700;}.elementor-34484 .elementor-element.elementor-element-6e1e04f:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-34484 .elementor-element.elementor-element-6e1e04f > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-34484 .elementor-element.elementor-element-6e1e04f:hover > .elementor-element-populated{box-shadow:2px 3px 16px 0px rgba(0, 0, 0, 0.16);}.elementor-34484 .elementor-element.elementor-element-6e1e04f > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0% 05% 0% 0%;--e-column-margin-right:05%;--e-column-margin-left:0%;padding:20px 20px 20px 20px;}.elementor-34484 .elementor-element.elementor-element-6e1e04f > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-34484 .elementor-element.elementor-element-ddbd3ac .info-box-title{font-weight:700;}.elementor-34484 .elementor-element.elementor-element-b3e089c > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-34484 .elementor-element.elementor-element-b3e089c{margin:0px 0px 40px 0px;}.elementor-34484 .elementor-element.elementor-element-1878c00:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-34484 .elementor-element.elementor-element-1878c00 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-34484 .elementor-element.elementor-element-1878c00:hover > .elementor-element-populated{box-shadow:2px 3px 16px 0px rgba(0, 0, 0, 0.16);}.elementor-34484 .elementor-element.elementor-element-1878c00 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0% 05% 0% 0%;--e-column-margin-right:05%;--e-column-margin-left:0%;padding:20px 20px 20px 20px;}.elementor-34484 .elementor-element.elementor-element-1878c00 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-34484 .elementor-element.elementor-element-44edf67 .info-box-title{font-weight:700;}.elementor-34484 .elementor-element.elementor-element-2bd93f7:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-34484 .elementor-element.elementor-element-2bd93f7 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-34484 .elementor-element.elementor-element-2bd93f7:hover > .elementor-element-populated{box-shadow:2px 3px 16px 0px rgba(0, 0, 0, 0.16);}.elementor-34484 .elementor-element.elementor-element-2bd93f7 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0% 05% 0% 0%;--e-column-margin-right:05%;--e-column-margin-left:0%;padding:20px 20px 20px 20px;}.elementor-34484 .elementor-element.elementor-element-2bd93f7 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-34484 .elementor-element.elementor-element-2634f4a .info-box-title{font-weight:700;}.elementor-34484 .elementor-element.elementor-element-b86a9aa:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-34484 .elementor-element.elementor-element-b86a9aa > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-34484 .elementor-element.elementor-element-b86a9aa:hover > .elementor-element-populated{box-shadow:2px 3px 16px 0px rgba(0, 0, 0, 0.16);}.elementor-34484 .elementor-element.elementor-element-b86a9aa > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 20px 20px 20px;}.elementor-34484 .elementor-element.elementor-element-b86a9aa > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-34484 .elementor-element.elementor-element-c749db6 .info-box-title{font-weight:700;}.elementor-34484 .elementor-element.elementor-element-082a019 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-34484 .elementor-element.elementor-element-082a019{margin:0px 0px 40px 0px;}.elementor-34484 .elementor-element.elementor-element-4ecf38c:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-34484 .elementor-element.elementor-element-4ecf38c > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-34484 .elementor-element.elementor-element-4ecf38c:hover > .elementor-element-populated{box-shadow:2px 3px 16px 0px rgba(0, 0, 0, 0.16);}.elementor-34484 .elementor-element.elementor-element-4ecf38c > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 20px 20px 20px;}.elementor-34484 .elementor-element.elementor-element-4ecf38c > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-34484 .elementor-element.elementor-element-1676459 .info-box-title{font-weight:700;}.elementor-34484 .elementor-element.elementor-element-0eed473:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-34484 .elementor-element.elementor-element-0eed473 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.diapisa.mx/wp-content/uploads/2026/09/landing-gabinetes-metalicos-2.webp");background-position:38% 0%;background-repeat:no-repeat;background-size:cover;}.elementor-34484 .elementor-element.elementor-element-0eed473 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-34484 .elementor-element.elementor-element-0eed473 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-34484 .elementor-element.elementor-element-a7dd729{--spacer-size:600px;}.elementor-34484 .elementor-element.elementor-element-7f30cab2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.95;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-34484 .elementor-element.elementor-element-7f30cab2:not(.elementor-motion-effects-element-type-background), .elementor-34484 .elementor-element.elementor-element-7f30cab2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.diapisa.mx/wp-content/uploads/2026/04/cover-banner-home.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-34484 .elementor-element.elementor-element-7f30cab2::before, .elementor-34484 .elementor-element.elementor-element-7f30cab2 > .elementor-background-video-container::before, .elementor-34484 .elementor-element.elementor-element-7f30cab2 > .e-con-inner > .elementor-background-video-container::before, .elementor-34484 .elementor-element.elementor-element-7f30cab2 > .elementor-background-slideshow::before, .elementor-34484 .elementor-element.elementor-element-7f30cab2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-34484 .elementor-element.elementor-element-7f30cab2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#EDB042;--background-overlay:'';}.elementor-34484 .elementor-element.elementor-element-4f451726{--display:flex;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-34484 .elementor-element.elementor-element-2789903f{z-index:1;}.elementor-34484 .elementor-element.elementor-element-2789903f .title-subtitle{color:#EDB042;font-weight:700;}.elementor-34484 .elementor-element.elementor-element-2789903f .title{color:#FFFFFF;font-size:46px;font-weight:700;line-height:1.1em;}.elementor-34484 .elementor-element.elementor-element-6f98f0dd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-34484 .elementor-element.elementor-element-36f282e{width:100%;max-width:100%;}.elementor-34484 .elementor-element.elementor-element-36f282e .info-box-title{color:#FFFFFF;font-weight:700;}.elementor-34484 .elementor-element.elementor-element-36f282e .info-box-inner{color:#FFFFFF;font-weight:400;}.elementor-34484 .elementor-element.elementor-element-26fffc12{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:70px 0px;--row-gap:70px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-34484 .elementor-element.elementor-element-26fffc12:not(.elementor-motion-effects-element-type-background), .elementor-34484 .elementor-element.elementor-element-26fffc12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.diapisa.mx/wp-content/uploads/2026/09/landing-gabinetes-metalicos-3.webp");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-34484 .elementor-element.elementor-element-58221e09{--display:flex;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:05%;--padding-right:5%;}.elementor-34484 .elementor-element.elementor-element-1d56b5f6{z-index:1;}.elementor-34484 .elementor-element.elementor-element-1d56b5f6 .title-subtitle{color:#EDB042;font-weight:700;}.elementor-34484 .elementor-element.elementor-element-1d56b5f6 .title{color:#FFFFFF;font-size:46px;font-weight:700;line-height:1.1em;}.elementor-34484 .elementor-element.elementor-element-1d56b5f6 .title-after_title{color:#FFFFFF;}.elementor-34484 .elementor-element.elementor-element-396fdbd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-34484 .elementor-element.elementor-element-396fdbd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-34484 .elementor-element.elementor-element-396fdbd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-34484 .elementor-element.elementor-element-396fdbd .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-34484 .elementor-element.elementor-element-396fdbd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-34484 .elementor-element.elementor-element-396fdbd .elementor-icon-list-icon i{color:#EDB042;transition:color 0.3s;}.elementor-34484 .elementor-element.elementor-element-396fdbd .elementor-icon-list-icon svg{fill:#EDB042;transition:fill 0.3s;}.elementor-34484 .elementor-element.elementor-element-396fdbd{--e-icon-list-icon-size:5rem;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-offset:0px;}.elementor-34484 .elementor-element.elementor-element-396fdbd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-34484 .elementor-element.elementor-element-396fdbd .elementor-icon-list-item > a{font-weight:600;}.elementor-34484 .elementor-element.elementor-element-396fdbd .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-34484 .elementor-element.elementor-element-5ec5ec1{width:auto;max-width:auto;}@media(max-width:1024px){.elementor-34484 .elementor-element.elementor-element-2acdbf2b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34484 .elementor-element.elementor-element-190d10e{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-34484 .elementor-element.elementor-element-29c83191 .title-after_title, .elementor-34484 .elementor-element.elementor-element-29c83191 .title-subtitle, .elementor-34484 .elementor-element.elementor-element-29c83191 .woodmart-title-container{max-width:100%;}.elementor-34484 .elementor-element.elementor-element-29c83191 .title{font-size:3rem;line-height:1.2em;}.elementor-34484 .elementor-element.elementor-element-63c46f72 .wd-text-block{max-width:100%;font-size:16px;}.elementor-34484 .elementor-element.elementor-element-9187149:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-34484 .elementor-element.elementor-element-9187149 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center left;}.elementor-34484 .elementor-element.elementor-element-1e864ee .title-subtitle{font-size:22px;}.elementor-34484 .elementor-element.elementor-element-1e864ee .title{font-size:24px;}.elementor-34484 .elementor-element.elementor-element-f992d82{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-34484 .elementor-element.elementor-element-68649af .title{font-size:24px;}.elementor-34484 .elementor-element.elementor-element-beadfa5:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-34484 .elementor-element.elementor-element-beadfa5 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center left;}.elementor-34484 .elementor-element.elementor-element-b4f1ca4{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-34484 .elementor-element.elementor-element-3a7bf7c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-34484 .elementor-element.elementor-element-e817274 .title{font-size:24px;}.elementor-34484 .elementor-element.elementor-element-0eed473:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-34484 .elementor-element.elementor-element-0eed473 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-34484 .elementor-element.elementor-element-a7dd729{--spacer-size:400px;}.elementor-34484 .elementor-element.elementor-element-7f30cab2{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-34484 .elementor-element.elementor-element-4f451726{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-34484 .elementor-element.elementor-element-2789903f .title{font-size:38px;}.elementor-34484 .elementor-element.elementor-element-36f282e .info-box-title{font-size:1rem;}.elementor-34484 .elementor-element.elementor-element-26fffc12{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:25px;--padding-right:25px;}.elementor-34484 .elementor-element.elementor-element-58221e09{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-34484 .elementor-element.elementor-element-1d56b5f6 .title{font-size:38px;}}@media(max-width:768px){.elementor-34484 .elementor-element.elementor-element-2acdbf2b:not(.elementor-motion-effects-element-type-background), .elementor-34484 .elementor-element.elementor-element-2acdbf2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.diapisa.mx/wp-content/uploads/2026/09/landing-gabinetes-metalicos-banner-mobile.webp");}.elementor-34484 .elementor-element.elementor-element-2acdbf2b{--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-34484 .elementor-element.elementor-element-190d10e{--width:100%;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-34484 .elementor-element.elementor-element-29c83191 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-34484 .elementor-element.elementor-element-29c83191 .title{line-height:1.3em;}.elementor-34484 .elementor-element.elementor-element-63c46f72 .wd-text-block{font-size:14px;}.elementor-34484 .elementor-element.elementor-element-6b0b8113{--justify-content:flex-start;}.elementor-34484 .elementor-element.elementor-element-9187149:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-34484 .elementor-element.elementor-element-9187149 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-34484 .elementor-element.elementor-element-436104e{--spacer-size:300px;}.elementor-34484 .elementor-element.elementor-element-1e864ee .title-subtitle{font-size:18px;}.elementor-34484 .elementor-element.elementor-element-1e864ee .title{font-size:24px;}.elementor-34484 .elementor-element.elementor-element-f992d82{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-34484 .elementor-element.elementor-element-68649af .title{font-size:24px;}.elementor-34484 .elementor-element.elementor-element-66bf0a4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-34484 .elementor-element.elementor-element-beadfa5:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-34484 .elementor-element.elementor-element-beadfa5 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-34484 .elementor-element.elementor-element-c0c5e51{--spacer-size:300px;}.elementor-34484 .elementor-element.elementor-element-b4f1ca4{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-34484 .elementor-element.elementor-element-e817274 .title{font-size:24px;}.elementor-34484 .elementor-element.elementor-element-af5f863{margin:0px 0px 0px 0px;}.elementor-34484 .elementor-element.elementor-element-1e52c7c > .elementor-element-populated{margin:0px 0px 10px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-34484 .elementor-element.elementor-element-8cfeb85 > .elementor-element-populated{margin:0px 0px 10px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-34484 .elementor-element.elementor-element-6e1e04f > .elementor-element-populated{margin:0px 0px 10px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-34484 .elementor-element.elementor-element-b3e089c{margin:0px 0px 0px 0px;}.elementor-34484 .elementor-element.elementor-element-1878c00 > .elementor-element-populated{margin:0px 0px 10px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-34484 .elementor-element.elementor-element-2bd93f7 > .elementor-element-populated{margin:0px 0px 10px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-34484 .elementor-element.elementor-element-b86a9aa > .elementor-element-populated{margin:0px 0px 10px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-34484 .elementor-element.elementor-element-082a019{margin:0px 0px 0px 0px;}.elementor-34484 .elementor-element.elementor-element-4ecf38c > .elementor-element-populated{margin:0px 0px 10px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-34484 .elementor-element.elementor-element-a7dd729{--spacer-size:300px;}.elementor-34484 .elementor-element.elementor-element-7f30cab2{--gap:60px 0px;--row-gap:60px;--column-gap:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-34484 .elementor-element.elementor-element-4f451726{--padding-top:0%;--padding-bottom:0%;--padding-left:02%;--padding-right:02%;}.elementor-34484 .elementor-element.elementor-element-2789903f .title{font-size:26px;}.elementor-34484 .elementor-element.elementor-element-36f282e .info-box-title{font-size:20px;}.elementor-34484 .elementor-element.elementor-element-26fffc12:not(.elementor-motion-effects-element-type-background), .elementor-34484 .elementor-element.elementor-element-26fffc12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.diapisa.mx/wp-content/uploads/2026/09/landing-gabinetes-metalicos-3-mobile.webp");}.elementor-34484 .elementor-element.elementor-element-26fffc12{--gap:60px 0px;--row-gap:60px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-34484 .elementor-element.elementor-element-1d56b5f6 .title{font-size:26px;}}@media(min-width:769px){.elementor-34484 .elementor-element.elementor-element-190d10e{--width:100%;}.elementor-34484 .elementor-element.elementor-element-4f451726{--width:100%;}.elementor-34484 .elementor-element.elementor-element-6f98f0dd{--width:100%;}.elementor-34484 .elementor-element.elementor-element-58221e09{--width:60%;}}@media(max-width:1024px) and (min-width:769px){.elementor-34484 .elementor-element.elementor-element-190d10e{--width:100%;}.elementor-34484 .elementor-element.elementor-element-4f451726{--width:100%;}.elementor-34484 .elementor-element.elementor-element-58221e09{--width:70%;}}/* Start custom CSS *//* =========================================================
   DIAPISA — PRUEBA CARROCERÍAS

   BANNER:
   2acdbf2b

   VENTAJAS 35C50:
   b4f1ca4

   CALCULA CUÁNTO PUEDES AHORRAR:
   26fffc12

   IMPORTANTE:
   .hero-fit-screen ya está definido globalmente.
   Este CSS NO modifica su altura.
   ========================================================= */


/* =========================================================
   BANNER
   ========================================================= */

html body
.elementor-element.elementor-element-2acdbf2b {
    padding: 40px 6% !important;

    background-image:
        linear-gradient(
            90deg,
            #2162AC 0%,
            rgba(33, 98, 172, .94) 32%,
            rgba(33, 98, 172, .35) 58%,
            transparent 80%
        ),
        url('https://www.diapisa.mx/wp-content/uploads/2026/09/landing-gabinetes-metalicos-banner.webp') !important;

    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}


/* =========================================================
   QUITAR OVERLAY DE ELEMENTOR
   ========================================================= */

html body
.elementor-element.elementor-element-2acdbf2b::before {
    opacity: 0 !important;
}


/* =========================================================
   CONTENEDOR INTERIOR DEL BANNER
   ========================================================= */

html body
.elementor-element.elementor-element-2acdbf2b
> .e-con-inner {
    width: 100% !important;
    max-width: 1240px !important;

    align-items: center !important;
    justify-content: flex-start !important;
}


/* =========================================================
   BLOQUE PRINCIPAL DE TEXTO
   ========================================================= */

html body
.elementor-element.elementor-element-2acdbf2b
.e-con:has(h1) {
    width: 60% !important;
    max-width: 760px !important;

    padding: 0 !important;

    gap: 16px !important;

    align-items: flex-start !important;
}


/* =========================================================
   WRAPPER DEL TÍTULO
   ========================================================= */

html body
.elementor-element.elementor-element-2acdbf2b
.title-wrapper {
    width: 100% !important;

    text-align: left !important;
}


/* =========================================================
   TÍTULO PRINCIPAL
   ========================================================= */

html body
.elementor-element.elementor-element-2acdbf2b
.title-wrapper h1,

html body
.elementor-element.elementor-element-2acdbf2b
h1 {
    width: 100% !important;
    max-width: 760px !important;

    margin: 0 !important;

    font-size: clamp(
        36px,
        3.6vw,
        48px
    ) !important;

    line-height: 1.07 !important;

    font-weight: 700 !important;

    color: #ffffff !important;

    text-align: left !important;

    text-wrap: balance;
}


/* =========================================================
   EYEBROW
   ========================================================= */

html body
.elementor-element.elementor-element-2acdbf2b
.title-subtitle {
    display: block !important;

    margin-top: 0 !important;
    margin-bottom: 15px !important;

    font-size: 12px !important;
    line-height: 1.4 !important;

    letter-spacing: 1px !important;

    color: #ffffff !important;

    text-align: left !important;
}


/* =========================================================
   TEXTO DESCRIPTIVO
   ========================================================= */

html body
.elementor-element.elementor-element-2acdbf2b
.wd-text-block {
    width: 100% !important;
    max-width: 700px !important;

    text-align: left !important;
}


html body
.elementor-element.elementor-element-2acdbf2b
.wd-text-block p,

html body
.elementor-element.elementor-element-2acdbf2b
p {
    max-width: 700px !important;

    margin: 0 !important;

    font-size: 18px !important;
    line-height: 1.5 !important;

    color: #ffffff !important;

    text-align: left !important;
}


/* =========================================================
   CONTAINER DEL BOTÓN
   ========================================================= */

html body
.elementor-element.elementor-element-2acdbf2b
.e-con:has(.wd-button-wrapper) {
    width: 100% !important;

    padding: 0 !important;

    justify-content: flex-start !important;
    align-items: flex-start !important;
}


/* =========================================================
   BOTÓN
   ========================================================= */

html body
.elementor-element.elementor-element-2acdbf2b
.wd_button,

html body
.elementor-element.elementor-element-2acdbf2b
.wd-button-wrapper {
    width: 100% !important;

    text-align: left !important;
}


html body
.elementor-element.elementor-element-2acdbf2b
.wd-button-wrapper .btn {
    padding: 15px 28px !important;

    background: #df1022 !important;

    color: #ffffff !important;

    border: 0 !important;
    border-radius: 4px !important;

    box-shadow: none !important;

    font-size: 16px !important;
    font-weight: 600 !important;

    text-transform: none !important;
}


html body
.elementor-element.elementor-element-2acdbf2b
.wd-button-wrapper .btn:hover {
    background: #b80d1b !important;
}


/* =========================================================
   SECCIÓN:
   TU ALIADO EN ALTO RENDIMIENTO
   LAS VENTAJAS DE LA BOMBA 35C50

   ID: b4f1ca4
   ========================================================= */

html body
.elementor-element.elementor-element-b4f1ca4 {
    padding: 0 !important;
    margin: 0 !important;

    background: #ffffff !important;
}


/* =========================================================
   CONTENEDOR GENERAL
   ========================================================= */

html body
.elementor-element.elementor-element-b4f1ca4
> .elementor-container {
    width: 100% !important;
    max-width: 100% !important;

    align-items: stretch !important;
}


/* =========================================================
   COLUMNA IZQUIERDA
   ========================================================= */

html body
.elementor-element.elementor-element-b4f1ca4
> .elementor-container
> .elementor-column:first-child {
    width: 68% !important;
}


html body
.elementor-element.elementor-element-b4f1ca4
> .elementor-container
> .elementor-column:first-child
> .elementor-widget-wrap {
    padding: 30px 32px !important;

    align-content: flex-start !important;
}


/* =========================================================
   EYEBROW DE VENTAJAS
   ========================================================= */

html body
.elementor-element.elementor-element-b4f1ca4
.title-subtitle {
    font-size: 13px !important;
    line-height: 1.4 !important;

    letter-spacing: 1.3px !important;

    color: #07376c !important;

    text-transform: uppercase !important;
}


/* =========================================================
   TÍTULO DE VENTAJAS
   ========================================================= */

html body
.elementor-element.elementor-element-b4f1ca4
.title-wrapper {
    text-align: left !important;
}


html body
.elementor-element.elementor-element-b4f1ca4
h2 {
    margin-top: 0 !important;

    font-size: 30px !important;
    line-height: 1.2 !important;

    color: #070c38 !important;

    text-align: left !important;
}


/* =========================================================
   GRID DE VENTAJAS
   ========================================================= */

html body
.elementor-element.elementor-element-b4f1ca4
.elementor-icon-list-items {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap: 12px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   TARJETA INDIVIDUAL
   ========================================================= */

html body
.elementor-element.elementor-element-b4f1ca4
.elementor-icon-list-item {
    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;
    justify-content: flex-start !important;

    gap: 8px !important;

    min-width: 0;

    margin: 0 !important;
    padding: 16px !important;

    background: #f1f6f9 !important;

    border: 0 !important;

    text-align: left !important;
}


/* Última tarjeta ocupa toda la fila */

html body
.elementor-element.elementor-element-b4f1ca4
.elementor-icon-list-item:last-child {
    grid-column: 1 / -1 !important;
}


/* =========================================================
   TEXTO DE TARJETAS
   ========================================================= */

html body
.elementor-element.elementor-element-b4f1ca4
.elementor-icon-list-text {
    width: 100% !important;

    padding: 0 !important;

    font-size: 14px !important;
    line-height: 1.42 !important;

    font-weight: 400 !important;

    color: #58606a !important;

    text-align: left !important;
}


/* =========================================================
   SUBTÍTULO / TÍTULO INTERNO DE CADA CARD
   ========================================================= */

html body
.elementor-element.elementor-element-b4f1ca4
.elementor-icon-list-text
strong {
    display: block;

    margin-bottom: 4px;

    font-size: 14px !important;
    line-height: 1.35 !important;

    font-weight: 700 !important;

    color: #C41B28 !important;
}


/* =========================================================
   ICONOS DE LAS CARDS
   ========================================================= */

html body
.elementor-element.elementor-element-b4f1ca4
.elementor-icon-list-icon {
    display: flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    margin: 0 !important;

    font-size: 28px !important;

    color: #C41B28 !important;
}


html body
.elementor-element.elementor-element-b4f1ca4
.elementor-icon-list-icon svg {
    width: 28px !important;
    height: 28px !important;

    margin: 0 !important;

    fill: #C41B28 !important;
}


/* =========================================================
   COLUMNA DERECHA / IMAGEN
   ========================================================= */

html body
.elementor-element.elementor-element-b4f1ca4
> .elementor-container
> .elementor-column:last-child {
    width: 32% !important;

    min-height: 570px !important;
}


/* =========================================================
   CALCULA CUÁNTO PUEDES AHORRAR EN PINTURA

   ID: 26fffc12
   ========================================================= */

html body
.elementor-element.elementor-element-26fffc12 {
    position: relative;

    overflow: hidden;
}


html body
.elementor-element.elementor-element-26fffc12::after {
    content: "";

    position: absolute;

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background:
        linear-gradient(
            90deg,
            #2162AC 0%,
            rgba(33, 98, 172, .94) 32%,
            rgba(33, 98, 172, .35) 58%,
            transparent 80%
        );

    pointer-events: none;

    z-index: 1;
}


html body
.elementor-element.elementor-element-26fffc12
> .e-con-inner,

html body
.elementor-element.elementor-element-26fffc12
> .elementor-container {
    position: relative;

    z-index: 2;
}


/* =========================================================
   TABLET
   769px — 1024px
   ========================================================= */

@media (max-width: 1024px) and (min-width: 769px) {

    /* =====================================================
       BANNER
       ===================================================== */

    html body
    .elementor-element.elementor-element-2acdbf2b
    .e-con:has(h1) {
        width: 65% !important;
        max-width: 680px !important;
    }


    /* =====================================================
       VENTAJAS
       
       En tablet ya NO usamos 65% / 35%.
       Las dos columnas ocupan 100%, igual que mobile.
       ===================================================== */

    html body
    .elementor-element.elementor-element-b4f1ca4
    > .elementor-container {
        flex-direction: column !important;

        align-items: stretch !important;
    }


    html body
    .elementor-element.elementor-element-b4f1ca4
    > .elementor-container
    > .elementor-column:first-child,

    html body
    .elementor-element.elementor-element-b4f1ca4
    > .elementor-container
    > .elementor-column:last-child {
        width: 100% !important;
        max-width: 100% !important;
    }


    /*
     * En tablet dejamos un poco más de aire que en mobile.
     */

    html body
    .elementor-element.elementor-element-b4f1ca4
    > .elementor-container
    > .elementor-column:first-child
    > .elementor-widget-wrap {
        padding: 36px 5% !important;
    }


    /*
     * Con todo el ancho disponible ya no necesitamos
     * reducir el grid a 2 columnas.
     */

    html body
    .elementor-element.elementor-element-b4f1ca4
    .elementor-icon-list-items {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;
    }


    /*
     * Imagen debajo del contenido.
     */

    html body
    .elementor-element.elementor-element-b4f1ca4
    > .elementor-container
    > .elementor-column:last-child {
        min-height: 420px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    /* =====================================================
       BANNER
       ===================================================== */

    html body
    .elementor-element.elementor-element-2acdbf2b {
        padding: 28px 24px !important;

        background-image:
            linear-gradient(
                90deg,
                #2162AC 0%,
                rgba(33, 98, 172, .94) 32%,
                rgba(33, 98, 172, .35) 58%,
                transparent 80%
            ),
            linear-gradient(
                270deg,
                rgba(0, 0, 0, .60) 0%,
                rgba(0, 0, 0, .38) 38%,
                rgba(0, 0, 0, 0) 72%
            ),
            url('https://www.diapisa.mx/wp-content/uploads/2026/09/landing-gabinetes-metalicos-banner-mobile.webp') !important;

        background-position: 65% center !important;
    }


    html body
    .elementor-element.elementor-element-26fffc12::after {
        background:
            linear-gradient(
                90deg,
                #2162AC 0%,
                rgba(33, 98, 172, .94) 32%,
                rgba(33, 98, 172, .35) 58%,
                transparent 80%
            ),
            linear-gradient(
                270deg,
                rgba(0, 0, 0, .60) 0%,
                rgba(0, 0, 0, .38) 38%,
                rgba(0, 0, 0, 0) 72%
            );
    }


    html body
    .elementor-element.elementor-element-2acdbf2b
    > .e-con-inner {
        width: 100% !important;
        max-width: 100% !important;

        min-height: 100% !important;
        height: 100% !important;

        display: flex !important;
        flex-direction: column !important;

        justify-content: center !important;
        align-items: flex-start !important;
    }


    html body
    .elementor-element.elementor-element-2acdbf2b
    .e-con:has(h1) {
        width: 100% !important;
        max-width: 100% !important;

        padding: 0 !important;

        gap: 14px !important;

        align-items: flex-start !important;
        justify-content: center !important;
    }


    /* Título */

    html body
    .elementor-element.elementor-element-2acdbf2b
    .title-wrapper h1,

    html body
    .elementor-element.elementor-element-2acdbf2b
    h1 {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        font-size: 34px !important;
        line-height: 1.08 !important;

        text-align: left !important;
    }


    /* Eyebrow */

    html body
    .elementor-element.elementor-element-2acdbf2b
    .title-subtitle {
        margin-bottom: 10px !important;

        font-size: 12px !important;
        line-height: 1.4 !important;
    }


    /* Descripción */

    html body
    .elementor-element.elementor-element-2acdbf2b
    .wd-text-block {
        width: 100% !important;
        max-width: 100% !important;
    }


    html body
    .elementor-element.elementor-element-2acdbf2b
    .wd-text-block p,

    html body
    .elementor-element.elementor-element-2acdbf2b
    p {
        width: 100% !important;
        max-width: 100% !important;

        font-size: 16px !important;
        line-height: 1.5 !important;
    }


    /* Botón */

    html body
    .elementor-element.elementor-element-2acdbf2b
    .e-con:has(.wd-button-wrapper) {
        width: 100% !important;

        padding: 0 !important;

        align-items: flex-start !important;
        justify-content: flex-start !important;
    }


    html body
    .elementor-element.elementor-element-2acdbf2b
    .wd-button-wrapper .btn {
        padding: 14px 26px !important;

        font-size: 16px !important;
    }


    /* =====================================================
       SECCIÓN VENTAJAS
       ===================================================== */

    html body
    .elementor-element.elementor-element-b4f1ca4
    > .elementor-container {
        flex-direction: column !important;
    }


    html body
    .elementor-element.elementor-element-b4f1ca4
    > .elementor-container
    > .elementor-column:first-child,

    html body
    .elementor-element.elementor-element-b4f1ca4
    > .elementor-container
    > .elementor-column:last-child {
        width: 100% !important;
        max-width: 100% !important;
    }


    html body
    .elementor-element.elementor-element-b4f1ca4
    > .elementor-container
    > .elementor-column:first-child
    > .elementor-widget-wrap {
        padding: 28px 20px !important;
    }


    html body
    .elementor-element.elementor-element-b4f1ca4
    .elementor-icon-list-items {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }


    html body
    .elementor-element.elementor-element-b4f1ca4
    > .elementor-container
    > .elementor-column:last-child {
        min-height: 330px !important;
    }


    html body
    .elementor-element.elementor-element-b4f1ca4
    h2 {
        font-size: 28px !important;
    }

}


/* =========================================================
   MOBILE PEQUEÑO
   ========================================================= */

@media (max-width: 480px) {

    /* Banner */

    html body
    .elementor-element.elementor-element-2acdbf2b {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }


    html body
    .elementor-element.elementor-element-2acdbf2b
    .title-wrapper h1,

    html body
    .elementor-element.elementor-element-2acdbf2b
    h1 {
        font-size: 30px !important;
        line-height: 1.1 !important;
    }


    /* Ventajas */

    html body
    .elementor-element.elementor-element-b4f1ca4
    .elementor-icon-list-items {
        grid-template-columns: 1fr !important;
    }


    html body
    .elementor-element.elementor-element-b4f1ca4
    .elementor-icon-list-item:last-child {
        grid-column: auto !important;
    }

}

/* =========================================================
   CAPACIDADES 35C50
   HASTA 2 PISTOLAS
   BASE AGUA O SOLVENTE
   CAMBIOS DE COLOR RÁPIDOS
   MONTAJE MURAL O EN CARRETILLA

   Primera aparición:
   bloque inmediatamente anterior a b4f1ca4
   ========================================================= */

html body
.elementor-element:has(+ .elementor-element-b4f1ca4)
.elementor-icon-list-items {
    display: grid !important;

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    gap: 16px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


html body
.elementor-element:has(+ .elementor-element-b4f1ca4)
.elementor-icon-list-item {
    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 8px !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
}


/* Iconos */

html body
.elementor-element:has(+ .elementor-element-b4f1ca4)
.elementor-icon-list-icon {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    color: #C41B28 !important;
}


html body
.elementor-element:has(+ .elementor-element-b4f1ca4)
.elementor-icon-list-icon svg {
    fill: #C41B28 !important;
    color: #C41B28 !important;
}


/* Texto */

html body
.elementor-element:has(+ .elementor-element-b4f1ca4)
.elementor-icon-list-text {
    padding: 0 !important;

    font-size: 11px !important;
    line-height: 1.4 !important;

    font-weight: 600 !important;

    color: #064782 !important;

    text-align: center !important;

    text-transform: uppercase !important;
}

/* =========================================================
   CAPACIDADES — CALCULA CUÁNTO PUEDES AHORRAR

   ID sección:
   26fffc12

   Los 3 elementos permanecen en UNA SOLA FILA HORIZONTAL
   en desktop, tablet y mobile.
   ========================================================= */

html body
.elementor-element.elementor-element-26fffc12
.elementor-icon-list-items {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap: 16px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   ITEMS
   ========================================================= */

html body
.elementor-element.elementor-element-26fffc12
.elementor-icon-list-item {
    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 8px !important;

    min-width: 0;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
}


/* =========================================================
   ICONOS
   ========================================================= */

html body
.elementor-element.elementor-element-26fffc12
.elementor-icon-list-icon {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    color: #EDB042 !important;

    flex: 0 0 auto;
}


html body
.elementor-element.elementor-element-26fffc12
.elementor-icon-list-icon svg {
    fill: #EDB042 !important;
    color: #EDB042 !important;
}


/* =========================================================
   TEXTO
   ========================================================= */

html body
.elementor-element.elementor-element-26fffc12
.elementor-icon-list-text {
    padding: 0 !important;

    font-size: 11px !important;
    line-height: 1.4 !important;

    font-weight: 600 !important;

    color: #ffffff !important;

    text-align: center !important;

    text-transform: uppercase !important;
}


/* =========================================================
   TABLET
   Los 3 elementos siguen en UNA FILA
   ========================================================= */

@media (max-width: 1024px) {

    /* Primera fila se mantiene 2 x 2 */

    html body
    .elementor-element:has(+ .elementor-element-b4f1ca4)
    .elementor-icon-list-items {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        row-gap: 24px !important;
    }


    /* Segunda fila: 3 elementos horizontales */

    html body
    .elementor-element.elementor-element-26fffc12
    .elementor-icon-list-items {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        column-gap: 18px !important;
        row-gap: 0 !important;
    }


    html body
    .elementor-element.elementor-element-26fffc12
    .elementor-icon-list-item {
        flex-direction: column !important;

        align-items: center !important;
        justify-content: flex-start !important;

        text-align: center !important;
    }


    html body
    .elementor-element.elementor-element-26fffc12
    .elementor-icon-list-text {
        text-align: center !important;
    }

}


/* =========================================================
   MOBILE
   Los 3 elementos siguen en UNA FILA
   ========================================================= */

@media (max-width: 768px) {

    /* Primera fila se mantiene 2 x 2 */

    html body
    .elementor-element:has(+ .elementor-element-b4f1ca4)
    .elementor-icon-list-items {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        column-gap: 12px !important;
        row-gap: 22px !important;
    }


    /* Segunda fila: los 3 siguen lado a lado */

    html body
    .elementor-element.elementor-element-26fffc12
    .elementor-icon-list-items {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        column-gap: 10px !important;
        row-gap: 0 !important;
    }


    html body
    .elementor-element.elementor-element-26fffc12
    .elementor-icon-list-item {
        flex-direction: column !important;

        align-items: center !important;
        justify-content: flex-start !important;

        gap: 8px !important;

        min-width: 0;

        text-align: center !important;
    }


    html body
    .elementor-element.elementor-element-26fffc12
    .elementor-icon-list-text {
        width: 100% !important;

        font-size: 10px !important;

        text-align: center !important;
    }

}


/* =========================================================
   MOBILE PEQUEÑO
   Sigue siendo una sola fila horizontal
   ========================================================= */

@media (max-width: 480px) {

    html body
    .elementor-element.elementor-element-26fffc12
    .elementor-icon-list-items {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        column-gap: 8px !important;
    }


    html body
    .elementor-element.elementor-element-26fffc12
    .elementor-icon-list-text {
        font-size: 9px !important;
        line-height: 1.3 !important;
    }

}/* End custom CSS */