.elementor-31564 .elementor-element.elementor-element-93b9819{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.78;--overlay-mix-blend-mode:multiply;--margin-top:-21px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-31564 .elementor-element.elementor-element-93b9819:not(.elementor-motion-effects-element-type-background), .elementor-31564 .elementor-element.elementor-element-93b9819 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#333333;background-image:url("https://magmasuperficies.com/wp-content/uploads/2026/06/jpeg-optimizer_CATALOGO-scaled.jpg");background-position:center center;background-repeat:repeat;background-size:cover;}.elementor-31564 .elementor-element.elementor-element-93b9819::before, .elementor-31564 .elementor-element.elementor-element-93b9819 > .elementor-background-video-container::before, .elementor-31564 .elementor-element.elementor-element-93b9819 > .e-con-inner > .elementor-background-video-container::before, .elementor-31564 .elementor-element.elementor-element-93b9819 > .elementor-background-slideshow::before, .elementor-31564 .elementor-element.elementor-element-93b9819 > .e-con-inner > .elementor-background-slideshow::before, .elementor-31564 .elementor-element.elementor-element-93b9819 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-31564 .elementor-element.elementor-element-93b9819 > .elementor-shape-bottom .elementor-shape-fill, .elementor-31564 .elementor-element.elementor-element-93b9819 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#333333;}.elementor-31564 .elementor-element.elementor-element-93b9819 > .elementor-shape-bottom svg, .elementor-31564 .elementor-element.elementor-element-93b9819 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:24px;}.elementor-31564 .elementor-element.elementor-element-0bafb06{--display:flex;--width:100%;--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-31564 .elementor-element.elementor-element-67715a1{--spacer-size:133px;}.elementor-31564 .elementor-element.elementor-element-863dfe4{text-align:center;}.elementor-31564 .elementor-element.elementor-element-863dfe4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:300;letter-spacing:3.3px;color:#FFFFFF;}.elementor-31564 .elementor-element.elementor-element-609dbf8{text-align:center;}.elementor-31564 .elementor-element.elementor-element-609dbf8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:300;line-height:2.1em;letter-spacing:3.3px;color:#FFFFFF;}.elementor-31564 .elementor-element.elementor-element-8189492{--spacer-size:33px;}.elementor-31564 .elementor-element.elementor-element-5a0d864{--display:flex;}.elementor-31564 .elementor-element.elementor-element-5a0d864:not(.elementor-motion-effects-element-type-background), .elementor-31564 .elementor-element.elementor-element-5a0d864 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#333333;}.elementor-31564 .elementor-element.elementor-element-5a0d864.e-con{--align-self:center;}.elementor-31564 .elementor-element.elementor-element-96a95ef{--spacer-size:3px;}.elementor-31564 .elementor-element.elementor-element-0a72528{margin:-7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-31564 .elementor-element.elementor-element-a596039{--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;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-31564 .elementor-element.elementor-element-a596039:not(.elementor-motion-effects-element-type-background), .elementor-31564 .elementor-element.elementor-element-a596039 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1D1D1D;}.elementor-31564 .elementor-element.elementor-element-a596039.e-con{--align-self:center;}.elementor-31564 .elementor-element.elementor-element-bd5d3ff{--grid-columns:1;--grid-row-gap:0px;width:100%;max-width:100%;--grid-column-gap:0px;}.elementor-31564 .elementor-element.elementor-element-bd5d3ff.elementor-element{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.elementor-31564 .elementor-element.elementor-element-d6b0051{--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:4px 4px;--row-gap:4px;--column-gap:4px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#323232;--border-color:#323232;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-31564 .elementor-element.elementor-element-d6b0051:not(.elementor-motion-effects-element-type-background), .elementor-31564 .elementor-element.elementor-element-d6b0051 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161616;}.elementor-31564 .elementor-element.elementor-element-d6b0051.e-con{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-31564 .elementor-element.elementor-element-b0a54b4{--display:flex;}.elementor-31564 .elementor-element.elementor-element-de8b4aa{--spacer-size:33px;}.elementor-31564 .elementor-element.elementor-element-46de112{text-align:center;}.elementor-31564 .elementor-element.elementor-element-46de112 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:200;letter-spacing:3.2px;color:#FFFFFF;}.elementor-31564 .elementor-element.elementor-element-bd6fdcb{text-align:center;font-family:"Roboto", Sans-serif;font-size:13px;font-weight:300;letter-spacing:3.3px;color:#E3E1E1;--textColor:#E3E1E1;} .elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button, .elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button .popup-icon,  .elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button:hover,  .elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button:focus, .elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-hover:hover .box-button{background:#000000;}.elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button.elementor-button:hover, .elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button.elementor-button:focus, .elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button.elementor-button:hover .popup-icon, .elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button.elementor-button:focus .popup-icon,  .elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-hover:hover .box-button.elementor-button, .elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-hover:hover .box-button.elementor-button .popup-icon{background:#D70000;}.elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button > span:not(.filter-popup){display:flex;align-items:center;justify-content:center;flex-flow:row nowrap;}.elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button i{order:1;margin:0 0 0 var(--btn-icon-spacing);}.elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button svg{order:1;margin:0 0 0 var(--btn-icon-spacing);fill:#FFFFFF;color:#FFFFFF;}.elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button .popup-icon{order:1;margin:0 0 0 var(--btn-icon-spacing);}.elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button{font-family:"Roboto", Sans-serif;font-weight:100;letter-spacing:3.3px;padding:11px 11px 11px 11px;border-radius:3px 3px 3px 3px;}.elementor-31564 .elementor-element.elementor-element-d1a2e70 {--box-button-padding-top:11px;--box-button-padding-right:11px;--box-button-padding-bottom:11px;--box-button-padding-left:11px;}.elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button, .elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button *{color:#FFFFFF;}.elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button,  .elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button:hover, .elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button:focus, .elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-hover:hover .box-button{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button.elementor-button:hover, .elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button.elementor-button:focus, .elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button.elementor-button:hover *, .elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button.elementor-button:focus *, .elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-hover:hover .box-button.elementor-button, .elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-hover:hover .box-button.elementor-button *{color:#FFFFFF;}.elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button.elementor-button:hover svg, .elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button.elementor-button:focus svg, .elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-hover:hover .box-button.elementor-button svg{fill:#FFFFFF;color:#FFFFFF;}.elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button:hover, .elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-button:focus, .elementor-31564 .elementor-element.elementor-element-d1a2e70 .box-hover:hover .box-button{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-31564 .elementor-element.elementor-element-e5c1f50{--spacer-size:33px;}@media(min-width:768px){.elementor-31564 .elementor-element.elementor-element-5a0d864{--content-width:970px;}.elementor-31564 .elementor-element.elementor-element-a596039{--content-width:960px;}.elementor-31564 .elementor-element.elementor-element-d6b0051{--content-width:960px;}}@media(max-width:1024px){.elementor-31564 .elementor-element.elementor-element-bd5d3ff{--grid-columns:2;}}@media(max-width:767px){.elementor-31564 .elementor-element.elementor-element-bd5d3ff{--grid-columns:1;}}/* Start custom CSS for shortcode, class: .elementor-element-0a72528 */.msg-obras-filtros-section {
  width: 100%;
  background: #333333;
  padding: 34px 20px 38px;
  font-family: Roboto, Arial, sans-serif;
}

.msg-obras-filtros-intro {
  max-width: 860px;
  margin: 0 auto 28px;
  text-align: center;
}

.msg-obras-filtros-intro p {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  font-family: Roboto, Arial, sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.8;
  letter-spacing: 2.4px;
}

.msg-obras-filtros {
  display: flex;
  justify-content: center;
  gap: 48px;
  flex-wrap: wrap;
}

.msg-obras-filtro {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 320px;
}

.msg-obras-filtro-label {
  font-family: Roboto, Arial, sans-serif;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 3.3px;
  text-transform: uppercase;
  color: #ffffff;
}

.msg-obras-filtro .searchandfilter ul {
  margin: 0;
  padding: 0;
}

.msg-obras-filtro .searchandfilter li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.msg-obras-filtro .searchandfilter h4 {
  display: none !important;
}

.msg-obras-filtro .searchandfilter select {
  width: 100%;
  min-width: 320px;
  height: 58px;
  padding: 0 52px 0 26px;
  border-radius: 32px;
  border: 1px solid rgba(255,255,255,0.22);
  background-color: #222222;
  color: #ffffff;
  font-family: Roboto, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 3.3px;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.msg-obras-filtro .searchandfilter select:hover {
  border-color: rgba(255,255,255,0.45);
}

.msg-obras-filtro .searchandfilter select:focus {
  border-color: rgba(255,255,255,0.65);
}

.msg-obras-filtro .searchandfilter label {
  position: relative;
  display: block;
}

.msg-obras-filtro .searchandfilter label::after {
  content: "";
  position: absolute;
  right: 24px;
  top: 50%;
  width: 0;
  height: 0;
  pointer-events: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid #ffffff;
  transform: translateY(-50%);
  opacity: 0.85;
}

.msg-obras-filtro .searchandfilter input[type="submit"] {
  display: none !important;
}

@media (max-width: 767px) {
  .msg-obras-filtros-section {
    padding: 30px 16px 34px;
  }

  .msg-obras-filtros-intro {
    margin-bottom: 24px;
  }

  .msg-obras-filtros-intro p {
    font-size: 12px;
    line-height: 1.7;
    letter-spacing: 1.8px;
  }

  .msg-obras-filtros {
    gap: 22px;
  }

  .msg-obras-filtro {
    width: 100%;
    min-width: 100%;
  }

  .msg-obras-filtro .searchandfilter select {
    width: 100%;
    min-width: 100%;
    height: 54px;
    font-size: 13px;
    letter-spacing: 2.4px;
  }
}/* End custom CSS */