main{
margin-top:0px!important;
margin-bottom:0px!important;
}
.wp-block-group-is-layout-constrained{
margin-top:0px!important;
margin-bottom:0px!important;
    padding-top:0px!important;
    padding-bottom: 0px!important;
}
:root {
  --verde: #05683c;
  --verde-mediotono: #05683c8f;
  --amarillo: #d2a434;
  --amarillo-mediotono: #d2a4348a;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.rollover{
   filter: saturate(0);
   cursor:pointer;
  }
  .rollover:hover{
   filter: saturate(1);
  }
.footer {
  border-bottom: 5px solid var(--verde);
  background-color: var(--verde-mediotono);
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.page__container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.icon__20px {
  width: 20px;
  height: 30.7656px;
}

.icon__text450px {
  width: 450px;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
}

.col--icon__center {
  text-align: center;
}

.col--text__left {
  justify-content: center;
  align-items: center;
  display: block;
}

.text {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  font-weight: 700;
  display: flex;
}

.text__30px {
  justify-content: flex-start;
  align-items: center;
  height: 20px;
  display: flex;
}

.social-media {
  padding-top: 0;
  padding-bottom: 20px;
}

.icon__sm {
  width: 20px;
  height: auto;
}

.link__socialmedia {
  background-color: var(--verde);
  text-align: center;
  border-radius: 3px;
  padding: 8px;
  box-shadow: 0 2px 5px #0003;
}

.link__socialmedia:hover {
  background-color: var(--amarillo);
}

.col__socialmedia {
  text-align: center;
}

.text--socialmedia {
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
}

.link__map {
  color: #fff;
  margin-left: 20px;
  text-decoration: none;
}

.link__map:hover {
  color: var(--verde);
}

.icon_30px {
  height: 30px;
}

.menu {
  background-color: var(--amarillo);
}

.sider1 {
  color: #f0e8e8;
  background-image: url('../images/banner--ferreteria-back.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.header {
  height: 400px;
}

.slider2 {
  background-color: var(--amarillo);
  color: #fff;
  background-image: linear-gradient(#0000005e, #0000005e), url('../images/pared.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.heading, .centrado {
  text-align: center;
}

.centrado.white {
  color: #fff;
}

.slider__content {
  justify-content: center;
  align-items: center;
  height: 400px;
  display: flex;
}

.catalogos {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.calltoaction {
  background-color: #25d366;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.whatsapp {
  z-index: 99;
  background-color: #25d366;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 73px;
  height: 72px;
  padding: 8px;
  display: inline-block;
  position: fixed;
  inset: auto 0% 200px auto;
  box-shadow: 0 2px 5px #0003;
}

.valoragregado {
  background-color: var(--amarillo);
  padding-top: 40px;
  padding-bottom: 40px;
}

.box__brand {
  background-image: linear-gradient(to bottom, var(--amarillo-mediotono), var(--amarillo-mediotono)), url('https://ferreteriaelizar.mx/wp-content/uploads/2024/12/ferreteria1.webp');
  color: #fff;
  text-align: center;
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 280px;
  height: 280px;
  font-size: 32px;
  line-height: 38px;
  display: flex;
}

.box__brand:hover {
  background-image: linear-gradient(to bottom, var(--verde-mediotono), var(--verde-mediotono)), url('https://ferreteriaelizar.mx/wp-content/uploads/2024/12/ferreteria1.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.box__brand.two {
  background-image: linear-gradient(to bottom, var(--amarillo-mediotono), var(--amarillo-mediotono)), url('https://ferreteriaelizar.mx/wp-content/uploads/2024/12/ferreteria2.webp');
}

.box__brand.two:hover {
  background-image: linear-gradient(to bottom, var(--verde-mediotono), var(--verde-mediotono)), url('https://ferreteriaelizar.mx/wp-content/uploads/2024/12/ferreteria2.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.box__brand.tree {
  background-image: radial-gradient(circle farthest-corner at 100% 0%, #66460275, #ffffff1c), linear-gradient(to bottom, var(--amarillo-mediotono), var(--amarillo-mediotono)), url('https://ferreteriaelizar.mx/wp-content/uploads/2024/12/ferreteria3.webp');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.box__brand.tree:hover {
  background-image: linear-gradient(to bottom, var(--verde-mediotono), var(--verde-mediotono)), url('https://ferreteriaelizar.mx/wp-content/uploads/2024/12/ferreteria3.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.link_white {
  color: #fff;
  text-decoration: none;
}

.valores {
  padding-top: 40px;
  padding-bottom: 40px;
}

.link-_catalogos {
  cursor: pointer;
  mix-blend-mode: difference;
}

.menu__link {
  color: var(--verde);
  font-size: 20px;
  font-weight: 700;
}

.menu__link:hover {
  background-color: var(--verde);
  color: var(--amarillo);
  border-bottom: 1px solid #fff;
}

.astromex {
  background-image: url('../images/astromex_black.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 180px;
  width: 100%;
  height: 125px;
  transform: scale(.8);
}

.astromex:hover {
  background-image: url('../images/astromex.jpg');
  transform: none;
  box-shadow: 0 2px 5px #0003;
}

.truper {
  background-image: url('../images/truper_black.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 125px;
  transform: scale(.8);
}

.truper:hover {
  background-image: url('../images/truper.jpg');
  transform: none;
  box-shadow: 0 2px 5px #0003;
}

.kover {
  background-image: url('../images/kover_black.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 125px;
  width: 100%;
  height: 125px;
  transform: scale(.8);
}

.kover:hover {
  background-image: url('../images/kover.jpg');
  transform: none;
  box-shadow: 0 2px 5px #0003;
}

.hecort {
  background-image: url('../images/Hecort_bck.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 250px;
  height: 125px;
  transform: scale(.8);
}

.hecort:hover {
  background-image: url('../images/Hecort.jpg');
  transform: none;
  box-shadow: 0 2px 5px #0003;
}

.durex {
  background-image: url('../images/dexter_black.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 180px;
  width: 100%;
  height: 125px;
  transform: scale(.8);
}

.durex:hover {
  background-image: url('../images/dexter.jpg');
  transform: none;
  box-shadow: 0 2px 5px #0003;
}

.berel {
  background-image: url('../images/berel_black.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 125px;
  transform: scale(.8);
}

.berel:hover {
  background-image: url('../images/berel.jpg');
  transform: none;
  box-shadow: 0 2px 5px #0003;
}

.cols__750px {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.col__hover {
  padding-left: 25px;
  padding-right: 25px;
}

.aceptamos--socialmedia {
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
}

.item_carrusel {
  float: left;
  display: block;
}

.row {
  float: left;
  width: 100%;
}

.row.carrusel {
  overflow: scroll;
}

.image {
  overflow: visible;
}

.link__product {
  float: left;
  filter: grayscale();
  text-align: center;
  width: 250px;
  text-decoration: none;
  transform: rotate(-31deg);
}

.link__product:hover {
  filter: none;
  transform: rotate(0);
}

.paragraph {
  color: #fff;
  text-decoration: none;
}

.carrusel__row {
  width: 3000px;
  height: 135px;
  position: relative;
  overflow: visible;
}

.link__telephone {
  color: #fff;
  letter-spacing: 2px;
  margin-left: 20px;
  font-size: 22px;
  font-weight: 700;
  text-decoration: none;
}

@media screen and (max-width: 479px) {
  .icon__text450px {
    width: 100%;
  }

  .col--icon__center {
    text-align: left;
  }

  .social-media {
    border-bottom: 1px solid #fff;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .link__map {
    margin-left: 0;
  }

  .header {
    height: 450px;
  }

  .catalogos {
    padding-left: 8px;
    padding-right: 8px;
  }

  .box__brand {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .box__brand.two {
    margin-left: auto;
    margin-right: auto;
  }

  .cols__750px {
    width: 300px;
  }

  .boxs__brand {
    text-align: center;
    width: 100%;
  }

  .link__telephone {
    color: #fff;
    border-bottom: 1px solid #fff;
    width: 100%;
    margin-left: 0;
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
  }

  .direccion {
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
  }
}