.elementor-1836 .elementor-element.elementor-element-53809dd{--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-1836 .elementor-element.elementor-element-4d6a146 .elementor-repeater-item-9e04ed2 .swiper-slide-bg{background-image:url(https://ferreteriagarrido.cl/wp-content/uploads/2026/01/SLIDE1-TEL.jpg);background-size:auto;}.elementor-1836 .elementor-element.elementor-element-4d6a146 .elementor-repeater-item-e84b9d5 .swiper-slide-bg{background-image:url(https://ferreteriagarrido.cl/wp-content/uploads/2026/01/SLIDE2-TEL.jpg);background-size:auto;}.elementor-1836 .elementor-element.elementor-element-4d6a146 .elementor-repeater-item-a32d32a .swiper-slide-bg{background-image:url(https://ferreteriagarrido.cl/wp-content/uploads/2026/01/SLIDE3-TEL.jpg);background-size:auto;}.elementor-1836 .elementor-element.elementor-element-4d6a146 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-1836 .elementor-element.elementor-element-4d6a146 .swiper-slide-contents{max-width:66%;}.elementor-1836 .elementor-element.elementor-element-4d6a146 .swiper-slide-inner{text-align:center;}.elementor-1836 .elementor-element.elementor-element-ca822ae{--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-1836 .elementor-element.elementor-element-9400a84 .elementor-repeater-item-9e04ed2 .swiper-slide-bg{background-image:url(https://ferreteriagarrido.cl/wp-content/uploads/2026/01/1-2.jpg);background-size:auto;}.elementor-1836 .elementor-element.elementor-element-9400a84 .elementor-repeater-item-e84b9d5 .swiper-slide-bg{background-image:url(https://ferreteriagarrido.cl/wp-content/uploads/2026/01/2-3.jpg);background-size:auto;}.elementor-1836 .elementor-element.elementor-element-9400a84 .elementor-repeater-item-a32d32a .swiper-slide-bg{background-image:url(https://ferreteriagarrido.cl/wp-content/uploads/2026/01/3-1.jpg);background-size:auto;}.elementor-1836 .elementor-element.elementor-element-9400a84 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-1836 .elementor-element.elementor-element-9400a84 .swiper-slide-contents{max-width:66%;}.elementor-1836 .elementor-element.elementor-element-9400a84 .swiper-slide-inner{text-align:center;}.elementor-1836 .elementor-element.elementor-element-012d124{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1836 .elementor-element.elementor-element-012d124.e-con{--align-self:center;}.elementor-1836 .elementor-element.elementor-element-3871cf7 .elementor-repeater-item-fe50c7d .swiper-slide-bg{background-image:url(https://ferreteriagarrido.cl/wp-content/uploads/2026/01/1-13.png);background-size:auto;}.elementor-1836 .elementor-element.elementor-element-3871cf7 .elementor-repeater-item-464ea30 .swiper-slide-bg{background-image:url(https://ferreteriagarrido.cl/wp-content/uploads/2026/01/SLIDE-01.jpg);background-size:auto;}.elementor-1836 .elementor-element.elementor-element-3871cf7 .elementor-repeater-item-1693231 .swiper-slide-bg{background-image:url(https://ferreteriagarrido.cl/wp-content/uploads/2026/01/3-13.png);background-size:auto;}.elementor-1836 .elementor-element.elementor-element-3871cf7 .swiper-slide{transition-duration:calc(5000ms*1.2);height:493px;}.elementor-1836 .elementor-element.elementor-element-3871cf7{width:100%;max-width:100%;}.elementor-1836 .elementor-element.elementor-element-3871cf7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1836 .elementor-element.elementor-element-3871cf7 .swiper-slide-contents{max-width:66%;}.elementor-1836 .elementor-element.elementor-element-3871cf7 .swiper-slide-inner{text-align:center;}.elementor-1836 .elementor-element.elementor-element-04b634e{--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-1836 .elementor-element.elementor-element-d33f095{--spacer-size:15px;}.elementor-1836 .elementor-element.elementor-element-f9258bf{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1836 .elementor-element.elementor-element-f9258bf.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1836 .elementor-element.elementor-element-3d13559{width:100%;max-width:100%;text-align:center;}.elementor-1836 .elementor-element.elementor-element-bd71f82{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1836 .elementor-element.elementor-element-4eadcd8.ekit-equal-height-enable,
					.elementor-1836 .elementor-element.elementor-element-4eadcd8.ekit-equal-height-enable > div,
					.elementor-1836 .elementor-element.elementor-element-4eadcd8.ekit-equal-height-enable .ekit-wid-con,
					.elementor-1836 .elementor-element.elementor-element-4eadcd8.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-1836 .elementor-element.elementor-element-4eadcd8 .elementskit-infobox{background-color:#F3F3F3;padding:50px 40px 50px 40px;border-radius:10px 10px 10px 10px;}.elementor-1836 .elementor-element.elementor-element-4eadcd8 .elementskit-infobox:hover{background-color:#DFDFDF;}.elementor-1836 .elementor-element.elementor-element-4eadcd8{width:100%;max-width:100%;}.elementor-1836 .elementor-element.elementor-element-4eadcd8 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1836 .elementor-element.elementor-element-4eadcd8 .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#000000;font-family:"Bebas Neue", Sans-serif;font-weight:500;}.elementor-1836 .elementor-element.elementor-element-4eadcd8 .elementskit-infobox:hover .elementskit-info-box-title{color:#000000;}.elementor-1836 .elementor-element.elementor-element-4eadcd8 .elementskit-infobox .box-body > p{color:#656565;}.elementor-1836 .elementor-element.elementor-element-4eadcd8 .elementskit-infobox:hover .box-body > p{color:#656565;}.elementor-1836 .elementor-element.elementor-element-4eadcd8 .elementskit-info-box-icon{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-1836 .elementor-element.elementor-element-4eadcd8 .elementskit-infobox:hover .elementskit-info-box-icon{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-1836 .elementor-element.elementor-element-4eadcd8 .elementskit-infobox .elementskit-info-box-icon{font-size:40px;transform:rotate(0deg);}.elementor-1836 .elementor-element.elementor-element-b80fdc2.ekit-equal-height-enable,
					.elementor-1836 .elementor-element.elementor-element-b80fdc2.ekit-equal-height-enable > div,
					.elementor-1836 .elementor-element.elementor-element-b80fdc2.ekit-equal-height-enable .ekit-wid-con,
					.elementor-1836 .elementor-element.elementor-element-b80fdc2.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-1836 .elementor-element.elementor-element-b80fdc2 .elementskit-infobox{background-color:#F3F3F3;padding:50px 40px 50px 40px;border-radius:8px 8px 8px 8px;}.elementor-1836 .elementor-element.elementor-element-b80fdc2 .elementskit-infobox:hover{background-color:#DFDFDF;}.elementor-1836 .elementor-element.elementor-element-b80fdc2{width:100%;max-width:100%;}.elementor-1836 .elementor-element.elementor-element-b80fdc2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1836 .elementor-element.elementor-element-b80fdc2 .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#000000;font-family:"Bebas Neue", Sans-serif;font-weight:500;}.elementor-1836 .elementor-element.elementor-element-b80fdc2 .elementskit-infobox:hover .elementskit-info-box-title{color:#000000;}.elementor-1836 .elementor-element.elementor-element-b80fdc2 .elementskit-infobox .box-body > p{color:#656565;}.elementor-1836 .elementor-element.elementor-element-b80fdc2 .elementskit-infobox:hover .box-body > p{color:#656565;}.elementor-1836 .elementor-element.elementor-element-b80fdc2 .elementskit-info-box-icon{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-1836 .elementor-element.elementor-element-b80fdc2 .elementskit-infobox:hover .elementskit-info-box-icon{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-1836 .elementor-element.elementor-element-b80fdc2 .elementskit-infobox .elementskit-info-box-icon{font-size:40px;transform:rotate(0deg);}.elementor-1836 .elementor-element.elementor-element-52eaaff.ekit-equal-height-enable,
					.elementor-1836 .elementor-element.elementor-element-52eaaff.ekit-equal-height-enable > div,
					.elementor-1836 .elementor-element.elementor-element-52eaaff.ekit-equal-height-enable .ekit-wid-con,
					.elementor-1836 .elementor-element.elementor-element-52eaaff.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-1836 .elementor-element.elementor-element-52eaaff .elementskit-infobox{background-color:#F3F3F3;padding:50px 50px 50px 50px;border-radius:8px 8px 8px 8px;}.elementor-1836 .elementor-element.elementor-element-52eaaff .elementskit-infobox:hover{background-color:#DFDFDF;}.elementor-1836 .elementor-element.elementor-element-52eaaff{width:100%;max-width:100%;}.elementor-1836 .elementor-element.elementor-element-52eaaff > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1836 .elementor-element.elementor-element-52eaaff .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#000000;font-family:"Bebas Neue", Sans-serif;font-weight:500;}.elementor-1836 .elementor-element.elementor-element-52eaaff .elementskit-infobox:hover .elementskit-info-box-title{color:#000000;}.elementor-1836 .elementor-element.elementor-element-52eaaff .elementskit-infobox .box-body > p{color:#656565;}.elementor-1836 .elementor-element.elementor-element-52eaaff .elementskit-infobox:hover .box-body > p{color:#656565;}.elementor-1836 .elementor-element.elementor-element-52eaaff .elementskit-info-box-icon{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-1836 .elementor-element.elementor-element-52eaaff .elementskit-infobox:hover .elementskit-info-box-icon{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-1836 .elementor-element.elementor-element-52eaaff .elementskit-infobox .elementskit-info-box-icon{font-size:40px;transform:rotate(0deg);}.elementor-1836 .elementor-element.elementor-element-7c0a97b.ekit-equal-height-enable,
					.elementor-1836 .elementor-element.elementor-element-7c0a97b.ekit-equal-height-enable > div,
					.elementor-1836 .elementor-element.elementor-element-7c0a97b.ekit-equal-height-enable .ekit-wid-con,
					.elementor-1836 .elementor-element.elementor-element-7c0a97b.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-1836 .elementor-element.elementor-element-7c0a97b .elementskit-infobox{background-color:#F3F3F3;padding:50px 40px 50px 40px;border-radius:8px 8px 8px 8px;}.elementor-1836 .elementor-element.elementor-element-7c0a97b .elementskit-infobox:hover{background-color:#DFDFDF;}.elementor-1836 .elementor-element.elementor-element-7c0a97b{width:100%;max-width:100%;}.elementor-1836 .elementor-element.elementor-element-7c0a97b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1836 .elementor-element.elementor-element-7c0a97b .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#000000;font-family:"Bebas Neue", Sans-serif;font-weight:500;}.elementor-1836 .elementor-element.elementor-element-7c0a97b .elementskit-infobox:hover .elementskit-info-box-title{color:#000000;}.elementor-1836 .elementor-element.elementor-element-7c0a97b .elementskit-infobox .box-body > p{color:#656565;}.elementor-1836 .elementor-element.elementor-element-7c0a97b .elementskit-infobox:hover .box-body > p{color:#656565;}.elementor-1836 .elementor-element.elementor-element-7c0a97b .elementskit-info-box-icon{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-1836 .elementor-element.elementor-element-7c0a97b .elementskit-infobox:hover .elementskit-info-box-icon{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-1836 .elementor-element.elementor-element-7c0a97b .elementskit-infobox .elementskit-info-box-icon{font-size:40px;transform:rotate(0deg);}.elementor-1836 .elementor-element.elementor-element-d7cccf3{--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-1836 .elementor-element.elementor-element-1609c8e{--spacer-size:15px;}.elementor-1836 .elementor-element.elementor-element-ba323af{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1836 .elementor-element.elementor-element-ba323af.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1836 .elementor-element.elementor-element-d27ab57{text-align:center;}.elementor-1836 .elementor-element.elementor-element-ff1aa7f{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1836 .elementor-element.elementor-element-ff1aa7f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1836 .elementor-element.elementor-element-ff1aa7f.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-1836 .elementor-element.elementor-element-469bedf{--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-1836 .elementor-element.elementor-element-2208f1e{--spacer-size:15px;}.elementor-1836 .elementor-element.elementor-element-1995aad{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1836 .elementor-element.elementor-element-1995aad.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-1836 .elementor-element.elementor-element-61c44ef{text-align:center;}.elementor-1836 .elementor-element.elementor-element-dd9f997{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-1836 .elementor-element.elementor-element-dd9f997.e-con{--align-self:center;}.elementor-1836 .elementor-element.elementor-element-ec78fa0{text-align:center;}.elementor-1836 .elementor-element.elementor-element-ec78fa0 img{opacity:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );transition-duration:0.1s;border-radius:8px 8px 8px 8px;}.elementor-1836 .elementor-element.elementor-element-ec78fa0:hover img{opacity:1;}.elementor-1836 .elementor-element.elementor-element-f3cb440{--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-1836 .elementor-element.elementor-element-bd26b90{--spacer-size:15px;}.elementor-1836 .elementor-element.elementor-element-435a7dd{--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-1836 .elementor-element.elementor-element-80fe538{width:100%;max-width:100%;text-align:center;}.elementor-1836 .elementor-element.elementor-element-80fe538.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1836 .elementor-element.elementor-element-80fe538 .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-weight:500;}.elementor-1836 .elementor-element.elementor-element-db49aaa{--e-image-carousel-slides-to-show:4;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1836 .elementor-element.elementor-element-db49aaa.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1836 .elementor-element.elementor-element-db49aaa .elementor-swiper-button.elementor-swiper-button-prev, .elementor-1836 .elementor-element.elementor-element-db49aaa .elementor-swiper-button.elementor-swiper-button-next{color:#000000;}.elementor-1836 .elementor-element.elementor-element-db49aaa .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-1836 .elementor-element.elementor-element-db49aaa .elementor-swiper-button.elementor-swiper-button-next svg{fill:#000000;}.elementor-1836 .elementor-element.elementor-element-7853574{--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-1836 .elementor-element.elementor-element-aa9477d{--spacer-size:15px;}.elementor-1836 .elementor-element.elementor-element-6036cc7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1836 .elementor-element.elementor-element-6036cc7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1836 .elementor-element.elementor-element-5d00f8f{width:100%;max-width:100%;text-align:center;}.elementor-1836 .elementor-element.elementor-element-5d00f8f.elementor-element{--align-self:center;}.elementor-1836 .elementor-element.elementor-element-5d5e75c{--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;}.elementor-1836 .elementor-element.elementor-element-7eda7eb{--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;}.elementor-1836 .elementor-element.elementor-element-7eda7eb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1836 .elementor-element.elementor-element-5a4e21c{width:100%;max-width:100%;text-align:start;font-size:20px;}.elementor-1836 .elementor-element.elementor-element-4844fc7{width:100%;max-width:100%;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1836 .elementor-element.elementor-element-4844fc7 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-1836 .elementor-element.elementor-element-4844fc7 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-1836 .elementor-element.elementor-element-4844fc7 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-accent );}.elementor-1836 .elementor-element.elementor-element-4844fc7 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );}.elementor-1836 .elementor-element.elementor-element-4844fc7 .elementor-icon-list-text{transition:color 0.3s;}.elementor-1836 .elementor-element.elementor-element-02e91e1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1836 .elementor-element.elementor-element-02e91e1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1836 .elementor-element.elementor-element-dafc956{width:100%;max-width:100%;}.elementor-1836 .elementor-element.elementor-element-dafc956.elementor-element{--align-self:center;}.elementor-1836 .elementor-element.elementor-element-dafc956 iframe{height:450px;}.elementor-1836 .elementor-element.elementor-element-6aa2cfc{--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-1836 .elementor-element.elementor-element-70c2533{--spacer-size:15px;}@media(min-width:768px){.elementor-1836 .elementor-element.elementor-element-012d124{--width:100%;}.elementor-1836 .elementor-element.elementor-element-f9258bf{--width:84%;}.elementor-1836 .elementor-element.elementor-element-bd71f82{--content-width:100%;}.elementor-1836 .elementor-element.elementor-element-ba323af{--width:100%;}.elementor-1836 .elementor-element.elementor-element-1995aad{--width:85%;}.elementor-1836 .elementor-element.elementor-element-dd9f997{--width:100%;}.elementor-1836 .elementor-element.elementor-element-435a7dd{--width:85%;}.elementor-1836 .elementor-element.elementor-element-6036cc7{--width:84%;}.elementor-1836 .elementor-element.elementor-element-7eda7eb{--width:35%;}.elementor-1836 .elementor-element.elementor-element-02e91e1{--width:59.772%;}}@media(max-width:1024px){.elementor-1836 .elementor-element.elementor-element-53809dd{--margin-top:-1px;--margin-bottom:-1px;--margin-left:-1px;--margin-right:-1px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1836 .elementor-element.elementor-element-4d6a146{width:100%;max-width:100%;}.elementor-1836 .elementor-element.elementor-element-4d6a146 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1836 .elementor-element.elementor-element-4d6a146.elementor-element{--align-self:center;}.elementor-1836 .elementor-element.elementor-element-4d6a146 .swiper-slide{height:250px;}.elementor-1836 .elementor-element.elementor-element-ca822ae{--margin-top:-1px;--margin-bottom:-1px;--margin-left:-1px;--margin-right:-1px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1836 .elementor-element.elementor-element-9400a84{width:100%;max-width:100%;}.elementor-1836 .elementor-element.elementor-element-9400a84 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1836 .elementor-element.elementor-element-9400a84.elementor-element{--align-self:center;}.elementor-1836 .elementor-element.elementor-element-9400a84 .swiper-slide{height:250px;}.elementor-1836 .elementor-element.elementor-element-bd71f82{--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-1836 .elementor-element.elementor-element-4eadcd8 .elementskit-infobox{padding:50px 0px 50px 0px;}.elementor-1836 .elementor-element.elementor-element-b80fdc2 .elementskit-infobox{padding:50px 0px 50px 0px;}.elementor-1836 .elementor-element.elementor-element-52eaaff > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1836 .elementor-element.elementor-element-52eaaff .elementskit-infobox{padding:50px 0px 50px 0px;}.elementor-1836 .elementor-element.elementor-element-7c0a97b .elementskit-infobox{padding:50px 0px 50px 0px;}.elementor-1836 .elementor-element.elementor-element-ff1aa7f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1836 .elementor-element.elementor-element-dd9f997{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-1836 .elementor-element.elementor-element-db49aaa{--e-image-carousel-slides-to-show:3;width:var( --container-widget-width, 849.8px );max-width:849.8px;--container-widget-width:849.8px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-1836 .elementor-element.elementor-element-53809dd{--margin-top:-1px;--margin-bottom:-1px;--margin-left:-1px;--margin-right:-1px;--padding-top:-14px;--padding-bottom:-14px;--padding-left:-14px;--padding-right:-14px;}.elementor-1836 .elementor-element.elementor-element-4d6a146{width:100%;max-width:100%;}.elementor-1836 .elementor-element.elementor-element-4d6a146 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1836 .elementor-element.elementor-element-4d6a146 .swiper-slide{height:491px;}.elementor-1836 .elementor-element.elementor-element-3d13559 .elementor-heading-title{font-size:30px;}.elementor-1836 .elementor-element.elementor-element-bd71f82{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1836 .elementor-element.elementor-element-d27ab57 .elementor-heading-title{font-size:30px;}.elementor-1836 .elementor-element.elementor-element-ff1aa7f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1836 .elementor-element.elementor-element-61c44ef .elementor-heading-title{font-size:30px;}.elementor-1836 .elementor-element.elementor-element-dd9f997{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1836 .elementor-element.elementor-element-80fe538{width:var( --container-widget-width, 241.025px );max-width:241.025px;--container-widget-width:241.025px;--container-widget-flex-grow:0;text-align:center;}.elementor-1836 .elementor-element.elementor-element-80fe538 .elementor-heading-title{font-size:30px;}.elementor-1836 .elementor-element.elementor-element-db49aaa{--e-image-carousel-slides-to-show:2;width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-1836 .elementor-element.elementor-element-5d00f8f.elementor-element{--align-self:center;}.elementor-1836 .elementor-element.elementor-element-5d00f8f{text-align:center;}.elementor-1836 .elementor-element.elementor-element-5d00f8f .elementor-heading-title{font-size:30px;}.elementor-1836 .elementor-element.elementor-element-5a4e21c{font-size:20px;}}@media(max-width:1024px) and (min-width:768px){.elementor-1836 .elementor-element.elementor-element-53809dd{--width:100%;}.elementor-1836 .elementor-element.elementor-element-ca822ae{--width:100%;}.elementor-1836 .elementor-element.elementor-element-f9258bf{--width:95%;}.elementor-1836 .elementor-element.elementor-element-1995aad{--width:100%;}.elementor-1836 .elementor-element.elementor-element-435a7dd{--width:95%;}.elementor-1836 .elementor-element.elementor-element-6036cc7{--width:95%;}.elementor-1836 .elementor-element.elementor-element-7eda7eb{--width:32.276%;}.elementor-1836 .elementor-element.elementor-element-02e91e1{--width:64%;}}/* Start custom CSS for elementskit-icon-box, class: .elementor-element-4eadcd8 *//* =============================================
   DISEÑO ULTRA-MODERNO: CRISTALISMO INDUSTRIAL
   ============================================= */

/* 1. Contenedor de la Tarjeta */
.elementor-1836 .elementor-element.elementor-element-4eadcd8 .elementor-widget-icon-box {
    background: linear-gradient(145deg, #ffffff, #f0f0f0) !important;
    padding: 50px 30px !important;
    border-radius: 24px !important; /* Bordes mucho más redondeados y modernos */
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    box-shadow: 10px 10px 20px #d1d1d1, -10px -10px 20px #ffffff !important; /* Efecto Neumorfismo */
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) !important;
    position: relative;
    overflow: hidden;
}

/* 2. Efecto de Brillo Amarilla Superior */
.elementor-1836 .elementor-element.elementor-element-4eadcd8 .elementor-widget-icon-box::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,215,0,0.1) 0%, transparent 70%);
    transition: all 0.6s ease;
    opacity: 0;
}

/* 3. Icono Dinámico */
.elementor-1836 .elementor-element.elementor-element-4eadcd8 .elementor-icon {
    background: #FFD700 !important; /* Fondo amarillo sólido para el icono */
    color: #212121 !important; /* Icono en negro para contraste industrial */
    width: 80px !important;
    height: 80px !important;
    line-height: 80px !important;
    border-radius: 18px !important; /* Cuadrado redondeado */
    font-size: 30px !important;
    margin-bottom: 25px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 10px 20px rgba(255, 215, 0, 0.3) !important;
    transition: all 0.4s ease !important;
}

/* 4. Título con Espaciado Moderno */
.elementor-1836 .elementor-element.elementor-element-4eadcd8 .elementor-icon-box-title {
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 22px !important;
    letter-spacing: 1.5px !important;
    color: #1a1a1a !important;
    margin-top: 10px !important;
}

/* =============================================
   EFECTOS HOVER (AL PASAR EL MOUSE)
   ============================================= */

.elementor-1836 .elementor-element.elementor-element-4eadcd8 .elementor-column:hover .elementor-widget-icon-box {
    transform: translateY(-15px) scale(1.02) !important;
    box-shadow: 20px 20px 40px #c5c5c5, -20px -20px 40px #ffffff !important;
    border-color: #FFD700 !important;
}

.elementor-1836 .elementor-element.elementor-element-4eadcd8 .elementor-column:hover .elementor-widget-icon-box::before {
    opacity: 1;
    top: -20%;
    left: -20%;
}

.elementor-1836 .elementor-element.elementor-element-4eadcd8 .elementor-column:hover .elementor-icon {
    transform: scale(1.1) rotate(-5deg) !important;
    background: #212121 !important; /* Invierte colores al hover */
    color: #FFD700 !important;
}

/* =============================================
   DISEÑO RESPONSIVO TOTAL
   ============================================= */

@media (max-width: 767px) {
    .elementor-1836 .elementor-element.elementor-element-4eadcd8 .elementor-widget-icon-box {
        padding: 40px 20px !important;
        margin-bottom: 30px !important;
    }
    
    .elementor-1836 .elementor-element.elementor-element-4eadcd8 .elementor-icon {
        width: 60px !important;
        height: 60px !important;
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd71f82 *//* =============================================
   DISEÑO ULTRA-MODERNO: CRISTALISMO INDUSTRIAL
   ============================================= */

/* 1. Contenedor de la Tarjeta */
.elementor-1836 .elementor-element.elementor-element-bd71f82 .elementor-widget-icon-box {
    background: linear-gradient(145deg, #ffffff, #f0f0f0) !important;
    padding: 50px 30px !important;
    border-radius: 24px !important; /* Bordes mucho más redondeados y modernos */
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    box-shadow: 10px 10px 20px #d1d1d1, -10px -10px 20px #ffffff !important; /* Efecto Neumorfismo */
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) !important;
    position: relative;
    overflow: hidden;
}

/* 2. Efecto de Brillo Amarilla Superior */
.elementor-1836 .elementor-element.elementor-element-bd71f82 .elementor-widget-icon-box::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,215,0,0.1) 0%, transparent 70%);
    transition: all 0.6s ease;
    opacity: 0;
}

/* 3. Icono Dinámico */
.elementor-1836 .elementor-element.elementor-element-bd71f82 .elementor-icon {
    background: #FFD700 !important; /* Fondo amarillo sólido para el icono */
    color: #212121 !important; /* Icono en negro para contraste industrial */
    width: 80px !important;
    height: 80px !important;
    line-height: 80px !important;
    border-radius: 18px !important; /* Cuadrado redondeado */
    font-size: 30px !important;
    margin-bottom: 25px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 10px 20px rgba(255, 215, 0, 0.3) !important;
    transition: all 0.4s ease !important;
}

/* 4. Título con Espaciado Moderno */
.elementor-1836 .elementor-element.elementor-element-bd71f82 .elementor-icon-box-title {
    font-family: 'Bebas Neue', sans-serif !important;
    font-size: 22px !important;
    letter-spacing: 1.5px !important;
    color: #1a1a1a !important;
    margin-top: 10px !important;
}

/* =============================================
   EFECTOS HOVER (AL PASAR EL MOUSE)
   ============================================= */

.elementor-1836 .elementor-element.elementor-element-bd71f82 .elementor-column:hover .elementor-widget-icon-box {
    transform: translateY(-15px) scale(1.02) !important;
    box-shadow: 20px 20px 40px #c5c5c5, -20px -20px 40px #ffffff !important;
    border-color: #FFD700 !important;
}

.elementor-1836 .elementor-element.elementor-element-bd71f82 .elementor-column:hover .elementor-widget-icon-box::before {
    opacity: 1;
    top: -20%;
    left: -20%;
}

.elementor-1836 .elementor-element.elementor-element-bd71f82 .elementor-column:hover .elementor-icon {
    transform: scale(1.1) rotate(-5deg) !important;
    background: #212121 !important; /* Invierte colores al hover */
    color: #FFD700 !important;
}

/* =============================================
   DISEÑO RESPONSIVO TOTAL
   ============================================= */

@media (max-width: 767px) {
    .elementor-1836 .elementor-element.elementor-element-bd71f82 .elementor-widget-icon-box {
        padding: 40px 20px !important;
        margin-bottom: 30px !important;
    }
    
    .elementor-1836 .elementor-element.elementor-element-bd71f82 .elementor-icon {
        width: 60px !important;
        height: 60px !important;
        font-size: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9258bf */.c-padre {
    display: flex !important;
    justify-content: center !important; /* Centra horizontalmente */
    align-items: center !important;    /* Centra verticalmente */
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 84%; /* Ajusta esto al ancho de tu diseño */
}

.c-padre {
    background-color: #ffffff; /* Asegura el fondo blanco */
    border-radius: 12px; /* Bordes redondeados modernos */
    padding: 30px; /* Espaciado interno para que no se vea apretado */
    transition: all 0.3s ease-in-out; /* Suaviza la animación del hover */
    
    /* Sombra profesional: sutil y elegante */
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05); 
    
    border: 1px solid #eeeeee; /* Un borde casi invisible para definir la forma */
}

/* Efecto al pasar el mouse (opcional pero recomendado) */
.c-padre:hover {
    transform: translateY(-5px); /* Eleva la tarjeta ligeramente */
    box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.1); /* Intensifica la sombra */
    border-color: #ffcc00; /* Cambia el borde a tu amarillo de ferretería */
}


/* --- DISEÑO RESPONSIVO --- */

/* Ajustes para Tablets y Celulares (Pantallas menores a 768px) */
@media (max-width: 768px) {
    .c-padre {
        max-width: 95%; /* Ocupa más espacio lateral en pantallas pequeñas */
        padding: 20px;   /* Reduce un poco el relleno interno */
        flex-direction: column; /* Por si el contenido interno está alineado horizontalmente */
    }
    
    /* Opcional: Desactivar el efecto elevar en móviles para evitar saltos visuales al tocar */
    .c-padre:hover {
        transform: none;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-ff1aa7f *//* =============================================
   1. REJILLA DE PRODUCTOS (GRID)
   ============================================= */
.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* =============================================
   2. DISEÑO DE TARJETA PREMIUM
   ============================================= */
.elementor-1836 .elementor-element.elementor-element-ff1aa7f .product {
    background: #ffffff !important;
    padding: 20px !important;
    border-radius: 12px !important;
    border: 1px solid #eeeeee !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    text-align: center !important; /* Centra todo el contenido */
}

.elementor-1836 .elementor-element.elementor-element-ff1aa7f .product:hover {
    box-shadow: 0px 12px 25px rgba(0,0,0,0.1) !important;
    transform: translateY(-5px) !important;
}

/* Ajuste de imagen */
.elementor-1836 .elementor-element.elementor-element-ff1aa7f .product img {
    margin-bottom: 15px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* =============================================
   3. TÍTULO DEL PRODUCTO (ALINEADO AL FONDO)
   ============================================= */
.elementor-1836 .elementor-element.elementor-element-ff1aa7f .woocommerce-loop-product__title {
    font-family: "Lato", sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #212121 !important;
    min-height: 80px !important; /* Aumentado a 80px para dar más margen de maniobra */
    display: flex !important;
    flex-direction: column !important;
    /* La clave: justify-content al final empuja texto y barra hacia abajo */
    justify-content: flex-end !important; 
    margin-bottom: 0 !important;
    line-height: 1.7em !important;
}

/* =============================================
   4. BARRA AMARILLA DIVISORA (SIEMPRE ABAJO)
   ============================================= */
.elementor-1836 .elementor-element.elementor-element-ff1aa7f .woocommerce-loop-product__title::after {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 4px !important;
    background-color: #FFDD17 !important;
    /* Margen fijo arriba para separarse del texto, sin importar cuántas líneas tenga */
    margin:30px auto 0 auto !important; 
}

/* =============================================
   5. PRECIO (EMPUJADO AL FONDO)
   ============================================= */
.elementor-1836 .elementor-element.elementor-element-ff1aa7f .price {
    font-family: "Bebas Neue", sans-serif !important;
    font-size: 22px !important;
    color: #212121 !important;
    /* Este auto es vital para que si el título es corto, el precio baje igual */
    margin-top: 15px !important; 
    margin-bottom: 15px !important;
    display: block !important;
}

/* =============================================
   6. BOTÓN AÑADIR AL CARRITO
   ============================================= */
.elementor-1836 .elementor-element.elementor-element-ff1aa7f .button.add_to_cart_button {
    background-color: #FFDD17 !important;
    color: #212121 !important;
    font-family: "Bebas Neue", sans-serif !important;
    font-size: 20px !important;
    padding: 12px !important;
    border-radius: 6px !important;
    width: 100% !important;
    text-align: center !important;
    border: none !important;
    /* Asegura que el botón se quede pegado abajo del todo */
    margin-top: auto !important; 
}

.elementor-1836 .elementor-element.elementor-element-ff1aa7f .button.add_to_cart_button:hover {
    background-color: #212121 !important;
    color: #FFDD17 !important;
}

/* =============================================
   8. PAGINACIÓN PREMIUM
   ============================================= */
.woocommerce-pagination {
    margin-top: 50px !important;
    text-align: center !important;
}

.woocommerce-pagination ul.page-numbers {
    display: inline-flex !important;
    gap: 8px !important;
    border: none !important;
    padding: 0 !important;
}

.woocommerce-pagination ul.page-numbers li {
    list-style: none !important;
}

.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span.current {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 42px !important;
    height: 42px !important;
    border-radius: 8px !important;
    background-color: #f2f2f2 !important;
    font-family: "Bebas Neue", sans-serif !important;
    font-size: 18px !important;
    color: #212121 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.woocommerce-pagination ul.page-numbers li span.current {
    background-color: #FFDD17 !important;
}

.woocommerce-pagination ul.page-numbers li a:hover {
    background-color: #212121 !important;
    color: #ffffff !important;
}

/* =============================================
   7. AJUSTES RESPONSIVOS 
   ============================================= */
@media (max-width: 1024px) {
    .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 767px) {
    .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
    .elementor-1836 .elementor-element.elementor-element-ff1aa7f .product { padding: 15px !important; }
    .elementor-1836 .elementor-element.elementor-element-ff1aa7f .price { font-size: 20px !important; }
    .elementor-1836 .elementor-element.elementor-element-ff1aa7f .woocommerce-loop-product__title { min-height: 70px !important; font-size: 14px !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba323af */.elementor-1836 .elementor-element.elementor-element-ba323af {
    display: flex !important;
    justify-content: center !important; /* Centra horizontalmente */
    align-items: center !important;    /* Centra verticalmente */
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 84%; /* Ajusta esto al ancho de tu diseño */
}

.elementor-1836 .elementor-element.elementor-element-ba323af {
    background-color: #ffffff; /* Asegura el fondo blanco */
    border-radius: 12px; /* Bordes redondeados modernos */
    padding: 30px; /* Espaciado interno para que no se vea apretado */
    transition: all 0.3s ease-in-out; /* Suaviza la animación del hover */
    
    /* Sombra profesional: sutil y elegante */
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05); 
    
    border: 1px solid #eeeeee; /* Un borde casi invisible para definir la forma */
}

/* Efecto al pasar el mouse (opcional pero recomendado) */
.elementor-1836 .elementor-element.elementor-element-ba323af:hover {
    transform: translateY(-5px); /* Eleva la tarjeta ligeramente */
    box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.1); /* Intensifica la sombra */
    border-color: #ffcc00; /* Cambia el borde a tu amarillo de ferretería */
}

/* --- DISEÑO RESPONSIVO --- */

/* Ajustes para Tablets y Celulares (Pantallas menores a 768px) */
@media (max-width: 768px) {
    .elementor-1836 .elementor-element.elementor-element-ba323af {
        max-width: 95%; /* Ocupa más espacio lateral en pantallas pequeñas */
        padding: 20px;   /* Reduce un poco el relleno interno */
        flex-direction: column; /* Por si el contenido interno está alineado horizontalmente */
    }
    
    /* Opcional: Desactivar el efecto elevar en móviles para evitar saltos visuales al tocar */
    .elementor-1836 .elementor-element.elementor-element-ba323af:hover {
        transform: none;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ec78fa0 *//* 1. Estilo base de la Tarjeta (Widget de Imagen) */
.elementor-1836 .elementor-element.elementor-element-ec78fa0 {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    padding: 30px !important;
    border: 1px solid #eeeeee !important;
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; /* Movimiento fluido */
    cursor: pointer;
}

/* 2. Efecto de Elevación Independiente */
.elementor-1836 .elementor-element.elementor-element-ec78fa0:hover {
    transform: translateY(-15px) !important; /* Elevación clara de la tarjeta */
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.12) !important; /* Sombra profunda */
    border-color: #ffcc00 !important; /* Borde amarillo de marca Ferretería Garrido */
}

/* 3. Diseño de la Imagen (Producto) */
.elementor-1836 .elementor-element.elementor-element-ec78fa0 img {
    max-height: 280px !important; /* Imagen grande y protagonista */
    width: auto !important;
    filter: drop-shadow(0px 8px 12px rgba(0,0,0,0.1)) !important; /* Sombra realista al producto */
    transition: transform 0.5s ease !important;
}

/* Animación sutil del producto al elevar la tarjeta */
.elementor-1836 .elementor-element.elementor-element-ec78fa0:hover img {
    transform: scale(1.08) rotate(2deg) !important; 
}

/* --- DISEÑO RESPONSIVO --- */
@media (max-width: 768px) {
    .elementor-1836 .elementor-element.elementor-element-ec78fa0 {
        padding: 20px !important;
    }
    .elementor-1836 .elementor-element.elementor-element-ec78fa0:hover {
        transform: translateY(-8px) !important;
    }
    .elementor-1836 .elementor-element.elementor-element-ec78fa0 img {
        max-height: 200px !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-277924d *//* 1. Estilo base de la Tarjeta (Widget de Imagen) */
.elementor-1836 .elementor-element.elementor-element-277924d {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    padding: 30px !important;
    border: 1px solid #eeeeee !important;
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; /* Movimiento fluido */
    cursor: pointer;
}

/* 2. Efecto de Elevación Independiente */
.elementor-1836 .elementor-element.elementor-element-277924d:hover {
    transform: translateY(-15px) !important; /* Elevación clara de la tarjeta */
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.12) !important; /* Sombra profunda */
    border-color: #ffcc00 !important; /* Borde amarillo de marca Ferretería Garrido */
}

/* 3. Diseño de la Imagen (Producto) */
.elementor-1836 .elementor-element.elementor-element-277924d img {
    max-height: 280px !important; /* Imagen grande y protagonista */
    width: auto !important;
    filter: drop-shadow(0px 8px 12px rgba(0,0,0,0.1)) !important; /* Sombra realista al producto */
    transition: transform 0.5s ease !important;
}

/* Animación sutil del producto al elevar la tarjeta */
.elementor-1836 .elementor-element.elementor-element-277924d:hover img {
    transform: scale(1.08) rotate(2deg) !important; 
}

/* --- DISEÑO RESPONSIVO --- */
@media (max-width: 768px) {
    .elementor-1836 .elementor-element.elementor-element-277924d {
        padding: 20px !important;
    }
    .elementor-1836 .elementor-element.elementor-element-277924d:hover {
        transform: translateY(-8px) !important;
    }
    .elementor-1836 .elementor-element.elementor-element-277924d img {
        max-height: 200px !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-15779cb *//* 1. Estilo base de la Tarjeta (Widget de Imagen) */
.elementor-1836 .elementor-element.elementor-element-15779cb {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    padding: 30px !important;
    border: 1px solid #eeeeee !important;
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; /* Movimiento fluido */
    cursor: pointer;
}

/* 2. Efecto de Elevación Independiente */
.elementor-1836 .elementor-element.elementor-element-15779cb:hover {
    transform: translateY(-15px) !important; /* Elevación clara de la tarjeta */
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.12) !important; /* Sombra profunda */
    border-color: #ffcc00 !important; /* Borde amarillo de marca Ferretería Garrido */
}

/* 3. Diseño de la Imagen (Producto) */
.elementor-1836 .elementor-element.elementor-element-15779cb img {
    max-height: 280px !important; /* Imagen grande y protagonista */
    width: auto !important;
    filter: drop-shadow(0px 8px 12px rgba(0,0,0,0.1)) !important; /* Sombra realista al producto */
    transition: transform 0.5s ease !important;
}

/* Animación sutil del producto al elevar la tarjeta */
.elementor-1836 .elementor-element.elementor-element-15779cb:hover img {
    transform: scale(1.08) rotate(2deg) !important; 
}

/* --- DISEÑO RESPONSIVO --- */
@media (max-width: 768px) {
    .elementor-1836 .elementor-element.elementor-element-15779cb {
        padding: 20px !important;
    }
    .elementor-1836 .elementor-element.elementor-element-15779cb:hover {
        transform: translateY(-8px) !important;
    }
    .elementor-1836 .elementor-element.elementor-element-15779cb img {
        max-height: 200px !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e5c65aa *//* 1. Estilo base de la Tarjeta (Widget de Imagen) */
.elementor-1836 .elementor-element.elementor-element-e5c65aa {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    padding: 30px !important;
    border: 1px solid #eeeeee !important;
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; /* Movimiento fluido */
    cursor: pointer;
}

/* 2. Efecto de Elevación Independiente */
.elementor-1836 .elementor-element.elementor-element-e5c65aa:hover {
    transform: translateY(-15px) !important; /* Elevación clara de la tarjeta */
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.12) !important; /* Sombra profunda */
    border-color: #ffcc00 !important; /* Borde amarillo de marca Ferretería Garrido */
}

/* 3. Diseño de la Imagen (Producto) */
.elementor-1836 .elementor-element.elementor-element-e5c65aa img {
    max-height: 280px !important; /* Imagen grande y protagonista */
    width: auto !important;
    filter: drop-shadow(0px 8px 12px rgba(0,0,0,0.1)) !important; /* Sombra realista al producto */
    transition: transform 0.5s ease !important;
}

/* Animación sutil del producto al elevar la tarjeta */
.elementor-1836 .elementor-element.elementor-element-e5c65aa:hover img {
    transform: scale(1.08) rotate(2deg) !important; 
}

/* --- DISEÑO RESPONSIVO --- */
@media (max-width: 768px) {
    .elementor-1836 .elementor-element.elementor-element-e5c65aa {
        padding: 20px !important;
    }
    .elementor-1836 .elementor-element.elementor-element-e5c65aa:hover {
        transform: translateY(-8px) !important;
    }
    .elementor-1836 .elementor-element.elementor-element-e5c65aa img {
        max-height: 200px !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-273b35d *//* 1. Estilo base de la Tarjeta (Widget de Imagen) */
.elementor-1836 .elementor-element.elementor-element-273b35d {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    padding: 30px !important;
    border: 1px solid #eeeeee !important;
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; /* Movimiento fluido */
    cursor: pointer;
}

/* 2. Efecto de Elevación Independiente */
.elementor-1836 .elementor-element.elementor-element-273b35d:hover {
    transform: translateY(-15px) !important; /* Elevación clara de la tarjeta */
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.12) !important; /* Sombra profunda */
    border-color: #ffcc00 !important; /* Borde amarillo de marca Ferretería Garrido */
}

/* 3. Diseño de la Imagen (Producto) */
.elementor-1836 .elementor-element.elementor-element-273b35d img {
    max-height: 280px !important; /* Imagen grande y protagonista */
    width: auto !important;
    filter: drop-shadow(0px 8px 12px rgba(0,0,0,0.1)) !important; /* Sombra realista al producto */
    transition: transform 0.5s ease !important;
}

/* Animación sutil del producto al elevar la tarjeta */
.elementor-1836 .elementor-element.elementor-element-273b35d:hover img {
    transform: scale(1.08) rotate(2deg) !important; 
}

/* --- DISEÑO RESPONSIVO --- */
@media (max-width: 768px) {
    .elementor-1836 .elementor-element.elementor-element-273b35d {
        padding: 20px !important;
    }
    .elementor-1836 .elementor-element.elementor-element-273b35d:hover {
        transform: translateY(-8px) !important;
    }
    .elementor-1836 .elementor-element.elementor-element-273b35d img {
        max-height: 200px !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ed715cb *//* 1. Estilo base de la Tarjeta (Widget de Imagen) */
.elementor-1836 .elementor-element.elementor-element-ed715cb {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    padding: 30px !important;
    border: 1px solid #eeeeee !important;
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; /* Movimiento fluido */
    cursor: pointer;
}

/* 2. Efecto de Elevación Independiente */
.elementor-1836 .elementor-element.elementor-element-ed715cb:hover {
    transform: translateY(-15px) !important; /* Elevación clara de la tarjeta */
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.12) !important; /* Sombra profunda */
    border-color: #ffcc00 !important; /* Borde amarillo de marca Ferretería Garrido */
}

/* 3. Diseño de la Imagen (Producto) */
.elementor-1836 .elementor-element.elementor-element-ed715cb img {
    max-height: 280px !important; /* Imagen grande y protagonista */
    width: auto !important;
    filter: drop-shadow(0px 8px 12px rgba(0,0,0,0.1)) !important; /* Sombra realista al producto */
    transition: transform 0.5s ease !important;
}

/* Animación sutil del producto al elevar la tarjeta */
.elementor-1836 .elementor-element.elementor-element-ed715cb:hover img {
    transform: scale(1.08) rotate(2deg) !important; 
}

/* --- DISEÑO RESPONSIVO --- */
@media (max-width: 768px) {
    .elementor-1836 .elementor-element.elementor-element-ed715cb {
        padding: 20px !important;
    }
    .elementor-1836 .elementor-element.elementor-element-ed715cb:hover {
        transform: translateY(-8px) !important;
    }
    .elementor-1836 .elementor-element.elementor-element-ed715cb img {
        max-height: 200px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1995aad *//* --- TU DISEÑO DEL CONTENEDOR PADRE (INTACTO) --- */
.elementor-1836 .elementor-element.elementor-element-1995aad {
    display: flex !important;
    justify-content: center !important; 
    align-items: center !important;    
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 84%; 
    background-color: #ffffff; 
    border-radius: 12px; 
    padding: 30px; 
    transition: all 0.3s ease-in-out; 
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05); 
    border: 1px solid #eeeeee; 
}

.elementor-1836 .elementor-element.elementor-element-1995aad:hover {
    transform: translateY(-5px); 
    box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.1); 
    border-color: #ffcc00; 
}


/* --- DISEÑO RESPONSIVO --- */

@media (max-width: 1024px) {
    .elementor-1836 .elementor-element.elementor-element-1995aad .elementor-column img {
        max-height: 220px !important;
    }
}

@media (max-width: 768px) {
    .elementor-1836 .elementor-element.elementor-element-1995aad {
        max-width: 95%; 
        padding: 20px;   
        flex-direction: column; 
    }
    
    .elementor-1836 .elementor-element.elementor-element-1995aad .elementor-column img {
        max-height: 180px !important;
        margin-bottom: 15px !important;
    }

    /* En móviles la animación es más simple para evitar tirones */
    .elementor-1836 .elementor-element.elementor-element-1995aad .elementor-column:hover img {
        transform: scale(1.1) translateY(-5px) !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-435a7dd *//* --- TU DISEÑO DEL CONTENEDOR PADRE (INTACTO) --- */
.elementor-1836 .elementor-element.elementor-element-435a7dd {
    display: flex !important;
    justify-content: center !important; 
    align-items: center !important;    
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 84%; 
    background-color: #ffffff; 
    border-radius: 12px; 
    padding: 30px; 
    transition: all 0.3s ease-in-out; 
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05); 
    border: 1px solid #eeeeee; 
}

.elementor-1836 .elementor-element.elementor-element-435a7dd:hover {
    transform: translateY(-5px); 
    box-shadow: 0px 15px 35px rgba(0, 0, 0, 0.1); 
    border-color: #ffcc00; 
}


/* --- DISEÑO RESPONSIVO --- */

@media (max-width: 1024px) {
    .elementor-1836 .elementor-element.elementor-element-435a7dd .elementor-column img {
        max-height: 220px !important;
    }
}

@media (max-width: 768px) {
    .elementor-1836 .elementor-element.elementor-element-435a7dd {
        max-width: 95%; 
        padding: 20px;   
        flex-direction: column; 
    }
    
    .elementor-1836 .elementor-element.elementor-element-435a7dd .elementor-column img {
        max-height: 180px !important;
        margin-bottom: 15px !important;
    }

    /* En móviles la animación es más simple para evitar tirones */
    .elementor-1836 .elementor-element.elementor-element-435a7dd .elementor-column:hover img {
        transform: scale(1.1) translateY(-5px) !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d00f8f *//* =============================================
   DISEÑO DE ENCABEZADOS PROFESIONAL
   ============================================= */

.elementor-1836 .elementor-element.elementor-element-5d00f8f .elementor-heading-title {
    font-family: 'Bebas Neue', sans-serif !important; /* Tipografía potente de tus banners */
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #212121 !important;
    position: relative;
    padding-bottom: 10px;
    display: inline-block;
}

/* Detalle decorativo: Línea amarilla inferior asimétrica */
.elementor-1836 .elementor-element.elementor-element-5d00f8f .elementor-heading-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px; /* Línea corta para un look moderno */
    height: 4px;
    background-color: #FFD700; /* Tu amarillo corporativo */
    border-radius: 2px;
    transition: width 0.4s ease;
}

/* Efecto al pasar el mouse (opcional para secciones interactivas) */
.elementor-1836 .elementor-element.elementor-element-5d00f8f:hover .elementor-heading-title::after {
    width: 100%; /* La línea se expande */
}

/* =============================================
   DISEÑO RESPONSIVO (ADAPTABILIDAD)
   ============================================= */

/* Escritorio (Desktop) */
@media (min-width: 1025px) {
    .elementor-1836 .elementor-element.elementor-element-5d00f8f .elementor-heading-title {
        font-size: 42px !important;
        margin-bottom: 40px !important;
    }
}

/* Tablets (iPad/Android) */
@media (max-width: 1024px) and (min-width: 768px) {
    .elementor-1836 .elementor-element.elementor-element-5d00f8f .elementor-heading-title {
        font-size: 34px !important;
        margin-bottom: 30px !important;
        text-align: center;
    }
    .elementor-1836 .elementor-element.elementor-element-5d00f8f .elementor-heading-title::after {
        left: 50%;
        transform: translateX(-50%); /* Centra la línea en tablets */
    }
}

/* Celulares (Mobile) */
@media (max-width: 767px) {
    .elementor-1836 .elementor-element.elementor-element-5d00f8f .elementor-heading-title {
        font-size: 28px !important;
        line-height: 1.2 !important;
        margin-bottom: 25px !important;
        text-align: center;
        display: block;
    }
    .elementor-1836 .elementor-element.elementor-element-5d00f8f .elementor-heading-title::after {
        left: 50%;
        transform: translateX(-50%); /* Centra la línea en móviles */
        width: 40px;
    }
}/* End custom CSS */
/* Start custom CSS for google_maps, class: .elementor-element-dafc956 *//* =============================================
   DISEÑO INDUSTRIAL TECH - FERRETERÍA GARRIDO
   ============================================= */

.elementor-1836 .elementor-element.elementor-element-dafc956 {
    --amarillo-garrido: #FFD700;
    --borde-gris: #eeeeee;
    
    border: 1px solid var(--borde-gris) !important;
    border-radius: 12px !important; /* Mismo radio que tus tarjetas de productos */
    overflow: hidden !important;
    background: #ffffff !important;
    box-shadow: 0px 10px 30px rgba(0,0,0,0.05) !important;
    height: 450px !important;
    transition: all 0.4s ease !important;
    position: relative;
}

/* Efecto de línea amarilla superior (como en tus productos) */
.elementor-1836 .elementor-element.elementor-element-dafc956::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: var(--amarillo-garrido);
    z-index: 10;
}

/* El mapa se ve limpio y profesional */
.elementor-1836 .elementor-element.elementor-element-dafc956 iframe {
    filter: saturate(0.8) contrast(1.1) !important;
    transition: all 0.5s ease !important;
}

/* Hover sutil: se eleva como tus categorías */
.elementor-1836 .elementor-element.elementor-element-dafc956:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0px 15px 35px rgba(0,0,0,0.1) !important;
    border-color: var(--amarillo-garrido) !important;
}

/* Ajuste Responsivo */
@media (max-width: 767px) {
    .elementor-1836 .elementor-element.elementor-element-dafc956 {
        height: 300px !important;
        margin-top: 25px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6036cc7 *//* FORZAR ESTILO AL CONTENEDOR */
.elementor-1836 .elementor-element.elementor-element-6036cc7 {
    background-color: #ffffff !important;
    border: 1px solid #eeeeee !important;
    border-radius: 12px !important;
    padding: 30px !important;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.3s ease !important;
}

/* EFECTO AL PASAR EL MOUSE (CONTENEDOR) */
.elementor-1836 .elementor-element.elementor-element-6036cc7:hover {
    border-color: #FFD700 !important; /* Amarillo */
    transform: translateY(-5px) !important;
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.15) !important;
}

/* ESTILO DE LA LISTA DE ICONOS (TARJETAS GRISES) */
.elementor-1836 .elementor-element.elementor-element-6036cc7 .elementor-icon-list-item {
    background-color: #f9f9f9 !important;
    margin-bottom: 10px !important;
    padding: 15px 20px !important;
    border-radius: 8px !important;
    border-left: 4px solid #FFD700 !important; /* Línea amarilla lateral */
    transition: all 0.3s ease !important;
}

/* EFECTO AL PASAR EL MOUSE (ITEMS DE LISTA) */
.elementor-1836 .elementor-element.elementor-element-6036cc7 .elementor-icon-list-item:hover {
    background-color: #ffffff !important;
    transform: translateX(10px) !important;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.1) !important;
}

/* COLOR DE LOS ICONOS Y TEXTO */
.elementor-1836 .elementor-element.elementor-element-6036cc7 .elementor-icon-list-icon i {
    color: #FFD700 !important;
}

.elementor-1836 .elementor-element.elementor-element-6036cc7 .elementor-icon-list-text {
    color: #333333 !important;
}

/* MAPA REDONDEADO */
.elementor-1836 .elementor-element.elementor-element-6036cc7 iframe {
    border-radius: 12px !important;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.05) !important;
}/* End custom CSS */