.elementor-16272 .elementor-element.elementor-element-5a1faca{--additional-information-display:block;}/* Start custom CSS for woocommerce-checkout-page, class: .elementor-element-5a1faca *//* === FIX: Two Columns Layout for Elementor Checkout Widget (Flatsome) === */

/* 1️⃣ Ancho máximo y estructura principal */
.elementor-widget-woocommerce-checkout-page .e-checkout__container {
  display: grid !important;
  grid-template-columns: 1fr 380px !important; /* izquierda: formulario / derecha: resumen */
  gap: 40px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 1300px !important;
  margin: 0 auto !important;
}

/* 2️⃣ Asegurar que las columnas estén visibles */
.elementor-widget-woocommerce-checkout-page .e-checkout__column.e-checkout__column-start {
  grid-column: 1 !important;
}

.elementor-widget-woocommerce-checkout-page .e-checkout__column.e-checkout__column-end {
  grid-column: 2 !important;
}

/* 3️⃣ Estilo visual */
.elementor-widget-woocommerce-checkout-page .e-checkout__column {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e5e5e5;
  padding: 24px;
  box-sizing: border-box;
}

/* 4️⃣ Evitar que Flatsome limite el ancho */
.page-content .container,
.woocommerce-page .container {
  max-width: none !important;
  width: 100% !important;
  padding: 0 40px !important;
}

/* 5️⃣ Ajuste responsivo */
@media (max-width: 768px) {
  .elementor-widget-woocommerce-checkout-page .e-checkout__container {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
}/* End custom CSS */