.container{
	text-align:left;
	margin-right: auto;
	margin-left: auto;

}

.titulo_paso_compra{
	margin-bottom:10px;
	font-size:32px;
	font-weight:600;
	text-align:left;
	color:#1F1F1F;

}

 .payment-option {
  display: block;
  border-radius: 10px;
  margin-bottom: 15px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}

.payment-option input[type="radio"] {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  accent-color: #009ee3;
}

.payment-box {
  display: flex;
  align-items: center;
  padding: 15px 20px 15px 45px;
  background-color: #f8f8f8;
  border-radius: 10px;
  transition: all 0.3s ease;
}

.payment-title {
  flex-grow: 1;
  color: #666666;
}

.payment-icons img {
  height: 40px;
  border-radius: 3px;
  margin-left: 10px;
}

.payment-option input[type="radio"]:checked + .payment-box {
  border: 2px solid #009ee3;
  background-color: #e6f7ff;
}

@media (max-width:900px) {
.titulo_paso_compra{
	margin-bottom:10px;
	font-size:32px;
	font-weight:600;
	text-align:left;
	color:#1F1F1F;
	margin-top:10px;
}
}
@media (min-width:900px) {
.contenedor_compras{
	padding:0px 30px 0px 0px;
	}
}

.contenedor_producto{
	margin-top:10px;
	margin-bottom:10px;
}

.foto_producto{
	  min-height:80px;
	  display:inline;
}

.nombre_producto_carrito{
	font-size:16px;
	display:inline;
	color:#1F1F1F; 
}

.cantidad_a_comprar{
	max-width:60px;
	border-radius:0px; 
	margin: 0px auto;
}

@media (min-width:900px) {
.cantidad_a_comprar{
	float:right;
	}
}

.subtotal_producto{
	display:inline;
	padding-right:5px;
	font-size:18px;
	font-weight:600;
}

.precio_actual{
	display:inline;
	padding-left:5px; 
	font-size:18px;
}

.contenedor_costos{
	border:#DDDDDD 1px solid;
	background:#f9f9f9;
	padding:20px 10px; 
	border-radius:4px;
}

.subtotal{
	color:1F1F1F;
	font-size:20px;
}

.envio{
	color:1F1F1F; 
	font-size:20px;
}

.total{
	font-size:28px;
	font-weight:600; 
	color:#1F1F1F;
}

.precio-transferencia-destacado {
	color: #1F1F1F;
	padding: 12px 0;
	margin-top: 15px;
}

.precio-transferencia-destacado .precio-transferencia {
	color: #153962;
	font-weight: 600;
	font-size: 22px;
}

@media (max-width:500px) {
	.subtotal{
	color:1F1F1F;
	font-size:18px;
}

	.precio-transferencia-destacado {
		padding: 10px 0;
		margin-top: 12px;
	}

	.precio-transferencia-destacado .precio-transferencia {
		color: #153962;
		font-size: 20px;
	}

	.envio{
		color:1F1F1F; 
		font-size:18px;
	}

	.total{
		font-size:22px;
		font-weight:600; 
		color:#1F1F1F;
	}

	.payment-icons img {
		height: 25px;
		margin-left: 10px;
	}
}
.mensaje_carrito_vacio{
	margin-top:20px; 
	margin-bottom:20px;
	font-size:18px;
}

.btn-comprar{
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
}

.btn-comprar-vacio{
	max-width:250px;
}
.btn-secundario{
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
}


.botones-cant{
	width: 0%;
	white-space: nowrap;
	vertical-align: middle;
}

.btn-info{
	background:#9F9F9F;
	border: #9F9F9F 1px solid;
}
.btn-info:hover{
	background:#747474;
		border: #747474 1px solid;
}
.btn-info:focus,.btn-info:visited, .btn-info:link {
	background:#9F9F9F;
	border: #9F9F9F 1px solid;
	
}

.cantidad_a_comprar{
	text-align:center;
}


a:hover .nombre_producto_carrito{
	text-decoration:underline;
}

#centrar{
	margin-top:15px;
}
.btn-eliminar{
	margin-top:20px;
}

.form-control-tienda-online{
	display: block;
	width: 100%;
	height: 50px;
	padding: 6px 12px;
	font-size: 16px;
	line-height: 1.42857143;
	color: #555;
	background-color: #F9F9F9;
	background-image: none;
	border: 1px solid #DDD;
}
.form-control-tienda-online{
	display: block;
	width: 100%;
	height: 50px;
	padding: 6px 12px;
	font-size: 16px;
	line-height: 1.42857143;
	color: #555;
	background-color: #F9F9F9;
	background-image: none;
	border: 1px solid #DDD;
}
.btn-comprar-enviar{
	 width:auto;
	font-size:18px;
	font-weight:500;
	padding:12px 25px;
	display:inline-block;
	text-transform:uppercase;
	border-radius:0px;
	text-align:center;
	margin-bottom:20px;
		color:#FFFFFF;
}

.btn-comprar-enviar:hover, .btn-comprar-enviar:focus{
	color:#FFFFFF;
}
/*Forma envio*/
.contenedor_formas_envio{
	margin:0px auto;
	max-width:480px; 
	text-align:center;
	border:#E2E2E2 1px solid; 
	padding:30px;
}
.btn-comprar-forma-envio{
	margin-bottom:20px;
	font-size:18px;
}



@media (max-width:900px) {
	 .deposito{
	margin-bottom:20px;
	font-size:14px;
}
}

.titulo_formas_envio{
	margin-bottom:30px; 
	font-size:22px;
	color:#1F1F1F;
	font-weight:600;
}

/*Solicitar email*/
.solicitar_email{
	font-size:22px;
	margin-bottom:20px; 
	color:#1F1F1F; 
	margin-top:20px;
}
.btn-comprar-enviar{
	margin:20px 0; 
	font-size:18px;
}

/*Datos domicilio*/
.contenedor_datos_domicilio{
	border:1px #DDDDDD solid; 
	padding:20px;
	
}

@media (max-width:1000px) {
	.contenedor_datos_domicilio{
	border:1px #DDDDDD solid; 
	padding:20px;
	margin-bottom:20px;
	margin-left:2%;
	margin-right:2%;
}
}

.subtitulo_forma_envio{
	padding-bottom:10px;
	color:#1F1F1F; 
	font-weight:600;
	font-size:22px;
	border-bottom:#E2E2E2 1px solid;
	
}

/*Elegir sucursal*/
.item_sucursal{
	 position:relative;
	 padding:20px 0px;
}
.gratis{
	display:inline-block;
	float:right; 
	color:#CC0000;
	font-weight:500; 
	font-size:16px; 
}

/*Finalizar compra*/
#contenedor_modulo{
	 padding:10px; 
	 border:#DDDDDD 1px solid; 
	 padding-bottom:25px;
}

#contenedor_modulo_2{
	 padding:10px;
	 margin-bottom:20px; 
	 display:inline-block;
	 width:100%; 
	 border:#DDDDDD 1px solid;
}
.subtitulo_finalizar_compra{
	color:#1F1F1F;
	font-size:22px;
	font-weight:600; 
	margin-bottom:5px;
}
/*Datos_envio*/
.nombre_sucursal_fc{
	 position:relative;
	 font-size:16px; 
	 font-weight:600;
	 padding:10px 5px 10px 5px;
}
.datos_sucursal_fc{
	color:#666666; 
	padding:0px 5px 10px 5px;
	font-size:16px;
}
.form_sucursal{
	padding:10px 5px 10px 5px;
}
.titulo_form_sucursal{
	font-size:16px;
	padding-bottom:10px;
	font-weight:600; 
	color:#666666; 
}
.datos_domicilio_fc{
	color:#666666;
	padding:10px 5px 10px 5px;
	font-size:16px;
}
/*Modulo pago*/
.titulo_form_pago{
	 font-size:16px;
	 padding-top:10px; 
	 padding-bottom:10px;
	 font-weight:600;
	 color:#666666;
}
.contenedor_tarjeta{
	border:#DDDDDD 1px solid; 
	padding:1px;
	margin-bottom:5px;
}

/*Modulo resumen*/
.item_resumen{
	color:#666666;
	padding:10px 0px 0px 0px;
	font-size:16px;
}
.item_resumen span{
	float:right;
}

.total_resumen{
	color:#000000; 
	font-size:22px;
	font-weight:600;
}
.total_resumen span{
	float:right;
}
.contenedor_cuotas{
	border:#DDDDDD 1px solid;
	padding:0px 10px 10px 10px;
}

/* Estilo para envío gratis */
.envio-gratis-modulos-resumen {
    color: #28a745;
    font-weight: bold;
}


/*Resultado final*/
.mensaje-exito-error {
	margin-bottom:20px;
}


.minorista_mensaje{
	color:#333333; 
	font-size:20px;
}
.minorista_bienvenida{
	font-size:28px; 
	font-weight:600; 
	color:#333333; 
	padding:10px 0;
	margin:80px;
	text-align:left;
}

@media (max-width:768px) {
.minorista_bienvenida{
	padding:20px 0;
	text-align:center; 
	margin: 0;
}
}
.info {
	display:inline-grid;
	padding-left:10px;
	font-size:14px;
}

.contenedor_item_datos_domicilio{
	border:1px #DDDDDD solid; 
	padding:10px 20px;
	margin-top: 10px;
}
.opcion{
	margin-top:20px;
	display:grid;
}
.mensaje-error{
	color:red;
}
.contenedor_divider{
	margin-bottom:20px;
}
.alert{
	 color:#1F1F1F; background:#FFFFFF; border:#E2E2E2 1px solid;
}
.alert-compra{
        padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.columna_carrito{
	font-size:12px;
}
.eliminar_carrito{
	font-size:18px
}
.divider_gris_display{
	display:inline-block;
}
.contenedor_producto_movil{
	display:grid;
}
.img-producto-movil{
	 display:inline; 
}
.producto_movil{
	margin-bottom:20px; min-height:75px;
}
.nombre_producto_carrito_movil{
	display:inline; font-size:14px;
}
.precio_movil{
	font-size:14px;

}

.eliminar_carrito_movil{
	display:inline;
}
.eliminar_carrito_movil a{
	font-size:18px;
}
.subtotal_movil{
	font-size:12px;
}
.subtotal_movil span{
	font-weight:600; font-size:14px;
}

.icono-usuarios{
	font-size:18px; display:inline-block; 
}

.ingresar{
	  font-weight:600; padding-left:20px; display:inline-block;
}
a:hover .nombre_producto_carrito{
	color:#0080ff;
}
.precio_unitario_col_derecha{
	text-align:right;font-size:16px;
}
#subtotal_producto_movil_1{
	
	font-weight:600; font-size:14px;
}

.subtotal_precio_movil{
	font-weight:600; font-size:14px;
}

.contenedor-recaptcha {
    margin: 0 auto;
    margin-bottom: 10px;
	margin-top:20px;
    display: flex;
    justify-content: center;
}

/* Estilos para contenedor de cup��n - mismo estilo que contenedor_costos */
.contenedor_cupon {
	border: #DDDDDD 1px solid;
	background: #f9f9f9;
	padding:15px;
	box-sizing: border-box;
	border-radius:4px;
}

.contenedor_cupon .form-group {
	margin-bottom: 0;
	padding: 0;
}

.contenedor_cupon .input-group {
	display: table;
	width: 100%;
	border-collapse: separate;
}

.contenedor_cupon .form-control {
	display: table-cell;
	width: 100%;
	height: 38px;
	border-radius: 4px 0 0 4px;
	margin: 0;
}

.contenedor_cupon .input-group-btn {
	display: table-cell;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
}

.contenedor_cupon .cupon-btn-aplicar {
	height: 38px;
	border-radius: 0 4px 4px 0;
	padding: 6px 12px;
	margin: 0;
	white-space: nowrap;
}

.mensaje-cupon-error,
.mensaje-cupon-exito {
	min-height: 45px;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 4px;
	font-size: 14px;
	display: none;
}

.mensaje-cupon-error {
	background-color: #f8d7da;
	border: 1px solid #f5c6cb;
	color: #721c24;
}

.mensaje-cupon-exito {
	background-color: #d4edda;
	border: 1px solid #c3e6cb;
	color: #155724;
}

.mensaje-cupon-error i,
.mensaje-cupon-exito i {
	margin-right: 8px;
}

.descuento {
	color: green;
	font-size:16px;
	padding-top: 5px;
    padding-bottom: 5px;
}


@media (min-width: 992px){
  .contenedor_cupon,
  .contenedor_costos{
    float: right !important;   /* en vez de float:left de Bootstrap */
  }

  .contenedor_costos{
    clear: right !important;   /* que siempre vaya debajo del cup��n */
    margin-top: 10px;
  }
}

/* Layout de dos columnas */
        .layout-transferencia {
            display: flex;
            gap: 20px;
            margin-top: 20px;
        }
        
        .columna-izquierda-transferencia {
            flex: 1;
        }
        
        .columna-derecha-transferencia {
            width: 400px;
            flex-shrink: 0;
        }
        
        /* Estilos para la columna izquierda - instrucciones */
        .box-instrucciones {
            background: white;
            border: 1px solid #DDDDDD;
            padding: 20px;
            margin-bottom: 20px;
        }
        
        .titulo-instrucciones {
            font-size: 20px;
            font-weight: 600;
            color: #1F1F1F;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .paso-transferencia {
            margin: 20px 0;
        }
        
        .paso-titulo {
            font-weight: 700;
            font-size: 14px;
            color: #1F1F1F;
            margin-bottom: 10px;
        }
        
        .paso-contenido {
            font-size: 14px;
            color: #666666;
            line-height: 1.6;
        }
        
        .lista-cuenta {
            list-style: none;
            padding: 0;
            margin: 10px 0;
        }
        
        .lista-cuenta li {
            padding: 5px 0;
            font-size: 14px;
            color: #1F1F1F;
        }
        
        .lista-cuenta strong {
            font-weight: 600;
        }
        
        .btn-copiar-cvu {
            background: #0d7ac7;
            color: white;
            border: none;
            padding: 12px 30px;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            width: 100%;
            margin-top: 15px;
            border-radius: 4px;
        }
        
        .btn-copiar-cvu:hover {
            background: #0a5ea0;
        }
        
        /* Estilos para columna derecha - resumen */
        .contenedor_columna_derecha {
            border: 1px solid #DDDDDD;
            padding: 20px;
            background: white;
        }
        
        .subtitulo_columna_derecha {
            margin-bottom: 10px;
            width: 100%;
            color: #1F1F1F;
            font-weight: 600;
            font-size: 22px;
        }
        
        
        
        .divider_gris_grueso {
            border-bottom: 2px solid #DDDDDD;
            margin: 15px 0;
            width: 100%;
        }
        
        .producto-item-resumen {
            font-size: 14px;
            color: #666666;
            padding: 10px 0;
        }
        
        .producto-imagen-resumen {
            max-width: 60px;
            height: auto;
            display: inline-block;
            margin-right: 10px;
        }
        
        .producto-nombre-resumen {
            font-size: 14px;
            color: #666666;
        }
        
        .producto-precio-resumen {
            font-size: 14px;
            color: #666666;
            font-weight: 600;
        }
        
        .subtotal_col_derecha {
            font-size: 14px;
            color: #666666;
            padding: 10px 0;
        }
        
        .total_col_derecha {
            color: #000000;
            font-size: 22px;
            font-weight: 600;
            margin-top: 10px;
        }
        
        .item_resumen {
            font-size: 14px;
            color: #666666;
            padding: 8px 0;
            display: flex;
            justify-content: space-between;
        }
        
        .total_resumen {
            font-size: 18px;
            color: #000000;
            font-weight: 600;
            padding: 10px 0;
            display: flex;
            justify-content: space-between;
        }
        
        .transferencia_col_derecha {
            background: #E8F5E9;
            padding: 12px;
            margin-top: 10px;
            border-radius: 4px;
            display: flex;
            justify-content: space-between;
        }
        
        .texto-transferencia {
            font-weight: 600;
           
            font-size: 16px;
        }
        
        .precio-transferencia {
            font-weight: 700;
           
            font-size: 18px;
        }
		.pago-transferencia-destacado-resumen{
			display: flex;
    flex-direction: row;
    align-items: center;
		}
		.pago-transferencia-destacado-resumen .texto-transferencia{
			
    color: #000000;
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px;

		}
        
        /* Responsive */
        @media (max-width: 992px) {
            .layout-transferencia {
                flex-direction: column;
            }
            
            .columna-derecha-transferencia {
                width: 100%;
            }
        }