.elementor-836 .elementor-element.elementor-element-d63ee3c{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-836 .elementor-element.elementor-element-d7370b2{--display:flex;}.elementor-836 .elementor-element.elementor-element-90ba049{--display:flex;}.elementor-836 .elementor-element.elementor-element-dba4b5e{--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-836 .elementor-element.elementor-element-c95078b{--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-836 .elementor-element.elementor-element-afef817{width:var( --container-widget-width, 99.61% );max-width:99.61%;--container-widget-width:99.61%;--container-widget-flex-grow:0;}.elementor-836 .elementor-element.elementor-element-afef817.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-836 .elementor-element.elementor-element-a165578{--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-836 .elementor-element.elementor-element-5046162{width:var( --container-widget-width, 99.61% );max-width:99.61%;--container-widget-width:99.61%;--container-widget-flex-grow:0;}.elementor-836 .elementor-element.elementor-element-5046162.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-836 .elementor-element.elementor-element-5a2b826{--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-836 .elementor-element.elementor-element-2082d8b{width:var( --container-widget-width, 99.61% );max-width:99.61%;--container-widget-width:99.61%;--container-widget-flex-grow:0;}.elementor-836 .elementor-element.elementor-element-2082d8b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-836 .elementor-element.elementor-element-e5029ec{--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-836 .elementor-element.elementor-element-f7f53f1{width:var( --container-widget-width, 99.61% );max-width:99.61%;--container-widget-width:99.61%;--container-widget-flex-grow:0;}.elementor-836 .elementor-element.elementor-element-f7f53f1.elementor-element{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-836 .elementor-element.elementor-element-c95078b{--width:25%;}.elementor-836 .elementor-element.elementor-element-a165578{--width:25%;}.elementor-836 .elementor-element.elementor-element-5a2b826{--width:25%;}.elementor-836 .elementor-element.elementor-element-e5029ec{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-afef817 */.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-5046162 */.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:100%;
  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-2082d8b */.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:100%;
  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-f7f53f1 */.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:100%;
  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 */