/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 05 2020 | 09:58:05 */
/*BREADCRUMB*/
body.woocommerce-checkout .page-header .page-breadcrumbs{display: none}

/*TABLA DE PRODUCTOS*/
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table{border: none; margin-bottom: 30px; background: #fff; padding: 0px}
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table th{background: var(--background); padding: 10px 0px; font-weight: 600; 
  border-bottom: 1px solid var(--color-borde-1)} /*cabeceras*/
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-remove{padding-right: 30px !important}
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-thumbnail,
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-name,
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-price,
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-quantity,
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-subtotal,
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-remove{padding: 0px; vertical-align: middle}
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table tbody > tr:last-child td{border-bottom: 1px solid var(--color-borde-1)}
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-name,
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-name a{color: var(--color-enlace)}  /*nombre del producto*/
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-name a:hover{color: var(--color-enlace-hover)}
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-name img{display: none}
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-name dl.variation{margin-bottom: 0px} /*tienda a la que pertenece el producto*/
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-name .product-detail-mobile{display: none} /*precio en columna del nombre del producto*/
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-price span{font-size: 16px; font-weight: 500} /*precio por unidad*/
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-quantity label.label{display: none} /*label "cantidad"*/
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-quantity .qty-box{max-width: 80px; display: flex; align-items: center; justify-content: center;
    background: var(--background-input);} /*caja para aumentar disminuir la cantidad*/
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-quantity .qty-box input{width: 25px; border: none !important}
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-quantity .qty-box span{height: 38px; display: flex; align-items: center; padding: 0px 5px; cursor: pointer;} /*icono - y +*/
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-quantity .qty-box span:before{}
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-quantity .product-remove{display: none} /*X para remover la cantidad de un producto*/
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-subtotal span{font-size: 16px; font-weight: 700 !important;} /*subtotal del producto*/
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-remove a.mf-remove{} 
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-remove a.mf-remove:hover{}
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.actions{padding: 20px 0px}
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.actions .coupon{display: flex; flex-wrap: wrap; float: left;}
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.actions .coupon label{display: none} /*etiqueta "cupon"*/
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.actions .coupon input.input-text{min-width: 220px; height: 40px;} /*input donde indicamos el codigo del cupon*/
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.actions a.btn-shop{padding: 12px 20px !important; margin-right: 10px;} /*boton "volver a la tienda"*/
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.actions input.button{cursor: pointer !important; height: 40px; line-height: initial;} /*botones "actualziar cesta" y "aplicar cupon"*/
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.actions input.button:hover{}
body.woocommerce-checkout form.woocommerce-cart-form table.shop_table .wc-proceed-to-checkout{display: none} /*boton "Finalizar Compra" (ya no hace falta proque esta todo integrado en la misma pagina)*/
/*cupones*/
.woocommerce-notices-wrapper .woocommerce-info{display: none} /*otro input de cupon*/
body.woocommerce-checkout div.col-form-coupon{display: none} /*otro input de cupon*/
body.woocommerce-checkout div.col-coupon{width: 100%; padding: 20px 20px 50px; margin: 0px; max-width: 1202px; margin-bottom: 50px}
body.woocommerce-checkout div.col-coupon label{margin-right: 10px, text-transform: uppercase; font-weight: 600;}
body.woocommerce-checkout div.col-coupon input.input-text{width: 100%; max-width: 300px;} /*input text*/
body.woocommerce-checkout div.col-coupon input.button{float: right} /*boton "Aplicar cupón"*/
/*calcular envio*/
body.woocommerce-checkout form.woocommerce-shipping-calculator{display: none}
/*modulo intependiente logear con redes sociales */
body.woocommerce-checkout  .woocommerce > .row > p.woocommerce-info{display: none}
body.woocommerce-checkout  .woocommerce > .row > form.login.ywsl-box{display: none !important}

/*FORMUARLIO FACTURACION Y REALIZAR PEDIDO*/
body.woocommerce-checkout form.woocommerce-checkout h3,
body.woocommerce-checkout form.woocommerce-checkout h3 span{text-transform: uppercase !important; background: transparent; padding: 10px 0px; font-weight: 800; font-size: 20px;} /*titulo*/

/*FACTURACION*/
body.woocommerce-checkout #customer_details{}
body.woocommerce-checkout #customer_details input,
body.woocommerce-checkout #customer_details textarea,
body.woocommerce-checkout #customer_details span.selection > span{} /*inputs, textareas y selects*/
body.woocommerce-checkout #customer_details label{font-size: 14px} /*labels*/
body.woocommerce-checkout #customer_details label abbr{text-decoration: none; border-bottom: none !important;} /*campo obligatorio*/
/*"¿enviar a una dirección diferente?"*/
body.woocommerce-checkout #customer_details > .checkout-shipping h3 span{padding: 0px 0px 0px 25px!important}
body.woocommerce-checkout #customer_details > .checkout-shipping h3 span:before{top: 1px;} /*input checkbox*/
body.woocommerce-checkout #customer_details > .checkout-shipping textarea{min-height: 120px}


/*METODOS DE PAGO*/
body.woocommerce-checkout #order_review{}
body.woocommerce-checkout #order_review table.shop_table thead,
body.woocommerce-checkout #order_review tbody{display: none}
body.woocommerce-checkout #order_review table.shop_table .coupon-regalo-promocional-guia{display: none}
body.woocommerce-checkout #order_review table.shop_table{background: #fff !important; border-color: var(--color-borde-1);}/*tabla con productos y precios*/
body.woocommerce-checkout #order_review table.shop_table a.wcfm_dashboard_item_title{} /*nombre de la tienda*/
body.woocommerce-checkout #order_review table.shop_table span.amount{font-size: 14px; font-weight: 500 !important;} /*precios*/
body.woocommerce-checkout #order_review table.shop_table tr.order-total span.amount{font-size: 18px; font-weight: 800 !important; font-family: var(--font-family2)} /*precio total*/
body.woocommerce-checkout #order_review table.shop_table tr.cart-subtotal td,
body.woocommerce-checkout #order_review table.shop_table tr.shipping td,
body.woocommerce-checkout #order_review table.shop_table tr.order-total td,
body.woocommerce-checkout #order_review table.shop_table tfoot th{border-color: var(--color-borde-1);}
body.woocommerce-checkout #order_review a.woocommerce-privacy-policy-link,
body.woocommerce-checkout #order_review a.woocommerce-terms-and-conditions-link{} /*enlaces a la "politica de privacidad" y "terminos y condiciones"*/
body.woocommerce-checkout #order_review a.woocommerce-privacy-policy-link:hover,
body.woocommerce-checkout #order_review a.woocommerce-terms-and-conditions-link:hover{text-decoration: underline}
body.woocommerce-checkout #order_review button#place_order{} /*boton "Realizar pedido"*/
body.woocommerce-checkout #order_review button#place_order:hover{}
/*metodos de pago*/
body.woocommerce-checkout #order_review ul.wc_payment_methods{background: #fff !important; border-color: var(--color-borde-1);}
/*metodos de pago -stripe*/
body.woocommerce-checkout #order_review .payment_method_stripe div.form-row{margin-bottom: 0px !important; padding: 5px}
body.woocommerce-checkout #order_review .payment_method_stripe div.form-row label{}
body.woocommerce-checkout #order_review .payment_method_stripe div.form-row .wc-stripe-elements-field{} /*inputs de los datos de la tarjeta*/
body.woocommerce-checkout #order_review .payment_method_stripe p.woocommerce-SavedPaymentMethods-saveNew input{margin: 0px; position: relative; top: 2px;} /*guardar los datos de la tarjeta*/
body.woocommerce-checkout #order_review .payment_method_stripe p.woocommerce-SavedPaymentMethods-saveNew label{line-height: 20px;}


/*RESPONSIVE*/
/*tabla de productos*/
@media (max-width: 992px){
  	body.woocommerce-checkout h1.entry-title{max-width: 750px; padding: 50px 0px 0px !important;}
  	body.woocommerce-checkout form.woocommerce-cart-form h2.cart-title{display: none}
  	body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-thumbnail img{padding-right: 5px}
	body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-name a{font-size: 12px; font-weight: 600;}
  	body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-price span{font-size: 12px; font-weight: 500}
  	body.woocommerce-checkout form.woocommerce-cart-form table.shop_table td.product-subtotal span{font-size: 12px; font-weight: 600 !important} 
}
@media (max-width: 768px){
	body.woocommerce-checkout form.woocommerce-cart-form{padding: 0px 15px}
  	body.woocommerce-checkout form.woocommerce-cart-form table.shop_table thead{display: none}
  	body.woocommerce-checkout form.woocommerce-cart-form table.shop_table tbody{display: flex; flex-direction: column;}
  	body.woocommerce-checkout form.woocommerce-cart-form table.shop_table tbody > tr.cart_item{padding: 15px; border: 1px solid var(--color-border-input-1);display: flex; flex-direction: column; 
      justify-content: center; align-items: center; position: relative;} /*ficha producto*/
  	body.woocommerce-checkout form.woocommerce-cart-form table.shop_table tbody > tr.cart_item:not(:last-child){margin-bottom: 15px}
  body.woocommerce-checkout form.woocommerce-cart-form table.shop_table tbody > tr.cart_item td:not(:last-child){margin-bottom: 5px}
  	body.woocommerce-checkout form.woocommerce-cart-form table.shop_table tr.cart_item td.product-remove{position: absolute; top: 7px; right: -20px;} /*boton "X" remove*/
  	body.woocommerce-checkout form.woocommerce-cart-form table.shop_table tr:last-child{border-bottom: 1px solid #d6d6d6; display: flex; justify-content: center}
  	body.woocommerce-checkout form.woocommerce-cart-form table.shop_table tr:last-child td{border-bottom: none; padding-right: 0px}
}
@media (max-width: 678px){
	body.woocommerce-checkout form.woocommerce-cart-form .coupon{text-align: center}
  	body.woocommerce-checkout form.woocommerce-cart-form .coupon label{display: none}
  	body.woocommerce-checkout form.woocommerce-cart-form .coupon .input-text{margin-bottom: 20px}
  	body.woocommerce-checkout form.woocommerce-cart-form .coupon input.button{float: none; display: block; margin: 0px auto;}
}