.elementor-55 .elementor-element.elementor-element-4bd418f{--display:flex;}.elementor-55 .elementor-element.elementor-element-0d72321{--display:flex;--margin-top:45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-55 .elementor-element.elementor-element-c4841b0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-55 .elementor-element.elementor-element-26ca304{--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-55 .elementor-element.elementor-element-b989b4b{width:var( --container-widget-width, 99.61% );max-width:99.61%;--container-widget-width:99.61%;--container-widget-flex-grow:0;}.elementor-55 .elementor-element.elementor-element-b989b4b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-55 .elementor-element.elementor-element-544b459{--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-55 .elementor-element.elementor-element-386e1f2{--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-55 .elementor-element.elementor-element-903d6ab{--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-55 .elementor-element.elementor-element-6b8d6e5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-55 .elementor-element.elementor-element-011f63a{--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-55 .elementor-element.elementor-element-290063f{--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-55 .elementor-element.elementor-element-b85e383{--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-55 .elementor-element.elementor-element-44a6253{--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-55 .elementor-element.elementor-element-9d66dd6{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-55 .elementor-element.elementor-element-26ca304{--width:25%;}.elementor-55 .elementor-element.elementor-element-544b459{--width:25%;}.elementor-55 .elementor-element.elementor-element-386e1f2{--width:25%;}.elementor-55 .elementor-element.elementor-element-903d6ab{--width:25%;}.elementor-55 .elementor-element.elementor-element-011f63a{--width:25%;}.elementor-55 .elementor-element.elementor-element-290063f{--width:25%;}.elementor-55 .elementor-element.elementor-element-b85e383{--width:25%;}.elementor-55 .elementor-element.elementor-element-44a6253{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-b989b4b */.door-card{
  width:320px;
  padding:18px 18px 26px;
  background:#fff;
}

.door-preview{
  width:100%;
    height: 200px;  
  aspect-ratio:3/5;
  display:flex;
  align-items:center;
  justify-content:center;
}

.door-preview img{
  width:80%;
  height:80%;
  object-fit:contain;
  transition: opacity .25s ease;
  margin-top: -10px; 
}

.door-title{
  margin:18px 0 10px;
  font-size:24px;
  font-weight:600;
  text-align: center;
}


.swatches{
  display:flex;
  align-items:center;
  gap:10px;
  justify-content: center;  /* 🔥 ESTA ES LA CLAVE */
}

.swatch{
  width:36px;
  height:36px;
  border-radius:50%;
  border:2px solid #e5e5e5;
  cursor:pointer;
}

.swatch.is-active{
  border-color:#111;
}

.more-colors{
  font-size:18px;
  font-weight:600;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fa9bfa2 */.door-card{
  width:320px;
  padding:18px 18px 26px;
  background:#fff;
}

.door-preview{
  width:100%;
    height: 200px;  
  aspect-ratio:3/5;
  display:flex;
  align-items:center;
  justify-content:center;
}

.door-preview img{
  width:80%;
  height:80%;
  object-fit:contain;
  transition: opacity .25s ease;
  margin-top: -10px; 
}

.door-title{
  margin:18px 0 10px;
  font-size:24px;
  font-weight:600;
  text-align: center;
}


.swatches{
  display:flex;
  align-items:center;
  gap:10px;
  justify-content: center;  /* 🔥 ESTA ES LA CLAVE */
}

.swatch{
  width:36px;
  height:36px;
  border-radius:50%;
  border:2px solid #e5e5e5;
  cursor:pointer;
}

.swatch.is-active{
  border-color:#111;
}

.more-colors{
  font-size:18px;
  font-weight:600;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f544d06 */.door-card{
  width:320px;
  padding:18px 18px 26px;
  background:#fff;
}

.door-preview{
  width:100%;
    height: 200px;  
  aspect-ratio:3/5;
  display:flex;
  align-items:center;
  justify-content:center;
}

.door-preview img{
  width:80%;
  height:80%;
  object-fit:contain;
  transition: opacity .25s ease;
  margin-top: -10px; 
}

.door-title{
  margin:18px 0 10px;
  font-size:24px;
  font-weight:600;
  text-align: center;
}


.swatches{
  display:flex;
  align-items:center;
  gap:10px;
  justify-content: center;  /* 🔥 ESTA ES LA CLAVE */
}

.swatch{
  width:36px;
  height:36px;
  border-radius:50%;
  border:2px solid #e5e5e5;
  cursor:pointer;
}

.swatch.is-active{
  border-color:#111;
}

.more-colors{
  font-size:18px;
  font-weight:600;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fcf2a13 */.door-card{
  width:320px;
  padding:18px 18px 26px;
  background:#fff;
}

.door-preview{
  width:100%;
    height: 200px;  
  aspect-ratio:3/5;
  display:flex;
  align-items:center;
  justify-content:center;
}

.door-preview img{
  width:80%;
  height:80%;
  object-fit:contain;
  transition: opacity .25s ease;
  margin-top: -10px; 
}

.door-title{
  margin:18px 0 10px;
  font-size:24px;
  font-weight:600;
  text-align: center;
}


.swatches{
  display:flex;
  align-items:center;
  gap:10px;
  justify-content: center;  /* 🔥 ESTA ES LA CLAVE */
}

.swatch{
  width:36px;
  height:36px;
  border-radius:50%;
  border:2px solid #e5e5e5;
  cursor:pointer;
}

.swatch.is-active{
  border-color:#111;
}

.more-colors{
  font-size:18px;
  font-weight:600;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d038f17 */.door-card{
  width:320px;
  padding:18px 18px 26px;
  background:#fff;
}

.door-preview{
  width:100%;
    height: 200px;  
  aspect-ratio:3/5;
  display:flex;
  align-items:center;
  justify-content:center;
}

.door-preview img{
  width:80%;
  height:80%;
  object-fit:contain;
  transition: opacity .25s ease;
  margin-top: -10px; 
}

.door-title{
  margin:18px 0 10px;
  font-size:24px;
  font-weight:600;
  text-align: center;
}


.swatches{
  display:flex;
  align-items:center;
  gap:10px;
  justify-content: center;  /* 🔥 ESTA ES LA CLAVE */
}

.swatch{
  width:36px;
  height:36px;
  border-radius:50%;
  border:2px solid #e5e5e5;
  cursor:pointer;
}

.swatch.is-active{
  border-color:#111;
}

.more-colors{
  font-size:18px;
  font-weight:600;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8d33b6e */.door-card{
  width:320px;
  padding:18px 18px 26px;
  background:#fff;
}

.door-preview{
  width:100%;
    height: 200px;  
  aspect-ratio:3/5;
  display:flex;
  align-items:center;
  justify-content:center;
}

.door-preview img{
  width:80%;
  height:80%;
  object-fit:contain;
  transition: opacity .25s ease;
  margin-top: -10px; 
}

.door-title{
  margin:18px 0 10px;
  font-size:24px;
  font-weight:600;
  text-align: center;
}


.swatches{
  display:flex;
  align-items:center;
  gap:10px;
  justify-content: center;  /* 🔥 ESTA ES LA CLAVE */
}

.swatch{
  width:36px;
  height:36px;
  border-radius:50%;
  border:2px solid #e5e5e5;
  cursor:pointer;
}

.swatch.is-active{
  border-color:#111;
}

.more-colors{
  font-size:18px;
  font-weight:600;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-607fe6a */.door-card{
  width:320px;
  padding:18px 18px 26px;
  background:#fff;
}

.door-preview{
  width:100%;
    height: 200px;  
  aspect-ratio:3/5;
  display:flex;
  align-items:center;
  justify-content:center;
}

.door-preview img{
  width:80%;
  height:80%;
  object-fit:contain;
  transition: opacity .25s ease;
  margin-top: -10px; 
}

.door-title{
  margin:18px 0 10px;
  font-size:24px;
  font-weight:600;
  text-align: center;
}


.swatches{
  display:flex;
  align-items:center;
  gap:10px;
  justify-content: center;  /* 🔥 ESTA ES LA CLAVE */
}

.swatch{
  width:36px;
  height:36px;
  border-radius:50%;
  border:2px solid #e5e5e5;
  cursor:pointer;
}

.swatch.is-active{
  border-color:#111;
}

.more-colors{
  font-size:18px;
  font-weight:600;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fdeb8bb */.door-card{
  width:320px;
  padding:18px 18px 26px;
  background:#fff;
}

.door-preview{
  width:100%;
    height: 200px;  
  aspect-ratio:3/5;
  display:flex;
  align-items:center;
  justify-content:center;
}

.door-preview img{
  width:80%;
  height:80%;
  object-fit:contain;
  transition: opacity .25s ease;
  margin-top: -10px; 
}

.door-title{
  margin:18px 0 10px;
  font-size:24px;
  font-weight:600;
  text-align: center;
}


.swatches{
  display:flex;
  align-items:center;
  gap:10px;
  justify-content: center;  /* 🔥 ESTA ES LA CLAVE */
}

.swatch{
  width:36px;
  height:36px;
  border-radius:50%;
  border:2px solid #e5e5e5;
  cursor:pointer;
}

.swatch.is-active{
  border-color:#111;
}

.more-colors{
  font-size:18px;
  font-weight:600;
}/* End custom CSS */