.elementor-96520 .elementor-element.elementor-element-d259279{--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-96520 .elementor-element.elementor-element-50accf8{--spacer-size:20px;}.elementor-96520 .elementor-element.elementor-element-82df057{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-96520 .elementor-element.elementor-element-fccca8e{text-align:center;}.elementor-96520 .elementor-element.elementor-element-fccca8e .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:26px;font-weight:600;}.elementor-96520 .elementor-element.elementor-element-2cc444f{--display:flex;--justify-content:space-between;--flex-wrap:nowrap;}.elementor-96520 .elementor-element.elementor-element-1053eee{--display:flex;--justify-content:space-between;--gap:025px 20px;--row-gap:025px;--column-gap:20px;}.elementor-96520 .elementor-element.elementor-element-63813da{text-align:center;}.elementor-96520 .elementor-element.elementor-element-63813da img{width:100%;max-width:100%;height:140px;object-fit:contain;object-position:center center;}.elementor-96520 .elementor-element.elementor-element-a8b12cd{text-align:center;}.elementor-96520 .elementor-element.elementor-element-a8b12cd .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-96520 .elementor-element.elementor-element-effd28c{text-align:center;}.elementor-96520 .elementor-element.elementor-element-effd28c .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;color:#EA5530;}.elementor-96520 .elementor-element.elementor-element-fc45524 .elementor-button{background-color:var( --e-global-color-global_color_1 );font-size:15px;font-weight:500;}.elementor-96520 .elementor-element.elementor-element-ae6e1ce{--display:flex;--min-height:0px;--justify-content:space-between;--flex-wrap:nowrap;}.elementor-96520 .elementor-element.elementor-element-d0a5e19{--display:flex;--justify-content:space-between;--gap:25px 20px;--row-gap:25px;--column-gap:20px;}.elementor-96520 .elementor-element.elementor-element-a8ac488{text-align:center;}.elementor-96520 .elementor-element.elementor-element-a8ac488 img{width:100%;max-width:100%;height:140px;object-fit:contain;object-position:center center;}.elementor-96520 .elementor-element.elementor-element-c1ba549{text-align:center;}.elementor-96520 .elementor-element.elementor-element-c1ba549 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-96520 .elementor-element.elementor-element-cf7b939{text-align:center;}.elementor-96520 .elementor-element.elementor-element-cf7b939 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;color:#EA5530;}.elementor-96520 .elementor-element.elementor-element-a15a785 .elementor-button{background-color:var( --e-global-color-global_color_1 );font-size:15px;font-weight:500;}.elementor-96520 .elementor-element.elementor-element-c583e39{--display:flex;--justify-content:space-between;}.elementor-96520 .elementor-element.elementor-element-7128719{--display:flex;--justify-content:space-between;--gap:25px 20px;--row-gap:25px;--column-gap:20px;}.elementor-96520 .elementor-element.elementor-element-e40a140{text-align:center;}.elementor-96520 .elementor-element.elementor-element-e40a140 img{width:100%;max-width:100%;height:140px;object-fit:contain;object-position:center center;}.elementor-96520 .elementor-element.elementor-element-b9bee17{text-align:center;}.elementor-96520 .elementor-element.elementor-element-b9bee17 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-96520 .elementor-element.elementor-element-cb22499{text-align:center;}.elementor-96520 .elementor-element.elementor-element-cb22499 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;color:#EA5530;}.elementor-96520 .elementor-element.elementor-element-cb94a4d .elementor-button{background-color:var( --e-global-color-global_color_1 );font-size:15px;font-weight:500;}.elementor-96520 .elementor-element.elementor-element-4495bad{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-96520 .elementor-element.elementor-element-4495bad.elementor-element{--align-self:center;}:where( .elementor-96520 .elementor-element.elementor-element-4495bad .swiper-slide ) > .e-con{border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}:where( [data-core-v316-plus="true"] .elementor-element.elementor-widget-n-carousel .swiper-slide ) > .e-con{--padding-block-start:0px;--padding-inline-end:0px;--padding-block-end:0px;--padding-inline-start:0px;}.elementor-96520 .elementor-element.elementor-element-dedf1a5{--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-96520 .elementor-element.elementor-element-b76b84c{--spacer-size:20px;}.elementor-96520 .elementor-element.elementor-element-3768ad5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-96520 .elementor-element.elementor-element-ad3baf4{text-align:center;}.elementor-96520 .elementor-element.elementor-element-ad3baf4 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:26px;font-weight:600;}.elementor-96520 .elementor-element.elementor-element-b941e77{--display:flex;--justify-content:space-between;--flex-wrap:nowrap;}.elementor-96520 .elementor-element.elementor-element-8707b5b{--display:flex;--justify-content:space-between;--gap:025px 20px;--row-gap:025px;--column-gap:20px;}.elementor-96520 .elementor-element.elementor-element-0316c6c{text-align:center;}.elementor-96520 .elementor-element.elementor-element-0316c6c img{width:100%;max-width:100%;height:140px;object-fit:contain;object-position:center center;}.elementor-96520 .elementor-element.elementor-element-98167b2{text-align:center;}.elementor-96520 .elementor-element.elementor-element-98167b2 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-96520 .elementor-element.elementor-element-01094f6{text-align:center;}.elementor-96520 .elementor-element.elementor-element-01094f6 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;color:#EA5530;}.elementor-96520 .elementor-element.elementor-element-d30121d .elementor-button{background-color:var( --e-global-color-global_color_1 );font-size:15px;font-weight:500;}.elementor-96520 .elementor-element.elementor-element-768d5d7{--display:flex;--min-height:0px;--justify-content:space-between;--flex-wrap:nowrap;}.elementor-96520 .elementor-element.elementor-element-b8180da{--display:flex;--justify-content:space-between;--gap:25px 20px;--row-gap:25px;--column-gap:20px;}.elementor-96520 .elementor-element.elementor-element-05e6540{text-align:center;}.elementor-96520 .elementor-element.elementor-element-05e6540 img{width:100%;max-width:100%;height:140px;object-fit:contain;object-position:center center;}.elementor-96520 .elementor-element.elementor-element-6fdadd0{text-align:center;}.elementor-96520 .elementor-element.elementor-element-6fdadd0 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-96520 .elementor-element.elementor-element-69935f3{text-align:center;}.elementor-96520 .elementor-element.elementor-element-69935f3 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;color:#EA5530;}.elementor-96520 .elementor-element.elementor-element-7c78445 .elementor-button{background-color:var( --e-global-color-global_color_1 );font-size:15px;font-weight:500;}.elementor-96520 .elementor-element.elementor-element-6fd1f7a{--display:flex;--justify-content:space-between;}.elementor-96520 .elementor-element.elementor-element-dceea5a{--display:flex;--justify-content:space-between;--gap:25px 20px;--row-gap:25px;--column-gap:20px;}.elementor-96520 .elementor-element.elementor-element-119dc8c{text-align:center;}.elementor-96520 .elementor-element.elementor-element-119dc8c img{width:100%;max-width:100%;height:140px;object-fit:contain;object-position:center center;}.elementor-96520 .elementor-element.elementor-element-6720799{text-align:center;}.elementor-96520 .elementor-element.elementor-element-6720799 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-96520 .elementor-element.elementor-element-f37dc0f{text-align:center;}.elementor-96520 .elementor-element.elementor-element-f37dc0f .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;color:#EA5530;}.elementor-96520 .elementor-element.elementor-element-97abf40 .elementor-button{background-color:var( --e-global-color-global_color_1 );font-size:15px;font-weight:500;}.elementor-96520 .elementor-element.elementor-element-25eb0af{--display:flex;}.elementor-96520 .elementor-element.elementor-element-951c7a5{--display:flex;--justify-content:space-between;--gap:25px 20px;--row-gap:25px;--column-gap:20px;}.elementor-96520 .elementor-element.elementor-element-efc7ad1{text-align:center;}.elementor-96520 .elementor-element.elementor-element-efc7ad1 img{width:100%;max-width:100%;height:140px;object-fit:contain;object-position:center center;}.elementor-96520 .elementor-element.elementor-element-95ced3b{text-align:center;}.elementor-96520 .elementor-element.elementor-element-95ced3b .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-96520 .elementor-element.elementor-element-3c322ea{text-align:center;}.elementor-96520 .elementor-element.elementor-element-3c322ea .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;color:#EA5530;}.elementor-96520 .elementor-element.elementor-element-82e1b19 .elementor-button{background-color:var( --e-global-color-global_color_1 );font-size:15px;font-weight:500;}.elementor-96520 .elementor-element.elementor-element-f0d4cf7{--display:flex;}.elementor-96520 .elementor-element.elementor-element-c543ad2{--display:flex;--justify-content:space-between;--gap:25px 20px;--row-gap:25px;--column-gap:20px;}.elementor-96520 .elementor-element.elementor-element-8f7c6e3{text-align:center;}.elementor-96520 .elementor-element.elementor-element-8f7c6e3 img{width:100%;max-width:100%;height:140px;object-fit:contain;object-position:center center;}.elementor-96520 .elementor-element.elementor-element-3365762{text-align:center;}.elementor-96520 .elementor-element.elementor-element-3365762 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-96520 .elementor-element.elementor-element-3f3a651{text-align:center;}.elementor-96520 .elementor-element.elementor-element-3f3a651 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;color:#EA5530;}.elementor-96520 .elementor-element.elementor-element-76a91ff .elementor-button{background-color:var( --e-global-color-global_color_1 );font-size:15px;font-weight:500;}.elementor-96520 .elementor-element.elementor-element-db8d4db{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-96520 .elementor-element.elementor-element-db8d4db.elementor-element{--align-self:center;}:where( .elementor-96520 .elementor-element.elementor-element-db8d4db .swiper-slide ) > .e-con{border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}.elementor-96520 .elementor-element.elementor-element-90f064c{--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-96520 .elementor-element.elementor-element-a774f93{--spacer-size:20px;}.elementor-96520 .elementor-element.elementor-element-2d0f719{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-96520 .elementor-element.elementor-element-bc4ec5b{text-align:center;}.elementor-96520 .elementor-element.elementor-element-bc4ec5b .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:26px;font-weight:600;}.elementor-96520 .elementor-element.elementor-element-0422755{--display:flex;--justify-content:space-between;--flex-wrap:nowrap;}.elementor-96520 .elementor-element.elementor-element-b8f24ef{--display:flex;--justify-content:space-between;--gap:025px 20px;--row-gap:025px;--column-gap:20px;}.elementor-96520 .elementor-element.elementor-element-2338a64{text-align:center;}.elementor-96520 .elementor-element.elementor-element-2338a64 img{width:100%;max-width:100%;height:140px;object-fit:contain;object-position:center center;}.elementor-96520 .elementor-element.elementor-element-e7ab43b{text-align:center;}.elementor-96520 .elementor-element.elementor-element-e7ab43b .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-96520 .elementor-element.elementor-element-6f40623{text-align:center;}.elementor-96520 .elementor-element.elementor-element-6f40623 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;color:#EA5530;}.elementor-96520 .elementor-element.elementor-element-cd31d3c .elementor-button{background-color:var( --e-global-color-global_color_1 );font-size:15px;font-weight:500;}.elementor-96520 .elementor-element.elementor-element-620eff7{--display:flex;--min-height:0px;--justify-content:space-between;--flex-wrap:nowrap;}.elementor-96520 .elementor-element.elementor-element-76c2792{--display:flex;--justify-content:space-between;--gap:25px 20px;--row-gap:25px;--column-gap:20px;}.elementor-96520 .elementor-element.elementor-element-478b380{text-align:center;}.elementor-96520 .elementor-element.elementor-element-478b380 img{width:100%;max-width:100%;height:140px;object-fit:contain;object-position:center center;}.elementor-96520 .elementor-element.elementor-element-6a0fd99{text-align:center;}.elementor-96520 .elementor-element.elementor-element-6a0fd99 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-96520 .elementor-element.elementor-element-ec4c2cb{text-align:center;}.elementor-96520 .elementor-element.elementor-element-ec4c2cb .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;color:#EA5530;}.elementor-96520 .elementor-element.elementor-element-8e1f601 .elementor-button{background-color:var( --e-global-color-global_color_1 );font-size:15px;font-weight:500;}.elementor-96520 .elementor-element.elementor-element-e9f2594{--display:flex;--justify-content:space-between;}.elementor-96520 .elementor-element.elementor-element-2983545{--display:flex;--justify-content:space-between;--gap:25px 20px;--row-gap:25px;--column-gap:20px;}.elementor-96520 .elementor-element.elementor-element-f897a84{text-align:center;}.elementor-96520 .elementor-element.elementor-element-f897a84 img{width:100%;max-width:100%;height:140px;object-fit:contain;object-position:center center;}.elementor-96520 .elementor-element.elementor-element-7ed91e8{text-align:center;}.elementor-96520 .elementor-element.elementor-element-7ed91e8 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-96520 .elementor-element.elementor-element-67d5e6b{text-align:center;}.elementor-96520 .elementor-element.elementor-element-67d5e6b .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;color:#EA5530;}.elementor-96520 .elementor-element.elementor-element-a846522 .elementor-button{background-color:var( --e-global-color-global_color_1 );font-size:15px;font-weight:500;}.elementor-96520 .elementor-element.elementor-element-ab1b4a8{--display:flex;}.elementor-96520 .elementor-element.elementor-element-10fdf26{--display:flex;--justify-content:space-between;--gap:25px 20px;--row-gap:25px;--column-gap:20px;}.elementor-96520 .elementor-element.elementor-element-1c67751{text-align:center;}.elementor-96520 .elementor-element.elementor-element-1c67751 img{width:100%;max-width:100%;height:140px;object-fit:contain;object-position:center center;}.elementor-96520 .elementor-element.elementor-element-e3fc08d{text-align:center;}.elementor-96520 .elementor-element.elementor-element-e3fc08d .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-96520 .elementor-element.elementor-element-43cc28b{text-align:center;}.elementor-96520 .elementor-element.elementor-element-43cc28b .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;color:#EA5530;}.elementor-96520 .elementor-element.elementor-element-f213890 .elementor-button{background-color:var( --e-global-color-global_color_1 );font-size:15px;font-weight:500;}.elementor-96520 .elementor-element.elementor-element-df0752e{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-96520 .elementor-element.elementor-element-df0752e.elementor-element{--align-self:center;}:where( .elementor-96520 .elementor-element.elementor-element-df0752e .swiper-slide ) > .e-con{border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}.elementor-96520 .elementor-element.elementor-element-b3afd4d{--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-96520 .elementor-element.elementor-element-7486484{--spacer-size:20px;}.elementor-96520 .elementor-element.elementor-element-73544f4{--display:flex;--min-height:0px;--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;--overlay-opacity:0.57;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-96520 .elementor-element.elementor-element-73544f4:not(.elementor-motion-effects-element-type-background), .elementor-96520 .elementor-element.elementor-element-73544f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-global_color_4 );}.elementor-96520 .elementor-element.elementor-element-73544f4::before, .elementor-96520 .elementor-element.elementor-element-73544f4 > .elementor-background-video-container::before, .elementor-96520 .elementor-element.elementor-element-73544f4 > .e-con-inner > .elementor-background-video-container::before, .elementor-96520 .elementor-element.elementor-element-73544f4 > .elementor-background-slideshow::before, .elementor-96520 .elementor-element.elementor-element-73544f4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-96520 .elementor-element.elementor-element-73544f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.desitec.com.mx/wp-content/uploads/2026/08/Imaen-Banner-Siemens.webp");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-96520 .elementor-element.elementor-element-236e942{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-96520 .elementor-element.elementor-element-d254e1a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-96520 .elementor-element.elementor-element-5f3af9f{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-96520 .elementor-element.elementor-element-170e544 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-96520 .elementor-element.elementor-element-c7c3874 .elementor-button{background-color:#EF510500;fill:var( --e-global-color-global_color_1 );color:var( --e-global-color-global_color_1 );transition-duration:0.5s;}.elementor-96520 .elementor-element.elementor-element-c7c3874 .elementor-button-content-wrapper{flex-direction:row;}.elementor-96520 .elementor-element.elementor-element-c7c3874 .elementor-button .elementor-button-content-wrapper{gap:13px;}.elementor-96520 .elementor-element.elementor-element-77f5701{--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-96520 .elementor-element.elementor-element-c8b0311{--spacer-size:20px;}.elementor-96520 .elementor-element.elementor-element-5af30fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-96520 .elementor-element.elementor-element-d6affa3{text-align:center;}.elementor-96520 .elementor-element.elementor-element-d6affa3 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:26px;font-weight:600;}.elementor-96520 .elementor-element.elementor-element-6ef5340{--spacer-size:4px;}.elementor-96520 .elementor-element.elementor-element-20fe3e1{text-align:start;}.elementor-96520 .elementor-element.elementor-element-20fe3e1 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:600;}.elementor-96520 .elementor-element.elementor-element-b1aef7a{text-align:start;font-family:"Arial", Sans-serif;font-size:18px;}.elementor-96520 .elementor-element.elementor-element-a4415c9{text-align:start;}.elementor-96520 .elementor-element.elementor-element-a4415c9 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:600;}.elementor-96520 .elementor-element.elementor-element-27be2c1{text-align:start;font-family:"Arial", Sans-serif;font-size:18px;}.elementor-96520 .elementor-element.elementor-element-47b4b4b{text-align:start;}.elementor-96520 .elementor-element.elementor-element-47b4b4b .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:600;}.elementor-96520 .elementor-element.elementor-element-22c8d09{text-align:start;font-family:"Arial", Sans-serif;font-size:18px;}.elementor-96520 .elementor-element.elementor-element-994c2b6{text-align:start;}.elementor-96520 .elementor-element.elementor-element-994c2b6 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:600;}.elementor-96520 .elementor-element.elementor-element-ed4f27f{text-align:start;font-family:"Arial", Sans-serif;font-size:18px;}.elementor-96520 .elementor-element.elementor-element-2f47582{text-align:start;}.elementor-96520 .elementor-element.elementor-element-2f47582 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:600;}.elementor-96520 .elementor-element.elementor-element-e42fcb6{text-align:start;font-family:"Arial", Sans-serif;font-size:18px;}@media(max-width:1366px){.elementor-96520 .elementor-element.elementor-element-236e942{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-96520 .elementor-element.elementor-element-63813da img{width:100%;max-width:100%;height:130px;}.elementor-96520 .elementor-element.elementor-element-a8ac488 img{width:100%;max-width:100%;height:130px;}.elementor-96520 .elementor-element.elementor-element-e40a140 img{width:100%;max-width:100%;height:130px;}.elementor-96520 .elementor-element.elementor-element-4495bad{--e-n-carousel-swiper-slides-to-display:2;}.elementor-96520 .elementor-element.elementor-element-0316c6c img{width:100%;max-width:100%;height:130px;}.elementor-96520 .elementor-element.elementor-element-05e6540 img{width:100%;max-width:100%;height:130px;}.elementor-96520 .elementor-element.elementor-element-119dc8c img{width:100%;max-width:100%;height:130px;}.elementor-96520 .elementor-element.elementor-element-efc7ad1 img{width:100%;max-width:100%;height:130px;}.elementor-96520 .elementor-element.elementor-element-8f7c6e3 img{width:100%;max-width:100%;height:130px;}.elementor-96520 .elementor-element.elementor-element-db8d4db{--e-n-carousel-swiper-slides-to-display:2;}.elementor-96520 .elementor-element.elementor-element-2338a64 img{width:100%;max-width:100%;height:130px;}.elementor-96520 .elementor-element.elementor-element-478b380 img{width:100%;max-width:100%;height:130px;}.elementor-96520 .elementor-element.elementor-element-f897a84 img{width:100%;max-width:100%;height:130px;}.elementor-96520 .elementor-element.elementor-element-1c67751 img{width:100%;max-width:100%;height:130px;}.elementor-96520 .elementor-element.elementor-element-df0752e{--e-n-carousel-swiper-slides-to-display:2;}.elementor-96520 .elementor-element.elementor-element-236e942{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-96520 .elementor-element.elementor-element-63813da img{height:120px;}.elementor-96520 .elementor-element.elementor-element-d0a5e19{--gap:030px 20px;--row-gap:030px;--column-gap:20px;}.elementor-96520 .elementor-element.elementor-element-a8ac488 img{height:120px;}.elementor-96520 .elementor-element.elementor-element-e40a140 img{height:120px;}.elementor-96520 .elementor-element.elementor-element-4495bad{--e-n-carousel-swiper-slides-to-display:2;}.elementor-96520 .elementor-element.elementor-element-0316c6c img{height:120px;}.elementor-96520 .elementor-element.elementor-element-b8180da{--gap:030px 20px;--row-gap:030px;--column-gap:20px;}.elementor-96520 .elementor-element.elementor-element-05e6540 img{height:120px;}.elementor-96520 .elementor-element.elementor-element-119dc8c img{height:120px;}.elementor-96520 .elementor-element.elementor-element-efc7ad1 img{height:120px;}.elementor-96520 .elementor-element.elementor-element-8f7c6e3 img{height:120px;}.elementor-96520 .elementor-element.elementor-element-db8d4db{--e-n-carousel-swiper-slides-to-display:2;}.elementor-96520 .elementor-element.elementor-element-2338a64 img{height:120px;}.elementor-96520 .elementor-element.elementor-element-76c2792{--gap:030px 20px;--row-gap:030px;--column-gap:20px;}.elementor-96520 .elementor-element.elementor-element-478b380 img{height:120px;}.elementor-96520 .elementor-element.elementor-element-f897a84 img{height:120px;}.elementor-96520 .elementor-element.elementor-element-1c67751 img{height:120px;}.elementor-96520 .elementor-element.elementor-element-df0752e{--e-n-carousel-swiper-slides-to-display:2;}.elementor-96520 .elementor-element.elementor-element-236e942{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for button, class: .elementor-element-fc45524 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1053eee *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a15a785 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d0a5e19 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cb94a4d *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7128719 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-fc45524 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1053eee *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a15a785 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d0a5e19 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cb94a4d *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7128719 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-fc45524 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1053eee *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a15a785 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d0a5e19 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cb94a4d *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7128719 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-fc45524 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1053eee *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a15a785 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d0a5e19 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cb94a4d *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7128719 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for nested-carousel, class: .elementor-element-4495bad *//* ========================================= CARRUSEL PRODUCTOS UNIFORME ========================================= */ .elementor .carrusel-uniforme .swiper-wrapper { align-items: stretch; } /* ========================================= DIAPOSITIVAS ========================================= */ .elementor .carrusel-uniforme .swiper-slide { height: auto; display: flex; align-items: stretch; } /* ========================================= CONTENEDOR DE CADA PRODUCTO ========================================= */ .elementor .carrusel-uniforme .swiper-slide .e-con { display: flex; flex-direction: column; height: 100%; min-height: 300px; } /* ========================================= IMAGEN ========================================= */ .elementor .carrusel-uniforme .swiper-slide img { width: 100%; height: 130px; object-fit: contain; object-position: center; } /* ========================================= TÍTULO DEL PRODUCTO ========================================= */ .elementor .carrusel-uniforme .swiper-slide .elementor-heading-title { min-height: 45px; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.2; } /* ========================================= PRECIO ========================================= */ .elementor .carrusel-uniforme .swiper-slide .price { min-height: 30px; display: flex; align-items: center; justify-content: center; } /* ========================================= BOTÓN ALINEADO ABAJO ========================================= */ .elementor .carrusel-uniforme .swiper-slide .elementor-widget-button { margin-top: auto; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .carrusel-uniforme .swiper-slide .e-con { min-height: 290px; } .elementor .carrusel-uniforme .swiper-slide img { height: 120px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .carrusel-uniforme .swiper-slide .e-con { min-height: 280px; } .elementor .carrusel-uniforme .swiper-slide img { height: 110px; } .elementor .carrusel-uniforme .swiper-slide .elementor-heading-title { min-height: 55px; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d30121d *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8707b5b *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7c78445 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b8180da *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-97abf40 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dceea5a *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-82e1b19 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-951c7a5 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-76a91ff *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c543ad2 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d30121d *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8707b5b *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7c78445 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b8180da *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-97abf40 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dceea5a *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-82e1b19 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-951c7a5 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-76a91ff *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c543ad2 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d30121d *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8707b5b *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7c78445 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b8180da *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-97abf40 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dceea5a *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-82e1b19 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-951c7a5 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-76a91ff *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c543ad2 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d30121d *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8707b5b *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7c78445 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b8180da *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-97abf40 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dceea5a *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-82e1b19 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-951c7a5 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-76a91ff *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c543ad2 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d30121d *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8707b5b *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7c78445 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b8180da *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-97abf40 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dceea5a *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-82e1b19 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-951c7a5 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-76a91ff *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c543ad2 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d30121d *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8707b5b *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7c78445 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b8180da *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-97abf40 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dceea5a *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-82e1b19 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-951c7a5 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-76a91ff *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c543ad2 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for nested-carousel, class: .elementor-element-db8d4db *//* ========================================= CARRUSEL PRODUCTOS UNIFORME ========================================= */ .elementor .carrusel-uniforme .swiper-wrapper { align-items: stretch; } /* ========================================= DIAPOSITIVAS ========================================= */ .elementor .carrusel-uniforme .swiper-slide { height: auto; display: flex; align-items: stretch; } /* ========================================= CONTENEDOR DE CADA PRODUCTO ========================================= */ .elementor .carrusel-uniforme .swiper-slide .e-con { display: flex; flex-direction: column; height: 100%; min-height: 300px; } /* ========================================= IMAGEN ========================================= */ .elementor .carrusel-uniforme .swiper-slide img { width: 100%; height: 130px; object-fit: contain; object-position: center; } /* ========================================= TÍTULO DEL PRODUCTO ========================================= */ .elementor .carrusel-uniforme .swiper-slide .elementor-heading-title { min-height: 45px; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.2; } /* ========================================= PRECIO ========================================= */ .elementor .carrusel-uniforme .swiper-slide .price { min-height: 30px; display: flex; align-items: center; justify-content: center; } /* ========================================= BOTÓN ALINEADO ABAJO ========================================= */ .elementor .carrusel-uniforme .swiper-slide .elementor-widget-button { margin-top: auto; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .carrusel-uniforme .swiper-slide .e-con { min-height: 290px; } .elementor .carrusel-uniforme .swiper-slide img { height: 120px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .carrusel-uniforme .swiper-slide .e-con { min-height: 280px; } .elementor .carrusel-uniforme .swiper-slide img { height: 110px; } .elementor .carrusel-uniforme .swiper-slide .elementor-heading-title { min-height: 55px; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cd31d3c *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b8f24ef *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8e1f601 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-76c2792 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a846522 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2983545 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f213890 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-10fdf26 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cd31d3c *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b8f24ef *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8e1f601 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-76c2792 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a846522 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2983545 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f213890 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-10fdf26 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cd31d3c *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b8f24ef *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8e1f601 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-76c2792 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a846522 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2983545 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f213890 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-10fdf26 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cd31d3c *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b8f24ef *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8e1f601 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-76c2792 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a846522 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2983545 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f213890 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-10fdf26 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cd31d3c *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b8f24ef *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8e1f601 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-76c2792 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a846522 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2983545 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f213890 *//* ========================================= BOTÓN HIDRANTE ========================================= */ .elementor .boton-hidrante .elementor-button { padding: 1px 30px; background: #EE7443; color: #FFFFFF; border: 1px solid #EE7443; border-radius: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; box-shadow: 0 4px 10px rgba(238, 116, 67, 0.18); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* ========================================= HOVER - MISMO COLOR ========================================= */ .elementor .boton-hidrante .elementor-button:hover, .elementor .boton-hidrante .elementor-button:focus { background: #EE7443; color: #FFFFFF; border-color: #EE7443; transform: translateY(-2px); box-shadow: 0 8px 16px rgba(238, 116, 67, 0.28); } .elementor .boton-hidrante .elementor-button { white-space: nowrap; min-width: 120px; padding: 10px 16px; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .boton-hidrante .elementor-button { padding: 11px 18px; font-size: 13px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .boton-hidrante .elementor-button { padding: 10px 16px; font-size: 12.5px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-10fdf26 *//* ========================================= CONTENEDOR TARJETA HIDRANTE ========================================= */ .elementor .tarjeta-hidrante { position: relative; width: 100%; background: #FFFFFF; border: 1px solid rgba(23, 32, 51, 0.06); border-radius: 0; box-shadow: 0 4px 12px rgba(23, 32, 51, 0.04); box-sizing: border-box; transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease; } /* ========================================= HOVER ========================================= */ .elementor .tarjeta-hidrante:hover { transform: translateY(-5px); border-color: rgba(23, 32, 51, 0.12); box-shadow: 0 14px 28px rgba(23, 32, 51, 0.12); } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .tarjeta-hidrante:hover { transform: translateY(-3px); } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .tarjeta-hidrante { border-color: rgba(23, 32, 51, 0.05); box-shadow: 0 3px 10px rgba(23, 32, 51, 0.04); } }/* End custom CSS */ /* Start custom CSS for nested-carousel, class: .elementor-element-df0752e *//* ========================================= CARRUSEL PRODUCTOS UNIFORME ========================================= */ .elementor .carrusel-uniforme .swiper-wrapper { align-items: stretch; } /* ========================================= DIAPOSITIVAS ========================================= */ .elementor .carrusel-uniforme .swiper-slide { height: auto; display: flex; align-items: stretch; } /* ========================================= CONTENEDOR DE CADA PRODUCTO ========================================= */ .elementor .carrusel-uniforme .swiper-slide .e-con { display: flex; flex-direction: column; height: 100%; min-height: 300px; } /* ========================================= IMAGEN ========================================= */ .elementor .carrusel-uniforme .swiper-slide img { width: 100%; height: 130px; object-fit: contain; object-position: center; } /* ========================================= TÍTULO DEL PRODUCTO ========================================= */ .elementor .carrusel-uniforme .swiper-slide .elementor-heading-title { min-height: 45px; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.2; } /* ========================================= PRECIO ========================================= */ .elementor .carrusel-uniforme .swiper-slide .price { min-height: 30px; display: flex; align-items: center; justify-content: center; } /* ========================================= BOTÓN ALINEADO ABAJO ========================================= */ .elementor .carrusel-uniforme .swiper-slide .elementor-widget-button { margin-top: auto; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor .carrusel-uniforme .swiper-slide .e-con { min-height: 290px; } .elementor .carrusel-uniforme .swiper-slide img { height: 120px; } } /* ========================================= MÓVIL ========================================= */ @media (max-width: 767px) { .elementor .carrusel-uniforme .swiper-slide .e-con { min-height: 280px; } .elementor .carrusel-uniforme .swiper-slide img { height: 110px; } .elementor .carrusel-uniforme .swiper-slide .elementor-heading-title { min-height: 55px; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-fb15d91 *//* ENCABEZADO DEL BANNER CTA */ .elementor .titulo-cta-banner { position: relative; width: 100%; max-width: 560px; margin: 0; padding-bottom: 18px; } .elementor .titulo-cta-banner .elementor-heading-title { margin: 0; color: #ffffff; font-family: "Montserrat", sans-serif; font-size: clamp(36px, 3.8vw, 50px); font-weight: 800; line-height: 1.08; letter-spacing: -1.3px; text-align: left; text-wrap: balance; } /* Línea naranja inferior */ .elementor .titulo-cta-banner::after { content: ""; position: absolute; left: 0; bottom: 0; width: 64px; height: 4px; background: #ee7443; border-radius: 8px; } /* MÓVIL */ @media (max-width: 767px) { .elementor .titulo-cta-banner { padding-bottom: 14px; } .elementor .titulo-cta-banner .elementor-heading-title { font-size: 31px; line-height: 1.12; letter-spacing: -0.7px; } .elementor .titulo-cta-banner::after { width: 50px; height: 3px; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-170e544 *//* PRIMER ENCABEZADO DE LA TARJETA CTA */ .elementor .titulo-cta-tarjeta { width: 100%; margin: 0 0 18px; } .elementor .titulo-cta-tarjeta .elementor-heading-title { margin: 0; color: #172033; font-family: "Montserrat", sans-serif; font-size: clamp(26px, 2.4vw, 36px); font-weight: 800; line-height: 1.15; letter-spacing: -0.8px; text-align: left; text-wrap: balance; } /* MÓVIL */ @media (max-width: 767px) { .elementor .titulo-cta-tarjeta .elementor-heading-title { font-size: 27px; line-height: 1.18; letter-spacing: -0.5px; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-ba3972c *//* TEXTO DE APOYO DEL CTA */ .elementor .texto-cta-tarjeta { width: 100%; margin: 0 0 20px; } .elementor .texto-cta-tarjeta, .elementor .texto-cta-tarjeta p { color: #4A535D; font-family: "Montserrat", sans-serif; font-size: 15px; font-weight: 400; line-height: 1.65; text-align: left; } .elementor .texto-cta-tarjeta p { margin: 0; } /* MÓVIL */ @media (max-width: 767px) { .elementor .texto-cta-tarjeta, .elementor .texto-cta-tarjeta p { font-size: 14px; line-height: 1.6; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c7c3874 */.elementor .etiqueta-cotizacion { display: inline-block; width: auto; margin: 4px 0 18px; } .elementor .etiqueta-cotizacion > .elementor-widget-container { display: inline-flex; align-items: center; padding: 9px 14px; background: #fff2ec; border: 1px solid rgba(238, 116, 67, 0.45); border-left: 4px solid #ee7443; border-radius: 6px; } .elementor .etiqueta-cotizacion, .elementor .etiqueta-cotizacion p, .elementor .etiqueta-cotizacion .elementor-heading-title { margin: 0; color: #d95e2f; font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 700; line-height: 1.2; text-align: left; } /* ICONO */ .elementor .etiqueta-cotizacion i { font-size: 20px; margin-right: 8px; } .elementor .etiqueta-cotizacion svg { width: 20px; height: 20px; margin-right: 8px; } /* MÓVIL */ @media (max-width: 767px) { .elementor .etiqueta-cotizacion > .elementor-widget-container { padding: 8px 12px; } .elementor .etiqueta-cotizacion, .elementor .etiqueta-cotizacion p, .elementor .etiqueta-cotizacion .elementor-heading-title { font-size: 13px; } .elementor .etiqueta-cotizacion i { font-size: 18px; } .elementor .etiqueta-cotizacion svg { width: 18px; height: 18px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5f3af9f *//* CONTENEDOR DERECHO DEL CTA */ .elementor .tarjeta-cta-derecha { position: relative; width: 100%; max-width: 460px; padding: 30px 32px; background: rgba(255, 255, 255, 0.97); border: 1px solid rgba(238, 116, 67, 0.35); border-radius: 16px; box-shadow: 0 18px 38px rgba(23, 32, 51, 0.18); overflow: hidden; } /* DETALLE NARANJA SUPERIOR */ .elementor .tarjeta-cta-derecha::before { content: ""; position: absolute; top: 0; left: 32px; width: 72px; height: 4px; background: #EE7443; border-radius: 0 0 8px 8px; } /* CÍRCULO DECORATIVO */ .elementor .tarjeta-cta-derecha::after { content: ""; position: absolute; top: -65px; right: -65px; width: 160px; height: 160px; background: rgba(238, 116, 67, 0.07); border: 1px solid rgba(238, 116, 67, 0.12); border-radius: 50%; pointer-events: none; } /* CONTENIDO POR ENCIMA DE LOS DETALLES */ .elementor .tarjeta-cta-derecha > * { position: relative; z-index: 1; } /* MÓVIL */ @media (max-width: 767px) { .elementor .tarjeta-cta-derecha { max-width: 100%; padding: 24px 20px; border-radius: 13px; } .elementor .tarjeta-cta-derecha::before { left: 20px; width: 54px; } .elementor .tarjeta-cta-derecha::after { width: 120px; height: 120px; } }/* End custom CSS */