.elementor-95811 .elementor-element.elementor-element-a7a17bc{--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-95811 .elementor-element.elementor-element-3313d31{text-align:center;}.elementor-95811 .elementor-element.elementor-element-3313d31 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:26px;font-weight:600;}.elementor-95811 .elementor-element.elementor-element-9f72eb3 > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-95811 .elementor-element.elementor-element-9f72eb3{text-align:center;font-family:"Arial", Sans-serif;font-size:18px;}.elementor-95811 .elementor-element.elementor-element-ab17fae{--display:flex;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95811 .elementor-element.elementor-element-45d8ad2{--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-95811 .elementor-element.elementor-element-e6a6969{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95811 .elementor-element.elementor-element-98ab21a{--display:flex;--justify-content:space-between;}.elementor-95811 .elementor-element.elementor-element-90542e2{text-align:center;}.elementor-95811 .elementor-element.elementor-element-90542e2 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-d543da1{text-align:center;}.elementor-95811 .elementor-element.elementor-element-d543da1 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;color:#EA5530;}.elementor-95811 .elementor-element.elementor-element-5913c7e .elementor-button{background-color:var( --e-global-color-global_color_1 );font-size:15px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-8772a26{--display:flex;--justify-content:space-between;}.elementor-95811 .elementor-element.elementor-element-fb7f705{text-align:center;}.elementor-95811 .elementor-element.elementor-element-fb7f705 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-4daa985{text-align:center;}.elementor-95811 .elementor-element.elementor-element-4daa985 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-global_color_1 );}.elementor-95811 .elementor-element.elementor-element-65f44aa .elementor-button{background-color:var( --e-global-color-global_color_1 );font-size:15px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-c91b956{--display:flex;--justify-content:space-between;}.elementor-95811 .elementor-element.elementor-element-12f2936{text-align:center;}.elementor-95811 .elementor-element.elementor-element-12f2936 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-c298fbd{text-align:center;}.elementor-95811 .elementor-element.elementor-element-c298fbd .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;color:var( --e-global-color-global_color_1 );}.elementor-95811 .elementor-element.elementor-element-8351a83 .elementor-button{background-color:var( --e-global-color-global_color_1 );font-size:15px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-cfccec6{--display:flex;--justify-content:space-between;}.elementor-95811 .elementor-element.elementor-element-55523c0{text-align:center;}.elementor-95811 .elementor-element.elementor-element-55523c0 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-88eb77c{text-align:center;}.elementor-95811 .elementor-element.elementor-element-88eb77c .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;color:var( --e-global-color-global_color_1 );}.elementor-95811 .elementor-element.elementor-element-40afcb4 .elementor-button{background-color:var( --e-global-color-global_color_1 );font-size:15px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-9dd2521{--display:flex;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95811 .elementor-element.elementor-element-8bd9f14{--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-95811 .elementor-element.elementor-element-de42843{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95811 .elementor-element.elementor-element-b15c77a{--display:flex;--justify-content:space-between;}.elementor-95811 .elementor-element.elementor-element-84e58ec{text-align:center;}.elementor-95811 .elementor-element.elementor-element-84e58ec .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-2df8444{text-align:center;}.elementor-95811 .elementor-element.elementor-element-2df8444 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;color:#EA5530;}.elementor-95811 .elementor-element.elementor-element-01a3c60 .elementor-button{background-color:var( --e-global-color-global_color_1 );font-size:15px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-b93b389{--display:flex;--justify-content:space-between;}.elementor-95811 .elementor-element.elementor-element-26f6c44{text-align:center;}.elementor-95811 .elementor-element.elementor-element-26f6c44 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-e1b3f0c{text-align:center;}.elementor-95811 .elementor-element.elementor-element-e1b3f0c .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-global_color_1 );}.elementor-95811 .elementor-element.elementor-element-d310870 .elementor-button{background-color:var( --e-global-color-global_color_1 );font-size:15px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-0a56442{--display:flex;--justify-content:space-between;}.elementor-95811 .elementor-element.elementor-element-1e5d825{text-align:center;}.elementor-95811 .elementor-element.elementor-element-1e5d825 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-762e779{text-align:center;}.elementor-95811 .elementor-element.elementor-element-762e779 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;color:var( --e-global-color-global_color_1 );}.elementor-95811 .elementor-element.elementor-element-8b5fad8 .elementor-button{background-color:var( --e-global-color-global_color_1 );font-size:15px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-85c2654{--display:flex;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95811 .elementor-element.elementor-element-0d8e8d6{--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-95811 .elementor-element.elementor-element-be89097{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95811 .elementor-element.elementor-element-79628e8{--display:flex;--justify-content:space-between;}.elementor-95811 .elementor-element.elementor-element-42518b2{text-align:center;}.elementor-95811 .elementor-element.elementor-element-42518b2 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-82267b1{text-align:center;}.elementor-95811 .elementor-element.elementor-element-82267b1 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;color:#EA5530;}.elementor-95811 .elementor-element.elementor-element-adb2774 .elementor-button{background-color:var( --e-global-color-global_color_1 );font-size:15px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-a833798{--display:flex;--justify-content:space-between;}.elementor-95811 .elementor-element.elementor-element-f6ef4b2{text-align:center;}.elementor-95811 .elementor-element.elementor-element-f6ef4b2 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-ec0a2e1{text-align:center;}.elementor-95811 .elementor-element.elementor-element-ec0a2e1 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-global_color_1 );}.elementor-95811 .elementor-element.elementor-element-8dd55be .elementor-button{background-color:var( --e-global-color-global_color_1 );font-size:15px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-a77a596{--display:flex;--justify-content:space-between;}.elementor-95811 .elementor-element.elementor-element-69a28c9{text-align:center;}.elementor-95811 .elementor-element.elementor-element-69a28c9 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-2496ef4{text-align:center;}.elementor-95811 .elementor-element.elementor-element-2496ef4 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;color:var( --e-global-color-global_color_1 );}.elementor-95811 .elementor-element.elementor-element-7092786 .elementor-button{background-color:var( --e-global-color-global_color_1 );font-size:15px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-07f73cd{--display:flex;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95811 .elementor-element.elementor-element-760cd2d{--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-95811 .elementor-element.elementor-element-1e39aaa{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95811 .elementor-element.elementor-element-0fadd62{--display:flex;--justify-content:space-between;}.elementor-95811 .elementor-element.elementor-element-5b42a1c{text-align:center;}.elementor-95811 .elementor-element.elementor-element-5b42a1c .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-9db724c{text-align:center;}.elementor-95811 .elementor-element.elementor-element-9db724c .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;color:#EA5530;}.elementor-95811 .elementor-element.elementor-element-a3a7df3 .elementor-button{background-color:#EA5530;font-size:15px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-046ba4c{--display:flex;--justify-content:space-between;}.elementor-95811 .elementor-element.elementor-element-ca2130c{text-align:center;}.elementor-95811 .elementor-element.elementor-element-ca2130c .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-b7f7854{text-align:center;}.elementor-95811 .elementor-element.elementor-element-b7f7854 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;color:var( --e-global-color-global_color_1 );}.elementor-95811 .elementor-element.elementor-element-87d9724 .elementor-button{background-color:var( --e-global-color-global_color_1 );font-size:15px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-e78dbcf{--display:flex;--justify-content:space-between;}.elementor-95811 .elementor-element.elementor-element-83b9da1{text-align:center;}.elementor-95811 .elementor-element.elementor-element-83b9da1 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-58d6f4f{text-align:center;}.elementor-95811 .elementor-element.elementor-element-58d6f4f .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-global_color_1 );}.elementor-95811 .elementor-element.elementor-element-dc3191e .elementor-button{background-color:var( --e-global-color-global_color_1 );font-size:15px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-2b968da{--display:flex;--justify-content:space-between;}.elementor-95811 .elementor-element.elementor-element-4742a2b{text-align:center;}.elementor-95811 .elementor-element.elementor-element-4742a2b .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-3e4b865{text-align:center;}.elementor-95811 .elementor-element.elementor-element-3e4b865 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;color:var( --e-global-color-global_color_1 );}.elementor-95811 .elementor-element.elementor-element-15cd63c .elementor-button{background-color:var( --e-global-color-global_color_1 );font-size:15px;font-weight:500;}.elementor-95811 .elementor-element.elementor-element-83348f7{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-95811 .elementor-element.elementor-element-5840dfb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-95811 .elementor-element.elementor-element-d4a9738{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-95811 .elementor-element.elementor-element-d4a9738:not(.elementor-motion-effects-element-type-background), .elementor-95811 .elementor-element.elementor-element-d4a9738 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.desitec.com.mx/wp-content/uploads/2024/04/Pala-Forestal-de-Bombero-Uso-Adecuado.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-95811 .elementor-element.elementor-element-10e3846{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-95811 .elementor-element.elementor-element-542c983{text-align:start;}.elementor-95811 .elementor-element.elementor-element-542c983 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:26px;font-weight:600;}.elementor-95811 .elementor-element.elementor-element-1c9afdc{font-family:"Arial", Sans-serif;font-size:18px;}.elementor-95811 .elementor-element.elementor-element-2e59898{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-95811 .elementor-element.elementor-element-90eb027{text-align:center;}.elementor-95811 .elementor-element.elementor-element-90eb027 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:26px;font-weight:600;}.elementor-95811 .elementor-element.elementor-element-a5c9234{text-align:center;font-family:"Arial", Sans-serif;font-size:18px;}.elementor-95811 .elementor-element.elementor-element-51ca388{--display:flex;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-95811 .elementor-element.elementor-element-cd2f0e9 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-95811 .elementor-element.elementor-element-0210fc4{--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;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-95811 .elementor-element.elementor-element-d5f6a2c{text-align:center;}.elementor-95811 .elementor-element.elementor-element-d5f6a2c .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:26px;font-weight:600;}.elementor-95811 .elementor-element.elementor-element-006ac8a{--display:flex;}.elementor-95811 .elementor-element.elementor-element-c4bede5 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:600;}.elementor-95811 .elementor-element.elementor-element-65a3da0{text-align:start;font-family:"Arial", Sans-serif;font-size:18px;}.elementor-95811 .elementor-element.elementor-element-d6c91aa .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:600;}.elementor-95811 .elementor-element.elementor-element-7131ac0{text-align:start;font-family:"Arial", Sans-serif;font-size:18px;}.elementor-95811 .elementor-element.elementor-element-619770e .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:600;}.elementor-95811 .elementor-element.elementor-element-f158f97{text-align:start;font-family:"Arial", Sans-serif;font-size:18px;}.elementor-95811 .elementor-element.elementor-element-178edf8 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:600;}.elementor-95811 .elementor-element.elementor-element-69f3385{text-align:start;font-family:"Arial", Sans-serif;font-size:18px;}.elementor-95811 .elementor-element.elementor-element-15b624d .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:20px;font-weight:600;}.elementor-95811 .elementor-element.elementor-element-df35741{text-align:start;font-family:"Arial", Sans-serif;font-size:18px;}@media(min-width:768px){.elementor-95811 .elementor-element.elementor-element-d4a9738{--width:35%;}.elementor-95811 .elementor-element.elementor-element-10e3846{--width:65%;}.elementor-95811 .elementor-element.elementor-element-51ca388{--width:70%;}}@media(max-width:1366px){.elementor-95811 .elementor-element.elementor-element-e6a6969{--grid-auto-flow:row;}.elementor-95811 .elementor-element.elementor-element-de42843{--grid-auto-flow:row;}.elementor-95811 .elementor-element.elementor-element-be89097{--grid-auto-flow:row;}.elementor-95811 .elementor-element.elementor-element-1e39aaa{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-95811 .elementor-element.elementor-element-e6a6969{--grid-auto-flow:row;}.elementor-95811 .elementor-element.elementor-element-de42843{--grid-auto-flow:row;}.elementor-95811 .elementor-element.elementor-element-be89097{--grid-auto-flow:row;}.elementor-95811 .elementor-element.elementor-element-1e39aaa{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-95811 .elementor-element.elementor-element-e6a6969{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-95811 .elementor-element.elementor-element-de42843{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-95811 .elementor-element.elementor-element-be89097{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-95811 .elementor-element.elementor-element-1e39aaa{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-95811 .elementor-element.elementor-element-d4a9738{--min-height:200px;}.elementor-95811 .elementor-element.elementor-element-10e3846{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-95811 .elementor-element.elementor-element-542c983{text-align:center;}.elementor-95811 .elementor-element.elementor-element-1c9afdc > .elementor-widget-container{padding:0px 8px 0px 8px;}.elementor-95811 .elementor-element.elementor-element-1c9afdc{text-align:justify;}}/* Start custom CSS for button, class: .elementor-element-5913c7e *//* =========================================
   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-98ab21a *//* =========================================
   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-65f44aa *//* =========================================
   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 button, class: .elementor-element-8351a83 *//* =========================================
   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 button, class: .elementor-element-40afcb4 *//* =========================================
   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 button, class: .elementor-element-01a3c60 *//* =========================================
   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-b15c77a *//* =========================================
   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-d310870 *//* =========================================
   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 button, class: .elementor-element-8b5fad8 *//* =========================================
   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 button, class: .elementor-element-adb2774 *//* =========================================
   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-79628e8 *//* =========================================
   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-8dd55be *//* =========================================
   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 button, class: .elementor-element-7092786 *//* =========================================
   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 button, class: .elementor-element-a3a7df3 *//* =========================================
   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-0fadd62 *//* =========================================
   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-87d9724 *//* =========================================
   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 button, class: .elementor-element-dc3191e *//* =========================================
   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 button, class: .elementor-element-15cd63c *//* =========================================
   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 button, class: .elementor-element-5913c7e *//* =========================================
   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-98ab21a *//* =========================================
   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-65f44aa *//* =========================================
   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 button, class: .elementor-element-8351a83 *//* =========================================
   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 button, class: .elementor-element-40afcb4 *//* =========================================
   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 button, class: .elementor-element-01a3c60 *//* =========================================
   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-b15c77a *//* =========================================
   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-d310870 *//* =========================================
   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 button, class: .elementor-element-8b5fad8 *//* =========================================
   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 button, class: .elementor-element-adb2774 *//* =========================================
   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-79628e8 *//* =========================================
   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-8dd55be *//* =========================================
   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 button, class: .elementor-element-7092786 *//* =========================================
   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 button, class: .elementor-element-a3a7df3 *//* =========================================
   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-0fadd62 *//* =========================================
   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-87d9724 *//* =========================================
   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 button, class: .elementor-element-dc3191e *//* =========================================
   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 button, class: .elementor-element-15cd63c *//* =========================================
   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 button, class: .elementor-element-5913c7e *//* =========================================
   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-98ab21a *//* =========================================
   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-65f44aa *//* =========================================
   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 button, class: .elementor-element-8351a83 *//* =========================================
   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 button, class: .elementor-element-40afcb4 *//* =========================================
   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 button, class: .elementor-element-01a3c60 *//* =========================================
   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-b15c77a *//* =========================================
   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-d310870 *//* =========================================
   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 button, class: .elementor-element-8b5fad8 *//* =========================================
   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 button, class: .elementor-element-adb2774 *//* =========================================
   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-79628e8 *//* =========================================
   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-8dd55be *//* =========================================
   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 button, class: .elementor-element-7092786 *//* =========================================
   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 button, class: .elementor-element-a3a7df3 *//* =========================================
   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-0fadd62 *//* =========================================
   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-87d9724 *//* =========================================
   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 button, class: .elementor-element-dc3191e *//* =========================================
   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 button, class: .elementor-element-15cd63c *//* =========================================
   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 button, class: .elementor-element-5913c7e *//* =========================================
   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-98ab21a *//* =========================================
   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-65f44aa *//* =========================================
   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 button, class: .elementor-element-8351a83 *//* =========================================
   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 button, class: .elementor-element-40afcb4 *//* =========================================
   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 button, class: .elementor-element-01a3c60 *//* =========================================
   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-b15c77a *//* =========================================
   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-d310870 *//* =========================================
   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 button, class: .elementor-element-8b5fad8 *//* =========================================
   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 button, class: .elementor-element-adb2774 *//* =========================================
   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-79628e8 *//* =========================================
   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-8dd55be *//* =========================================
   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 button, class: .elementor-element-7092786 *//* =========================================
   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 button, class: .elementor-element-a3a7df3 *//* =========================================
   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-0fadd62 *//* =========================================
   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-87d9724 *//* =========================================
   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 button, class: .elementor-element-dc3191e *//* =========================================
   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 button, class: .elementor-element-15cd63c *//* =========================================
   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 button, class: .elementor-element-5913c7e *//* =========================================
   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-98ab21a *//* =========================================
   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-65f44aa *//* =========================================
   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 button, class: .elementor-element-8351a83 *//* =========================================
   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 button, class: .elementor-element-40afcb4 *//* =========================================
   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 button, class: .elementor-element-01a3c60 *//* =========================================
   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-b15c77a *//* =========================================
   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-d310870 *//* =========================================
   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 button, class: .elementor-element-8b5fad8 *//* =========================================
   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 button, class: .elementor-element-adb2774 *//* =========================================
   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-79628e8 *//* =========================================
   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-8dd55be *//* =========================================
   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 button, class: .elementor-element-7092786 *//* =========================================
   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 button, class: .elementor-element-a3a7df3 *//* =========================================
   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-0fadd62 *//* =========================================
   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-87d9724 *//* =========================================
   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 button, class: .elementor-element-dc3191e *//* =========================================
   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 button, class: .elementor-element-15cd63c *//* =========================================
   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 nested-tabs, class: .elementor-element-83348f7 *//* CONFIGURACIÓN GENERAL */
.elementor-95811 .elementor-element.elementor-element-83348f7 {
    --tabs-principal: #f4512c;
    --tabs-hover: #dc3f20;
    --tabs-texto: #263142;
    --tabs-fondo: #f4f5f6;
    --tabs-borde: #dce1e5;
    width: 100%;
}


/* PESTAÑAS ANIDADAS */
.elementor-95811 .elementor-element.elementor-element-83348f7 .e-n-tabs-heading {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100% !important;
    gap: 10px;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-95811 .elementor-element.elementor-element-83348f7 .e-n-tab-title {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px !important;
    color: var(--tabs-texto) !important;
    background-color: var(--tabs-fondo) !important;
    border: 1px solid var(--tabs-borde) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    cursor: pointer;
    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease;
}

.elementor-95811 .elementor-element.elementor-element-83348f7 .e-n-tab-title:hover {
    color: var(--tabs-principal) !important;
    background-color: #ffffff !important;
    border-color: var(--tabs-principal) !important;
}

.elementor-95811 .elementor-element.elementor-element-83348f7 .e-n-tab-title[aria-selected="true"] {
    color: #ffffff !important;
    background-color: var(--tabs-principal) !important;
    border-color: var(--tabs-principal) !important;
    box-shadow: 0 4px 10px rgba(244, 81, 44, 0.18) !important;
}

.elementor-95811 .elementor-element.elementor-element-83348f7 .e-n-tab-title-text {
    color: inherit !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.02em;
    text-align: center;
    text-transform: uppercase;
}


/* PESTAÑAS CLÁSICAS */
.elementor-95811 .elementor-element.elementor-element-83348f7 .elementor-tabs-wrapper {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100% !important;
    gap: 10px;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-95811 .elementor-element.elementor-element-83348f7 .elementor-tabs-wrapper .elementor-tab-title {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 7px 14px !important;
    color: var(--tabs-texto) !important;
    background-color: var(--tabs-fondo) !important;
    border: 1px solid var(--tabs-borde) !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.02em;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease;
}

.elementor-95811 .elementor-element.elementor-element-83348f7 .elementor-tabs-wrapper .elementor-tab-title:hover {
    color: var(--tabs-principal) !important;
    background-color: #ffffff !important;
    border-color: var(--tabs-principal) !important;
}

.elementor-95811 .elementor-element.elementor-element-83348f7 .elementor-tabs-wrapper .elementor-tab-title.elementor-active {
    color: #ffffff !important;
    background-color: var(--tabs-principal) !important;
    border-color: var(--tabs-principal) !important;
    box-shadow: 0 4px 10px rgba(244, 81, 44, 0.18) !important;
}


/* ELIMINAR ESPACIO ENTRE PESTAÑAS Y PRODUCTOS */
.elementor-95811 .elementor-element.elementor-element-83348f7 .e-n-tabs-content,
.elementor-95811 .elementor-element.elementor-element-83348f7 .elementor-tabs-content-wrapper,
.elementor-95811 .elementor-element.elementor-element-83348f7 .elementor-tab-content {
    width: 100%;
    margin: 0 !important;
    border: 0 !important;
}

.elementor-95811 .elementor-element.elementor-element-83348f7 .elementor-tab-content {
    padding-right: 0 !important;
    padding-left: 0 !important;
}


/* TABLETA */
@media (max-width: 1024px) {

    .elementor-95811 .elementor-element.elementor-element-83348f7 .e-n-tabs-heading,
    .elementor-95811 .elementor-element.elementor-element-83348f7 .elementor-tabs-wrapper {
        gap: 8px;
    }
}


/* MÓVIL */
@media (max-width: 767px) {

    .elementor-95811 .elementor-element.elementor-element-83348f7 .e-n-tabs-heading,
    .elementor-95811 .elementor-element.elementor-element-83348f7 .elementor-tabs-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
        margin: 0 !important;
    }

    .elementor-95811 .elementor-element.elementor-element-83348f7 .e-n-tab-title,
    .elementor-95811 .elementor-element.elementor-element-83348f7 .elementor-tabs-wrapper .elementor-tab-title {
        min-height: 38px !important;
        height: 38px;
        padding: 6px 8px !important;
        border-radius: 6px !important;
    }

    .elementor-95811 .elementor-element.elementor-element-83348f7 .e-n-tab-title-text,
    .elementor-95811 .elementor-element.elementor-element-83348f7 .elementor-tabs-wrapper .elementor-tab-title {
        font-size: 12px;
        letter-spacing: 0.01em;
    }
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-cd2f0e9 *//* WIDGET DE VIDEO */
.elementor .video-desitec {
    position: relative;
    width: 100%;
}

/* CONTENEDOR VISUAL */
.elementor .video-desitec > .elementor-widget-container {
    position: relative;
    overflow: hidden;

    padding: 8px;

    background: linear-gradient(
        135deg,
        #172033 0%,
        #252e3c 100%
    );

    border: 1px solid rgba(238, 116, 67, 0.45);
    border-radius: 18px;

    box-shadow:
        0 18px 38px rgba(23, 32, 51, 0.18),
        0 0 0 4px rgba(238, 116, 67, 0.06);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

/* EFECTO AL PASAR EL CURSOR */
.elementor .video-desitec > .elementor-widget-container:hover {
    transform: translateY(-4px);
    border-color: #ee7443;

    box-shadow:
        0 24px 48px rgba(23, 32, 51, 0.24),
        0 0 0 5px rgba(238, 116, 67, 0.1);
}

/* VIDEO INTERNO */
.elementor .video-desitec .elementor-wrapper {
    overflow: hidden;
    aspect-ratio: 16 / 9;
    border-radius: 12px;
}

/* IMAGEN DE PORTADA */
.elementor .video-desitec .elementor-custom-embed-image-overlay {
    border-radius: 12px;
    overflow: hidden;
}

/* OSCURECIMIENTO SUAVE */
.elementor .video-desitec .elementor-custom-embed-image-overlay::after {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        180deg,
        rgba(23, 32, 51, 0.03) 25%,
        rgba(23, 32, 51, 0.38) 100%
    );

    pointer-events: none;
}

/* BOTÓN DE REPRODUCCIÓN */
.elementor .video-desitec .elementor-custom-embed-play {
    z-index: 2;

    width: 76px;
    height: 76px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;
    background: #ee7443;

    border: 6px solid rgba(255, 255, 255, 0.25);
    border-radius: 50%;

    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);

    transform: translate(-50%, -50%);
    transition:
        transform 0.3s ease,
        background 0.3s ease;
}

/* QUITA EL TAMAÑO PREDETERMINADO DEL ICONO */
.elementor .video-desitec .elementor-custom-embed-play i {
    font-size: 28px;
    text-shadow: none;
}

/* HOVER DEL BOTÓN */
.elementor .video-desitec:hover .elementor-custom-embed-play {
    background: #d95e2f;
    transform: translate(-50%, -50%) scale(1.08);
}

/* DETALLE NARANJA DECORATIVO */
.elementor .video-desitec::before {
    content: "";

    position: absolute;
    z-index: 3;

    left: -5px;
    top: 35px;

    width: 6px;
    height: 90px;

    background: #ee7443;
    border-radius: 0 8px 8px 0;

    pointer-events: none;
}

/* MÓVIL */
@media (max-width: 767px) {
    .elementor .video-desitec > .elementor-widget-container {
        padding: 5px;
        border-radius: 14px;
    }

    .elementor .video-desitec .elementor-wrapper,
    .elementor .video-desitec .elementor-custom-embed-image-overlay {
        border-radius: 10px;
    }

    .elementor .video-desitec .elementor-custom-embed-play {
        width: 62px;
        height: 62px;
        border-width: 4px;
    }

    .elementor .video-desitec .elementor-custom-embed-play i {
        font-size: 23px;
    }

    .elementor .video-desitec::before {
        top: 25px;
        height: 65px;
    }
}/* End custom CSS */