/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 09 2025 | 21:06:13 */
/* 
Las páginas nuevas de WooCommerce usan Checkout/cart “Blocks” de WooCommerce; el plugin de Openpay (MX) no es compatible con el Checkout Block, así que WooCommerce no muestra ningún medio de pago y aparece “No hay ningún método de pago disponible”. En MasComputo sigues usando las plantillas “clásicas” [shortcodes] y por eso sí aparece Openpay.
*/

/* Checkout en 2 columnas (floats) – Divi + Woo clásico */
@media (min-width: 850px){

  /* Contenedor: evitar que el tema imponga grid/flex y contener floats */
  .woocommerce-checkout form.checkout{
    display:block;
  }
  .woocommerce-checkout form.checkout::after{
    content:"";
    display:table;
    clear:both; /* clearfix */
  }

  /* Normalizar columnas internas del col2-set (evita 2 subcolumnas) */
  #customer_details .col-1,
  #customer_details .col-2{
    width:100% !important;
    float:none !important;
    margin:0 !important;
  }

  /* Anchos base de las 2 columnas */
  #customer_details,
  #order_review_heading,
  #order_review,
  .woocommerce-checkout-review-order{ /* fallback si no existe #order_review */
    width:48%;
    box-sizing:border-box;
  }

  /* Izquierda: datos del cliente */
  #customer_details{
    float:left;
    margin-right:4%; /* gap entre columnas */
  }

  /* Derecha: título y resumen/pago */
  #order_review_heading{
    float:right;
    margin:0 0 10px 0; /* separarlo del bloque de abajo */
    clear:none;
  }
  #order_review,
  .woocommerce-checkout-review-order{
    float:right;
    clear:right; /* que quede debajo del heading, misma columna */
    margin:0;    /* evitar empujes raros del tema */
  }
}

/* Mobile: 1 columna */
@media (max-width: 849px){
  #customer_details,
  #order_review_heading,
  #order_review,
  .woocommerce-checkout-review-order{
    width:100% !important;
    float:none !important;
    margin:0 0 14px 0 !important;
    box-sizing:border-box;
  }
}

/* Payment box más limpio */
.woocommerce-checkout #payment{
  border-radius:12px; padding:18px; background:#F5F7F9;
}
.woocommerce-checkout #payment .payment_box{
  background:#fff; border:1px solid #e7e7e7; border-radius:10px; padding:16px;
}

/* Ajustes Pago - OpenPay*/
/* Triangulito Down */
.woocommerce-checkout #payment div.payment_box::before {
  content: "";
  display: block;
  border: 1em solid #e7e7e7;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  position: absolute;
  top: -.75em;
  left: 0;
  margin: -1.2em 0 0 2em;
}

/* Ajuste Texto Privacidad */
.woocommerce-privacy-policy-text {
  padding: 10px 0;
}

/* Botón final consistente y full-width */
.woocommerce #place_order{
  background-color: #ff6600;
  width:100%; border-radius:8px; font-weight:700;
}