.elementor-31834 .elementor-element.elementor-element-a0e6eca{--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;--overlay-opacity:0.87;}.elementor-31834 .elementor-element.elementor-element-a0e6eca:not(.elementor-motion-effects-element-type-background), .elementor-31834 .elementor-element.elementor-element-a0e6eca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://magmasuperficies.com/wp-content/uploads/2026/06/Casa-Karim-1.jpg");background-position:center center;background-size:cover;}.elementor-31834 .elementor-element.elementor-element-a0e6eca::before, .elementor-31834 .elementor-element.elementor-element-a0e6eca > .elementor-background-video-container::before, .elementor-31834 .elementor-element.elementor-element-a0e6eca > .e-con-inner > .elementor-background-video-container::before, .elementor-31834 .elementor-element.elementor-element-a0e6eca > .elementor-background-slideshow::before, .elementor-31834 .elementor-element.elementor-element-a0e6eca > .e-con-inner > .elementor-background-slideshow::before, .elementor-31834 .elementor-element.elementor-element-a0e6eca > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-31834 .elementor-element.elementor-element-a0e6eca.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-31834 .elementor-element.elementor-element-84c6f38{--spacer-size:133px;}.elementor-31834 .elementor-element.elementor-element-a7f3daf.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-31834 .elementor-element.elementor-element-a7f3daf{text-align:center;}.elementor-31834 .elementor-element.elementor-element-3f1ae6f{width:var( --container-widget-width, 71.055% );max-width:71.055%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:71.055%;--container-widget-flex-grow:0;text-align:center;}.elementor-31834 .elementor-element.elementor-element-3f1ae6f.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-31834 .elementor-element.elementor-element-3f1ae6f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:300;line-height:1.5em;letter-spacing:3.3px;color:#FFFFFF;}.elementor-31834 .elementor-element.elementor-element-ae30878{--spacer-size:33px;}.elementor-31834 .elementor-element.elementor-element-749aa78{--display:flex;}.elementor-31834 .elementor-element.elementor-element-749aa78:not(.elementor-motion-effects-element-type-background), .elementor-31834 .elementor-element.elementor-element-749aa78 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#333333;}.elementor-31834 .elementor-element.elementor-element-749aa78.e-con{--align-self:center;}.elementor-31834 .elementor-element.elementor-element-a20e500{--spacer-size:3px;}.elementor-31834 .elementor-element.elementor-element-6c10bf3{margin:-7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-31834 .elementor-element.elementor-element-6c10bf3.elementor-element{--align-self:flex-start;}.elementor-31834 .elementor-element.elementor-element-892ae82{--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-31834 .elementor-element.elementor-element-892ae82:not(.elementor-motion-effects-element-type-background), .elementor-31834 .elementor-element.elementor-element-892ae82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1D1D1D;}.elementor-31834 .elementor-element.elementor-element-892ae82.e-con{--align-self:center;}.elementor-31834 .elementor-element.elementor-element-f293368{--display:flex;}.elementor-31834 .elementor-element.elementor-element-6c29163{--grid-columns:3;}.elementor-31834 .elementor-element.elementor-element-5803422{--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-31834 .elementor-element.elementor-element-5803422:not(.elementor-motion-effects-element-type-background), .elementor-31834 .elementor-element.elementor-element-5803422 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161616;}.elementor-31834 .elementor-element.elementor-element-5803422.e-con{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-31834 .elementor-element.elementor-element-95b8b61{--display:flex;}.elementor-31834 .elementor-element.elementor-element-a8fcf34{--spacer-size:33px;}.elementor-31834 .elementor-element.elementor-element-7aeec4d{text-align:center;}.elementor-31834 .elementor-element.elementor-element-7aeec4d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:200;letter-spacing:3.2px;color:#FFFFFF;}.elementor-31834 .elementor-element.elementor-element-57f9091{text-align:center;font-family:"Roboto", Sans-serif;font-size:13px;font-weight:300;letter-spacing:3.3px;color:#E3E1E1;--textColor:#E3E1E1;} .elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-button, .elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-button .popup-icon,  .elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-button:hover,  .elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-button:focus, .elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-hover:hover .box-button{background:#000000;}.elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-button.elementor-button:hover, .elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-button.elementor-button:focus, .elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-button.elementor-button:hover .popup-icon, .elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-button.elementor-button:focus .popup-icon,  .elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-hover:hover .box-button.elementor-button, .elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-hover:hover .box-button.elementor-button .popup-icon{background:#D70000;}.elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-button > span:not(.filter-popup){display:flex;align-items:center;justify-content:center;flex-flow:row nowrap;}.elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-button i{order:1;margin:0 0 0 var(--btn-icon-spacing);}.elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-button svg{order:1;margin:0 0 0 var(--btn-icon-spacing);fill:#FFFFFF;color:#FFFFFF;}.elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-button .popup-icon{order:1;margin:0 0 0 var(--btn-icon-spacing);}.elementor-31834 .elementor-element.elementor-element-0f1f7d5 .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-31834 .elementor-element.elementor-element-0f1f7d5 {--box-button-padding-top:11px;--box-button-padding-right:11px;--box-button-padding-bottom:11px;--box-button-padding-left:11px;}.elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-button, .elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-button *{color:#FFFFFF;}.elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-button,  .elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-button:hover, .elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-button:focus, .elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-hover:hover .box-button{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-button.elementor-button:hover, .elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-button.elementor-button:focus, .elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-button.elementor-button:hover *, .elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-button.elementor-button:focus *, .elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-hover:hover .box-button.elementor-button, .elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-hover:hover .box-button.elementor-button *{color:#FFFFFF;}.elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-button.elementor-button:hover svg, .elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-button.elementor-button:focus svg, .elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-hover:hover .box-button.elementor-button svg{fill:#FFFFFF;color:#FFFFFF;}.elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-button:hover, .elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-button:focus, .elementor-31834 .elementor-element.elementor-element-0f1f7d5 .box-hover:hover .box-button{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-31834 .elementor-element.elementor-element-67f50b6{--spacer-size:33px;}@media(min-width:768px){.elementor-31834 .elementor-element.elementor-element-749aa78{--content-width:970px;}.elementor-31834 .elementor-element.elementor-element-892ae82{--content-width:960px;}.elementor-31834 .elementor-element.elementor-element-5803422{--content-width:960px;}}@media(max-width:1024px){.elementor-31834 .elementor-element.elementor-element-3f1ae6f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 114px;}.elementor-31834 .elementor-element.elementor-element-6c29163{--grid-columns:2;}}@media(max-width:767px){.elementor-31834 .elementor-element.elementor-element-84c6f38{--spacer-size:63px;}.elementor-31834 .elementor-element.elementor-element-a7f3daf img, .elementor-31834 .elementor-element.elementor-element-a7f3daf svg{width:70%;}.elementor-31834 .elementor-element.elementor-element-a7f3daf svg{height:auto;}.elementor-31834 .elementor-element.elementor-element-3f1ae6f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-31834 .elementor-element.elementor-element-3f1ae6f .elementor-heading-title{font-size:12px;line-height:1.5em;letter-spacing:0.5px;}.elementor-31834 .elementor-element.elementor-element-6c29163{--grid-columns:1;}}/* Start custom CSS for shortcode, class: .elementor-element-6c10bf3 */.msg-outlet-filtros-section {
  width: 100%;
  background: #333333;
  padding: 34px 20px 38px;
  font-family: Roboto, Arial, sans-serif;
}

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

.msg-outlet-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-outlet-filtros {
  display: flex;
  justify-content: left;
  gap: 48px;
  flex-wrap: wrap;
}

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

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

/* Limpieza del shortcode Search & Filter */
.msg-outlet-material-wrap .searchandfilter ul {
  margin: 0 !important;
  padding: 0 !important;
}

.msg-outlet-material-wrap .searchandfilter li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.msg-outlet-material-wrap .searchandfilter h4 {
  display: none !important;
}

.msg-outlet-material-wrap .searchandfilter input[type="submit"] {
  display: none !important;
}

.msg-outlet-material-wrap .searchandfilter label {
  display: block !important;
  margin: 0 !important;
}

/* Wrapper único para ambos selects */
.msg-outlet-select-wrap {
  position: relative;
  display: block;
  width: 100%;
  min-width: 320px;
}

/* Flecha única e idéntica para Material y Precio */
.msg-outlet-select-wrap::after {
  content: "";
  position: absolute;
  right: 24px;
  top: 50%;
  width: 0;
  height: 0;
  pointer-events: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid rgba(255, 255, 255, 0.58);
  transform: translateY(-50%);
  opacity: 1;
  z-index: 2;
}

/* Select único para Material y Precio */
.msg-outlet-select,
.msg-outlet-material-wrap .searchandfilter select {
  width: 100% !important;
  min-width: 320px !important;
  height: 58px !important;
  padding: 0 52px 0 26px !important;
  border-radius: 32px !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  background-color: #222222 !important;
  color: #ffffff !important;
  font-family: Roboto, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  letter-spacing: 3.3px !important;
  outline: none !important;
  cursor: pointer !important;
  box-shadow: none !important;

  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;

  background-image: none !important;
}

.msg-outlet-select:hover,
.msg-outlet-material-wrap .searchandfilter select:hover {
  border-color: rgba(255, 255, 255, 0.45) !important;
}

.msg-outlet-select:focus,
.msg-outlet-material-wrap .searchandfilter select:focus {
  border-color: rgba(255, 255, 255, 0.65) !important;
}

/* Quitar flechas nativas */
.msg-outlet-select::-ms-expand,
.msg-outlet-material-wrap .searchandfilter select::-ms-expand {
  display: none !important;
}

/* Evitar flechas extra del theme o plugin */
.msg-outlet-select-wrap::before,
.msg-outlet-material-wrap .searchandfilter label::before,
.msg-outlet-material-wrap .searchandfilter label::after {
  display: none !important;
  content: none !important;
}

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

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

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

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

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

  .msg-outlet-select-wrap {
    width: 100%;
    min-width: 100%;
  }

  .msg-outlet-select,
  .msg-outlet-material-wrap .searchandfilter select {
    width: 100% !important;
    min-width: 100% !important;
    height: 54px !important;
    font-size: 13px !important;
    letter-spacing: 2.4px !important;
  }

  .msg-outlet-select-wrap::after {
    right: 22px;
  }
}/* End custom CSS */