.elementor-220 .elementor-element.elementor-element-0770387{--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-popup-modal-220{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-220 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-220 .dialog-close-button{display:flex;}#elementor-popup-modal-220 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:767px){.elementor-220 .elementor-element.elementor-element-0770387{--justify-content:flex-start;}}@media(min-width:768px){.elementor-220 .elementor-element.elementor-element-0770387{--content-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-3ca4de3 *//* Agrupación horizontal para Quantity y Type */
.popup-row {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  margin-bottom: 10px;
  align-items: flex-end;
}


/* Control individual de ancho */
.popup-qty-group {
  flex: 0 0 90px; /* ancho fijo para cantidad */
}

.popup-type-group {
  flex: 1; /* ocupa el resto del espacio disponible */
}

/* Ajuste visual del campo select */
.popup-type-group select {
  max-width: 90%;
}

/* Estilo general para campos */
#popup-add-form label {
  display: block;
  font-weight: 600;
  margin-bottom: 4px;
  font-size: 14px;
}

#popup-add-form input[type="number"],
#popup-add-form select,
#popup-add-form textarea {
  width: 100%;
  max-width: 100%;
  padding: 6px 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* Textarea más amplio */
#popup-note {
  height: 120px;    
  width: 100%;
  max-width: 100%;
}

/* Botones */
#popup-add-btn,
#popup-cancel-btn {
  margin-right: 10px;
  margin-top: 10px;
}

/* Imagen responsiva */
.popup-media img {
  max-width: 70%;
  height: auto;
  border-radius: 6px;
}

/* Layout general */
.popup-layout {
  padding: 20px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  max-width: 500px;
  margin: auto;
}


.popup-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.popup-variants { grid-column: 1 / -1; } /* que las variantes tomen el ancho completo si están en la misma fila *//* End custom CSS */